/*---------------------------------------------------------------------------------
 Theme Name:   Gun Shop 
 Theme URI:    https://gunshop.diviwoocommercethemes.com
 Description:  Meat Shop Divi WooCommerce Theme is specially designed for multipurpose like Meat Shop, Chicken Shop, Mutton Shop, Fish, Sea Food, Meat Food Store, Butcher Steak House, Raw Meat Shop, Meat Meal, vegetable Shop, and more other services.
 Author:       Divi-Childthemes.com
 Author URI:   https://www.divi-childthemes.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* -----------------------------------------------------------------------------   
    TABLE OF CONTENT
---------------------------------------------------------
    01. General Class CSS
		Title CSS		
		Button CSS
        Page Header Title Css
		Breadcrumbs CSS
	02. Header Section CSS
    	Header v1 CSS
		Header v2 CSS
		Header v3 CSS
	03. Footer Section CSS
		Footer v1 CSS
		Footer v2 CSS
		Footer v3 CSS
    04. Sidebar CSS
    05. Blog CSS
		Blog Grid CSS
			2 Columns CSS
            3 Columns CSS
			4 Columns CSS
        Blog Listing CSS 
		Blog Category Page CSS 
		Blog Tags Page CSS 
		Blog Author Page CSS 
		Blog Single Page CSS
	06. Contact Us CSS
	07. Team Section CSS
		Team Single CSS
    08 Slider Section CSS
	09 Faqs CSS
	10 Testimonial Section CSS
	11 Services Section CSS
    12 Partner Section CSS
    13 Counter Section CSS
    14 Newsletter Section CSS
    15 CTA Section CSS
    16 Category CSS 
    17 Accordian Css
    18 Discount Sections Css
    19 Coming Soon Page CSS
    20 Privacy & policy Css
    21 Scroll Top Css
    22 Mobile Menu CSS
	23 Search Page CSS
	24 Hero Section CSS
	25 Why choose us CSS
	26 Color Picker CSS
    27 Animation Part CSS
    
--------------------------------------------------------*/
body {
	overflow-x: hidden;
}

html #wpadminbar {
	z-index: 9999999;
	position: fixed
}

@media screen and (max-width:980px) {

/*for login user make adminbar fix*/
	#wpadminbar {
		position: fixed;
	}

	body {
		overflow-x: hidden;
	}
}

/* -----------------------------------
    01. General Class CSS
-------------------------------------*/
/*---Title CSS---*/
/* ------------------------------------- */
/* Input & Checkbox CSS */
input[type=radio],
input[type=checkbox] {
	accent-color: var(--px-color-2);
}

/* Img Hover CSS */
.px_hover_img .et_pb_image_wrap {
	position: relative;
	overflow: hidden;
}

.px_hover_img .et_pb_image_wrap::before,
.px_hover_img .et_pb_image_wrap::after {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	background-color: #fff;
	opacity: 0.1;
	z-index: 1;
	transition: all 0.4s;
}

.px_hover_img .et_pb_image_wrap::before {
	left: 0;
	top: 0;
}

.px_hover_img .et_pb_image_wrap::after {
	right: 0;
	bottom: 0;
}

.px_hover_img:hover .et_pb_image_wrap::before,
.px_hover_img:hover .et_pb_image_wrap::after,
.px_hover_img_column:hover .et_pb_image_wrap::before,
.px_hover_img_column:hover .et_pb_image_wrap::after {
	height: 100%;
	width: 100%;
}

/* Img Animation CSS */

.px_animationframesfive_img .et_pb_image_wrap img {
	animation: animationframesfive 12s infinite linear alternate;
}

.px_animationtramestwo_img .et_pb_image_wrap img {
	animation: animationtramestwo 12s infinite linear alternate;
}

.px_animationzoominout_img .et_pb_image_wrap img {
	animation: animationzoominout 12s infinite linear alternate;
}


/*---Button CSS---*/
.px_btn {
	position: relative;
	overflow: hidden;
	color: #fff;
	background-color: var(--px-color-1) !important;
	z-index: 1;
	transition: .5s ease-in-out;
}

.px_btn:before {
	content: "" !important;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0 !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    background: var(--px-color-2);
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

.px_btn:hover:before {
	transform: scaleY(1);
}

.px_btn:after {
	display: none !important;
}

.px_btn.light {}

/*---Page Header Title CSS---*/
.px_header_title {}

/*---Breadcrumbs Title CSS---*/
.px_b_home_link {}

.px_b_other_link {}



/* -----------------------------------
      00. Page Title CSS Start Here
  -------------------------------------*/
/*---Title CSS---*/
/* .px_subtitle {
	padding: 0 0 25px 0;
	position: relative;
} */

.px_subtitle .et_pb_text_inner h3 {
    text-transform: uppercase;
    color: var(--px-color-1);
    letter-spacing: 3px;
}

.px_subtitle .et_pb_text_inner h3 span {
    position: relative;
    padding: 0px 25px;
}

.px_subtitle .et_pb_text_inner h3 span:before,
.px_subtitle .et_pb_text_inner h3 span:after {
	content: "\e0f5";
	position: absolute;
	font-family: ETmodules;
/* 	content: "\e19b";
	font-family: "Font Awesome 6 Pro"; */
}

.px_subtitle .et_pb_text_inner h3 span:before {
	left: 0;
}
.px_subtitle .et_pb_text_inner h3 span:after {
	right: 0;
}

.px_subtitle {
	position: relative;
	z-index: 1;
}

.px_subtitle:before,
.px_subtitle:after {
    content: '';
    position: absolute;
    height: 35px;
    width: 10px;
    background: var(--px-color-1);
    transform: rotate(20deg);
    bottom: 0;
    opacity: 0.1;
    z-index: -1;
}

.px_subtitle:before {
	left: calc(50% + 5px);
}
.px_subtitle:after {
	right: calc(50% + 5px);
}

.px_subtitle_left {
	padding-bottom: 0;
}

.px_subtitle_left h3 {
	color: var(--px-color-1);
}

.px_subtitle_left .et_pb_text_inner h3 span {
	padding-left: 0px;
}

.px_subtitle_left .et_pb_text_inner h3 span:before,
.px_subtitle_left:before,
.px_subtitle_left:after {
	content: unset;
}

@media only screen and (min-width:480px) and (max-width:980px) {
	.px_subtitle:after {
		left: 48%;
	}
}

@media only screen and (max-width:480px) {
	.px_subtitle:after {
		left: 47%;
	}
}

.px_title h2 {
	color: var(--px-color-2);
}

.px_desc {}

/*--- Global Class CSS ---*/
/*****Pagination******/
.pagination-container {
	margin-bottom: 0px !important;
}

.et_pb_row_custom_pagination {
	clear: both;
	text-align: left;
}

.pagination-container {
	padding-top: 0 !important;
	margin-top: 2em;
	margin-bottom: 2em;
}

.screen-reader-text {
	display: none;
}

.navigation.px_blogpagination .page-numbers {
	display: inline-block;
	border-right: 0;
	padding: 0em 1em;
	margin: 0 -1px;
	line-height: 2.6em;
}

.navigation.px_blogpagination .page-numbers.prev,
.navigation.px_blogpagination .page-numbers.next {
	padding: 0 .5em;
}

.navigation.px_blogpagination span.page-numbers {
	color: #fff;
	border: 1px solid;
	border-color: #000 !important;
	font-weight: 600;
}

.navigation.px_blogpagination .page-numbers .et-pb-icon {
	font-size: 1.6em;
	vertical-align: middle;
	line-height: 1.5em;
	margin-top: -3px;
}

.navigation.px_blogpagination a.page-numbers:hover,
.navigation.px_blogpagination span.page-numbers {
	background-color: #000 !important;
}

.navigation.px_blogpagination a.page-numbers {
	color: #fff !important;
	background: #000;
}

.navigation.px_blogpagination a.page-numbers:hover {
	color: #fff !important;
}



/*****Woo Preloader******/
.woocommerce .loader::before {
	display: none;
}

/* -----------------------------------
    02. Header Section CSS
-------------------------------------*/

/*---Menu + Sub Menu CSS---*/
/*---Main Menu CSS---*/

.px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:after {
	font-family: ETmodules;
	content: "\33";
	color: inherit;
	font-size: 16px;
	position: absolute;
	right: 0;
	top: 13px;
	font-weight: 800;
	transition: all 0.4s;
}

.px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:hover::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu .menu-item-has-children>a:first-child:hover::after {
	color: var(--px-color-1);
}

.px_header_menu.et_pb_menu .et-menu li ul li.menu-item-has-children>a:first-child:after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li ul li.menu-item-has-children>a:first-child:after {
	color: var(--px-color-2);
}

.px_header_menu.et_pb_menu ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul {
	position: absolute;
	padding: 15px;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	background: #ffffff;
	border-top: none !important;
	transition: all 300ms ease;
	border-radius: 0px;
	box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
}

.px_header_menu.et_pb_menu ul li.mega-menu ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li.mega-menu ul li ul {
	position: relative;
	left: 0;
	margin-top: 0px;
	padding: 0px;
	opacity: 1;
	visibility: visible;
	z-index: 100;
	background: #fff;
	border-top: none !important;
	transition: all 300ms ease;
	box-shadow: unset;
}

.px_header_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 20px;
	top: -20px;
	left: 0;
}

.px_header_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu::after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -5px;
	left: 14%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.px_header_menu.et_pb_menu .et-menu-nav ul li.mega-menu>ul>li>a:first-child,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.mega-menu>ul>li>a:first-child {
	font-weight: 700;

}

.px_header_menu.et_pb_menu ul li:hover>ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	display: block;
}

.px_header_menu.et_pb_menu ul li,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li {
	margin-top: 0px !important;
}

.px_header_menu.et_pb_menu ul li ul li ul,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li ul {
    left: 100%;
    top: auto;
    margin-top: -53px;
}

