/*---------------------------------------------------------------------------------
 Theme Name:   Kids Store 
 Theme URI:    https://kidsstore.diviwoocommercethemes.com
 Description:  Kids Store Divi WooCommerce Theme  is especially designed as a eCommerce solution for online book shops, ebooks, magazine and suitable for any kind of 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 About Us 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 Shiping Section CSS 
    21 Privacy & policy Css
    22 Scroll Top Css
    23 Mobile Menu CSS
	24 Color Picker CSS
    25 Animation Part CSS
    
--------------------------------------------------------*/
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;
    }
}

::selection {
    background-color: var(--px-color-1);
    color: #fff;
}

input[type=radio],
input[type=checkbox] {
    accent-color: var(--px-color-1);
}

/* -----------------------------------
    01. General Class CSS
-------------------------------------*/

/*---Button CSS---*/
.px_btn {
    padding: 12px 20px !important;
    font-size: 15px;
    border: none !important;
    color: #fff;
    background-color: var(--px-color-1) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    transition: all 0.4s;
}

.px_btn::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

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

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

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

.px_hover_img .et_pb_image_wrap::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    content: '';
    width: calc(50% - 35px);
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    transition: all 0.6s;
}

.px_hover_img:hover .et_pb_image_wrap::before,
.px_hover_img_column:hover .px_hover_img .et_pb_image_wrap::before {
    animation: shine .75s;
}

.px_hover_img .et_pb_image_wrap img {
    transition: all 0.4s
}

.px_hover_img:hover .et_pb_image_wrap img,
.px_hover_img_column:hover .px_hover_img .et_pb_image_wrap img {
    transform: scale(1.1);
}

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

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

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

/* .px_page_title,
.et-db #et-boc .et-l .px_page_title {
	background-color: var(--px-color-1);
} */
.px_title .et_pb_text_inner {
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1;
}

.px_title_light .et_pb_text_inner {
    color: #fff;
}

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

.px_subtitle .et_pb_text_inner {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px !important;
    color: #000000;
    letter-spacing: 3px;
}

.px_subtitle .et_pb_text_inner span {
    width: fit-content;
    position: relative;
    margin: auto;
    display: block;
    padding: 0px 25px;
}

.px_subtitle .et_pb_text_inner span::before,
.px_subtitle .et_pb_text_inner span::after {
    content: "\f77c";
    position: absolute;
    font-family: FontAwesome !important;
    top: 0px;
    font-size: 18px;
    font-weight: 600;
    color: var(--px-color-1);
}

.px_subtitle .et_pb_text_inner span::before {
    left: 0;
}

.px_subtitle .et_pb_text_inner span::after {
    right: 0;
}

.px_subtitle.px_subtitle_left span {
    padding-left: 0;
    margin: 0;
}

.px_subtitle.px_subtitle_left span::before {
    display: none;
}

@media only screen and (max-width: 600px) {
    .px_title .et_pb_text_inner {
        font-size: 28px;
    }
}

.px_slider_divider .et_pb_top_inside_divider {
    -webkit-animation: 100s scroll infinite linear;
    -moz-animation: 100s scroll infinite linear;
    -o-animation: 100s scroll infinite linear;
    -ms-animation: 100s scroll infinite linear;
    animation: 100s scroll infinite linear;
}

@media only screen and (max-width: 980px) {
    .px_slider_divider .et_pb_top_inside_divider {
        background-size: 200% 100px !important;
    }
}

/*--- 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: unset;
    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: inherit;
}

.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%;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    background: #ffffff;
    transform: translate(0, 15px);
    border-radius: 10px;
    border-top: none !important;
    transition: all 300ms ease;
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
}

.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;
    transform: translate(0, 0);
    border-top: none !important;
    transition: all 300ms ease;
    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 {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    display: block;
}

.px_header_menu.et_pb_menu ul li,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li {
    margin-top: 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;
    padding-bottom: 15px;
    transition: all 0.4s;
}

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

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

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

.px_label::before,
.et-db #et-boc .et-l .px_label::before {
    content: "";
    position: absolute;
    background: var(--px-color-1);
    width: 7px;
    height: 100%;
    bottom: auto;
    top: 0;
    left: 100%;
    clip-path: polygon(0 0, 100% 0, 1% 50%, 100% 100%, 0 100%);
}

.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: 14px;
    text-transform: capitalize;
    color: #202020;
    transition: all 0.4s;
}

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

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

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

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

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

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

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

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

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

.px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu,
.et-db #et-boc .et-l .px_header_menu.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu {
    border: none !important;
}

.px_header_menu_v2.et_pb_menu ul li a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li a {
    color: #fff;
}

.px_header_menu_v2.et_pb_menu ul li a:hover,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li a:hover {
    color: var(--px-color-2) !important;
}

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

.px_header_menu_v2.et_pb_menu ul li a .px_label,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li a .px_label {
    color: var(--px-color-1);
    background-color: #ffffff;
}

.px_header_menu_v2.et_pb_menu ul li a .px_label::before,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li a .px_label::before {
    background: #fff;
}

.px_header_menu_v2.et_pb_menu ul li ul li a .px_label,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li ul li a .px_label {
    color: #ffffff;
    background-color: var(--px-color-1);
}

.px_header_menu_v2.et_pb_menu ul li ul li a .px_label::before,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu ul li ul li a .px_label::before {
    background-color: var(--px-color-1);
}

.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-menu-nav ul li.current-menu-ancestor>a,
.px_header_menu_v2.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_v2.et_pb_menu .et-menu-nav ul li.current-menu-ancestor>a,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et-menu li.current-menu-ancestor.menu-item-has-children>a:first-child::after {
    color: #fff;
}

.px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar .bar,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar .bar {
    background: #fff;
}

.px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu {
    border: none !important;
}

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

.px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li a:hover,
.et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .et_mobile_menu li a:hover {
    color: var(--px-color-1);
}

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

    .px_header_menu.et_pb_menu ul li a,
    .et-db #et-boc .et-l .px_header_menu.et_pb_menu ul li a {
        padding-top: 30px;
        padding-bottom: 30px !important;
    }
}

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

    .px_header_menu_v2.et_pb_menu .et_pb_menu__logo img,
    .et-db #et-boc .et-l .px_header_menu_v2.et_pb_menu .et_pb_menu__logo img {
        filter: brightness(1) invert(80%) sepia(25%) saturate(0%) brightness(150%) contrast(100%);
    }
}

/*---Sub Menu CSS---*/
/*---Header Common Info Css---*/
.px_h_small_info {
    color: #000;
}

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

