/*---------------------------------------------------------------------------------
 Theme Name:   Eyeware Store 
 Theme URI:    https://sunglassesstore.diviwoocommercethemes.com
 Description:  Eyeware Shop Divi WooCommerce Theme  is specially designed for sunglass store, optical center, optical business, sunglasses shop, sunglasses blog, fashion store, luxury products, sunglasses ecommerce store.
 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);
}

/* Divider Section CSS */
.px_divider_section .et_pb_bottom_inside_divider {
    filter: drop-shadow(10px -5px 8px rgba(20, 20, 20, 0.3));
    /* filter: drop-shadow(2px 4px 8px rgba(20, 20, 20, 0.4)); */
}

/* 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;
    border: none !important;
    border-radius: 5px;
    padding: 10px 25px !important;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_btn::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_btn:hover::before {
    transform: translateX(0);
}

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

.px_btn.px_btn_light {}

.px_btn.px_btn_light:hover {
    color: var(--px-color-2);
}

.px_btn.px_btn_light::before {
    border-bottom-color: #fff;
}

/* -----------------------------------
      00. Page Title CSS Start Here
  -------------------------------------*/

/*---Title CSS---*/
.px_title .et_pb_text_inner h4 {
    position: relative;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 75px;
    text-transform: uppercase;
	line-height: 1.1;
	font-size: 30px !important;
}

.px_title .et_pb_text_inner h4::before,
.px_title .et_pb_text_inner h4::after {
    content: "";
    width: 70px;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--px-color-1);
}

.px_title .et_pb_text_inner h4::before {
    left: 0;
    right: auto;
}

.px_title .et_pb_text_inner h4::after {
    right: 0;
    left: auto;
}

.px_title .et_pb_text_inner h4 span {
    position: relative;
    display: block;
    padding: 0px 20px;
}

.px_title .et_pb_text_inner h4 span::before,
.px_title .et_pb_text_inner h4 span::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--px-color-1);
}

.px_title .et_pb_text_inner h4 span::before {
    left: 0;
    right: auto;
}

.px_title .et_pb_text_inner h4 span::after {
    right: 0;
    left: auto;
}

@media only screen and (min-width: 981px) {
    .px_title_left .et_pb_text_inner h4 {
        margin-left: 0;
        margin-right: auto;
    }

    .px_title_left .et_pb_text_inner h4,
    .px_title_left .et_pb_text_inner h4 span {
        padding-left: 0;
        text-align: left;
    }

    .px_title_left .et_pb_text_inner h4::before,
    .px_title_left .et_pb_text_inner h4 span::before {
        display: none !important;
    }
}

@media only screen and (max-width: 700px) {
    .px_title .et_pb_text_inner h4 {
        padding: 0;
        font-size: 26px;
    }

    .px_title .et_pb_text_inner h4::before,
    .px_title .et_pb_text_inner h4::after {
        display: none;
    }
}

@media only screen and (max-width:480px) {
    .px_title .et_pb_text_inner h4 span{
        font-size: 25px;
		line-height:30px;
    }
}

.px_subtitle {
    margin-bottom: 10px !important;
}

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

.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;
    left: 0px;
    top: 100%;
	border-radius: 5px;
    padding: 15px;
    transform: translateY(10px);
    z-index: 100;
    background: #ffffff;
    border-top: none !important;
    transition: all 300ms ease;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.08);
}

.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;
    transform: translateY(0px);
    box-shadow: unset;
}

.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;
    border-bottom: 1px solid #e7e7e7;
}

.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 {
    transform: translateY(0px);
}

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

.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%;
    margin-top: -53px;
}

.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 !important;
  padding-bottom: 15px !important;
    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;
}

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

.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 !important;
    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 {}

.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: 1px solid 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);
}

@media only screen and (min-width: 981px) and (max-width: 1050px) {
	.px_header_menu.et_pb_menu ul li,
	.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li {
		padding-left: 9px;
		padding-right: 9px;
  }
}

@media only screen and (min-width: 981px) {

    .px_header_menu.et_pb_menu .et_pb_menu__search-container,
    .et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__search-container {
        padding-left: 0px !important;
    }
}


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

    .px_header_menu_v2.et_pb_menu .et_pb_menu_inner_container .et_pb_menu__wrap,
    .et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu_inner_container .et_pb_menu__wrap {
        justify-content: end;
    }
}

.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 {
    font-weight: 500;
    color: #fff;
}

.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 {
    color: #202020;
}


.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;
}

.px_header_menu_v2.et_pb_menu .et_pb_menu_inner_container .et_mobile_nav_menu .mobile_menu_bar span,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu_inner_container .et_mobile_nav_menu .mobile_menu_bar span {
    background: #fff;
}

.px_header_menu_v2.et_pb_menu .et_pb_menu_inner_container .et_mobile_nav_menu ul,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu_inner_container .et_mobile_nav_menu ul {
    border-color: var(--px-color-1);
}

.px_header_menu_v2.et_pb_menu .et_pb_menu_inner_container .et_mobile_nav_menu .mobile_nav ul li a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu_inner_container .et_mobile_nav_menu .mobile_nav ul li a {
    color: #202020;
}

/*---Sub Menu CSS---*/
/*---Header Common Info Css---*/
.px_small_info {}

.px_small_blurb_info {}

.px_header_contact_info {}

.px_header_social li.et_pb_social_icon,
.et-db #et-boc .et-l .px_header_social li.et_pb_social_icon {
    margin-bottom: 0px;
}

.px_header_social li.et_pb_social_icon a.icon,
.et-db #et-boc .et-l .px_header_social li.et_pb_social_icon a.icon {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: var(--px-color-2) !important;
}

.px_header_social li.et_pb_social_icon a.icon::before {}

.px_header_social li.et_pb_social_icon a.icon:hover::before {}

.px_header_social li.et_pb_social_icon a.icon::after {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_header_social li.et_pb_social_icon a.icon:hover::after {
    transform: translateX(0);
}

.px_small_blurb_info .et_pb_blurb_content {}

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
    content: "";
    background: #fff;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: 0.5s;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
    position: relative;
    padding: 10px 12px;
    overflow: hidden;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1) !important;
    transition: 0.5s;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    padding-top: 5px;
    padding-bottom: 0px;
    transition: 0.5s;
}

.px_small_blurb_info .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    
}

.px_small_blurb_info:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
    background: var(--px-color-1);
    transition: 0.5s;
}

.px_small_blurb_info:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: #fff !important;
    transition: 0.5s;
}

.px_small_blurb_info:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: var(--px-color-1);
    transition: 0.5s;
}

/* Search Bar CSS */
.px_header_search {
    height: fit-content;
    border: 0;
}
.px_slider_btn {
  color: var(--px-color-1) !important;
}

.px_header_search .et_pb_searchform {}

.px_header_search .et_pb_searchform .et_pb_s {
    background: #fff;
    padding: 15px !important;
}

.px_header_search .et_pb_searchform .et_pb_searchsubmit {
    background: var(--px-color-1);
    padding: 15px 25px !important;
    color: #fff;
    transition: 0.5s;
}
/*---Header v1  CSS---*/

.px_header_top_v1 {
    position: relative;
    overflow: hidden;
}