.px_header_menu.et_pb_menu ul li ul li ul:after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li ul:after {
	display: none;
}

.px_header_menu.et_pb_menu ul li a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a {
	position: relative;
	font-size: 16px;
	color: #202020;
	font-weight: 600;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: all 0.4s;
}

.px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a,
.px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-item>a,
.px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after,
.px_header_menu.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu-nav ul li.current-menu-item>a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et-menu li.current-menu-item.menu-item-has-children>a:first-child::after {
	color: var(--px-color-1);
}

.px_header_menu.et_pb_menu ul li a:hover,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a:hover {
	color: var(--px-color-1);
	opacity: 1;
}

@media only screen and (max-width:480px) {

	.px_header_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu::after,
	.px_header_menu.et_pb_menu ul li.menu-item-has-children ul.sub-menu::before {
		display: none;
	}
}

.px_label,
.et-db #et-boc .et-l .px_label {
	display: unset;
	font-size: 10px;
	font-weight: 600;
	margin: 0px 0px 0px 5px;
	position: relative;
	top: -10px;
	color: #ffffff;
	background-color: var(--px-color-1);
	padding: 3px 4px;
	border-radius: 3px;
}

.px_header_menu.et_pb_menu ul li ul li,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li {
	padding: 0px;
}

.px_header_menu.et_pb_menu ul li ul li a,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a {
	padding-left: 0;
	position: relative;
	padding: 5px 0px 5px 0px;
	font-weight: 500;
	border: none;
	font-size: 15px;
	text-transform: capitalize;
	color: #202020;
	transition: all 0.4s;
}

.px_header_menu.et_pb_menu ul li ul li a:hover,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a:hover {
	background-color: unset;
}

.px_header_menu.et_pb_menu ul li ul li a::after,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li ul li a::after {
	top: 5px !important;
	right: 5px !important;
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon {
	color: var(--px-color-1);
	font-size: 20px;
	margin: 0px 15px;
	transition: all 0.4s;
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover {
	color: var(--px-color-2);
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button {
	margin: 0px 15px 0px 25px;
}

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__search-button {
	font-weight: 600;
}

.px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search {
	padding: 10px;
	border-radius: 50px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(171 171 171);
}

.px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form {
	color: #202020;
}

.px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__close-search-button,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__close-search-button {
	color: var(--px-color-1);
}

/*---Sub Menu CSS---*/
/*---Header Common Info Css---*/
/* small button */
.px_small_btn {
	color: #fff;
	background: transparent !important;
}

.px_small_btn:hover {
	color: var(--px-color-1);
}

.px_small_btn1 {
	width: 100%;
	background: var(--px-color-1);
	color: #fff;
}

.px_small_btn1:hover {
	background: var(--px-color-1) !important;
}

.px_small_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap {
	background: #f4f4f4;
	padding: 7px 10px;
	border-radius: 0px;
}

.px_small_blurb_info .et_pb_blurb_container .et_pb_module_header,
.px_small_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color: var(--px-color-1) !important;
}

.px_header_contact_info {}

.px_header_social .et_pb_social_network_link .icon:before {
	color: #fff !important;
	transition: .3s ease-in-out;
}

.px_header_social .et_pb_social_network_link:hover .icon:before {
	color: var(--px-color-2) !important;
	transition: .3s ease-in-out;
}

/* Email Option */
.px_header_email .et_pb_newsletter_form {
	overflow: hidden;
}

.px_header_email .et_pb_newsletter_form form {
	background: #f4f4f4;
	border-radius: 100px;
}

.px_header_email .et_pb_newsletter_form form .et_pb_newsletter_field {
	padding: 0;
}

.px_header_email .et_pb_newsletter_form form .et_pb_newsletter_field input {
	background: transparent;
}

.px_header_email .et_pb_newsletter_form form .et_pb_newsletter_button_wrap {
	position: absolute;
	top: 0;
	right: 0;
}

.px_header_email .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button {
	background: var(--px-color-1);
	border: none;
	padding: 7px;
	border-radius: 0 100px 100px 0;
}

.px_header_email .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:after {
	margin-left: 0;
}

.px_header_email .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text {
	font-size: 0;
	line-height: 0;
}

@media only screen and (min-width:480px) and (max-width:980px) {
	.px_header_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
		display: block !important;
		position: absolute;
		left: 10%;
	}

	.px_header_menu .et_pb_menu_inner_container .et_pb_menu__wrap {
		justify-content: space-between !important;
	}

	.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button,
	.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button {
		margin: 0;
	}
}

@media only screen and (max-width:480px) {

	.px_header_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap .et_pb_menu__logo {
		margin: 0;
	}

	.px_header_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
		position: absolute;
		display: block !important;
		left: 50%;
		transform: translateX(-50%);
	}

	.px_header_menu .et_pb_menu_inner_container .et_pb_menu__wrap {
		justify-content: space-between !important;
	}

	.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button,
	.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon.et_pb_menu__cart-button {
		margin: 0;
	}
}


/*------------------------
 	Header v2  CSS
------------------------*/

.px_header_menu_v2.et_pb_menu ul li ul {
	border-top: none;
	border-radius: 0px;
}

.px_header_menu_v2.et_pb_menu ul li a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li a {
	color: var(--px-color-2);
	font-size: 15px;
	opacity: 1;
	line-height: 40px;
}

.px_header_menu_v2.et_pb_menu ul li ul li a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li ul li a {
	text-transform: uppercase;
	font-size: 13px;
	line-height: 30px;
}

.px_header_menu_v2.et_pb_menu ul li ul li a:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: var(--px-color-1);
	opacity: 0;
	border-radius: 0px;
	top: 0;
	left: 0;
	z-index: -1;
	transition: .3s ease-in-out;
}

.px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon {
	color: #fff;
	font-size: 17px;
}

.px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_pb_menu__icon:hover {
	color: var(--px-color-1);
}

.px_header_menu_v2.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__search-container .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input {
	color: #fff;
}


/* Menu Sub-Menu */
/* Menu */
/* Sub-Menu */
/* .px_header_menu_v2 .et-menu .menu-item .sub-menu{
	top:75px!important;
	
} */

/* .px_header_menu_v2 .et-menu .menu-item .sub-menu li{
	position: relative;
	transition:.3s ease-in-out;
}
.px_header_menu_v2 .et-menu .menu-item .sub-menu li:before{
	content: '\5e';
    position: absolute;
    font-family: 'ETmodules';
    color: var(--px-color-2);
    left: -5px;
    top: 50%;
	opacity:0;
    font-size: 20px;
    transform: translateY(-50%);
	transition:.3s ease-in-out;
}
.px_header_menu_v2 .et-menu .menu-item .sub-menu .menu-item .sub-menu{
	left:104%!important;
} */
/* Mega Menu */
/* .px_header_menu_v2 .et-menu .mega-menu .sub-menu{
	width:90%;
    left: 50%!important;
    transform: translateX(-50%);
}
.px_header_menu_v2 .et-menu .mega-menu .sub-menu li:before{
	content:unset;
}
.px_header_menu_v2 .et-menu .mega-menu .sub-menu li:hover{
	padding-left:0!important;
}
 */
/* Button */
.px_header_v2_small_btn {
	color: var(--px-color-2);
	background: transparent !important;
}

.px_header_v2_small_btn:before {
	color: var(--px-color-1);
}

/* icon */
.px_header_v2_icon .et_pb_icon_wrap .et-pb-icon {
	color: var(--px-color-2) !important;
	transition: .3s ease-in-out;
}

/* Slider v2 HOVER CSS HERE */

.px_header_menu_v2.et_pb_menu ul li ul li a:hover {
	padding-left: 15px !important;
	border-radius: 5px !important;
	opacity: 1;
}

.px_header_menu_v2.et_pb_menu ul li ul li a:hover:before {
	opacity: 0.7;
	transition: .3s ease-in-out;
}

/* Menu Sub-Menu */
/* Sub-Menu */
/* .px_header_menu_v2 .et-menu .menu-item:hover .sub-menu{
	top:45px!important;
} */
/* .px_header_menu_v2 .et-menu .menu-item .sub-menu li:hover{
    padding-left:15px!important;
	transition:.3s ease-in-out;
}
.px_header_menu_v2 .et-menu .menu-item .sub-menu li:hover:before{
	opacity:1;
	color:var(--px-color-1);
	transition:.3s ease-in-out;
} */
/* icon */
.px_header_v2_icon .et_pb_icon_wrap .et-pb-icon:hover {
	color: var(--px-color-1) !important;
	transition: .3s ease-in-out;
}

.px_header_menu_v2 .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
	display: none;
}

@media only screen and (min-width:480px) and (max-width:980px) {
	.px_header_menu_v2 .et_pb_menu_inner_container .et_pb_menu__wrap {
		justify-content: flex-end !important;
	}
}

@media only screen and (max-width:480px) {
	.px_header_menu_v2 .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
		display: block;
	}

	.px_header_menu_v2 .et_pb_menu_inner_container .et_pb_menu__wrap {
		justify-content: flex-end !important;
	}
}



/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title {}

.px_f_btn:hover {
	color: var(--px-color-1) !important;
	background: transparent !important;
}

.px_f_btn:before {
	color: var(--px-color-1);
}

.px_footer_blurb_info {}

.px_footer_links {
	color: #e6e6e6;
	font-size: 15px !important;
}

.px_footer_links:hover {
	color: var(--px-color-1);
	background: transparent !important;
}

/* social */
.px_footer_social .et_pb_social_network_link .icon {
	background: var(--px-color-1);
	border-radius: 0px !important;
	transition: .3s ease-in-out;
}

.px_footer_social .et_pb_social_network_link .icon:before {
	color: #fff !important;
	transition: .3s ease-in-out;
}