.px_h_small_info::before {
    color: #000;
}

/*---Header v1  CSS---*/
.px_header_top_v1 .px_header_top_row .et_pb_column {
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
}

.px_header_top_v1 .px_header_top_row .et_pb_column:last-child {
    justify-content: end;
}

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

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

.px_header_middle_v1 .et_pb_column .px_header_icons a .et_pb_icon_wrap,
.et-db #et-boc .et-l .px_header_middle_v1 .et_pb_column .px_header_icons a .et_pb_icon_wrap {
    border-radius: 5px;
    height: 35px;
    width: 35px;
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.px_header_middle_v1 .et_pb_column .px_header_icons a:hover .et_pb_icon_wrap,
.et-db #et-boc .et-l .px_header_middle_v1 .et_pb_column .px_header_icons a:hover .et_pb_icon_wrap {
    background-color: var(--px-color-2);
}

.px_header_middle_v1 .et_pb_column .px_header_icons a .et_pb_icon_wrap .et-pb-icon,
.et-db #et-boc .et-l .px_header_middle_v1 .et_pb_column .px_header_icons a .et_pb_icon_wrap .et-pb-icon {
    color: #fff;
    line-height: 2.3;
}

.px_header_middle_v1 .px_h_search .et_pb_searchform>div {
    position: relative;
}

.px_header_middle_v1 .px_h_search .et_pb_searchform .et_pb_s,
.et-db #et-boc .et-l .px_header_middle_v1 .px_h_search .et_pb_searchform .et_pb_s {
    background-color: #f4f4f4;
}

.px_header_middle_v1 .px_h_search .et_pb_searchform .et_pb_searchsubmit,
.et-db #et-boc .et-l .px_header_middle_v1 .px_h_search .et_pb_searchform .et_pb_searchsubmit {
    position: absolute;
    right: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--px-color-1);
    padding: 5px 20px;
    border-radius: 50px;
    height: 45px;
    min-height: unset !important;
    transition: all 0.4s;
}

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

.px_header_bottom_v1.et_pb_sticky_module.et_pb_sticky,
.et-db #et-boc .et-l .px_header_bottom_v1.et_pb_sticky_module.et_pb_sticky {
    box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 10%);
}

.px_header_bottom_v1 .px_header_bottom_row .et_pb_column {
    margin-top: auto;
    margin-bottom: auto;
}

.px_header_bottom_v1 .px_h_small_info::before {
    left: 0;
}

@media only screen and (max-width: 980px) {
    .px_header_top_v1 .px_header_top_row .et_pb_column {
        justify-content: center;
    }
}

/*---Header v2  CSS---*/
.px_header_top_v2 {
    background-color: var(--px-color-2);
}

.px_header_top_v2 .px_h_small_info {
    color: #fff;
}

.px_header_top_v2 .px_h_small_info::before {
    color: #fff;
}


.px_header_middle_v2 .px_header_menu_row {
    background-color: var(--px-color-1);
}

.px_header_bottom_v2 .px_header_bottom_row .et_pb_column {
    margin-top: auto;
    margin-bottom: auto;
}

/* -----------------------------------
    03. Footer Section CSS
-------------------------------------*/
/*---Footer Common Info Css---*/
.px_footer_title {
    border: none !important;
    border-bottom: 1px solid #dadada !important;
    padding: 0px 0px 10px 0px !important;
    margin-bottom: 5px;
    position: relative;
}

.px_footer_title::before {
    content: "";
    position: absolute;
    display: block !important;
    bottom: -2px;
    left: 32px;
    height: 3px;
    width: 40px;
    opacity: 1;
    background: var(--px-color-1);
}

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

.px_footer_info {
    color: #494949;
}

.px_footer_info:hover,
.px_footer_info::before {
    color: var(--px-color-1);
}

.px_footer_blurb_info .et_pb_main_blurb_image,
.px_footer_blurb_info .et_pb_blurb_container {
    vertical-align: middle;
}

.px_footer_blurb_info:hover .et_pb_main_blurb_image .et_pb_image_wrap {
    animation: 1.5s shake linear;
}

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

.px_footer_links {
    color: #494949;
}

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

.px_footer_social li.et_pb_social_icon {
    margin-bottom: 0;
}