.px_header_top_v1::before {
    content: "";
    position: absolute;
    top: 0;
    width: calc(41%);
    height: 100%;
    left: 0;
    background-color: var(--px-color-1);
    clip-path: polygon(0% 1500%, 100% 0%, 0% 0%);
}

.px_header_top_v1 .px_header_top_row .px_header_btn_info_column {
    display: flex;
    justify-content: end;
    align-items: center;
}

.px_header_top_v1 .px_header_top_row .px_header_btn_info_column .px_header_btn_info {
    color: #202020;
}


.px_header_top_v1 .px_header_top_row .px_header_btn_info_column .px_header_btn_info:hover,
.px_header_top_v1 .px_header_top_row .px_header_btn_info_column .px_header_btn_info::before {
    color: var(--px-color-1);
}

.px_header_middle_v1 {
    border-top: 1px solid var(--px-color-1);
    border-bottom: 1px solid var(--px-color-1);
}

/* .px_header_middle_v1 .px_header_middle_row .px_header_icon_column {
    display: flex;
    justify-content: end;
    align-items: center;
} */

.px_header_middle_v1 .px_header_middle_row .px_header_icon_column .px_header_icon .et_pb_icon_wrap,
.et-db #et-boc .et-l .px_header_middle_v1 .px_header_middle_row .px_header_icon_column .px_header_icon .et_pb_icon_wrap {
    height: 36px;
    width: 36px;
    padding: 2px;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: var(--px-color-2);
}

.px_header_middle_v1 .px_header_middle_row .px_header_icon_column .px_header_icon:last-child .et_pb_icon_wrap,
.et-db #et-boc .et-l .px_header_middle_v1 .px_header_middle_row .px_header_icon_column .px_header_icon:last-child .et_pb_icon_wrap {
    margin-right: 0px;
}

.px_header_middle_v1 .px_header_middle_row .px_header_icon_column .px_header_icon .et_pb_icon_wrap::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_header_middle_v1 .px_header_middle_row .px_header_icon_column .px_header_icon .et_pb_icon_wrap:hover::before {
    transform: translateX(0);
}

.px_header_middle_v1 .px_header_search,
.et-db #et-boc .et-l .px_header_middle_v1 .px_header_search {
    border-color: var(--px-color-1);
}

.px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit,
.et-db #et-boc .et-l .px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit {
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit:hover,
.et-db #et-boc .et-l .px_header_middle_v1 .px_header_search .et_pb_searchform .et_pb_searchsubmit:hover {
    background-color: var(--px-color-2);
}


.px_header_bottom_v1 {
    position: relative;
    transition: all 0.4s;
}

.px_header_bottom_v1::before {
    content: "";
    position: absolute;
    top: 0;
    width: calc(15%);
    height: 100%;
    right: 0;
    background-color: var(--px-color-1);
    clip-path: polygon(0 0, 100% 300%, 100% 0);
}

.px_header_bottom_v1.et_pb_sticky_module.et_pb_sticky {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .08);
}

@media only screen and (min-width: 981px) {

    .px_header_top_v1 .px_header_top_row .et_pb_column,
    .px_header_middle_v1 .px_header_middle_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}


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

.px_header_top_v2 {
    border: none;
}

.px_header_bottom_v2 {
    background: var(--px-color-2);
}

/*---Header v3  CSS---*/
.px_header_v3 {}

/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title {
    position: relative;
    overflow: hidden;
}

.px_footer_title::before,
.et-db #et-boc .et-l .px_footer_title::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    display: block !important;
    bottom: 0;
    left: 32px;
    opacity: 1;
    background: var(--px-color-1);
}

.px_footer_title::after {
    content: "" !important;
    width: 70px;
    height: 2px;
    position: absolute;
    left: 15px !important;
    bottom: 3px;
    margin: 0 !important;
    background: var(--px-color-1);
}

.px_footer_blurb_info .et_pb_main_blurb_image {
    margin-bottom: 20px;
}

.px_footer_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.et-db #et-boc .et-l .px_footer_blurb_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
}

.px_footer_blurb_info .et_pb_blurb_container .et_pb_module_header {
    padding-bottom: 5px;
    padding-bottom: 5px;
}

.px_footer_links {
    color: #cccccc;
}

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

.px_footer_btn_info {
    color: #cccccc;
}

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

.px_footer_btn_info::before {
    color: #fff;
}

.px_footer_newsletter .et_pb_newsletter_description {}

.px_footer_newsletter .et_pb_newsletter_form {
    padding-top: 15px !important;
}

.px_footer_newsletter .et_pb_newsletter_form form {
    position: relative;
}

.px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field,
.et-db #et-boc .et-l .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field {
    padding-bottom: 0px;
}

.px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field input {}

.px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap {}

.px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button,
.et-db #et-boc .et-l .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    width: 50px;
}

.px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after,
body #page-container .et_pb_section .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after,
body.et-db #page-container #et-boc .et-l .et_pb_section .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button::after {
    font-size: 22px !important;
    color: #fff;
    height: inherit;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after,
body #page-container .et_pb_section .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after,
body.et-db #page-container #et-boc .et-l .et_pb_section .px_footer_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button_wrap .et_pb_button:hover::after {
    color: var(--px-color-1);
}

.px_footer_social {}

.px_footer_social li.et_pb_social_icon,
.et-db #et-boc .et-l .px_footer_social li.et_pb_social_icon {
    margin-bottom: 0px;
}

.px_footer_social li.et_pb_social_icon a.icon {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.px_footer_social li.et_pb_social_icon a.icon::after {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_footer_social li.et_pb_social_icon a.icon:hover::after {
    transform: translateX(0);
}

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

/*---Footer v2  CSS---*/
.px_footer_v2 .px_footer_copyright_row {
    background-color: var(--px-color-1);
}

.px_footer_v2 .px_footer_newsletter .et_pb_newsletter_form {
    padding-top: 0 !important;
}

@media only screen and (min-width: 981px) {
    .px_footer_v2 .px_footer_newsletter_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/*---Footer v3  CSS---*/
.px_footer_v3 {}
/*-----------------------------------
       04. Sidebar CSS Start Here
  -------------------------------------*/
/* Blog Sidebar CSS Start */
.px_sidebar,
.et-db #et-boc .et-l .px_sidebar {}

.px_sidebar .widgettitle,
.et-db #et-boc .et-l .px_sidebar .widgettitle {
    width: fit-content;
    position: relative;
    padding-bottom: 0;
    padding-right: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
    margin-bottom: 10px;
    color: #202020;
}

.px_sidebar .widgettitle::before,
.et-db #et-boc .et-l .px_sidebar .widgettitle::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    margin: auto;
    background: var(--px-color-1);
}


.px_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget {
    background-color: #fff;
	border-radius: 10px;
    padding: 15px;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.08);
}

.px_sidebar .et_pb_widget.widget_search .searchform,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform {}

.px_sidebar .et_pb_widget.widget_search .searchform input,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input {
    height: 100% !important;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#s,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#s {
    border-color: #e7e7e7;
    padding: 15px;
    border-radius: 0px;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit {
    color: #fff;
    background-color: var(--px-color-1);
    border-radius: 5px;
    border: none;
    transition: all 0.4s;
}

.px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_search .searchform input#searchsubmit:hover {
    background-color: var(--px-color-2);
}