.px_footer_social .et_pb_social_network_link .icon:hover {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.px_footer_v1_img_up_down {
	animation: up-down 4s linear infinite;
}


/*---Footer v1  CSS---*/
.px_footer_v1 {}

/*---Footer v2  CSS---*/
/* Blurb Info */
.px_footer_v2_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap {
	border-radius: 0px;
	background: #fff;
	transition: .3s ease-in-out;
}

.px_footer_v2_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	padding: 20px;
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}

/* Title */
.px_footer_v2_title {
	color: var(--px-color-2) !important;
}

/* button */
.px_footer_v2_links:after {
	opacity: 0 !important;
}

.px_footer_v2_links:before {
	content: '\5e';
	position: absolute;
	font-family: 'ETmodules';
	display: block;
	opacity: 1;
	font-size: 20px;
	left: 10px;
	top: 50%;
	opacity: 0;
	color: var(--px-color-1);
	transform: translateY(-50%);
	margin-left: 0;
	transition: .3s ease-in-out;
}

.px_footer_v2_links {
	padding-left: 15px;
	color: var(--px-color-2);
	font-size: 18px !important;
	transition: .3s ease-in-out;
}

/* News */
.px_footer_v2_news form .et_pb_newsletter_field {
	padding-bottom: 0;
}

.px_footer_v2_news form .et_pb_newsletter_field input {
	border: 1px solid #00000050 !important;
}

.px_footer_v2_news form .et_pb_newsletter_button_wrap {
	position: absolute;
	top: 0;
	right: 0;
}

.px_footer_v2_news form .et_pb_newsletter_button_wrap .et_pb_button {
	color: var(--px-color-2);
	padding: 7px;
	border: 1px solid #00000050;
	transition: .3s ease-in-out;
}

.px_footer_v2_news form .et_pb_newsletter_button_wrap .et_pb_button:after {
	margin-left: 3px !important;
}

.px_footer_v2_news form .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text {
	font-size: 0;
	line-height: 0;
}


/* Small Info CSS */

.px_footer_v1_top .px_footer_v2_small_info .et_pb_text_inner a {
	color: var(--px-color-1);
}

/* FOOTER V2 HOVER CSS HERE */
/* Blurb Info */
.px_footer_v2_blurb_info:hover .et_pb_main_blurb_image .et_pb_image_wrap {
	background: var(--px-color-2);
	transition: .3s ease-in-out;
}

.px_footer_v2_blurb_info:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color: #fff;
	;
	transition: .3s ease-in-out;
}

/* button */
.px_footer_v2_links:hover:before {
	opacity: 1;
	transition: .3s ease-in-out;
}

.px_footer_v2_links:hover {
	padding-left: 35px !important;
	color: var(--px-color-1) !important;
	background: transparent !important;
	transition: .3s ease-in-out;
}

/* News */
.px_footer_v2_news form .et_pb_newsletter_button_wrap .et_pb_button:hover {
	color: #fff;
	background: var(--px-color-1);
	transition: .3s ease-in-out;
}

/* social */
.px_footer_v2_social .et_pb_social_network_link .icon:hover:before {
	color: #fff !important;
	transition: .3s ease-in-out;
}

.px_footer_v2_social .et_pb_social_network_link .icon:hover {
	background: var(--px-color-1) !important;
	transition: .3s ease-in-out;
}

/*---Footer v2 Hover CSS---*/
/*-----------------------------------
       04. Sidebar CSS Start Here
  -------------------------------------*/
.px_blog_sidebar {}

.px_blog_sidebar .widgettitle {
	position: relative;
    color: var(--px-color-1);
    font-size: 15px;
	line-height: 1em;
    font-weight: 500;
	letter-spacing: 3px;
	padding-right: 25px;
	width: fit-content;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.px_blog_sidebar .widgettitle:after {
	content: "\e0f5";
    position: absolute;
    font-family: ETmodules;
	right: 0;
}

.px_blog_sidebar .et_pb_widget {
    padding: 15px;
    border-radius: 0px;
    border: 1px solid #e5e5e5;
    background: #fff;
    width: 100%;
    margin-bottom: 20px;
}

/* Search */
.px_blog_sidebar .widget_search .searchform {
	border-radius: 0px;
}

.px_blog_sidebar .widget_search .searchform input {
	border: 1px solid #0000003d !important;
	border-radius: 0px !important;
}

.px_blog_sidebar .searchform #searchsubmit {
	color: #fff;
	background: var(--px-color-1);
	border: none;
}

/* Category */
.px_blog_sidebar .widget_categories .cat-item {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	color: var(--px-color-2);
	padding-left: 25px;
	position: relative;
	margin: 10px 0;
	transition: .3s ease-in-out;
}

.px_blog_sidebar .widget_categories .cat-item:before {
	content: '\39';
	position: absolute;
	font-family: 'ETmodules';
	left: 0;
	font-size: 20px;
	color: var(--px-color-1);
	font-weight: 700;
	transition: .3s ease-in-out;
}

.px_blog_sidebar .widget_categories .cat-item a {
	color: var(--px-color-2);
	transition: .3s ease-in-out;
}

/* Tag */
.px_blog_sidebar .widget_tag_cloud .tagcloud a {
	position: relative;
	font-size: 15px !important;
	padding: 10px;
	border-radius: 0px;
	overflow: hidden;
	background: #fff;
	color: var(--px-color-2);
	margin: 0px 5px 5px 0px;
	border: 1px solid #8a8a8a;
	transition: .3s ease-in-out;
	z-index: 1;
}