.px_footer_social li.et_pb_social_icon a.icon {
    border: 1px solid #E3E3E3;
    background-color: #fff !important;
    transition: all 0.4s;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

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

.px_footer_social li.et_pb_social_icon a.icon::before {
    color: var(--px-color-1);
    transition: all 0.4s;
}

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


.px_footer_social li.et_pb_social_icon a.icon::after {
    background-color: var(--px-color-1);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

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

.px_footer_links_v2 {
    position: relative;
    padding-left: 0;
    color: #494949;
}

.px_footer_links_v2:hover {
    color: var(--px-color-1);
    padding-left: 15px !important;
}

.px_footer_links_v2::before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    left: 0;
    top: 0;
    bottom: 0;
    display: block !important;
    opacity: 1;
    margin: auto;
    border-radius: 50%;
    background-color: var(--px-color-1);
    transform: scale(0);
    transition: all 0.4s;
}

.px_footer_links_v2:hover::before {
    transform: scale(1);
}

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

/*---Footer v1  CSS---*/

.px_footer_top_v1 {
    background-color: var(--px-color-1);
}

.px_footer_bottom_v1 .px_f_newsletter .et_pb_newsletter_form form {
    position: relative;
    overflow: hidden;
}

.px_footer_bottom_v1 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field {
    padding-bottom: 0;
    margin-bottom: 0px;
}

.px_footer_bottom_v1 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field input {
    transition: all 0.4s;
}

.px_footer_bottom_v1 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button {
    position: absolute;
    background: var(--px-color-1);
    width: 45px;
    height: calc(100% - 8px);
    top: 4px;
    right: 4px;
    border-radius: 5px;
    z-index: 1;
    overflow: hidden;
    transition: all 0.4s;
}

body #page-container .et_pb_section.px_footer_bottom_v1 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button::after {
    font-size: 20px !important;
    margin: 0 !important;
    color: #fff;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.px_footer_bottom_v1 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_footer_bottom_v1 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button:hover::before {
    transform: translate(0, 0);
}

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

    .px_footer_bottom_v1 .px_f_newsletter_row .et_pb_column {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/*---Footer v2  CSS---*/
.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form form {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_field {
    padding-bottom: 0;
    margin-bottom: 0;
}

.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button {
    position: absolute;
    background: var(--px-color-1);
    width: 45px;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 0px 5px 5px 0px;
    z-index: 1;
    overflow: hidden;
    transition: all 0.4s;
}

body #page-container .et_pb_section.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button::after {
    font-size: 20px !important;
    margin: 0 !important;
    color: #fff;
    opacity: 1;
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}


.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_footer_v2 .px_f_newsletter .et_pb_newsletter_form form .et_pb_newsletter_button:hover::before {
    transform: translate(0, 0);
}

/*-----------------------------------
       04. Sidebar CSS Start Here
  -------------------------------------*/
/* Blog Sidebar CSS Start */
/* Blog Sidebar CSS Start */
.px_sidebar .widgettitle,
.et-db #et-boc .et-l .px_sidebar .widgettitle {
    position: relative;
    width: fit-content;
    font-weight: 400;
    padding-right: 20px;
    text-transform: uppercase;
    font-size: 18px !important;
    color: #000000;
    letter-spacing: 3px;
}

.px_sidebar .widgettitle::before,
.et-db #et-boc .et-l .px_sidebar .widgettitle::before {
    content: "\f77c";
    position: absolute;
    font-family: FontAwesome !important;
    top: 0px;
    right: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--px-color-1);
}

.px_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_sidebar .et_pb_widget {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 15px;
}

.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: #dfdfdf;
    border-radius: 5px;
}

.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;
    border-radius: 5px;
    background-color: var(--px-color-1);
    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 .widget_categories ul .cat-item,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item {
    margin-bottom: 0px;
    border-bottom: 1px solid #dfdfdf;
}

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

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

.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);
    padding-left: 15px;
}

.px_sidebar .widget_categories ul .cat-item a::before,
.et-db #et-boc .et-l .px_sidebar .widget_categories ul .cat-item a::before {
    content: "";
    position: absolute;
    height: 7px;
    width: 7px;
    left: 0;
    top: 0;
    bottom: 0;
    display: block !important;
    opacity: 1;
    margin: auto;
    border-radius: 50%;
    background-color: var(--px-color-1);
    transform: scale(0);
    transition: all 0.4s;
}

.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 {
    transform: scale(1);
}

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

.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 {
    background-color: var(--px-color-1);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.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: translate(0, 0);
}

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

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

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

.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: 16px;
    color: #333;
    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_media_gallery .gallery .gallery-item,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item {
    margin: 0;
    width: auto;
}

.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: 70px;
    width: 70px;
}

.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 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: unset;
    border: none;
    border: 3px solid #fff;
    transition: all 0.4s;
}

.px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img:hover,
.et-db #et-boc .et-l .px_sidebar .widget_media_gallery .gallery .gallery-item .gallery-icon a img:hover {
    filter: opacity(0.5);
}

/* Blog Sidebar CSS End */
/* Shop Sidebar CSS Start */
.px_shop_sidebar .et_pb_widget,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

.px_shop_sidebar .et_pb_widget .widgettitle,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle {
    position: relative;
    width: fit-content;
    font-weight: 400;
    padding-right: 20px;
    text-transform: uppercase;
    font-size: 18px !important;
    color: #000000;
    letter-spacing: 3px;
}

.px_shop_sidebar .et_pb_widget .widgettitle::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget .widgettitle::before {
    content: "\f77c";
    position: absolute;
    font-family: FontAwesome !important;
    top: 0px;
    right: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--px-color-1);
}