.px_sidebar .et_pb_widget.widget_archive ul,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_archive ul {}

.px_sidebar .et_pb_widget.widget_archive ul li,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_archive ul li {}

.px_sidebar .et_pb_widget.widget_archive ul li a,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_archive ul li a {}

.px_sidebar .et_pb_widget.widget_archive ul li a:hover,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget.widget_archive ul li a:hover {}

.px_sidebar .widget_categories ul .cat-item,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item {
    margin-bottom: 0;
    border-bottom: 1px solid #e7e7e7;
}

.px_sidebar .widget_categories ul .cat-item:last-child,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:last-child {
    border-bottom: none;
}

.px_sidebar .widget_categories ul .cat-item a,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a {
    display: block;
    padding: 10px 0px;
    color: #202020;
    font-size: 15px;
    transition: all 0.4s;
}

.px_sidebar .widget_categories ul .cat-item:last-child a,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item:last-child a {
    padding-bottom: 0px;
}

.px_sidebar .widget_categories ul .cat-item a:hover,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:hover {
    color: var(--px-color-1);
}

.px_sidebar .widget_categories ul .cat-item a::before,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a::before {}

.px_sidebar .widget_categories ul .cat-item a:hover::before,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a:hover::before {}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 8px 10px !important;
    font-size: 14px;
    color: #202020;
    text-transform: uppercase;
    background-color: #fff;
    z-index: 1;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover {
    color: #fff;
    border-color: var(--px-color-1);
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::before,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::before,
.et-db #et-boc .et-l .px_sidebar .widget_tag_cloud .tagcloud .tag-cloud-link:hover::before {
    transform: translateX(0);
}

.px_sidebar .widget_recent_entries,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries {}

.px_sidebar .widget_recent_entries ul,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul {}

.px_sidebar .widget_recent_entries ul li,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.px_sidebar .widget_recent_entries ul li:last-child,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.px_sidebar .widget_recent_entries ul li a,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li a {
    display: block;
    font-size: 15px;
    color: #202020;
    transition: all 0.4s;
}

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

.px_sidebar .widget_recent_entries ul li .post-date,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li .post-date {
    position: relative;
    color: #777777;
    padding-left: 20px;
}

.px_sidebar .widget_recent_entries ul li .post-date::before,
.et-db #et-boc .et-l .px_sidebar .widget_recent_entries ul li .post-date::before {
    content: "\e025";
    font-family: ETmodules;
    position: absolute;
    left: 0;
    font-size: 12px;
    font-weight: 100;
    color: var(--px-color-1);
}

.px_sidebar .widget_media_gallery,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery {}

.px_sidebar .widget_media_gallery .gallery,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery {}