.px_blog_sidebar .widget_tag_cloud .tagcloud a:before {
	content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    margin: 0;
    background: var(--px-color-1);
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

/* Recent Post */
.px_blog_sidebar .widget_recent_entries ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.px_blog_sidebar .widget_recent_entries ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.px_blog_sidebar .widget_recent_entries ul li a {
	display: block;
    font-size: 18px;
    line-height: 1.1;
    padding-bottom: 5px;
    color: #202020;
    font-weight: 600;
	transition: all 0.4s;
}

.px_blog_sidebar .widget_recent_entries ul li .post-date {
	position: relative;
	padding-left: 20px;
	font-size: 14px;
    text-transform: uppercase;
    color: var(--px-color-1);
}

.px_blog_sidebar .widget_recent_entries ul li .post-date:before {
	content: "\e025";
	position: absolute;
	font-family: ETmodules;
	left: 0;
}

/* Social */
.px_blog_sidebar_social:before {
	padding-left: 0 !important;
	font-size: 22px !important;
	font-weight: 600;
	color: var(--px-color-2) !important;
	border-left: none !important;
}

.px_blog_sidebar_social {
	border-radius: 0px;
}

.px_blog_sidebar_social .et_pb_social_network_link .icon {
	position: relative;
	overflow: hidden;
    border: 1px solid #8a8a8a;
    border-radius: 0% !important;
    transition: .3s ease-in-out;
	z-index: 1;
}

.px_blog_sidebar_social .et_pb_social_network_link .icon:before {
	color: var(--px-color-2);
    transition: 0.4s ease-out;
}

.px_blog_sidebar_social .et_pb_social_network_link .icon:after {
	content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    margin: 0;
    background: var(--px-color-1);
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

/* HOVER CSS HERE */
/* Category */
.px_blog_sidebar .widget_categories .cat-item:hover {
	padding-left: 30px;
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}

.px_blog_sidebar .widget_categories .cat-item:hover:before {
	left: 5px;
	transition: .3s ease-in-out;
}

.px_blog_sidebar .widget_categories .cat-item:hover a {
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}

/* Tag */
.px_blog_sidebar .widget_tag_cloud .tagcloud a:hover {
	color: #fff;
	border-color: var(--px-color-1);
	transition: .3s ease-in-out;
}

.px_blog_sidebar .widget_tag_cloud .tagcloud a:hover:before {
    transform: scaleY(1);
}

/* Recent Post */
.px_blog_sidebar .widget_recent_entries ul li a:hover {
    color: var(--px-color-1);
}

/* Social */
.px_blog_sidebar_social .et_pb_social_network_link .icon:hover {
	border-color: var(--px-color-1);
}

.px_blog_sidebar_social .et_pb_social_network_link .icon::hoverbefore {
	color: #fff;
}

.px_blog_sidebar_social .et_pb_social_network_link .icon:hover:after {
    transform: scaleY(1);
}

/* Filter by */

/* -----------------------------------
       04. Sidebar CSS End Here
  -------------------------------------*/
/* -----------------------------------
     05. banner CSS
-------------------------------------*/

/* Banner */
.px_banner_small_btn:after {
	color: #fff !important;
}

.px_banner_small_btn {
	color: #fff;
	transition: .3s ease-in-out;
}

.px_banner_small_btn:hover {
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}

/* -----------------------------------
     05. Blog CSS
-------------------------------------*/

/* info class */
.px_blog_v1 .et_pb_post .px_blog_v1_info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .entry-title {
	order: 2;
	width: 100%;
	padding-bottom: 15px;
    margin-bottom: 15px;
	transition: all 0.4s;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.px_blog_v1 .et_pb_post .entry-title a {
    background: linear-gradient(to right, var(--px-color-1) 50%, #202020 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: all 0.8s;
}

.px_blog_v1 .et_pb_post .entry-title a:hover {
    background-position: 0 100%;
}


.px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta {
	order: 1;
	width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta .published {
	position: absolute;
    top: -55px;
    left: 10px;
    background-color: var(--px-color-1);
    color: #fff;
    height: 50px;
    width: 50px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 1.1;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}
.px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta .author {
	padding: 0 10px 0 25px;
	position: relative;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-meta .author:before {
	content: '\e08a';
	position: absolute;
	font-family: 'ETmodules';
	left: 0;
	color: var(--px-color-1);
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-content {
	order: 3;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-content .post-content-inner {
	padding: 5px 0 30px;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-content .more-link {
	position: relative;
	overflow: hidden;
    font-size: 15px;
    display: inline-block;
    background: var(--px-color-1);
    color: #fff;
    text-transform: capitalize;
    padding: 6px 10px;
    transition: .5s ease-in-out;
	z-index: 1;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-content .more-link:before {
	content: "" !important;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0 !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    background: var(--px-color-2);
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

.px_blog_v1 .et_pb_post .px_blog_v1_info .post-content .more-link:hover:before {
	transform: scaleY(1);
}

.px_blog_v1 .et_pb_post {
	position: relative;
	box-shadow: 0 0 40px 5px rgb(0 0 0 / 10%);
	border: none;
	padding: 15px;
	border-radius: 0px;
	transform: translateY(0);
	transition: .3s ease-in-out;
}

.px_blog_v1 .et_pb_post:hover {
	transform: translateY(-10px);
	transition: .3s ease-in-out;
}

/*---Image  CSS---*/
.px_blog_v1 .et_pb_post .et_pb_image_container {
	margin: 0px;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url {
	margin-bottom: 15px;
	overflow: hidden;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url .et_overlay {}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {}

/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta .published {}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
    position: relative;
    display: inline-block;
    padding: 0px 5px 0px 20px;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"]:before {
	content: "\e07c";
	position: absolute;
	font-family: ETmodules;
	left: 0;
	color: var(--px-color-1);
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"]:hover {}

/*---Blog Desc CSS---*/
.px_blog_v1 .et_pb_post .post-content {}

.px_blog_v1 .et_pb_post .post-content .post-content-inner {}

/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link {}

/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft,
.px_blog_v1 .pagination .alignright {}

.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
	position: relative;
    overflow: hidden;
    font-size: 16px;
    display: block;
    background: var(--px-color-1);
    color: #fff;
    padding: 12px 15px;
    transition: .5s ease-in-out;
    z-index: 1;
}

.px_blog_v1 .pagination .alignleft a:before,
.px_blog_v1 .pagination .alignright a:before {
	content: "" !important;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0 !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    background: var(--px-color-2);
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

.px_blog_v1 .pagination .alignleft a:hover:before,
.px_blog_v1 .pagination .alignright a:hover:before {
	transform: scaleY(1);
}

/*---Blog Grid 2 Columns CSS---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(2, 48.2%);
}

.px_blog_grid_2_col .et_pb_post {
	padding: 15px 15px 40px;
	margin-bottom: 0;
}

.px_blog_grid_2_col .et_pb_post .entry-featured-image-url {
	border-radius: 10px !important;
}


/*---Blog Grid 4 Columns CSS---*/
.px_blog_grid_4_col .et_pb_ajax_pagination_container {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(4, 23.5%);
}

.px_blog_grid_4_col .et_pb_post {
	padding: 15px;
}

.px_blog_grid_4_col .et_pb_post .px_blog_v1_info .post-meta {
	display: flex;
	flex-wrap: wrap;
}

.px_blog_grid_4_col .et_pb_post .px_blog_v1_info .post-meta .author {
	margin: 0 0 8px 0px;
}

.px_blog_grid_4_col .et_pb_post .px_blog_v1_info .post-content .post-content-inner {
	padding: 5px 0 20px;
}

/* Blog Listing CSS */
.px_blog_list .et_pb_post {
	display: flex;
	padding: 30px;
	margin-bottom: 30px;
}

.px_blog_list .et_pb_post .entry-featured-image-url {
	margin-bottom: 0;
	width: 50%;
	height: 240px;
	margin-right: 30px;
}

.px_blog_list .et_pb_post .entry-featured-image-url img {
	height: 100%;
	object-fit: cover;
	border-radius: 0px;
}

.px_blog_list .et_pb_post .px_blog_v1_info {
	width: 50%;
}

.px_blog_list .et_pb_post .px_blog_v1_info .post-content .more-link {
	display: inline;
}


/* Blog Category CSS */
.px_blog_category {}

/* Blog Tags CSS */
.px_blog_tages {}

/* Blog Author CSS */
.px_blog_author {}


/* Blog Single Page CSS */
.px_blog_single .et_pb_title_container {
	padding: 15px 0px;
}

.px_blog_single .et_pb_title_featured_container {
	border-radius: 0px;
	overflow: hidden;
}



.px_blog_single .et_pb_title_container .et_pb_title_meta_container .author,
.px_blog_single .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"],
.px_blog_single .et_pb_title_container .et_pb_title_meta_container .published,
.px_blog_single .et_pb_title_container .et_pb_title_meta_container .comments-number {
	padding: 0 0 0 25px;
	margin-right: 10px;
	position: relative;
}

.px_blog_single .et_pb_title_container .et_pb_title_meta_container .author:before {
	content: '\e08a';
	position: absolute;
	font-family: 'ETmodules';
	left: 0;
	color: var(--px-color-1);
}

.px_blog_single .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]:before {
	content: '\e07c';
	position: absolute;
	font-family: 'ETmodules';
	left: 0;
	color: var(--px-color-1);
}

.px_blog_single .et_pb_title_container .et_pb_title_meta_container .published:before {
	content: '\e025';
	position: absolute;
	font-family: 'ETmodules';
	left: 0;
	color: var(--px-color-1);
}

.px_blog_single .et_pb_title_container .et_pb_title_meta_container .comments-number:before {
	content: '\e066';
	position: absolute;
	font-family: 'ETmodules';
	left: 0;
	color: var(--px-color-1);
}

/* Content */
.px_blog_single_title {
	font-size: 25px;
	font-weight: 700;
	color: var(--px-color-2);
	line-height: 35px;
}

.px_blog_single_desc {
	font-size: 18px;
	line-height: 25px;
}

/* Quotes */

.px_blog_single_quote:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: var(--px-color-1);
	left: 0;
	top: 0;
	opacity: 0.051;
}

.px_blog_single_quote {
	padding: 30px !important;
	border-left: 5px solid var(--px-color-1);
}

.px_blog_single_quote .et_pb_module .et_pb_text_inner {
	font-size: 18px;
	font-style: italic;
}

.px_blog_single_quote .et_pb_module .et_pb_text_inner h2 {
	font-size: 15px;
	font-weight: bold;
	color: var(--px-color-2);
	margin-top: 25px;
	position: relative;
	padding: 0 0 0 50px;
}

.px_blog_single_quote .et_pb_module .et_pb_text_inner h2:before {
	content: '';
	position: absolute;
	height: 2px;
	width: 40px;
	background: var(--px-color-1);
	top: 50%;
	left: 0;
	transform: translatey(-50%);
}

/* Tag */

.px_blog_single_tag .et_pb_blurb_description a {
	font-size: 15px;
	background-color: #fff;
	padding: 8px 10px;
	border-radius: 0px;
	margin-right: 5px;
	display: inline-block;
	color: var(--px-color-2);
	border: 1px solid #e5e5e5;
	transition: .3s ease-in-out;
}

/* Comment */
.px_post_comment #comment-wrap .page_title {
	font-size: 30px;
	font-weight: 600;
	color: var(--px-color-2);
}

.px_post_comment #comment-wrap .comment-form .logged-in-as a {
	color: var(--px-color-1);
}

.px_post_comment #comment-wrap .comment-form {
	border-radius: 0px;
}

.px_post_comment #comment-wrap .comment-form .comment-form-comment textarea,
.px_post_comment #comment-wrap .comment-form .comment-form-url input,
.px_post_comment #comment-wrap .comment-form .comment-form-email input,
.px_post_comment #comment-wrap .comment-form .comment-form-author input {
	width: 100% !important;
	border-radius: 0px;
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: none !important;
}

.px_post_comment #comment-wrap .comment-form .comment-form-cookies-consent input {
	accent-color: var(--px-color-1);
}

/* Button */
.px_post_comment #comment-wrap .comment-form .form-submit button {
	background-color: var(--px-color-1);
	color: #fff;
	transition: .5s ease-in-out;
}

.px_post_comment #comment-wrap .comment-form .form-submit button:after {
	display: none !important;
}

/* Blog Single HOVER CSS HERE */
/* Tag */
.px_blog_single_tag a:hover {
	background: var(--px-color-1);
	color: #fff;
	transition: .3s ease-in-out;
}


@media only screen and (min-width:480px) and (max-width:980px) {
	.px_blog_v1 .et_pb_post {
		margin-bottom: 30px !important;
	}

	.px_blog_grid_4_col .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2, 48.5%);
	}
}

@media only screen and (max-width:480px) {

	.px_blog_single .et_pb_title_container .et_pb_title_meta_container {
		display: flex;
		flex-wrap: wrap;
	}

	.px_blog_single .et_pb_title_container .et_pb_title_meta_container .author,
	.px_blog_single .et_pb_title_container .et_pb_title_meta_container .published,
	.px_blog_single .et_pb_title_container .et_pb_title_meta_container .comments-number {
		width: 100%;
		margin: 5px 0;
	}

	.px_blog_grid_2_col .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, 100%);
	}

	.px_blog_grid_4_col .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, 100%);
	}

	.px_blog_grid_4_col .et_pb_post {
		margin-bottom: 0px !important;
	}


	/* 	Blog Listing */
	.px_blog_list .et_pb_post {
		padding: 20px;
		flex-wrap: wrap;
	}

	.px_blog_list .et_pb_post .entry-featured-image-url {
		margin-bottom: 20px;
		width: 100%;
		margin-right: 0;
	}

	.px_blog_list .et_pb_post .px_blog_v1_info {
		width: 100%;
	}
}

/* -----------------------------------
    06. Contact Us CSS
-------------------------------------*/
/*---Contact Us v1  CSS---*/
.px_contact_v1 {}

/*---Contact Message CSS---*/
.px_contact_v1 .et-pb-contact-message {}

/*---Input CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea,
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field input {
	background: transparent;
	border: 1px solid #0003;
	border-radius: 0px;
}

/*---Button CSS---*/
.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_contact_bottom_container {}