/* Cart CSS */
.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 {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.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 {
    border: none;
    margin-bottom: 0px;
    padding-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 {
    line-height: 0.5;
    margin-top: 5px;
}

.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 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    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;
}

.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 {
    font-size: 16px;
    color: #333;
}

.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 {
    padding-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}

.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 {
    padding: 12px 20px !important;
    font-size: 15px;
    width: 100%;
    text-align: center;
    margin: 0 !important;
    color: #fff !important;
    background-color: var(--px-color-1) !important;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: none !important;
    z-index: 1;
    border-radius: 5px;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_shop_sidebar .et_pb_widget.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button:hover::before,
.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::before {
    transform: translate(0, 0);
}

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

/* Search Product */
.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;
    border-radius: 5px;
    overflow: hidden;
}

.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 {
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    padding: 15px;
    transition: all 0.4s;
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field:focus,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field:focus {
    border-color: #333;
}

.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;
    height: 100%;
    width: 50px;
    overflow: hidden;
    background-color: var(--px-color-1);
    font-size: 0px;
    z-index: 1;
}

.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 {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.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: translate(0, 0);
}

.px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button::after,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .wp-element-button::after {
    content: "\55";
    position: absolute;
    top: 0;
    left: 0;
    font-family: ETmodules;
    font-size: 20px;
    font-weight: 700;
    height: inherit;
    width: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SFilter by price */
.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 {
    margin-top: 15px;
}

.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 {
    background-color: #d7d7d7;
    height: 4px;
}

.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 {
    border-radius: 5px;
    height: 4px;
    background-color: 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 {
    top: -5px;
    border-radius: 5px;
    background-color: var(--px-color-1);
    border: 2px solid #fff;
}

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

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::before,
.et-db #et-boc .et-l .px_shop_sidebar .et_pb_widget.widget_price_filter form .price_slider_wrapper .price_slider_amount .button:hover::before {
    transform: translate(0, 0);
}

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

.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: #333;
    font-weight: 600;
}

/* 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 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;
    padding: 10px 0px;
    display: block;
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #dfdfdf;
    transition: all 0.4s;
}

.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 {
    color: var(--px-color-1);
    padding-left: 15px;
}

.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: "";
    position: absolute;
    height: 7px;
    width: 7px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background-color: var(--px-color-1);
    transform: scale(0);
    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 {
    transform: scale(1);
}

.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);
    padding-left: 15px;
}

/* Products */
.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 {
    border-bottom: 1px solid #dfdfdf;
}

.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 {
    border: none;
}

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

.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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    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 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: #fcae01;
}

/* Product Tags */
.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 {
    font-size: 14px !important;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    z-index: 1;
    color: #333;
    border-radius: 5px;
    margin-bottom: 0;
    border: 1px solid #dfdfdf;
    padding: 8px;
}

.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 {
    background-color: var(--px-color-1);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.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: translate(0, 0);
}

/* Average rating */
.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 {
    color: #333;
}

.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: #fcae01;
}

/* Recently Viewed Products */
.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 {
    border-bottom: 1px solid #dfdfdf;
}

.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 {
    border: none;
}

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

.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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    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 {
    font-size: 16px;
    color: #333;
}

/* Filter by */
.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;
    padding: 10px 0px;
    border-bottom: 1px solid #dfdfdf;
}

.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 {
    border: none;
}

.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;
    font-size: 15px;
    color: #333;
    transition: all 0.4s;
}

.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: "";
    position: absolute;
    height: 7px;
    width: 7px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background-color: var(--px-color-1);
    transform: scale(0);
    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 {
    transform: scale(1);
}

.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);
    padding-left: 15px;
}

.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: #333;
    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;
    position: relative;
    overflow: hidden;
    border: none;
}

/*---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;
    margin-bottom: 0;
    border-radius: 5px;
    overflow: hidden;
}

.px_blog_v1 .et_pb_post .entry-featured-image-url::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    content: '';
    width: calc(50% - 35px);
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    transition: all 0.6s;
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url::before {
    animation: shine .75s;
}


.px_blog_v1 .et_pb_post .entry-featured-image-url img {
    transition: all 0.6s;
}

.px_blog_v1 .et_pb_post:hover .entry-featured-image-url img {
    transform: scale(1.1);
}

/*---Info Class  CSS---*/
.px_blog_v1 .et_pb_post .px_blog_v1_info {
    padding: 15px 0px 10px 0px;
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 1px solid #efefef;
}

/*---Title  CSS---*/
.px_blog_v1 .et_pb_post .entry-title {
    order: 1;
    color: #000;
    line-height: 1.2;
    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: #333333;
}

.px_blog_v1 .et_pb_post .post-meta .published {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    transition: all 0.4s;
}

.px_blog_v1 .et_pb_post .post-meta .published::before {
    background-color: var(--px-color-1);
    content: '';
    display: block !important;
    height: 105%;
    width: 105%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_blog_v1 .et_pb_post:hover .post-meta .published::before {
    transform: translate(0, 0);
}

.px_blog_v1 .et_pb_post:hover .post-meta .published {
    color: #fff;
}

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"] {
    position: relative;
    padding-right: 15px;
    margin-right: 7px;
    color: #333333;
    transition: all 0.4s;
}

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

.px_blog_v1 .et_pb_post .post-meta a[rel="tag"]::before {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: var(--px-color-1);
}

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

.px_blog_v1 .et_pb_post .post-content .more-link::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

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

.px_blog_v1 .et_pb_post .post-content .more-link::after {
    display: none !important;
}

/*---Pagination Button CSS---*/
.px_blog_v1 .pagination .alignleft a,
.px_blog_v1 .pagination .alignright a {
    background-color: var(--px-color-1);
    padding: 15px 20px;
    color: #fff;
    border-radius: 5px;
    transition: all 0.4s;
}

.px_blog_v1 .pagination .alignleft a:hover,
.px_blog_v1 .pagination .alignright a:hover {
    background-color: var(--px-color-2);
}

/*---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 */
.px_blog_list .et_pb_post {
    display: flex;
    margin-bottom: 30px;
}

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

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

.px_blog_list .et_pb_post .px_blog_v1_info {
    width: 50%;
    border: none;
    padding-top: 0px;
    padding-left: 20px;
    height: fit-content;
}