.px_sidebar .widget_media_gallery .gallery .gallery-item,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item {
    margin: 0;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon {}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a {
    height: 60px;
    width: 60px;
    text-align: left;
    margin-bottom: 10px;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img {
    border: none;
    height: 60px;
    width: 60px;
	border-radius: 5px;
    object-fit: cover;
    transition: all 0.4s;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover img,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a:hover img {
    filter: grayscale(1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

/* Blog Sidebar CSS End */
/* Shop Sidebar CSS Start */

.px_shop_sidebar,
.et-db #et-boc .et-l .px_shop_sidebar {}

.px_shop_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.08);
}

.px_shop_sidebar .et_pb_widget .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button {
    position: relative;
    overflow: hidden;
    border: none !important;
    margin: 0px !important;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 12px 20px !important;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_shop_sidebar .et_pb_widget .button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button:hover {}

.px_shop_sidebar .et_pb_widget .button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget .button:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button:hover::before {
    transform: translateX(0);
}

.px_shop_sidebar .et_pb_widget .button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .button::after {
    display: none !important;
}

.px_shop_sidebar .et_pb_widget .widgettitle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle {
    width: fit-content;
    position: relative;
    padding-bottom: 0;
    padding-right: 15px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #202020;
}

.px_shop_sidebar .et_pb_widget .widgettitle::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    margin: auto;
    background: var(--px-color-1);
}

/* Cart CSS */
.px_shop_sidebar .et_pb_widget.widget_shopping_cart,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove {
    color: transparent !important;
    background: transparent !important;
    top: 0;
    bottom: 0;
    margin: auto;
	border: none !important;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove::before {
    content: "\e07d";
    font-family: 'ETmodules';
    color: var(--px-color-1);
    position: absolute;
    font-size: 16px;
    font-weight: 100;
    width: 100%;
    left: 0;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li .remove:hover::before {
    color: var(--px-color-2);
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a {
    color: #202020;
    font-weight: 500;
    line-height: 1.3;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a:hover {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li a img {
    width: 50px;
	border-radius: 5px;
    border: 1px solid #e7e7e7;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity .woocommerce-Price-amount {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content ul li span.quantity .woocommerce-Price-amount .woocommerce-Price-currencySymbol {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
    font-size: 18px;
    color: #202020;
    margin-bottom: 15px;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount .woocommerce-Price-currencySymbol {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover {}

/* Search Product */
.px_shop_sidebar .et_pb_widget.widget_product_search,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search {}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search {
    position: relative;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field {
    color: #202020;
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 10px;
    overflow: hidden;
    color: #fff;
    background-color: var(--px-color-1);
    border-radius: 0px;
    border: none;
    z-index: 1;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button:hover::before {
    transform: translateX(0);
}

/* SFilter by price */
.px_shop_sidebar .et_pb_widget.widget_price_filter,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter {}

.px_shop_sidebar .et_pb_widget.widget_price_filter form,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form {}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper {
    margin-top: 25px;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider {
    border-radius: 0px;
    background-color: #eaeaea;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-range {
    background: #fff;
    border: 3px double var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider .ui-slider-handle {
    background-color: var(--px-color-1);
    border-radius: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount {}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button {
    border: none;
    font-size: 14px;
    background-color: var(--px-color-1);
    color: #fff;
    padding: 12px 25px;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover {
    background-color: var(--px-color-2);
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label {
    font-size: 16px;
    color: #202020;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label .span,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label .span {}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label .clear,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label .clear {}

/* Product categories */
.px_shop_sidebar .et_pb_widget.widget_product_categories,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories {}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories {}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item {
    margin-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item:last-child {}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a {
    position: relative;
    display: block;
    padding: 10px 0px 10px 15px;
    color: #202020;
    font-size: 15px;
    border-bottom: 1px solid #e7e7e7;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #202020;
    transition: all 0.4s;
}


.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover::before,
.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>.count::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>.count::before,
.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a::before {
    background: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item a:hover,
.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>.count,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>.count,
.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item.current-cat>a {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children {}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children li.cat-item:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children li.cat-item:last-child {}

.px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children li.cat-item a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_categories ul.product-categories li.cat-item ul.children li.cat-item a {}

/* Products */
.px_shop_sidebar .et_pb_widget.widget_products,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products {}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget {}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li {
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a img {
    width: 50px;
    border: 1px solid #e7e7e7;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title {
    display: block;
    line-height: 1.3;
    color: #202020;
    font-weight: 500;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li a .product-title:hover {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating {}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating::before {}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span {}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .star-rating span::before {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount {}

.px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_products ul.product_list_widget li .woocommerce-Price-amount .woocommerce-Price-currencySymbol {}

/* Product Tags */
.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud {}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud {}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #e7e7e7;
    border-radius: 0px;
    padding: 8px 10px !important;
    font-size: 13px !important;
    color: #202020;
    background-color: #fff;
    z-index: 1;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
    color: #fff;
    border-color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover::before {
    transform: translateX(0);
}

/* Average rating */
.px_shop_sidebar .et_pb_widget.widget_rating_filter,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter {}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul {}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating {}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a {}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a::before {
    color: #ff0000;
}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span.star-rating,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span.star-rating {}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span::before {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span .rating,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_rating_filter ul li.wc-layered-nav-rating a span .rating {}

/* Recently Viewed Products */
.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products {}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget {}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li {
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a img {
    width: 50px;
    border: 1px solid #e7e7e7;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title {
    display: block;
    line-height: 1.3;
    color: #202020;
    font-weight: 500;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li a .product-title:hover {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount {}

.px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_recently_viewed_products .product_list_widget li .woocommerce-Price-amount .woocommerce-Price-currencySymbol {}

/* Filter by */
.px_shop_sidebar .et_pb_widget.widget_layered_nav,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav {}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list {}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li {
    margin-bottom: 0;
    position: relative;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #e7e7e7;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:last-child,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a {
    position: relative;
    color: #202020;
    font-size: 15px;
    padding-left: 15px;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover {
    color: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #202020;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover:before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover:before {
    background: var(--px-color-1);
}

.px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_layered_nav .woocommerce-widget-layered-nav-list li .count {
    color: #202020;
    font-size: 15px;
    float: right;
}

/* Shop Sidebar CSS End */
/* -----------------------------------
       04. Sidebar CSS End Here
  -------------------------------------*/
/* -----------------------------------
     05. Blog CSS
-------------------------------------*/
/*---Blog Grid CSS & 3 Columns CSS ---*/
.px_blog_v1 .et_pb_post {
    padding: 0;
    border: none;
	background-color: transparent;
}

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

.px_blog_v1 .et_pb_post .entry-featured-image-url {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
	border-radius: 5px;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::before,
.px_blog_v1 .et_pb_post .entry-featured-image-url::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    background-color: #fff;
    opacity: 0.1;
    z-index: 1;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::before {
    left: 0;
    top: 0;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::after {
    right: 0;
    bottom: 0;
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before,
.px_blog_v1 .et_pb_post:hover .entry-featured-image-url::after {
    height: 100%;
    width: 100%;
}

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

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

/* Info Class CSS */
.px_blog_v1 .px_blog_v1_info {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    padding: 10px 20px 35px;
    background-color: #fff;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .08);
    z-index: 1;
    margin: -20px 20px 0px 0px;
	border-radius: 0px 5px 5px 5px;
}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .px_blog_v1_info .entry-title {
    order: 1;
    font-size: 20px !important;
    color: #202020;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .entry-title:hover {
    color: var(--px-color-1);
}

/*---Post Meta  CSS---*/
.px_blog_v1 .et_pb_post .post-meta {
    order: 1;
    color: #202020;
}

.px_blog_v1 .et_pb_post .post-meta .published {
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: -55px;
    margin-bottom: 10px;
	border-radius: 5px;
    color: #202020;
    line-height: 1.5;
    background-color: #fff;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .08);
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
    color: #202020;
    padding-right: 10px;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"]:hover {
    color: var(--px-color-1);
}

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

.px_blog_v1 .et_pb_post .post-content .post-content-inner {
    padding-bottom: 10px;
}

/*---Read More Button CSS---*/
.px_blog_v1 .et_pb_post .post-content .more-link {
    position: absolute;
	overflow: hidden;
	display: block;
	width: fit-content;
	border-radius: 5px 0px 0px 0px;
	padding: 6px 12px !important;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	background-color: var(--px-color-1) !important;
	z-index: 1;
	right: 0;
}

.px_blog_v1 .et_pb_post .post-content .more-link::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .post-content .more-link:hover::before {
    transform: translateX(0);
}

/*---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 {
    font-size: 15px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 12px 20px;
	border-radius: 5px;
    color: #fff;
    background-color: var(--px-color-1);
    transition: all 0.4s;
    z-index: 1;
}

.px_blog_grid_2_col .pagination .alignright a,
.px_blog_grid_4_col .pagination .alignright a {
    position: absolute;
    right: 0;
    bottom: 0;
}

.px_blog_v1 .pagination .alignleft a::before,
.px_blog_v1 .pagination .alignright a::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

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

/*---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, 50%);
} */
/*---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, 25%);
} */

/*---Blog Grid 2 Columns CSS Start ---*/
.px_blog_grid_2_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

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

.px_blog_grid_2_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url {
    margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
    .px_blog_grid_2_col .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*---Blog Grid 2 Columns CSS End ---*/
/*---Blog Grid 4 Columns CSS Start---*/
.px_blog_grid_4_col .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

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

.px_blog_grid_4_col .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url {
    margin-bottom: 0;
}

@media only screen and (max-width: 1150px) {
    .px_blog_grid_4_col .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 750px) {
    .px_blog_grid_4_col .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*---Blog Grid 4 Columns CSS End ---*/
/* Blog Listing CSS Start */
@media only screen and (min-width: 801px) {
    .px_blog_list .et_pb_post {
        display: flex;
        margin-bottom: 30px;
        box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .08);
    }

    .px_blog_list .et_pb_post .entry-featured-image-url {
        width: 50%;
    }

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

    .px_blog_list .et_pb_post .px_blog_v1_info {
        width: 50%;
        box-shadow: none;
        margin: 0;
    }

    .px_blog_list .et_pb_post .post-meta .published {
        margin: 0px 0px 15px 0px;
    }
}

@media only screen and (max-width: 800px) {
    .px_blog_list .et_pb_post .post-content-inner {
        display: none;
    }
}

/* Blog Listing CSS End */

/* Blog Category CSS */
.px_blog_category {}

/* Blog Tags CSS */
.px_blog_tages {}

/* Blog Author CSS */
.px_blog_author {}

/* Blog Single Page CSS Start */
.px_blog_single .et_pb_column_single {
    padding: 0 !important;
}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap {}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap {
    position: relative;
    overflow: hidden;
	border-radius: 5px;
}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap::before,
.px_blog_single .px_single_post_title .et_pb_title_featured_container .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_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap::before {
    left: 0;
    top: 0;
}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap::after {
    right: 0;
    bottom: 0;
}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover::before,
.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover::after {
    height: 100%;
    width: 100%;
}


.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap img {}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap:hover img {}

.px_blog_single .px_single_post_title .et_pb_title_container {
    padding: 15px 0px;
    text-align: center;
}

.px_blog_single .px_single_post_title .entry-title {
    color: #202020;
    text-transform: capitalize;
    padding-bottom: 20px;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container {
    color: #202020;
    font-size: 16px;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a {
    color: #202020;
    transition: all 0.4s;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a:hover {
    color: var(--px-color-1);
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"],
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number {
    position: relative;
    padding: 10px 15px 10px 30px;
    margin: 0px 10px 0px 0px;
    display: inline-block;
	border-radius: 5px;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08);
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before {
    content: "";
    position: absolute;
    font-family: ETmodules;
    color: var(--px-color-1);
    left: 10px;
    font-size: 16px;
    font-weight: 100;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .author::before {
    content: "\e08a";
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .published::before {
    content: "\e023";
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::before {
    content: "\e07c";
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container .comments-number::before {
    content: "\e066";
}

.px_blog_single .px_single_highlight_text .et_pb_text_inner blockquote {
    border-color: var(--px-color-1);
}

.px_blog_single .px_single_blurb_info .et_pb_main_blurb_image {}

.px_blog_single .px_single_blurb_info .et_pb_blurb_container {}

@media only screen and (min-width: 981px) {
    .px_blog_single .px_single_tag_info_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.px_blog_single .px_single_social_media li.et_pb_social_icon {
    margin-bottom: 0;
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #202020;
    padding: 2px;
	border-radius: 5px !important;
    border: 1px solid #e7e7e7;
    transition: all 0.4s;
    z-index: 1;
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover {
    border-color: var(--px-color-1);
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon::before {
    color: #202020;
    transition: all 0.4s;
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover::before {
    color: #fff;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container {
    display: flex;
    align-items: center;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_module_header {
    padding-bottom: 0px;
    padding-right: 15px;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    color: #202020;
    font-size: 14px;
	border-radius: 5px;
    padding: 10px 15px;
    background-color: #fff;
    z-index: 1;
    border: 1px solid #e7e7e7;
    transition: all 0.4s;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover {
    color: #fff;
    border-color: var(--px-color-1);
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a::before,
.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon::after {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover::before,
.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover::after {
    transform: translateX(0);
}

.px_blog_single .px_single_navigation {}

.px_blog_single .px_single_navigation .nav-previous,
.px_blog_single .px_single_navigation .nav-next {}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"],
.px_blog_single .px_single_navigation .nav-next a[rel="next"] {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #e7e7e7;
    color: #202020;
    z-index: 1;
    transition: all 0.4s;
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]:hover,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]:hover {
    color: #fff;
    border-color: var(--px-color-1);
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]::before,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"]:hover::before,
.px_blog_single .px_single_navigation .nav-next a[rel="next"]:hover::before {
    transform: translateX(0);
}

.px_blog_single .px_blog_single_comments .commentlist .comment .comment-body {
    margin-bottom: 20px !important;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a {
    color: #202020;
    transition: all 0.4s;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo a:hover {
    color: var(--px-color-1);
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_avatar img {
	border-radius: 50%;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo .fn {
    display: block;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_postinfo .comment-edit-link {
    text-decoration: underline;
}

.px_blog_single .px_blog_single_comments .commentlist .comment-body .comment_area .comment-content {}

.px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link,
body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link {
    padding: 5px 30px 5px 10px !important;
    position: absolute;
    font-size: 13px;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form {}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as {
    color: #202020;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a {
    color: #202020;
    text-decoration: underline;
    transition: all 0.4s;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a:hover {
    color: var(--px-color-1);
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment {
    position: relative;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author::before,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email::before,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url::before,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment::before {
    content: "";
    font-family: etmodules;
    position: absolute;
    right: 14px;
    top: 11px;
    color: var(--px-color-1);
    font-size: 16px;
    z-index: 1;
    font-weight: 100;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author::before {
    content: "\e08a";
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email::before {
    content: "\e076";
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url::before {
    content: "\e0e4";
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment::before {
    content: "\e066";
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author input,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email input,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url input,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment {
    width: 100% !important;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment {
    border: 1px solid #e7e7e7 !important;
    box-shadow: none;
    background-color: #fff !important;
}

.px_blog_single .px_blog_single_comments .et_pb_button {}

.px_blog_single .px_blog_single_comments .et_pb_button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_blog_single .px_blog_single_comments .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_blog_single .px_blog_single_comments .et_pb_button:hover::before {
    transform: translateX(0);
}



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

.px_contact_v1 .px_contact_info {
    border: 1px solid #e7e7e7;
    transition: all 0.4s;
}

.px_contact_v1 .px_contact_info:hover {
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .08);
    border-color: transparent;
}

.px_contact_v1 .px_contact_info .et_pb_image_wrap .et-pb-icon {
    color: var(--px-color-1);
}

.px_contact_v1 .px_contact_info .et_pb_module_header {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #202020;
    transition: all 0.6s;
}

.px_contact_v1 .px_contact_info:hover .et_pb_module_header {
    border-color: var(--px-color-1);
}

.px_contact_v1 .px_contact_info .et_pb_module_header::before,
.px_contact_v1 .px_contact_info .et_pb_module_header::after {
    content: "";
    position: absolute;
    bottom: -5px;
    transform: rotate(360deg);
    height: 10px;
    width: 10px;
    background-color: #202020;
    transition: all 0.6s;
}

.px_contact_v1 .px_contact_info .et_pb_module_header::before {
    left: 50%;
}

.px_contact_v1 .px_contact_info .et_pb_module_header::after {
    right: 50%;
}

.px_contact_v1 .px_contact_info:hover .et_pb_module_header::before,
.px_contact_v1 .px_contact_info:hover .et_pb_module_header::after {
    background-color: var(--px-color-1);
    transform: rotate(0deg);
}

.px_contact_v1 .px_contact_info:hover .et_pb_module_header::before {
    left: 0;
}

.px_contact_v1 .px_contact_info:hover .et_pb_module_header::after {
    right: 0;
}

.px_contact_v1 .px_contact_form .et-pb-contact-message {}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field input,
.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea {
    transition: all 0.4s;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:hover,
.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:hover,
.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field input:focus,
.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field textarea:focus {
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .08);
    border-color: transparent;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_pb_contact_field .et_contact_bottom_container {}

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

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before {
    transform: translateX(0);
}

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

/* -----------------------------------
    07. Team Section CSS
-------------------------------------*/
/*---Team v1  CSS---*/
/* Image Css */
.px_team_v1 .et_pb_team_member_image,
.px_team_v1 .et_pb_team_member_image img {
    width: 100%;
    max-width: 100%;
}

.px_team_v1 .et_pb_team_member_image {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

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

.px_team_v1 .et_pb_team_member_image::before {
    left: 0;
    top: 0;
}

.px_team_v1 .et_pb_team_member_image::after {
    right: 0;
    bottom: 0;
}

.px_team_v1:hover .et_pb_team_member_image::before,
.px_team_v1:hover .et_pb_team_member_image::after {
    height: 100%;
    width: 100%;
}

.px_team_v1 .et_pb_team_member_image img {}

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
    padding: 20px;
}

.px_team_v1 .et_pb_team_member_description .et_pb_module_header {
    color: #202020;
    transition: all 0.4s;
}

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

.px_team_v1 .et_pb_team_member_description .et_pb_member_position {}

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
    margin: 0;
    display: grid;
    position: absolute;
    right: -100%;
    top: 10px;
    z-index: 1;
    transition: all 0.4s;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
    right: 10px;
    transition-delay: 0.2s;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li {
    margin: 2px 0px;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
	border-radius: 5px;
    background-color: var(--px-color-2);
    z-index: 1;
    transition: all 0.4s;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a::after {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a:hover::after {
    transform: translateX(0);
}

/* -----------------------------------
    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 {}

/*---Title CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
    text-shadow: none;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    display: inline-block;
    padding: 10px;
	border-radius: 5px;
    background-color: var(--px-color-1);
    margin-bottom: 15px;
}

/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content blockquote {
    border-color: var(--px-color-1);
    margin-bottom: 0px;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
    color: var(--px-color-2) !important;
    font-size: 60px;
    line-height: 1.1;
}

/*---Button CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before {
    transform: translateX(0);
}

.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 .et-pb-arrow-prev,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next {
    background-color: var(--px-color-1);
    font-size: 30px;
    padding: 7px;
	border-radius: 5px;
    transition: all 0.4s;
}

.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.px_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next:hover {
    background-color: var(--px-color-2);
}

/*---Dots Navigation CSS---*/


@media only screen and (max-width: 980px) {
    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
        margin-left: auto;
        margin-right: auto;
    }

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

@media only screen and (max-width: 700px) {
    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
        font-size: 35px;
    }
	.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title { padding:0px;background:transparent;color: var(--px-color-1) !important;}
	.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content blockquote{display:none;} 
	

}

/*---Slider v2 CSS---*/
.px_slider_v2 {}

/*---Image CSS---*/
.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {}

/*---Title CSS---*/
.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
    text-shadow: none;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {
    position: relative;
	width: fit-content;
	margin-bottom: 20px;
	padding: 0px 25px;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title::before,
.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--px-color-1);
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title::before {
    left: 0;
    right: auto;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title::after {
    right: 0;
    left: auto;
}

/*---Description CSS---*/
.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content p strong {
  color: var(--px-color-1) !important;
  font-size: 30px;
  font-weight: 700;
}
/*---Button CSS---*/
.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper {}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::before {
    transform: translateX(0);
}

.px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after {
    display: none !important;
}
@media only screen and (max-width: 700px) {
  .px_slider_v2 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title {width:100%;display:inline-block;}
}

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

.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev,
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next {
    background-color: var(--px-color-1);
    font-size: 30px;
    padding: 7px;
    transition: all 0.4s;
}

.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-prev:hover,
.px_slider_v2 .et-pb-slider-arrows .et-pb-arrow-next:hover {
    background-color: var(--px-color-2);
}

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

.px_slider_v2 .et-pb-controllers a {}

.px_slider_v2 .et-pb-controllers a.et-pb-active-control {}

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

.px_faqs_v1 .et_pb_toggle {
    border-bottom: 1px solid #e7e7e7 !important;
    transition: all 0.4s;
}

.px_faqs_v1 .et_pb_toggle:hover,
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open {
    border-color: transparent !important;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08);
}

/*---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: "\4c";
    font-family: ETmodules !important;
    display: block !important;
    color: #202020;
    right: 20px;
    font-size: 20px;
    font-weight: 600;
    transition: all 0.4s;
}

/*---Open Title CSS---*/

.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
    padding: 20px;
    color: #202020;
    transition: all 0.4s;
}

.px_faqs_v1 .et_pb_toggle:hover .et_pb_toggle_title,
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    color: var(--px-color-1);
}

/* ---Open Title Icon CSS--- */

.px_faqs_v1 .et_pb_toggle:hover .et_pb_toggle_title::before {
    color: var(--px-color-1);
}

.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    content: "\4b";
    color: var(--px-color-1);
}

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

/* -----------------------------------
  	10 Testimonial Section CSS
-------------------------------------*/
/*---Testimonial v1 CSS Start---*/
.px_testimonial_sec_v1 {}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-list .slick-track .et_pb_column.slick-slide {
    margin: 20px !important;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots {
    padding-left: 0;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button {
    border: 1px solid transparent;
	border-radius: 50%;
    transition: all 0.4s;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button:hover,
.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li.slick-active button {
    border: 1px solid #333;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button::before {
    content: "";
    height: 10px;
    width: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	border-radius: 50%;
    background-color: #333;
    transition: all 0.4s;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li button::before:hover {
    opacity: 1;
}

.px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-dots li.slick-active button::before {
    opacity: 1;
}

@media only screen and (max-width: 479px) {
    .px_testimonial_sec_v1 .px_testimonial_carousel_v1 .slick-list .slick-track .et_pb_column.slick-slide {
        width: 70vw !important;
    }
	
}
@media only screen and (max-width:480px){
	.px_testimonial_carousel_v1  .slick-track ,
	.px_testimonial_carousel_v2  .slick-track {display:flex;}
}
.px_testimonial_v1.et_pb_testimonial:before {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    color: var(--px-color-1);
    border-radius: 5px;
    height: 50px;
    width: 50px;
    top: -10px;
    transition: all 0.4s;
}

.px_testimonial_v1.et_pb_testimonial:hover:before {
    color: #fff;
    background-color: var(--px-color-1);
}

/*---Img CSs---*/

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 55px;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait::before {
    display: none;
}

/*---Description---*/

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {
    position: relative;
    margin-bottom: 140px;
    padding: 40px 20px 20px 20px;
    background-color: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .08);
	border-radius: 5px;
    z-index: 1;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner::before {
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px;
    content: '';
    width: 30px;
    height: 30px;
    z-index: -1;
    transform: rotateZ(45deg);
    background-color: #fff;
}

.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p {
    padding-bottom: 0;
}

/*---Author CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    margin: 0;
    color: var(--px-color-1);
}

/*---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 {}

/*---Testimonial v1 CSS end---*/
/*---Testimonial v2 CSS Start---*/
.px_testimonial_sec_v2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(10, 10, 10, 0.7);
    z-index: 1;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-list {
    margin-bottom: 20px;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-list .slick-track .et_pb_column.slick-slide {
    margin: 10px !important;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots {
    padding-left: 0;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button {
	border-radius: 50%;
    border: 1px solid transparent;
	transition: all 0.4s;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button:hover,
.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li.slick-active button {
    border: 1px solid var(--px-color-1);
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button::before {
    content: "";
    height: 10px;
    width: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	border-radius: 50%;
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li button::before:hover {
    opacity: 1;
}

.px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-dots li.slick-active button::before {
    opacity: 1;
}

@media only screen and (max-width: 479px) {
    .px_testimonial_sec_v2 .px_testimonial_carousel_v2 .slick-list .slick-track .et_pb_column.slick-slide {
        width: 75vw !important;
    }
}

.px_testimonial_v2 {}

.px_testimonial_v2.et_pb_testimonial {}

/* .px_testimonial_v2.et_pb_testimonial:before {
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(5px);
    border-radius: 0px;
    top: 5px;
    left: 45px;
} */

/*---Img CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait {
    float: none;
    margin-bottom: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait::before {
    display: none;
}

/*---Description---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description {

    margin-left: 0px !important;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {
    position: relative;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    padding: 30px;
    margin-bottom: 65px;
	border-radius: 5px;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner::before {
    position: absolute;
    display: inline-block;
    left: 30px;
    bottom: -30px;
    content: "";
    width: 30px;
    height: 30px;
    z-index: -1;
    clip-path: polygon(0 0, 50% 50%, 100% 0);
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content p {
    padding-bottom: 0px;
}

/*---Author CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    margin-top: 0px;
    color: var(--px-color-1);
}


.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author,
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta {
    margin-left: 105px;
}

/*---Meta CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta {
    padding-bottom: 15px;
    display: block;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position {}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator {}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company {}

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

    .px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {
        padding: 20px;
    }
}

/*---Testimonial v2 CSS end---*/

/*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"
}



/* -----------------------------------
    11. Services CSS
-------------------------------------*/
/*---Services v1 CSS---*/
.px_services_v1 {
    position: relative;
    overflow: hidden;
    background: linear-gradient(var(--px-color-1),var(--px-color-1));
    background-blend-mode: overlay;
    background-color: rgb(255 255 255 / 20%);
}

.px_services_v1::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 80%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(255 255 255 / 10%);
    clip-path: polygon(0 0, 100% 0, 40% 0, 0 100%, 20% 100%, 50% 20%, 80% 100%, 100% 100%, 60% 0, 100% 0, 0 0, 100% 0);
}

.px_services_v1 .et_pb_blurb_content {
    display: flex;
    flex-direction: column-reverse;
}

/*Img Css */
.px_services_v1 .et_pb_blurb_content .et_pb_main_blurb_image {
    margin-bottom: 0px;
}

.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 {
    width: 230px;
    /* height: 90px; */
    transition: all 0.4s;
}

.px_services_v1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    transform: scale(1.1);
}

/*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 {
    margin-bottom: 25px;
}

.px_services_v1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    padding: 10px;
}

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

/*---Services v2  CSS---*/
.px_services_v2 {}

/*Img Css */
.px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image {
    margin-bottom: 0px;
}

.px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {}

.px_services_v2 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {}

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

/*Title Css */
.px_services_v2 .et_pb_blurb_content .et_pb_blurb_container {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin: -35px 15px 0px 15px;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .08);
    z-index: 1;
    transition: all 0.4s;
}

.px_services_v2 .et_pb_blurb_content .et_pb_blurb_container::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-1);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_services_v2:hover .et_pb_blurb_content .et_pb_blurb_container::before {
    transform: translateX(0);
}

.px_services_v2 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: #202020;
    padding: 15px;
    transition: all 0.4s;
}

.px_services_v2:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
    color: #fff;
}

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

/*---Services Single Page CSS---*/
.px_services_single {}

/* -----------------------------------
  	16 Choose Us Section CSS
-------------------------------------*/
/*---Choose Us v1 CSS---*/

.px_choose_v1 {
    background-color: var(--px-color-2);
}

@media only screen and (min-width: 981px) {
    .px_choose_v1 .px_choose_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/* -----------------------------------
  	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: 10px;
    filter: opacity(0.5);
    transition: all 0.4s;
}

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

/* -----------------------------------
  	13 Video Section CSS
-------------------------------------*/
/*---Video v1 CSS---*/
.px_video_v1 .et_pb_video_box {}

.px_video_v1 .et_pb_video_overlay {}

.px_video_v1 .et_pb_video_overlay {
    background-blend-mode: overlay;
    transition: all 0.4s;
}

.px_video_v1 .et_pb_video_overlay:hover {
    background-color: rgba(0, 0, 0, .6);
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover {
    height: 60px;
    width: 60px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: visible;
    border-radius: 50%;
    background-color: transparent !important;
    z-index: 1;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::before,
.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::after,
.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play::after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    height: calc(100% + 20px);
    width: calc(100% + 20px);
    border-radius: inherit;
    animation: growAndFade 2s infinite ease-out;
    background-color: #fff;
    z-index: -1;
    transition: all 0.4s;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover:hover:before,
.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover:hover:after,
.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover:hover .et_pb_video_play::after {
    background-color: var(--px-color-1);
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::before {
    animation-delay: 0s;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover::after {
    animation-delay: 0.3s;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play::after {
    animation-delay: 0.6s;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play {
    height: 60px;
    width: 60px;
    top: 0;
    left: 0;
    margin: 0;
    display: flex;
    z-index: 1;
    border-radius: inherit;
    transition: all 0.4s;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play::before {
    height: inherit;
    width: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    background-color: #fff !important;
    color: var(--px-color-1);
    transition: all 0.4s;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover:hover .et_pb_video_play::before {
    background-color: var(--px-color-1) !important;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover:hover .et_pb_video_play::before {
    color: #fff;
}

/* -----------------------------------
  	14 CTA Section CSS
-------------------------------------*/
/*---CTA v1 CSS---*/
.px_CTA_v1 {
    clip-path: polygon(0 0, 70% 0, 80% 80%, 0 100%);
	background: rgba(0,0,0,0.8);
}

.px_CTA_v1 .et_pb_promo_description {
    padding-bottom: 0px;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
    color: #ffffff;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover {
    color: #202020;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid #fff;
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button:hover::before {
    transform: translateX(0);
}


.px_CTA_v1 .et_pb_button_wrapper .et_pb_button::after {
    display: none !important;
}

/*---CTA v2 CSS---*/
.px_CTA_v2 {
    backdrop-filter: blur(3px);
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button {
    position: relative;
    overflow: hidden;
    background-color: var(--px-color-1) !important;
    z-index: 1;
    color: #ffffff;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button:hover::before {
    transform: translateX(0);
}

.px_CTA_v2 .et_pb_button_wrapper .et_pb_button::after {
    display: none !important;
}

/* -----------------------------------
  	15 Countdown Timer Section CSS Start Here
-------------------------------------*/
/* Coundown Timer V1 Start */
.px_coundown_timer_v1 .et_pb_countdown_timer_container .section {
    border-radius: 5px;
    background-color: var(--px-color-1);
    margin-right: 10px;
	padding: 10px;
}

.px_coundown_timer_v1 .et_pb_countdown_timer_container .section .value {}

.px_coundown_timer_v1 .et_pb_countdown_timer_container .section .label {}

.px_coundown_timer_v1 .et_pb_countdown_timer_container .section.sep {
    display: none !important;
}

/* Coundown Timer V1 End */
/* Coundown Timer V2 Start */
.px_coundown_timer_v2 .px_coundown_timer .et_pb_countdown_timer_container .section {
    padding: 20px 5px;
    margin: 0px 10px;
	border-radius: 5px;
    background: rgb(255 255 255 / 70%);
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%);
}

.px_coundown_timer_v2 .px_coundown_timer .et_pb_countdown_timer_container .section .value {
    display: block;
}

.px_coundown_timer_v2 .px_coundown_timer .et_pb_countdown_timer_container .section .label {
    display: block;
}

.px_coundown_timer_v2 .px_coundown_timer .et_pb_countdown_timer_container .section.sep {
    display: none;
}

/* Countdown V2 CSS End */
/* -----------------------------------
  	15 Countdown Timer Section CSS End Here
-------------------------------------*/
/* -----------------------------------
      16 Category CSS 
-------------------------------------*/
/*---Category v1 CSS---*/

/* -----------------------------------
      17 Accordian Css HERE
-------------------------------------*/
.px_accordian .et_pb_toggle{
	margin-bottom:20px!important;
}
.px_accordian .et_pb_toggle .et_pb_toggle_title{
	color:var(--px-color-2);
	transition:.3s ease-in-out;
}
.px_accordian .et_pb_toggle .et_pb_toggle_title:before{
	content: '\43';
    color: var(--px-color-2);
    font-size: 20px;
}

/* HOVER CSS HERE */

.px_accordian .et_pb_toggle:hover .et_pb_toggle_title{
	color:var(--px-color-1);
	transition:.3s ease-in-out;
}
.px_404_page .px_404_text .et_pb_text_inner h3 {
    color: var(--px-color-1);
}
/* -----------------------------------
      18 Discount Sections Css 
-------------------------------------*/
/*---Discount v1 CSS---*/
.px_discount_v1_col .px_discount_v1_img{
	overflow:hidden;
}
.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap {
	height:240px;
}
.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap:before{
	content: '';
	position: absolute;
	height: 90%;
	width: 90%;
	background: var(--px-color-2);
	z-index: 5;
	opacity: 0.5;
	transform: scale(1);
	transition: .3s ease-in-out;
	margin: 15px;
	top: 0px;
	border-radius: 5px;
}
.px_discount_v1_col:hover .px_discount_v1_img .et_pb_image_wrap:before{
	transform: scale(1.5);
	transition: .3s ease-in-out;
}
.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img {
	height:100%;
	object-fit:cover;
}

.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img {
	transform: scale(1) rotate(0deg);
	transition:.3s ease-in-out;
}

.px_discount_v1_col:hover .px_discount_v1_img .et_pb_image_wrap img {
	transform: scale(1.2) rotate(5deg);
	transition:.3s ease-in-out;
}

.px_discount_v1_col .px_discount_v1_cta .et_pb_module_header:before{
	content: '';
    position: absolute;
    height: 25px;
    width: 60px;
    top: -6px;
    left: 75px;
    background: var(--px-color-1);
    z-index: -1;
    border-radius: 10px;
}
.px_discount_v1_col .px_discount_v1_cta{
	position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}
.px_discount_v1_col .px_discount_v1_cta .et_pb_button_wrapper .et_pb_button{
	background: var(--px-color-1);
    color: #fff;
    border:3px solid transparent!important;
	transform:scale(1);
	transition:.2s ease-in-out;
}
.px_discount_v1_col .px_discount_v1_cta .et_pb_button_wrapper .et_pb_button:hover{
	background:#fff!important;
	color:var(--px-color-2);
	transform:scale(1.02);
	border:3px solid var(--px-color-1)!important;
	transition:.2s ease-in-out;
}

@media only screen and (min-width:480px) and (max-width:980px){
	.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap img,
	.px_discount_v1_col .px_discount_v1_img .et_pb_image_wrap{
		width:100%;
	}
}
/*---Discount v2 CSS---*/
.px_wc_product_cta .et_pb_button_wrapper .et_pb_button{
	background: var(--px-color-1);
    color: #fff;
    border:3px solid transparent!important;
	transform:scale(1);
	transition:.2s ease-in-out;
}

.px_wc_product_cta .et_pb_button_wrapper .et_pb_button:hover{
	background:#fff!important;
	color:var(--px-color-2);
	transform:scale(1.02);
	border:3px solid var(--px-color-1)!important;
	transition:.2s ease-in-out;
}
/* -----------------------------------
  	19 Coming Soon Page CSS
-------------------------------------*/
/* Counter */
.px_coming_soon_counter .sep{
	display:none;
}
.px_coming_soon_counter .values{
	color: var(--px-color-2);
}
.px_coming_soon_counter .values:before{
	content: '';
    position: absolute;
    height: 120px;
    width: 120px;
    border:1px solid var(--px-color-2);
    top: -25px;
    left: 20px;
    transform: rotate(45deg);
}

/* Email Option */
.px_coming_soon_email .et_pb_newsletter_form {
	overflow:hidden;
}
.px_coming_soon_email form .et_pb_newsletter_field{
	border: 1px solid var(--px-color-2)!important;
    padding-bottom: 0;
}
.px_coming_soon_email form .et_pb_newsletter_field input{
	background:transparent!important;
}
.px_coming_soon_email form .et_pb_newsletter_button_wrap{
	position: absolute;
    top: 0;
    right: 0;
}
.px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button{
	color:var(--px-color-2);
}
.px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button .et_pb_newsletter_button_text{
	font-size:0;
}

/* HOVER CSS HERE */
.px_coming_soon_email form .et_pb_newsletter_button_wrap .et_pb_button:hover{
	background:var(--px-color-1);
}

@media only screen and (min-width:480px) and (max-width:980px){
	.px_coming_soon_counter .values{
		width:25%!important;
	}
}
@media only screen and (max-width:480px){
	.px_coming_soon_counter .values:before{
		content:none;
	}
	.px_coming_soon_counter .values{
		width:25%!important;
	}
}


/* -----------------------------------
      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;
}
/*---Newsletter v1 CSS---*/
@media only screen and (min-width: 981px) {
    .px_newsletter_v1 .px_newsletter_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.px_newsletter_v1 .px_newsletter.et_pb_newsletter {
    display: block;
}

/* Desc Css */
.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_description {
    padding-bottom: 15px;
}

/*Form Css*/
.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_form {
    position: relative;
    padding: 0px;
}

/*Input Css*/
.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_field {
    padding-bottom: 0px;
}

.px_newsletter_v1 .px_newsletter.et_pb_newsletter_form .input {}

.px_newsletter_v1 .px_newsletter.et_pb_newsletter_form .input::placeholder,
#dct_email_v5 .et_pb_newsletter_form input[type=text],
.px_newsletter_v1 .px_newsletter.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {}

/*Button Css*/
.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap {}

.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    position: absolute;
	top: -20px;
	bottom: 0;
	right: 2px;
	height: 50px;
	width: 50px;
	margin: auto;
	z-index: 1;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--px-color-1);
}

.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after,
body #page-container .et_pb_section.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::after {
    font-size: 20px !important;
    margin: 0 !important;
}

.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::before {
    content: "";
    position: absolute;
    display: block !important;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--px-color-2);
    transform: translateX(-100%);
    transition: all 0.4s;
}

.px_newsletter_v1 .px_newsletter.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::before {
    transform: translateX(0);
}

/*---Newsletter v2 CSS---*/
.px_newsletter_v2 {}

/* -----------------------------------
    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:10px;
	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 .et_mobile_menu {padding:10px !important;}
.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: 5px;
}


/*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_v1 .et_pb_searchform div .et_pb_searchsubmit {
    background-color: var(--px-color-1);
    color: #fff;
    padding: 10px 20px;
    transition: all 0.4s;
    margin: 4px;
    border-radius: 5px;
}

.px_search_v1 .et_pb_searchform div .et_pb_searchsubmit:hover {
    background-color: var(--px-color-2);
}

/* -----------------------------------
  	25 Why choose us CSS Start Here
-------------------------------------*/

/* -----------------------------------
  	25 Why choose us CSS End Here
-------------------------------------*/
/*-------------------------------------------
  -- 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);
    }
}