.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container {
	float: left;
	margin-top: 15px;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
	position: relative;
	overflow: hidden;
	background: var(--px-color-1);
	color: #fff;
	transition: .5s ease-in-out;
	z-index: 1;
}


.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:before {
	content: "" !important;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0 !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    background: var(--px-color-2);
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover:before {
	transform: scaleY(1);
}

.px_contact_v1 .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:after {
	display: none !important;
}

.px_contact_v1_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap {
	padding: 15px;
	background: var(--px-color-1);
}

.px_contact_v1_blurb_info .et_pb_blurb_container .et_pb_blurb_description,
.px_contact_v1_blurb_info .et_pb_blurb_container .et_pb_module_header {
	color: var(--px-color-2);
}

/* -----------------------------------
    07. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
.px_team_v1 {}

/* Image Css */
.px_team_v1 .et_pb_team_member_image {
	height: 400px;
	width: 90%;
	margin-bottom: 0;
}

.px_team_v1 .et_pb_team_member_image img {
	height: 100%;
	object-fit: cover;
}

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header {
	position: relative;
	bottom: 100px;
	right: 0;
	float: right;
	padding: 15px 25px;
	z-index: 5;
	color: #fff;
	transition: .3s ease-in-out;
}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: var(--px-color-2);
	left: 0;
	top: 0;
	z-index: -1;
	transform: skewX(-30deg);
	transition: .3s ease-in-out;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_position {
	color: var(--px-color-2);
	padding: 15px;
}

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
	display: grid;
	position: absolute;
	top: 0;
	right: 10px;
	opacity: 0;
	transition: .3s ease-in-out;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li {
	padding: 5px 0;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:before {
	color: var(--px-color-2);
	transition: .3s ease-in-out;
}


/* Main CSS Class Hover Css Here */
/* Description Css*/
.px_team_v1:hover .et_pb_team_member_description .et_pb_module_header:before {
	background: var(--px-color-1);
	transition: .3s ease-in-out;
}

/* Social Links Css*/
.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
	right: -10px;
	opacity: 1;
	transition: .3s ease-in-out;
	margin-top: 0;
}

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li:hover a:before {
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}


/*--------------------
	Team v2  CSS
--------------------*/
.px_team_v2 {}

/* Image Css */
.px_team_v2 .et_pb_team_member_image {}

.px_team_v2 .et_pb_team_member_image:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 0;
	background: var(--px-color-1);
	left: 0;
	top: 0;
	opacity: 0.8;
	transition: .3s ease-in-out;
}

.px_team_v2:hover .et_pb_team_member_image:before {
	width: 100%;
	transition: .3s ease-in-out;
}

/* Description */
.px_team_v2 .et_pb_team_member_description {}

.px_team_v2 .et_pb_team_member_description .et_pb_module_header {
	color: var(--px-color-1);
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_position {
	color: var(--px-color-2);
}

/* Social Links Css*/
.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links {
	width: 100%;
	position: absolute;
	top: 30%;
	left: -100%;
	text-align: center;
	z-index: 5;
	transition: .3s ease-in-out;
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li {}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a {
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	line-height: 0;
	transition: .3s ease-in-out;
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:before {
	color: #fff;
	transition: .3s ease-in-out;
}

/* HOVER CSS HERE */
/* Social Links Css*/
.px_team_v2:hover .et_pb_team_member_description .et_pb_member_social_links {
	left: 0;
	transition: .3s ease-in-out
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover {
	background: #fff;
	transition: .3s ease-in-out;
}

.px_team_v2 .et_pb_team_member_description .et_pb_member_social_links li a:hover:before {
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}


/*---Team Single Page CSS---*/
.px_team_single_title h3 {
	font-size: 25px;
	font-weight: 700;
	color: var(--px-color-1);
}

.px_team_single_title p {
	font-size: 20px;
	color: var(--px-color-2);
}

/* Progress Bar */
.px_team_single_progress_bar li .et_pb_counter_title {
	color: var(--px-color-2);
}

.px_team_single_progress_bar li .et_pb_counter_container {
	overflow: visible;
	background: #00000024;
	padding: 4px;
}

.px_team_single_progress_bar li .et_pb_counter_container .et_pb_counter_amount {
	background: var(--px-color-1);
	top: -3px;
}

.px_team_single_progress_bar li .et_pb_counter_container .et_pb_counter_amount_number {
	position: absolute;
	top: -25px;
}

.px_team_single_progress_bar li .et_pb_counter_container .et_pb_counter_amount_number_inner {
	color: var(--px-color-1);
}

/* Social */
.px_team_single_social .et_pb_social_network_link .icon {
	background: var(--px-color-2);
	padding: 8px;
	border-radius: 50%;
}

.px_team_single_social .et_pb_social_network_link .icon:before {
	color: #fff;
}

/* HOVER CSS HERE */
/* Social */
.px_team_single_social .et_pb_social_network_link .icon:hover:before {
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}



@media only screen and (min-width:480px) and (max-width:980px) {
	.px_team_v1 .et_pb_team_member_image {
		width: 90%;
		max-width: 90%;
	}
}

@media only screen and (max-width:480px) {
	.px_team_v2 .et_pb_team_member_image {
		max-width: 100%;
	}
}

/* -----------------------------------
    08 Slider Section CSS
-------------------------------------*/
/*---Slider v1  CSS---*/
.px_slider_v1 {}

/*---Image CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image:before {
	content: '';
	position: absolute;
	height: 320px;
	width: 320px;
	background: var(--px-color-1);
	top: 0;
	left: 50%;
	border-radius: 50%;
	transform: translateX(-50%);
	border: 50px solid rgb(40 44 52);
	outline: 50px solid rgb(31, 34, 40);
	z-index: -1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {}

/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {}

/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p {
	font-size: 25px;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
	font-size: 50px;
	margin-top: 15px;
}

/*---Button CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
	position: relative;
	background: var(--px-color-1);
	color: #fff;
	z-index: 1;
	overflow: hidden;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	transition: .4s ease-in-out;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:before {
	content: "" !important;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0 !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    background: #fff;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover:before {
	transform: scaleY(1);
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:after {
	display: none !important;
}

/*---Arrow CSS---*/
.px_slider_v1 .et-pb-slider-arrows {}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
	background: var(--px-color-1);
	border-radius: 0%;
	font-size: 30px;
	padding: 5px;
}

/*---Dots Navigation CSS---*/
.px_slider_v1 .et-pb-controllers {}

.px_slider_v1 .et-pb-controllers a {
	background: var(--px-color-1);
}

.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
	background: var(--px-color-1);
	width: 30px;
}

/* HOVER CSS HERE */
/*---Button CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover {
	color: var(--px-color-2);
}

@media only screen and (min-width:480px) and (max-width:980px) {

	/*---Image CSS---*/
	.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image:before {
		height: 250px;
		width: 250px;
		top: -55px;
	}
}

@media only screen and (max-width:480px) {

	/*---Arrow CSS---*/
	.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev {
		left: 10px;
	}

	.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
		right: 10px;
	}

	.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev,
	.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
		padding: 5px;
	}
}

/*---------------------------
	Slider v2 CSS
---------------------------*/
.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_image img {
	max-height: 580px !important;
}

.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description {
	padding: 12% 0 !important;
}

.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {
	font-size: 100px;
	font-weight: 900;
	line-height: 110px;
}

.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p {
	margin: 10px 0;
}

/* Button */
.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button {
	position: relative;
	background-color: var(--px-color-1);
	color: #fff;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	transition: .5s ease-in-out;
}

.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:hover {
	color: var(--px-color-2);
}

.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:before {
	content: "" !important;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0 !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    background: #fff;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:hover:before {
	transform: scaleY(1);
}

.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_button_wrapper .et_pb_button:after {
	display: none !important;
}

/* Arrow */
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next,
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev {
	background: var(--px-color-1);
	border-radius: 0%;
	padding: 10px;
	line-height: 0;
}

.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:before,
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:before {
	font-size: 25px;
}

/* Controller */
.px_slider_v2 .et-pb-controllers a {
	padding: 5px;
	border-radius: 0;
	background: #fff;
	border: 2px solid #fffffffc;
}

.px_slider_v2 .et-pb-controllers .et-pb-active-control {
	background: var(--px-color-1);
}

@media only screen and (min-width:480px) and (max-width:980px) {
	.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_image img {
		max-height: 400px !important;
	}

	.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {
		font-size: 55px;
		line-height: 65px;
	}

	.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description {
		padding: 20% 0 !important;
	}
}

@media only screen and (max-width:480px) {
	.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h1 {
		font-size: 50px;
		line-height: 60px;
	}

	.px_slider_v2 .et_pb_slider_container_inner .et_pb_slide_description {
		padding: 25% 0 !important;
	}
}

/* -----------------------------------
  	11 Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
.px_faqs_v1 {}

.px_faqs_v1 .et_pb_toggle {
	padding: 0;
	border: none;
	margin-bottom: 20px !important;
}

/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {}

/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
	content: '\33';
	font-size: 30px;
	color: var(--px-color-2);
	right: 10px;
}

/*---Open Title CSS---*/
.px_faqs_v1 .et_pb_toggle_open .et_pb_toggle_title {
	background: var(--px-color-1) !important;
	color: #fff !important;
}

.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
	padding: 20px;
	background: #fff;
	border-radius: 0px;
	border: 1px solid #00000057;
	color: var(--px-color-2);
}

/* ---Open Title Icon CSS--- */
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
	content: '\32';
	position: absolute;
	display: block !important;
	color: #fff;
}

/*---Content CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_content {
	padding: 20px;
}

/*---Faqs v2  CSS---*/
.px_faqs_v2 {}

/* -----------------------------------
  	13 Pricing Table CSS
-------------------------------------*/
/*---Pricing Default CSS---*/
.px_pricing_table {}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table {
	border: none;
	border-radius: 0px !important;
	box-shadow: 0 25px 90px rgba(32, 32, 32, 0.1);
	padding: 15px 0 45px 0;
}