.px_blog_list .et_pb_post .px_blog_v1_info .entry-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

    .px_blog_list .et_pb_post .entry-featured-image-url,
    .px_blog_list .et_pb_post .px_blog_v1_info {
        width: 100%;
    }

    .px_blog_list .et_pb_post .entry-featured-image-url img {
        height: auto;
    }

    .px_blog_list .et_pb_post .px_blog_v1_info {
        padding: 15px 0px 10px 0px;
        border-bottom: 1px solid #efefef;
    }
}

/* Blog Listing CSS End */
/* 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 {
    position: relative;
    overflow: hidden;
}

.px_blog_single .px_single_post_title .et_pb_title_featured_container .et_pb_image_wrap::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    content: '';
    width: calc(50% - 35px);
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    transition: all 0.6s;
}

.px_blog_single .px_single_post_title:hover .et_pb_title_featured_container .et_pb_image_wrap::before {
    animation: shine .75s;
}

.px_blog_single .px_single_post_title .et_pb_title_container {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: linear-gradient(transparent, hsl(0deg 0% 0% / 80%));
    padding: 30px 10px 25px 10px;
}

.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a {
    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 .comments-number,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"] {
    position: relative;
    padding: 0px 10px 0px 20px;
    display: inline-block;
}

.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 .comments-number::before,
.px_blog_single .px_single_post_title .et_pb_title_container .et_pb_title_meta_container a[rel="category tag"]::before {
    content: "";
    position: absolute;
    font-family: ETmodules;
    color: var(--px-color-1);
    left: 0;
    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 .comments-number::before {
    content: "\e066";
}

.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_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: 0;
    padding-right: 15px;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    padding: 8px 10px;
    color: #333;
    z-index: 1;
    transition: all 0.4s;
}

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

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a::before {
    background-color: var(--px-color-1);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_blog_single .px_single_tag_info .et_pb_blurb_container .et_pb_blurb_description a:hover::before {
    transform: translate(0, 0);
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon {
    border: 1px solid #E3E3E3;
    background-color: #fff !important;
    transition: all 0.4s;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.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: #333;
}

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

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon::after {
    background-color: var(--px-color-1);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_blog_single .px_single_social_media li.et_pb_social_icon a.icon:hover:after {
    transform: translate(0, 0);
}

.px_blog_single .px_single_navigation .nav-previous a[rel="prev"],
.px_blog_single .px_single_navigation .nav-next a[rel="next"] {
    color: #333;
    border-bottom: 1px solid;
    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: 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 {
    color: var(--px-color-1);
    text-decoration: underline;

}

body #page-container .px_blog_single.et_pb_section .px_blog_single_comments .reply-container .comment-reply-link {
    padding: 6px 12px !important;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .logged-in-as a {
    color: var(--px-color-1);
    text-decoration: underline;
    transition: all 0.4s;
}

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

.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-comment textarea#comment {
    box-shadow: none;
    border-radius: 5px;
    border-color: #dfdfdf !important;
}

.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;
    border-color: #dfdfdf;
    transition: all 0.4s;
}

.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-author input:focus,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-email input:focus,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-url input:focus,
.px_blog_single .px_blog_single_comments .comment-respond .comment-form .comment-form-comment textarea#comment:focus {
    border-color: #333 !important;
}

.px_blog_single .px_blog_single_comments .et_pb_button {
    padding: 12px 20px !important;
    background-color: var(--px-color-1) !important;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s;
}

.px_blog_single .px_blog_single_comments .et_pb_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

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

.px_blog_single .px_blog_single_comments .et_pb_button::after {
    display: none !important;
}

/* Blog Single Page CSS End */
/* -----------------------------------
    06. Contact Us CSS
-------------------------------------*/
.px_contact_v1 .px_contact_blurb {
    background-color: #fff;
    transition: all 0.4s;
}

.px_contact_v1 .px_contact_blurb .et_pb_main_blurb_image,
.px_contact_v1 .px_contact_blurb .et_pb_blurb_container {
    vertical-align: middle;
}

.px_contact_v1 .px_contact_blurb:hover {
    background-color: var(--px-color-1);
}

.px_contact_v1 .px_contact_blurb .et_pb_main_blurb_image .et_pb_image_wrap {
    position: relative;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: var(--px-color-1);
    transition: all 0.4s;
}

.px_contact_v1 .px_contact_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap {
    background-color: #fff;
}

.px_contact_v1 .px_contact_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
    height: inherit;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all 0.4s;
}

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

.px_contact_v1 .px_contact_blurb .et_pb_blurb_container .et_pb_module_header {
    color: rgba(14, 24, 43, 0.4);
    transition: all 0.4s;
}

.px_contact_v1 .px_contact_blurb:hover .et_pb_blurb_container .et_pb_module_header {
    color: rgba(255, 255, 255, 0.4);
}

.px_contact_v1 .px_contact_blurb .et_pb_blurb_container .et_pb_blurb_description {
    color: #75717A;
    transition: all 0.4s;
}

.px_contact_v1 .px_contact_blurb:hover .et_pb_blurb_container .et_pb_blurb_description {
    color: #fff;
}