/* Heading Css */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading {
	background: transparent;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title {
	color: var(--px-color-2);
	padding-bottom: 15px;
}

/* Top Content Css */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top {
	padding: 0 !important;
	border: none;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price {}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign {}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum {
	color: var(--px-color-2);
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency {}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency .et_pb_frequency_slash {}

/* Bottom Content Css */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing {}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li {
	padding: 5px 0;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span:before {
	display: none;
}

/* Button Css */
.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper {}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button {
	position: relative;
	overflow: hidden;
	background: var(--px-color-1);
	color: #fff;
	transition: .5s ease-in-out;
	z-index: 1;
}


.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:before {
	content: "" !important;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0 !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    background: var(--px-color-2);
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover:before {
	transform: scaleY(1);
}

.px_pricing_table .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:after {
	display: none !important;
}


/* Pricing List */
.px_pricing_list li {
	list-style-type: none;
	padding: 5px 0 5px 25px;
	position: relative;
}

.px_pricing_list li:before {
	content: '\4e';
	font-family: 'ETmodules';
	left: 0;
	position: absolute;
	color: var(--px-color-1);
	font-weight: 800;

}

/* -----------------------------------
  	10 Testimonial Section CSS
-------------------------------------*/
.px_testimonial_v1_col .slick-arrow {
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--px-color-1);
    padding: 10px;
    border-radius: 0px;
    height: 45px;
    width: 45px;
	transform: none;
	z-index: 99;
}
.px_testimonial_v1_col .slick-arrow:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'ETmodules';
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.px_testimonial_v1_col .slick-prev:before {
    content: '\34';
}

.px_testimonial_v1_col .slick-next:before {
	content: '\35';
}

/*---Testimonial v1  CSS---*/
.px_testimonial_v1 {}

.px_testimonial_v1.et_pb_testimonial {}

.px_testimonial_v1.et_pb_testimonial:before {
	content: '\7b';
	background: transparent;
	color: var(--px-color-1);
	font-size: 50px;
	left: 51%;
	transform: translateX(-50%);
}

/*---Description---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p {
	padding: 20px 0 0;
}

/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {}

/*---Meta CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position {}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator {}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company {}

/*Review */
.px_testimonial_v1 .px_review {
	position: absolute;
	left: 0;
	bottom: -22px;
	right: 0;
	width: 150px;
	background: #ec6b15;
	margin: 0 auto;
	margin-bottom: 0;
	text-align: center;
	border-radius: 30px;
	display: block;
	overflow: hidden;
	line-height: 16px
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul {
	position: relative;
	display: block;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul li {
	display: inline-block;
	float: none;
	margin: 0 3px;
	color: #fff;
	font-size: 14px;
	line-height: 45px
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul li:before {
	content: "\e033";
	font-family: ETmodules !important
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul li.star:before {
	content: "\e031"
}

.px_testimonial_v1 .px_review .et_pb_text_inner ul li.star-0:before {
	content: "\e032"
}

@media only screen and (min-width:480px) and (max-width:980px) {
	.px_testimonial_v1_col .slick-prev {
		left: -65px;
	}
}

@media only screen and (max-width:480px) {
	.px_testimonial_v1 {
		padding-top: 30px;
	}

	.px_testimonial_v1_col .slick-arrow {
		top: 80%;
	}

	.px_testimonial_v1_col .slick-next {
		right: 20px;
	}

	.px_testimonial_v1.et_pb_testimonial:before {
		left: 55%;
	}
}

/*---Testimonial v2  CSS---*/
.px_testimonial_v2 {
	padding: 0;
}

.px_testimonial_v2 .et_pb_testimonial_portrait {
	position: absolute;
	top: 100px;
}

.px_testimonial_v2 .et_pb_testimonial_description {
	margin-left: 0 !important;
}

.px_testimonial_v2 .et_pb_testimonial_description .et_pb_testimonial_author {
	margin-top: 100px;
	color: var(--px-color-1);
}

/* Dots */
.px_testimonial_v2_col .slick-dots {
	text-align: left;
	padding: 0;
}

.px_testimonial_v2_col .slick-dots li {
	margin: 0;
}

.px_testimonial_v2_col .slick-dots li button:before {
	color: #fff;
	font-size: 10px;
	opacity: 1;
}

.px_testimonial_v2_col .slick-dots .slick-active button:before {
	color: var(--px-color-1);
}

@media only screen and (min-width:480px) and (max-width:980px) {
	.px_testimonial_v2 .et_pb_testimonial_portrait {
		top: 105px !important;
	}
}

@media only screen and (max-width:480px) {
	.px_testimonial_v2 .et_pb_testimonial_portrait {
		top: 180px !important;
	}
}

/* -----------------------------------
    11. Services CSS
-------------------------------------*/
/*---Services v1 CSS---*/
.px_services_v1 {}

/*Img Css */
.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {}

.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {}

.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {}

/*Icon Css */
.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {}

/*Title Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {}

/*Description Css */
.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {}

/*---Services v1 CSS---*/
.px_services_v1 .et_pb_button_wrapper .et_pb_button {
	color: var(--px-color-1);
}

.px_services_v1 .et_pb_button_wrapper .et_pb_button:hover {
	background: transparent !important;
}

/*---Services v2  CSS---*/
/* image */
.px_services_v2_col .px_services_v2_img {}

.px_services_v2_col .px_services_v2_img .et_pb_image_wrap {
	height: 500px;
	overflow: hidden;
	position: relative
}

.px_services_v2_col .px_services_v2_img .et_pb_image_wrap:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: var(--px-color-2);
	top: 0;
	z-index: 5;
	opacity: 0;
	transition: .3s ease-in-out;
}

.px_services_v2_col .px_services_v2_img .et_pb_image_wrap img {
	height: 100%;
	transform: scale(1);
	transition: .3s ease-in-out;
	object-fit: cover;
}

/* Content */
.px_services_v2_col .px_services_v2_content {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	opacity: 0;
	transition: .3s ease-in-out;
}

.px_services_v2_col .px_services_v2_content h6 {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}

.px_services_v2_col .px_services_v2_content h4 {
	font-size: 25px;
	color: var(--px-color-1);
	font-weight: 700;
	position: relative;
	margin: 10px 0 20px;
}

.px_services_v2_col .px_services_v2_content h4:before {
	content: '';
	position: absolute;
	height: 2px;
	width: 100px;
	background: var(--px-color-1);
	left: 50%;
	bottom: 0;
	transform: translatex(-50%);
}

.px_services_v2_col .px_services_v2_content p {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}

/* Service v2 HOVER CSS HERE */
/* image */
.px_services_v2_col:hover .px_services_v2_img .et_pb_image_wrap:before {
	opacity: .7;
	transition: .3s ease-in-out;
}

.px_services_v2_col:hover .px_services_v2_img .et_pb_image_wrap img {
	transform: scale(1.2);
	transition: .3s ease-in-out;
}

/* Content */
.px_services_v2_col:hover .px_services_v2_content {
	opacity: 1;
	transition: .3s ease-in-out;
}

@media only screen and (min-width:480px) and (max-width:980px) {

	/* image */
	.px_services_v2_col .px_services_v2_img .et_pb_image_wrap img,
	.px_services_v2_col .px_services_v2_img .et_pb_image_wrap {
		width: 100% !important;
	}
}

@media only screen and (max-width:480px) {

	/* image */
	.px_services_v2_col .px_services_v2_img .et_pb_image_wrap img,
	.px_services_v2_col .px_services_v2_img .et_pb_image_wrap {
		width: 100% !important;
	}

	/*---Services Single Page CSS---*/
	.px_services_single_img .et_pb_image_wrap {
		height: 400px !important;
	}
}


/*---Services Single Page CSS---*/
.px_services_single_img .et_pb_image_wrap {
	height: 800px;
}

.px_services_single_img .et_pb_image_wrap img {
	height: 100%;
	object-fit: cover;
}




.px_services_single_form .et_pb_contact_form .et_pb_contact_field {
	width: 100%;
}

.px_services_single_form .et_pb_contact_form .et_pb_contact_field textarea,
.px_services_single_form .et_pb_contact_form .et_pb_contact_field input {
	border-bottom: 1px solid #00000047;
	background: transparent;
}

/* Button */
.px_services_single_form .et_pb_contact_form .et_contact_bottom_container {
	float: left;
	margin-top: 15px;
}

.px_services_single_form .et_pb_contact_form .et_contact_bottom_container .et_pb_button {
	background: var(--px-color-1);
	color: #fff;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	transition: .5s ease-in-out;
}

.px_services_single_form .et_pb_contact_form .et_contact_bottom_container .et_pb_button:after {
	opacity: 0 !important;
}

/* Small info */
.px_services_single_small_btn {
	color: var(--px-color-2);
	background: transparent !important;
}

.px_services_single_small_btn:before {
	color: var(--px-color-1);
}

/* HOVER CSS HERE */
.px_services_single_form .et_pb_contact_form .et_contact_bottom_container .et_pb_button:hover {
	color: var(--px-color-2);
	background: #fff !important;
	transition: .3s ease-in-out;
}

/* -----------------------------------
  	16 About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap {
	background: var(--px-color-1);
	padding: 20px;
	border-radius: 50%;
}

.px_aboutus_v1_blurb_info .et_pb_blurb_container .et_pb_module_header {
	color: var(--px-color-2);
}

/* -----------------------------------
  	12 Partner Section CSS
-------------------------------------*/
/*---Partner Us v1 CSS---*/
.px_partner_v1 .et_pb_image_wrap {
	padding: 10px;
	border: 3px dashed var(--px-color-1);
	border-radius: 0px;
	filter: opacity(0.5);
	transition: all 0.4s;
}

.px_partner_v1:hover .et_pb_image_wrap {
	filter: opacity(1);
}

.px_logo img {
	opacity: .5;
	transition: all 500ms ease;
}

.px_logo:hover img {
	opacity: 1;

}

/* -----------------------------------
  	20 Newsletter Section CSS
-------------------------------------*/
/*---Newsletter v1 CSS---*/
/*Input Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
	padding-bottom: 0;
}

/*Button Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: fit-content;
	background: var(--px-color-1);
	transition: 0.4s ease-in-out;
}


.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:before {
	content: "" !important;
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    right: 0 !important;
    bottom: 0;
    opacity: 1 !important;
    margin: 0 !important;
    background: var(--px-color-2);
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform 0.4s ease-out !important;
    z-index: -1;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:before {
	transform: scaleY(1);
}

/*---Newsletter v2 CSS---*/
.px_newsletter_v2.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
	position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
}

/* -----------------------------------
  	13 Video Section CSS
-------------------------------------*/

/* -----------------------------------
  	14 CTA Section CSS
-------------------------------------*/

/* -----------------------------------
  	15 Countdown Timer Section CSS Start Here
-------------------------------------*/

/* -----------------------------------
  	15 Countdown Timer Section CSS End Here
-------------------------------------*/
/* -----------------------------------
      16 Category CSS 
-------------------------------------*/
/* -----------------------------------
   	36. Categories CSS Start Here
-------------------------------------*/
/* Categories */
.px_categories_sec_v1>.et_pb_row {
	margin-bottom: -150px;
}

.px_categories_v1_col .px_categories_v1_blurb_info {
	overflow: hidden;
}

.px_categories_v1_col .px_categories_v1_blurb_info .et_pb_blurb_content {
	line-height: 0;
}

/* Image */
.px_categories_v1_col .px_categories_v1_blurb_info .et_pb_main_blurb_image {
	margin: 0;
	height: 300px;
	border-radius: 0px;
	overflow: hidden;
}

.px_categories_v1_col .px_categories_v1_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap {
	height: 100%;
}

.px_categories_v1_col .px_categories_v1_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(transparent, rgb(0 0 0 / 50%));
    z-index: 1;
    left: 0;
    top: 0;
    border-radius: 0px;
    transition: .3s ease-in-out;
}

.px_categories_v1_col .px_categories_v1_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap img {
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: .5s ease-in-out;
}

/* title */
.px_categories_v1_col .px_categories_v1_blurb_info .et_pb_blurb_container .et_pb_module_header {
	position: absolute;
	z-index: 5;
	bottom: 20px;
	left: 20px;
	color: #fff;
	transition: .3s ease-in-out;
}

/* Button */
.px_categories_v1_col .px_categories_v1_btn {
	position: absolute;
	z-index: 5;
	bottom: -40px;
	left: 20px;
	transition: .3s ease-in-out;
	color: #fff;
	opacity: 0;
}

.px_categories_v1_col .px_categories_v1_btn:hover {
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}

/* HOVER CSS HERE */
/* Image */
.px_categories_v1_col:hover .px_categories_v1_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap img {
	transform: scale(1.1);
	transition: .5s ease-in-out;
}

/* title */
.px_categories_v1_col:hover .px_categories_v1_blurb_info .et_pb_blurb_container .et_pb_module_header {
	bottom: 50px;
	transition: .3s ease-in-out;
}

/* Button */
.px_categories_v1_col:hover .px_categories_v1_btn {
	bottom: 20px;
	opacity: 1;
	transition: .3s ease-in-out;
}

@media only screen and (min-width:480px) and (max-width:980px) {
	.px_categories_v1_col {
		margin-bottom: 5px;
	}

	/* Button */
	.px_categories_v1_col:hover .px_categories_v1_btn {
		bottom: 15px;
	}

	.px_categories_v1_col .px_categories_v1_blurb_info .et_pb_blurb_content {
		max-width: 100%;
	}
}

@media only screen and (max-width:480px) {
	.px_categories_v1_col {
		margin-bottom: 0;
	}

	.px_new_collection .px_categories_v1_blurb_info .et_pb_main_blurb_image {
		height: 250px !important;
	}

	/* Button */
	.px_categories_v1_col:hover .px_categories_v1_btn {
		bottom: 15px;
	}
}

/* Category v2 */

.px_categories_v2_blurb_info .et_pb_main_blurb_image {
    margin-bottom: 0;
}

.px_categories_v2_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap {
	overflow: hidden;
	border: 1px solid #e5e5e5;
}

.px_categories_v2_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap img {
	transform: scale(1);
	transition: .3s ease-in-out;
}

.px_categories_v2_blurb_info .et_pb_blurb_container {
	position: relative;
    padding: 10px 10px 30px 10px;
    margin: -45px 10px 0px 10px;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

/* Category v2 HOVER CSS HERE */
.px_categories_v2_col:hover .px_categories_v2_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap img {
	transform: scale(1.3);
	transition: .3s ease-in-out;
}

/* discount */
.px_discount_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap {
	position: relative;
}

.px_discount_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background: #00000038;
	bottom: -10px;
	border-radius: 100px;
	transition: .3s ease-in-out;
}

.px_discount_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap img {}

.px_discount_blurb_info .et_pb_blurb_container .et_pb_module_header {
	color: var(--px-color-2);
	transition: .3s ease-in-out;
}

.px_discount_blurb_info .et_pb_blurb_container .et_pb_blurb_description {}


/* Discount HOVER CSS HERE */
.px_discount_blurb_info:hover .et_pb_main_blurb_image .et_pb_image_wrap:before {
	background: var(--px-color-1);
	transition: .3s ease-in-out;
}

.px_discount_blurb_info:hover .et_pb_blurb_container .et_pb_module_header {
	color: var(--px-color-1);
	transition: .3s ease-in-out;
}

/* Top Rated */
.px_wc_product_top_rated .products:before {
	content: none !important;
}

.px_wc_product_top_rated .products {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(3, 32%);
}

.px_wc_product_top_rated .products .product {
	width: 100% !important;
}

/* New Collection */

.px_new_collection .px_categories_v1_blurb_info .et_pb_main_blurb_image {
	height: 530px;
}

.px_new_collection1 .px_categories_v1_blurb_info .et_pb_main_blurb_image {
	height: 250px;
}

/* latest product */
/* .px_latest_product .products {
	display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3,32%);
}
.px_latest_product .products .product {
	width:100%!important;
} */



/* Sale OFFER  */
.px_sale_blurb_info:before {
	content: '';
	position: absolute;
	height: 0;
	width: 100%;
	background: var(--px-color-1);
	bottom: 0;
	left: 0;
	transition: .3s ease-in-out;
}

.px_sale_blurb_info {
	background: #f4f4f4;
	box-shadow: 0px 0px 33px 0px rgb(0 0 0 / 10%)
}

.px_sale_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.px_sale_blurb_info .et_pb_blurb_container .et_pb_module_header,
.px_sale_blurb_info .et_pb_blurb_container .et_pb_blurb_description {
	color: var(--px-color-2);
	transition: .3s ease-in-out;
}

/* HOVER CSS HERE */
.px_sale_blurb_info:hover:before {
	height: 100%;
	transition: .3s ease-in-out;
}

.px_sale_blurb_info:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.px_sale_blurb_info:hover .et_pb_blurb_container .et_pb_module_header,
.px_sale_blurb_info:hover .et_pb_blurb_container .et_pb_blurb_description {
	color: #fff;
	transition: .3s ease-in-out;
}


/* TOP RATED PRODUCT */
.px_top_rated_product .products .product {
	width: 100% !important;
	border-radius: 0px;
	padding: 10px !important;
	box-shadow: 0 0 30px 10px #00000024;
	margin-bottom: 35px !important;
}

.px_top_rated_product .products .product .woocommerce-loop-product__link {
	display: flex;
}

.px_top_rated_product .products .product .woocommerce-loop-product__link .px_top_rated_product_img {
	width: 120px;
	margin-right: 20px;
}

.px_top_rated_product .products .product .woocommerce-loop-product__link .px_top_rated_product_img .et_shop_image {
	border: 1px solid #00000014;
}

.px_top_rated_product .products .product .woocommerce-loop-product__link .px_top_rated_product_img .et_shop_image img {
	transform: scale(1.7);
	transition: .3s ease-in-out;
}

.px_top_rated_product .products .product:hover .woocommerce-loop-product__link .px_top_rated_product_img .et_shop_image img {
	transform: scale(2);
	transition: .3s ease-in-out;
}

.px_top_rated_product .products .product .woocommerce-loop-product__link .px_top_rated_product_info {
	width: 60%;
}

/* Button */
.px_top_rated_product .products .product .button {
	left: 85% !important;
	top: 50% !important;
}

.px_top_rated_product .products .product .added_to_cart {
	left: 75% !important;
}

.px_top_rated_product .products .product .woocommerce-loop-product__link .px_top_rated_product_img .onsale {
	left: 82% !important;
}

@media only screen and (min-width:480px) and (max-width:980px) {
	.px_top_rated_product .products .product .woocommerce-loop-product__link .px_top_rated_product_img .onsale {
		left: 0% !important;
		top: -1px !important;
	}

	.px_top_rated_product .products .product {
		width: 100% !important;
	}
}

@media only screen and (max-width:480px) {
	.px_top_rated_product .products .product .woocommerce-loop-product__link .px_top_rated_product_img .onsale {
		left: 0% !important;
		top: -1px !important;
	}
}


/* Left Sidebar Product */
.px_wc_related_product_left ul.products li.product .woocommerce-LoopProduct-link .et_shop_image {
	box-shadow: none;
}

.px_wc_related_product_left ul.products li.product {
	width: 29.15% !important;
}

.px_wc_related_product_left ul.products li.product .button {
	top: 50%;
	right: 28%;
}

/* -----------------------------------
      18 Discount Sections Css 
-------------------------------------*/

/* -----------------------------------
  	19 Coming Soon Page CSS
-------------------------------------*/
.px_coming_soon_email_option form {
	display: flex;
}

.px_coming_soon_email_option form .et_pb_newsletter_field {
	width: 60%;
}

.px_coming_soon_email_option form .et_pb_newsletter_field input {
	background: transparent !important;
	border-bottom: 1px solid #fff !important;
	color: #fff !important;
}

.px_coming_soon_email_option form .et_pb_newsletter_button_wrap {
	width: 40%;
	margin-left: 40px;
}

.px_coming_soon_email_option form .et_pb_newsletter_button_wrap .et_pb_button {
	background: var(--px-color-1);
	border: none;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	padding: 10px 40px;
	border-radius: 0px;
	color: #fff;
	transition: .3s ease-in-out;
}

.px_coming_soon_email_option form .et_pb_newsletter_button_wrap .et_pb_button:after {
	opacity: 0 !important;
}

.px_coming_soon_email_option form .et_pb_newsletter_button_wrap .et_pb_button:hover {
	background: #fff;
	color: var(--px-color-2) !important;
	transition: .3s ease-in-out;
}

.px_coming_soon_social .et_pb_social_network_link .icon:hover:before {
	color: var(--px-color-1);
}

@media only screen and (max-width:480px) {
	.px_coming_soon_email_option form {
		flex-wrap: wrap;
	}

	.px_coming_soon_email_option form .et_pb_newsletter_button_wrap {
		width: 100%;
		margin-left: 0;
	}
}

/* -----------------------------------
      20 Privacy & policy Css
-------------------------------------*/
/* Privacy & policy */
.px_policy_list_2 ul {
	padding: 0;
}

.px_policy_list_2 ul li {
	list-style-type: none;
	position: relative;
	padding-left: 25px;
	margin: 5px 0;
}

.px_policy_list_2 ul li:before {
	content: '\4e';
	position: absolute;
	font-family: 'ETmodules';
	color: var(--px-color-1);
	left: 0;
	top: 0;
}


/* -----------------------------------
    21 Scroll Top Css
-------------------------------------*/
.et_pb_scroll_top:before {
	content: "\21";
	/*select icon*/
}

.et_pb_scroll_top.et-pb-icon {
	right: 20px;
	bottom: 60px;
	border-radius: 0px;
	background: var(--px-color-1);
	padding: 10px;
	font-size: 24px;
	transition: all .1s ease-in-out
}

.et_pb_scroll_top.et-pb-icon:hover {
	background: var(--px-color-2);
	transition: all .1s ease-in-out
}


/* -----------------------------------
    22 Mobile Menu CSS
-------------------------------------*/

/*Mobile Menu*/


.et-db #et-boc .et-l .mobile_menu_bar {
	top: 2px;
	z-index: 99999999999 !important;
}

.et-db #et-boc .et-l .mobile_menu_bar::before {
	color: var(--px-color-1) !important;
	top: -5px;
}

/*change Divi hamburger menu to X*/

.et-db #et-boc .et-l .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
	background: var(--px-color-1);
	color: #fff !important;
	border-radius: 0px;
}


/*remove the border from the top of the mobile menu*/

.et-db #et-boc .et-l .et_mobile_menu {
	-webkit-transform: translateX(-125%);
	-moz-transform: translateX(-125%);
	-ms-transform: translateX(-125%);
	-o-transform: translateX(-125%);
	transform: translateX(-125%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .4s 0s;
	-moz-transition: -moz-transform .4s 0s;
	transition: transform .4s 0s;
	border-top: none;
	min-height: 100vh;
	height: 100%;
	display: block !important;
	padding-bottom: 10px;
	position: absolute;
	overflow: scroll;
	border-top: none;
	padding-right: 0;
	padding-top: 130px !important;
	min-width: 300px;
	top: -80px !important;
}

.et-db #et-boc .et-l .mobile_nav.opened .et_mobile_menu {
	z-index: 9999 !important;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform .4s 0s;
	-moz-transition: -moz-transform .4s 0s;
	transition: transform .4s 0s;
}

/*hide the submenu items on mobile*/
.et-db #et-boc .et-l .et_mobile_menu li ul.hide {
	display: none !important;
}

/*adjust the parent menu items on mobile*/
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children {
	position: relative;
}

/*adjust the parent menu items on mobile*/
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background: transparent;
}

/*position and style the submenu icons*/
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul.et_mobile_menu li ul {
	position: relative !important;
	left: unset;
	top: unset;
	padding: 10px 20px 5px !important;
	opacity: 1;
	visibility: visible;
	z-index: 100;
	background: #ffffff;
	border-top: none !important;
	transition: all 300ms ease;
	box-shadow: none;
}

.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a+span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
}

/*icon for closed submenu*/
.et-db #et-boc .et-l span.menu-closed:before {
	content: "\33";
	display: block;
	color: var(--px-color-1);
	font-size: 18px;
	font-family: ETmodules;
}

/*icon for open submenu*/
.et-db #et-boc .et-l span.menu-closed.menu-open:before {
	content: "\4d";
	color: var(--px-color-1);
}

/*adjust border under mobile menu items*/
.et-db #et-boc .et-l .et_mobile_menu li:not(:last-child) a {
	border-bottom: 2px solid #f3f6fd;
}

/*remove border under last mobile menu item*/
.et-db #et-boc .et-l .et_mobile_menu li:last-child a {
	border-bottom: none;
}

/* -----------------------------------
  	23 Search Page CSS
-------------------------------------*/
.px_search_bar .et_pb_searchform {
	border-radius: 0px;
	overflow: hidden;
}