/*---Contact Message CSS---*/
.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 {
    width: 100% !important;
    border-color: #919191;
    transition: all 0.4s;
}

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

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit {
    background-color: var(--px-color-1) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    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::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_contact_v1 .px_contact_form .et_pb_contact .et_pb_contact_form .et_contact_bottom_container .et_pb_contact_submit:hover::before {
    transform: translate(0, 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---*/
.px_team_v1 {
    position: relative;
    overflow: hidden;
}

/* Image Css */
.px_team_v1 .et_pb_team_member_image {
    margin: 0;
    width: 100%;
    max-width: none;
    position: relative;
    overflow: hidden;
}

.px_team_v1 .et_pb_team_member_image::before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 1;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    transition: all 0.4s;
}

.px_team_v1:hover .et_pb_team_member_image::before {
    animation: shine 0.4s;
}

.px_team_v1 .et_pb_team_member_image::after {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: #000;
    opacity: 0.2;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
}

.px_team_v1:hover .et_pb_team_member_image::after {
    transition-delay: 0.2s;
    transform: translate(0, 0);
}

.px_team_v1 .et_pb_team_member_image img {
    width: 100%;
    transition: all 0.4s;
}

.px_team_v1:hover .et_pb_team_member_image img {
    transform: scale(1.1);
}

/* Description Css*/
.px_team_v1 .et_pb_team_member_description {
    padding: 20px 0px 10px 0px;
    position: relative;
}

/* Social Links Css*/
.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links {
    margin: auto;
    position: absolute;
    top: -45px;
    right: -100%;
    width: 100%;
    text-align: center;
    z-index: 2;
    transition: all 0.4s;
}

.px_team_v1:hover .et_pb_team_member_description .et_pb_member_social_links {
    right: 0px;
    transition-delay: 0.4s;
}

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

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a {
    position: relative;
    overflow: hidden;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--px-color-1);
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    z-index: 1;
}

.px_team_v1 .et_pb_team_member_description .et_pb_member_social_links li a::after {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

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

/* -----------------------------------
    08 Slider Section CSS
-------------------------------------*/
/*---Slider v1  CSS---*/
.px_slider_sec_v1 .et_pb_bottom_inside_divider {
    filter: drop-shadow(2px -5px 10px rgba(0, 0, 0, 0.05));
}

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

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description {
    text-shadow: none;
}

/*---Description CSS---*/
.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
    font-weight: 600;
    font-size: 50px;
    color: #202020;
    line-height: 1.1em;
}

@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_content h2 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content h2 {
        font-size: 30px;
    }
}

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

.px_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

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

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

/*---Dots Navigation CSS---*/
.px_slider_v1 .et-pb-controllers {
    z-index: 11;
}

.px_slider_v1 .et-pb-controllers a {
    height: 15px;
    width: 15px;
    margin: 0px 8px;
    border: 2px solid transparent;
    transition: all 0.4s;
}

.px_slider_v1 .et-pb-controllers a:hover,
.px_slider_v1 .et-pb-controllers a.et-pb-active-control {
    background: transparent;
    border: 2px solid var(--px-color-1);
    height: 15px;
    width: 15px;
}

/* -----------------------------------
  	09 Faqs CSS
-------------------------------------*/
/*---Faqs v1  CSS---*/
.px_faqs_v1 .et_pb_toggle {
    padding: 0;
    transition: all 0.4s;
}

.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open,
.px_faqs_v1 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_content {
    border-color: var(--px-color-1) !important;
}

/*---Title CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title {
    padding: 20px;
    color: #333;
    background-color: transparent;
}

/*---Title Icon CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_title::before {
    right: 20px;
    color: #333;
    font-weight: 100;
}

/*---Open Title CSS---*/
.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.et_pb_toggle_open .et_pb_toggle_title::before {
    content: "\e051";
    font-family: ETmodules !important;
    display: block !important;
    color: var(--px-color-1);
}

/*---Content CSS---*/
.px_faqs_v1 .et_pb_toggle .et_pb_toggle_content {
    margin: 0px 20px;
    padding: 20px 0px;
    border-top: 1px solid #dfdfdf;
    color: #333;
}

/* -----------------------------------
  	10 Testimonial Section CSS
-------------------------------------*/
.px_testimonial_sec_v1 .testimonial_carousel_v1 .slick-dots {
    padding-left: 0;
}

.px_testimonial_sec_v1 .testimonial_carousel_v1 .slick-dots li button::before {
    opacity: 1;
    transition: all 0.4s;
}

.px_testimonial_sec_v1 .testimonial_carousel_v1 .slick-dots li.slick-active button::before {
    color: var(--px-color-1);
    font-size: 14px;
}

.px_testimonial_sec_v1 .testimonial_carousel_v1 .et_pb_column {
    margin: 0;
    padding: 20px 0px 0px 0px;
}

@media only screen and (max-width: 479px) {
    .px_testimonial_sec_v1 .testimonial_carousel_v1 .et_pb_column {
        width: 80vw !important;
    }
}

.px_testimonial_v1.et_pb_testimonial {
    padding: 30px 15px;
}

/*---Img CSS---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_portrait {
    position: absolute;
    top: 50px;
    bottom: auto;
    left: 50%;
    right: auto;
    margin: 0;
    transform: translateX(-50%) translateY(-50%);
    border: 8px solid #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

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

/*---Description---*/
.px_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description {
    margin-left: 0 !important;
    padding-top: 90px;
}

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

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

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

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-arrow {
    z-index: 1;
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-arrow.slick-next {
    right: 0;
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-arrow::before {
    font-family: ETmodules;
    background-color: var(--px-color-1);
    opacity: 1;
    border-radius: 50%;
    font-size: 25px;
    height: 50px;
    width: 50px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s;
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-arrow:hover:before {
    background-color: var(--px-color-2);
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-arrow.slick-prev::before {
    content: "\23";
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-arrow.slick-next::before {
    content: "\24";
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-dots li.slick-active button::before {
    color: var(--px-color-1);
    font-size: 14px;
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .et_pb_column {
    margin: 0;
    padding: 20px 0px 0px 0px;
}

@media only screen and (max-width: 479px) {
    .px_testimonial_sec_v2 .testimonial_carousel_v2 .et_pb_column {
        width: 80vw !important;
    }
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0px;
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-track .slick-slide {
    transition: all .6s;
    padding: 0;
    filter: grayscale(100%);
    opacity: .5;
    align-items: center;
    justify-content: center;
    display: flex;
}

.px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-track .slick-slide.slick-current.slick-active {
    transform: scale(1.11);
    opacity: 1;
    z-index: 6;
    filter: grayscale(0%);
}

.px_testimonial_v2.et_pb_testimonial {
    position: relative;
    z-index: 1;
    box-shadow: 0 0 9px #0000001a;
}

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

.px_testimonial_sec_v2 .px_testimonial_v2.et_pb_testimonial:before {
    top: 120px;
}

/*---Img CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_portrait {
    margin: auto;
    float: none;
    margin-bottom: 80px;
}

/*---Description---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description {
    margin-left: 0 !important;
    position: relative;
    /* margin-top: 80px; */
    padding-top: 30px;
}

.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 70px;
    height: 2px;
    background-color: #eee;
}

/*---Author CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
    margin-top: 10px;
}

/*---Meta CSS---*/
.px_testimonial_v2.et_pb_testimonial .et_pb_testimonial_meta {
    color: var(--px-color-1);
}

@media only screen and (max-width: 980px) {
    .px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-track .slick-slide.slick-current.slick-active {
        transform: scale(1);
    }

    .px_testimonial_sec_v2 .testimonial_carousel_v2 .slick-track .slick-slide {
        margin: 0px 10px !important;
    }
}

/* -----------------------------------
  	11 About Us Section CSS
-------------------------------------*/
/*---About Us v1 CSS---*/
.px_aboutus_v1 ul {
    padding: 0;
}

.px_aboutus_v1 li {
    list-style-type: none;
    font-size: 15px;
    position: relative;
    margin: 10px 0px;
    padding-left: 30px;
}

.px_aboutus_v1 li:before {
    content: '\52';
    position: absolute;
    font-family: 'ETmodules';
    left: 0;
    color: var(--px-color-1);
    font-weight: 900;
}

@media only screen and (min-width:480px) and (max-width:980px) {
    .px_aboutus_v1 li {
        font-size: 20px;
        padding-left: 30px;
    }
}

@media only screen and (max-width:480px) {
    .px_aboutus_v1 li {
        font-size: 18px;
    }
}

/* -----------------------------------
  	12 Partner Section CSS
-------------------------------------*/
/*---Partner Us v1 CSS---*/
.px_partner_v1_img .et_pb_image_wrap img {
    opacity: 0.3;
    transition: .3s ease-in-out;
}

.px_partner_v1_img:hover .et_pb_image_wrap img {
    opacity: 1;
    transition: .3s ease-in-out;
}


/*---Partner Us v2 CSS---*/
.px_partner_v2_row {
    overflow: hidden;
}

.px_partner_v2_col {
    animation: scroll 20s linear infinite;
    display: flex;
    width: calc(150px * 14) !important;
}

/* -----------------------------------
  	13 Counter Section CSS
-------------------------------------*/
/*---Counter v1 CSS---*/
.px_counter_v1 .px_counter_icon .et_pb_icon_wrap {
    height: 150px;
    width: 150px;
    position: relative;
    border: 1px solid var(--px-color-1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.px_counter_v1 .px_counter_icon .et_pb_icon_wrap .et-pb-icon {
    color: var(--px-color-2);
}

.px_counter_v1 .px_counter_number .percent {
    margin-bottom: 0;
}

.px_counter_v1 .px_counter_number .percent .percent-value,
.px_counter_v1 .px_counter_number .percent .percent-sign {
    color: var(--px-color-2);
}

/* -----------------------------------
  	14 Newsletter Section CSS
-------------------------------------*/
/*---Newsletter v1 CSS---*/
/*Input Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_fields {
    position: relative;
    flex-wrap: nowrap;
    width: 600px;
    margin: auto;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
    padding-bottom: 0;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field.et_pb_contact_field_last {
    padding-right: 10px;
}

/*Button Css*/
.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
    flex-basis: auto;
    width: 170px;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {
    height: 100%;
    line-height: 2.5 !important;
    background-color: var(--px-color-1);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover:after {
    animation: toRightFromLeft .3s forwards;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button:hover::before {
    transform: translate(0, 0);
}

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

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }

    50% {
        opacity: 0;
        transform: translate(-100%);
    }

    51% {
        opacity: 1;
    }
}

@media only screen and (max-width: 767px) {
    .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_fields {
        width: auto;
        flex-wrap: wrap;
    }

    .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field.et_pb_contact_field_last {
        padding-right: 0;
    }

    .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {
        padding-bottom: 10px;
    }

    .px_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {
        flex-basis: 100%;
        width: auto;
    }
}

/* -----------------------------------
  	15 CTA Section CSS
-------------------------------------*/
.px_CTA_v1 {
    position: relative;
    overflow: hidden;
    background-blend-mode: overlay;
    background-color: transparent;
    transition: all 0.6s;
}

.px_CTA_v1:hover {
    background-color: #737373;
}

.px_CTA_v1::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    transition: all 0.6s;
}

.px_CTA_v1:hover::before {
    animation: shine .75s;
}

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

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

.px_CTA_v1 .et_pb_button_wrapper .et_pb_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

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

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


/*---CTA v2 CSS---*/
@keyframes shine {
    100% {
        left: 125%;
    }
}

.px_CTA_v2 .px_CTA_desc_column {
    display: flex;
    align-items: center;
}

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

.px_CTA_v2 .px_CTA_desc .et_pb_button_wrapper .et_pb_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_CTA_v2 .px_CTA_desc .et_pb_button_wrapper .et_pb_button:hover::before {
    transform: translate(0, 0);
}

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

/*---CTA v3 CSS---*/

.px_CTA_v3 .px_CTA_desc_column {
    display: flex;
    align-items: center;
}

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

.px_CTA_v3 .px_CTA_desc .et_pb_button_wrapper .et_pb_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_CTA_v3 .px_CTA_desc .et_pb_button_wrapper .et_pb_button:hover::before {
    transform: translate(0, 0);
}

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

.px_CTA_v4 .px_CTA_column {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    background-color: #ffe4ea;
}

.px_CTA_v4 .px_CTA_column::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 1;
    display: block;
    content: '';
    width: calc(50% - 35px);
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    transition: all 0.6s;
}

.px_CTA_v4 .px_CTA_column:hover::after {
    animation: shine .75s;
}

/* .px_CTA_v4 .px_CTA_column::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--px-color-1);
    opacity: 0.12;
    z-index: 0;
} */

@media only screen and (max-width: 767px) {
    .px_CTA_v4 .px_CTA_column::before {
        opacity: 1;
        visibility: visible;
    }
}

.px_CTA_v4 .px_CTA_desc .et_pb_button_wrapper .et_pb_button {
    background-color: var(--px-color-1) !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 12px 20px !important;
}

.px_CTA_v4 .px_CTA_desc .et_pb_button_wrapper .et_pb_button::before {
    background-color: var(--px-color-2);
    content: '';
    display: block !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    transform: translate(0%, 0) rotate(90deg);
    transform-origin: top left;
    transition: 0.4s transform ease-out;
    will-change: transform;
    opacity: 1;
    z-index: -1;
}

.px_CTA_v4 .px_CTA_desc .et_pb_button_wrapper .et_pb_button:hover::before {
    transform: translate(0, 0);
}

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

/* -----------------------------------
      16. Category CSS 
-------------------------------------*/
/*---Category v1 CSS---*/
.px_categories_v1 .et_pb_image_wrap {
    overflow: hidden;
}

.px_categories_v1 .et_pb_image_wrap img {
    transition: all 0.4s;
}

.px_categories_v1:hover .et_pb_image_wrap img {
    transform: scale(1.2);
}

.px_categories_v1 .et_pb_blurb_container .et_pb_module_header {
    color: #202020;
    transition: all 0.4s;
}

.px_categories_v1:hover .et_pb_blurb_container .et_pb_module_header {
    color: var(--px-color-1);
}

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

/* -----------------------------------
  	18 Coundown Timer CSS Start Here
-------------------------------------*/

/* Coundown Timer V1 Start */
.px_coundown_v1 {
    background-color: var(--px-color-1);
}

.px_coundown_v1 .et_pb_countdown_timer_container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.px_coundown_v1 .et_pb_countdown_timer_container .title {
    margin-bottom: 0 !important;
}

.px_coundown_v1 .et_pb_countdown_timer_container .values .label {
    display: none;
}

/* Coundown Timer V1 End */
/* Coundown Timer V2 Start */
.px_coundown_v2 .et_pb_countdown_timer_container .values {
    width: unset;
    max-width: unset;
    padding: 0px 5px;
}

.px_coundown_v2 .et_pb_countdown_timer_container .values .value {
    height: 70px;
    width: 70px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 20px 0px rgb(20 20 20 / 5%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.px_coundown_v2 .et_pb_countdown_timer_container .sep {
    display: none;
}

/* Coundown Timer V2 End */
/* -----------------------------------
  	24 Coundown Timer CSS End Here
-------------------------------------*/
/* -----------------------------------
  	19 Video Section CSS
-------------------------------------*/
/*---Video v1 CSS---*/
.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover .et_pb_video_play {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 2.7;
    background: var(--px-color-1);
    border-radius: 50%;
    transition: all 0.4s;
}

.px_video_v1 .et_pb_video_overlay .et_pb_video_overlay_hover:hover .et_pb_video_play {
    color: var(--px-color-1);
    background-color: #fff;
}

/* -----------------------------------
  	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. Shiping Section CSS 
  -------------------------------------*/
/*---Shiping v1 CSS---*/
/* HOVER CSS HERE */
/*---Shiping v2 CSS---*/
/* Customer v2 HOVER CSS End Here */

/* -----------------------------------
      21. Privacy & policy Css
-------------------------------------*/

/* Privacy & policy */

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


/* -----------------------------------
    23 Mobile Menu CSS
-------------------------------------*/

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

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

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

.et-db #et-boc .et-l .px_header_menu_v2 .mobile_menu_bar::before {
    color: #fff !important;
    top: -5px;
}

.px_header_menu .et_pb_menu_inner_container .mobile_nav.closed .et_mobile_menu,
.et-db #et-boc .et-l .px_header_menu .et_pb_menu_inner_container .mobile_nav.closed .et_mobile_menu {
    left: -100%;
    transition: all 1s;
}

/*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(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -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;
}

/*-------------------------------------------
  -- 24 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;
    }
}

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

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

@keyframes initAnimation {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(-30deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes up-down {
    0% {
        transform: translateY(0px);
    }

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

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

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-150px * 7))
    }
}

@keyframes dash {
    100% {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
    }
}

@keyframes shake {

    0%,
    100% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, .75, 1);
    }

    40% {
        transform: scale3d(.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, .85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }
}

@keyframes animationtramestwo {
    0% {
        transform: translateX(0);
    }

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

    50% {
        transform: translateX(0);
    }

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

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

@keyframes animationframesfive {
    0% {
        transform: translateY(0);
    }

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

    50% {
        transform: translateY(0);
    }

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

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

@keyframes scroll {
    100% {
        background-position: -3000px 0;
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}