.px_search_bar .et_pb_searchform input {
	background: transparent !important;
	border: 1px solid #ffffff96;
	border-right: 0;
	border-radius: 10px 0 0 10px !important;
}

.px_search_bar .et_pb_searchform .et_pb_searchsubmit {
	background: var(--px-color-1) !important;
	color: #fff;
	border: none;
	border-radius: unset !important;
}

/*-------------------------------------------
  -- 26 Color Picker CSS
-------------------------------------------*/
.template-options .theme_option_bar:before {
	font-size: 22px;
	content: "\e037";
	cursor: pointer;
	color: #000;
	font-family: ETmodules !important;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
}

.template-options.opened .theme_option_bar:before {
	content: "\4d";
	font-size: 32px;
}

.template-options {
	position: fixed;
	top: 130px;
	right: -200px;
	width: 200px;
	background: #fff;
	-webkit-transition: right .4s;
	transition: right .4s;
	z-index: 9999999
}

.template-options.opened {
	right: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	z-index: 9999999
}

.option-section {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1
}

.option-section:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0
}

.option-section h4 {
	color: #333;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px
}

.option-section .checkbox {
	margin-bottom: 0
}

.options-inner {
	position: relative;
	padding: 20px
}

.cl-toggler {
	position: absolute;
	top: 0;
	left: -48px;
	display: inline-block;
	background: #fff;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 24px;
	color: #000;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.cl-toggler i {
	font-size: 20px
}

.cl-toggler:hover {
	color: #000
}

.cl-bg-images,
.cl-presets {
	list-style: none;
	padding: 0;
	margin: -5px
}

.cl-bg-images li,
.cl-presets li {
	display: block;
	float: left;
	margin: 5px
}

.cl-bg-images li a,
.cl-presets li a {
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 2px;
	float: left
}

.cl-bg-images li a img {
	width: 100%
}

.cl-bg-images li.active a {
	border: 3px solid #22b8f0
}

.cl-presets li.active a {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .2) inset
}

.switcher-style-list {
	list-style: none;
	overflow: hidden;
}

.switcher-style-list li {
	float: left;
	margin: 2px;
}

.switcher-style-list li a {
	display: block;
	width: 16px;
	height: 15px;
	cursor: pointer;
	background-size: cover;
}

#switcher-theme-custom-color.switcher-style-list li a {
	width: 80px;
	height: 40px;
	border: 2px solid #444;
	position: relative;
}

#switcher-theme-custom-color.switcher-style-list li a .color {
	width: 50%;
	height: 100%;
	float: left;
	background-color: #eee;
}

#switcher-theme-custom-color.switcher-style-list li.active a:after {
	color: #ddd;
	content: "\e052";
	font-family: ETmodules !important;
	font-size: 16px;
	left: 40%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 15%;
}

.layout select {
	width: 100%;
	padding: 5px;
	border: none;
	margin: 0 0 0 -5px;
	color: #666;
	cursor: pointer;
}

@media (max-width: 980px) {
	.template-options {
		top: 22%;
		width: 100px;
		right: -100px;
	}

	.cl-bg-images li a,
	.cl-presets li a {
		width: 25px;
		height: 25px;
	}

	#switcher-theme-custom-color.switcher-style-list li a {
		width: 65px;
		height: 25px;
	}

	#switcher-theme-custom-color.switcher-style-list li.active a::after {
		top: 0px;
	}
}

@media only screen and (max-width: 768px) {
	.cl-toggler {
		left: -40px;
		width: 40px;
		height: 40px;
		line-height: 43px;
		font-size: 20px;
	}

	#switcher-menu-primary-color,
	#switcher-menu-secondary-color {
		display: none;
	}
}

/* -----------------------------------
    27 Animation Part CSS
-------------------------------------*/
/**Color Picker Img Animation*/
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

/* Video Animation */
@keyframes growAndFade {
	0% {
		opacity: .75;
		transform: scale(0);
	}

	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}

/* Img Animation 1 */
@keyframes animationframesfive {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(-40px);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(40px);
	}

	100% {
		transform: translateY(0);
	}
}

/* Img Animation 2 */
@keyframes animationtramestwo {
	0% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(40px);
	}

	50% {
		transform: translateX(0);
	}

	75% {
		transform: translateX(-40px);
	}

	100% {
		transform: translateX(0);
	}
}

/* Img Animation 3 */
@keyframes animationzoominout {
	50% {
		transform: scale(0.8);
	}

	75% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.15);
	}
}

/* animation*/
@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}