:root {
    --font-regular: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-title: "Unbounded", sans-serif;
}


h1, h2, h3, h4, h5, h6,
.font-title,
.menu li a, .menu a,
.module-phone a,
.product-item-title,
.product-item-price,
.product-quick-links a,
.accordion-2 .title,
button, .btn, .btn-material, .number,
input, .modal_title,
.filter__title
{
    font-family: var(--font-title);
}
.font-regular{
    font-family: var(--font-regular);
}


#section-info #why-us h4{
    font-weight: 300;
}

#comments .accordion li.active .content {
    max-height: unset;
    overflow: unset;
}

/*Selectize style for regular select */
.selectize-input input[placeholder]{
    width: 100%;
}

.selectize-input.not-full > input {
    width: 100% !important;
}

.selectize-input-copy{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
    background-image: -o-linear-gradient(top, #f5f5f5, #efefef);
    background-image: linear-gradient(to bottom, #f5f5f5, #efefef);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffefefef', GradientType=0);
}

select:invalid + .selectize-control {
    border: 1px solid red;
    background-color: #fff0f0;
}


/* MATERIAL BUTTON */
.btn-material {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid var(--primary-color);
    padding: 0 16px;
    min-width: 64px;
    height: 46px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
    margin-bottom: 8px;
}

.btn-material.btn-material-outline {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: transparent;
    box-shadow: none;
}
.btn-material.btn-material-outline:hover {
    color: var(--primary-color);
}


.btn-material::-moz-focus-inner {
    border: none;
}


/* Overlay */
.btn-material::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transition: opacity 0.2s;
}

/* Ripple */
.btn-material::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px; /* Safari */
    height: 32px; /* Safari */
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

/* Hover, Focus */
.btn-material:hover,
.btn-material:focus {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
}

.btn-material:hover::before {
    opacity: 0.08;
}

.btn-material:focus::before {
    opacity: 0.24;
}

.btn-material:hover:focus::before {
    opacity: 0.3;
}

/* Active */
.btn-material:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.btn-material:active::after {
    opacity: 0.32;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

/* Disabled */
.btn-material:disabled {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
    box-shadow: none;
    cursor: initial;
}

.btn-material:disabled::before {
    opacity: 0;
}

.btn-material:disabled::after {
    opacity: 0;
}


.btn-black{
    color: #fff;
    background-color: #000;
    border-color: #000;
    outline: 1px solid #FFF;
}

.btn-black:hover{
    color: #000;
    background-color: #fff;
    outline: 1px solid #000;
}

.btn-black-ghost{
    border: none;
    color: #000;
    background-color: #fff;
    outline: 2px solid #000;
}

.btn-black-ghost:hover{
    color: #fff;
    background-color: #000;
    outline: 2px solid #000;
}
.btn-orange{
    border-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
    color: white !important;
}
.btn-orange:hover{
    background: #FFF !important;
    color: #292929 !important;
}


.btn-orange-ghost{
    border: none;
    color: var(--primary-color);
    background-color: #fff;
    outline: 2px solid var(--primary-color);
}

.btn-orange-ghost:hover{
    border: none;
    color: #fff;
    background-color: var(--primary-color);
    outline: 2px solid var(--primary-color);
}

.btn-filters{
    width: 100%;
    text-transform: none;
    height: 46px;
    border-radius: 2px;
    border: 2px solid #CCCCCC96;
    text-align: left;
    background-color: #FFF3EB;
}

.btn-filters i {
    font-size: 18px;
    padding-right: 16px;
}

/* Keep the paired category controls visually consistent on small screens. */
.btn-filters,
select.category-sort {
    color: #000;
    font-size: 14px;
}

select.category-sort {
    font-weight: 400;
}



.product-item, .product-item hr, .product-item .product-item-title,
.btn, select, .product-item:hover, .btn-material, .btn.btn-blue, .btn-quick-filter, .accordion-2 .title::before, .accordion.accordion-2 li, .accordion.accordion-2 li:hover, .accordion.accordion-2 li .title .accordion.accordion-2 li .content, .product-item, .accordion .content, .accordion-2 .active .title::before, .product-items-filters label span::before, .product-items-filters p, .product-items-filters label > input:checked + span::before, .selected-filters-list button span, .accordion-1 li, .button-tabs .tab-title, .filter__title::after {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}



.widget-handle .search-form {
    display: inline-block;
    width: 100%;
    line-height: 50px;
}

.ui-menu-item img {
    display: block;
    max-height: 64px;
}
.ui-widget-content a{
    display: block;
    border: none;
    border-bottom: 1px solid #efefef;
}


.ui-widget-content li:hover a,
.ui-widget-content li:hover,
.ui-widget-content a:hover{
    background-color: unset;
    color: #000;
}

ul.ui-widget.ui-widget-content li a{
    border-radius: 10px;
}

ul.ui-widget.ui-widget-content {
    border: 1px solid #fff;
    border-radius: 10px;
}


.widget-search.module.widget-handle i{
    font-size: 14px;
    line-height: 35px;
    position: absolute;
    padding: 10px;
    min-width: 40px;
}

.widget-handle .search-form input {
    margin: 0;
    font-size: 16px;
}

.widget-handle .search-form input:focus{
    outline: none;
}

nav input.search-header-input {
    background: #f7f8f9;
    border: none;
    width: 100%;
    height: 38px;
    padding-left: 40px;
    font-weight: 500;
    margin-bottom: 24px;
    border-radius: 2px;
    max-width: 140px;
}

.header-search-suggestions {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 10001;
}

.header-search-suggestions .header-search-view-all a {
    display: block;
    font-weight: 600;
    padding: 10px;
}


.megamenu a.thumbnail img{
    max-height: 64px;
}


.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    left: auto;
}
.yamm .yamm-content {
    padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/*custom lightbox*/
.lb-outerContainer{
    width: 90%;
}
.lb-image{
    margin: 0px auto;
}

.modal_title{
    font-size: 26px;
    margin-bottom: 12px;
}

.h3_title{
    font-size: 32px;
    line-height: 40px;
}
.h3_title small{
    color: #777;
}


.menu > li ul{
    background-color: #fff
}
.menu > li > ul li{
    line-height: 20px;
    border-bottom: 1px solid #efefef
}
.menu > li > ul li a{color: black}

.widget-handle .cart .label{
    background-color: transparent;
    color: black;
}

.logo-carousel img {
    max-height: 150px;
}

.logo-carousel li{
    opacity: 0.8;
}

.logo-carousel.catalog-top-carousel li{
    opacity: 1;
}
.logo-carousel.catalog-top-carousel li img{
    max-height: 64px;
}



.color-blue{color: #3b6edc}
.color-orange{color: var(--primary-color)}
.color-green{color: #00e500}
.color-grey{color: grey}
.color-black{color: black}
.circle-green:before {
    color: #00e500 !important;
}
.circle:before {
    content: ' \25CF';
    font-size: 18px;
}

.nav-bar {
    height: 70px;
    max-height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #ccc;
}
.nav-bar a{
    color: black;
}

.header-cart-item-img{
    min-height: 120px;
}
.nav-bar .cart-overview .header-cart-item-img{
    min-height: unset;
}
.header-cart-item-name-price{
    line-height: 24px;
}


.nav-bar .cart-overview .header-cart-item-name-price > div{
    width: 100%;
    text-align: left;
    line-height: 24px;
    color: #222222;
}
.nav-bar .cart-overview .header-cart-item-name-price > div br{
    display: none;
}

.nav-bar .cart-overview a.go-to-cart{
    width: 100%;
}
.nav-bar .cart-overview .span-free-delivery i,
.nav-bar .cart-overview .span-free-delivery{
    font-size: 13px;
}

.menu li a {font-size: 14px;font-weight: 400;}
.main-nav-menu li a{
    font-weight: 600;
}

.main-nav-menu > li > a {
    position: relative;
}

.main-nav-menu > li > a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: '';
    background-color: var(--primary-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 180ms ease;
}

.main-nav-menu > li.has-dropdown > a::after {
    right: -18px;
}

.main-nav-menu > li.active-root-category > a::after,
.main-nav-menu > li:hover > a::after {
    transform: scaleX(1);
}

.main-nav-menu:hover > li.active-root-category:not(:hover) > a::after {
    transform: scaleX(0);
}

.menu > li > ul{
    box-shadow: 5px 5px 15px rgba(0,0,0,0.15);
    padding:0;
    border-radius: 8px;

    z-index: 9999;

    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.menu > li > ul li a{

}

.menu > li > ul li a{
    border-bottom: 1px solid #ccc;
}

.menu > li > ul li a img{
    max-height: 64px;
}

.menu > li > ul li a:hover{
    border-color: var(--primary-color);
    color: var(--primary-color);
}



.pr32{padding-right: 32px;}

.nav-bar .header-logo {
    display: flex;
    align-items: center;
    height: 70px;
}

.nav-bar .header-logo > a {
    display: flex;
    align-items: center;
    height: auto;
    line-height: 1;
}

.nav-bar .header-logo img.logo-absolute {
    min-height: 44px;
    height: 44px;
    max-height: 44px;
    position: static;
}
img.logo-mobile{
    max-height: 55px;
}



#overlay-here{
    max-height: 550px;
}
.color-links-image a{
    color:black;
    display: inline-block;
}
.color-links-image a{
    border:1px solid transparent;
}
.color-links-image a.active,
.color-links-image a:hover{
    border-bottom:1px solid grey;
}



.color-links{
    padding: 4px
}
.color-links a{
    width: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid;
    border-color: #717171;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 3px rgb(0 0 0 / 25%);
    box-shadow: inset 0px 1px 3px rgb(0 0 0 / 25%);
    margin: 3px;
}

.color-links a.color-link-text.active::before{
    display: none;
}

.color-links a.color-link-text{
    border: none;
    width: auto;
    height: unset;
    padding: 6px 12px;
    border-radius:3px;
    box-shadow: none;
    border: 1px solid;
    border-color: #f0f0f0;
}
.color-links a.color-link-text.active{
    border-width: 3px;
    border-color: #39c42f;
}




.color-links a.disabled{
    cursor: not-allowed;
    opacity: 0.3;
}

.color-links a:hover{
    border-color: #EFF0F7;
}

.color-links a.active::before{
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    border-radius: 2px;
    border: 3px solid;
    border-color: #39c42f;
}

/*
.color-links-category.color-links a.active{
  border: none;
  margin: 0 2px;
}

.color-links-category.color-links a.active:before{
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border: 2px solid #b5b5b5;
  position: absolute;
  top: -4px;
  left: -4px;
}

.color-links-category.color-links a.active.pick-Steel,
.color-links-category.color-links a.active.pick-white{
  border: 1px solid #e8e4e4;
}

.color-links-category.color-links a.active.pick-Steel:before,
.color-links-category.color-links a.active.pick-white:before{
    top: -5px;
    left: -5px;
}
*/

.pick-black{background-color: black;}
.pick-black-grey{
    background-image: url(../img/pick_black_grey.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.pick-black-lime{
    background-image: url(../img/pick_black_lime.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pick-Steel, .pick-white{background-color: #fff; border:1px solid #e8e4e4;}
.pick-forest-green{background-color: #4e5044;}
.pick-blue, .pick-Ocean{background-color: #3b6edc;}

.pick-grey, .pick-Stone{background-color: #6c6d6d;}

.pick-red, .pick-Fiesta{background-color: #e92330;}

.pick-turquoise, .pick-teal, .pick-River{background-color: #73bc94;}

.pick-orange{background-color: #FFA17C}
.pick-pink, .pick-Dusty{background-color: #FF438F}

.pick-Mustard, .pick-yellow{background-color: #FDD86E}
.pick-ice-blue{background-color: rgb(162, 192, 211);}
.pick-champagne{background-color: rgb(203, 186, 160);}
.pick-сinnamon{background-color: rgb(182, 103, 86);}
.pick-green{background-color: rgb(85, 105, 77);}
.pick-navy{background-color: rgb(85, 107, 121)}
.pick-gray{background-color: rgb(154, 154, 154)}
.pick-mint{background-color: rgb(159, 202, 200)}
.pick-ivory{background-color: #eeeef0}
.pick-mocha, .pick-latte, .pick-sand, .pick-sandstone, .pick-Desert{background-color: #bbb385}
.pick-magenta{background: linear-gradient(#ca00ca, #FF00FF);}
.pick-tomorrowland{
    background-color: #000;
    background-image: url(../img/pick-tomorrowland.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.pick-Squad, .pick-squad{
    background-image: url(../img/squad.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.pick-black-white-camouflage,
.pick-camo{
    background-image: url(../img/camo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pick-black-star{
    background-image: url(../img/black-star.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pick-blue-and-pink{
    background-image: url(../img/blue-pink.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.pick-silver{
    background-image: url(../img/silver.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.pick-rose{
    background-color: #d3a7a5;
}
.pick-beige{
    background-color: #fcf7dd;
}
.pick-champagne-gold{
    background-color: #ebc395;
}
.pick-rose-gold{
    background-color: #c1ae9c;
}
.pick-coral{
    background-color: #f72647;
}
.pick-gold, .pick-gld{
    background-color: #ecc595;
}
.pick-gun-metal,
.pick-essential{
    background-color: #45463f;
}
.pick-cyan{
    background-color: #acc0d2;
}
.pick-purple{
    background-color: #8766b5;
}
.pick-lavander{
    background-color: #b08aff;
}


/*
  #3498db
*/

.menu ul.phones-dropdown{
    width: 220px;
    background-color: white;
}
.menu ul.phones-dropdown li a{
    color: #666;
    text-transform: none;
}


input#phone-modal{
    color: #666;
    background: #f5f5f5;
    border: none;
    height: 50px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    border-radius: 0;
}

.module.cart-widget-handle{
    padding: 0 10px;
}

.widget-handle .cart .label{
    left: 2px;
}


.order-callout small{
    color: #b8bdc0;
    text-transform: uppercase;
}


@media (max-width: 767px){
    .xs-text-left{text-align: left}
    .table-responsive{border: none}
    .section-slider .btn-material {
        width: 100%;
    }
    .cart-add-button{
        /*width: 100%;*/
    }
    .price.price-old{
        display: table-cell;
    }
}


/* ARROWS */
.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before{
    color: #222d4a;
}

.carousel.flexslider{
    margin-bottom: 2px;
    background-color: transparent;
    border: none;
}
.carousel.flexslider .slides li a{
    width: 100%;
}
.carousel.flexslider .slides img {
    max-height: 60px; /*maximum height for all slides*/
    width: auto; /*proper aspect ratio of images*/
    max-width: 100%; /*maximum width for all slides*/
    margin: 0 auto; /*centering images in the container*/
}

.carousel-category li a{
    display: block;
    background-color: #fff;
    border: 1px solid #CCCCCC96;
    padding-bottom: 16px;
}
.carousel-category li a:hover{
    border-color: #f60;
}

.flex-direction-nav a {
    width: 28px;
    height: 42px;
    background-color: #FFF3EB;
    box-shadow: 0 0 2px rgba(34,45,74,.04),0 2px 2px rgba(34,45,74,.04),0 1px 3px rgba(34,45,74,.16);
    padding: 4px;
    text-align: center;
    border-radius: 4px;
    top:40%;
}

.flexslider:hover .flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-prev{
    left: -20px;
}

.flexslider:hover .flex-direction-nav .flex-next,
.flex-direction-nav a.flex-next{
    right: -20px;
}

/* Keep category-filter controls inside the carousel and centered on its slides. */
.filters-category .flex-direction-nav a {
    top: calc(50% - 16px);
    margin-top: 0;
    transform: translateY(-50%);
}

.filters-category:hover .flex-direction-nav a.flex-prev,
.filters-category .flex-direction-nav a.flex-prev {
    left: 8px;
}

.filters-category:hover .flex-direction-nav .flex-next,
.filters-category .flex-direction-nav a.flex-next {
    right: 8px;
}

.flex-direction-nav a.flex-next::before, .flex-direction-nav a.flex-prev::before{
    color: var(--primary-color);
    font-size: 22px;
    line-height: 34px;
}


@media (min-width: 768px) {
    .navbar-toggle {
        display: block;
    }

    .navbar-header {
        float: initial;
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }
}
.navbar-default {
    background-color: #fff;
    border-bottom: none;
}

.cart-number{
    padding: 1px 3px;
    border-radius: 50%;
    vertical-align: top;
}


.fs15,
.fs15 a,
.fs15 li a{
    font-size: 15px;
}

h1{
    font-size: 28px;
    line-height: 42px;
}

.pointer{
    cursor: pointer;
}

.cart-overview- a{
    line-height: 22px;
}

.header-cart-item{
    border-bottom: 1px solid rgb(226, 226, 226);
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pages-links .feature i{
    color: #b8bdc0
}

.pages-links .feature.active i,
.pages-links .feature.active h5{
    color: var(--primary-color);
}

.pages-links .feature a:hover h5,
.pages-links .feature a:hover i{
    color: var(--primary-color);
}



.pages-links-menu a{
    display: inline-block;
    height: 44px;
    line-height: 44px;
    vertical-align: middle;
}

.pages-links-menu a span{
    vertical-align: middle;
}
.pages-links-menu a i{
    background-repeat: no-repeat;
    height:44px;
    width: 44px;
    display: inline-block;
    margin-top: 14px;
}


.pages-links i.icon-contact{
    background-image: url("../img/about/icon-contact.svg");
}
.pages-links i.icon-delivery{
    background-image: url("../img/about/icon-delivery.svg");
}
.pages-links i.icon-faq{
    background-image: url("../img/about/icon-faq.svg");
}
.pages-links i.icon-guarantee{
    background-image: url("../img/about/icon-guarantee.svg");
}
.pages-links i.icon-price{
    background-image: url("../img/about/icon-price.svg");
}


.select2.select2-container.select2-container--default{
    width: auto !important;
}

.cart-sidebar .select2-container .select2-selection--single{

    height: 50px;
    background: #f5f5f5;
    width: 100%;
    border-radius: 0;
    border: none;
    outline: none;
    padding-left: 20px;
    position: relative;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #777;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    cursor: pointer;
}


.cart-sidebar i{
    color: #888
}

.cart-sidebar h2 {
    font-size: 1.5em;
}


a {
    color: black;
}

.display-none{display: none;}

h1.page-title {
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
}

.page-title-3,
.page-title-4 {
    height: 82px;
}

.product-item-inner{
    border-radius: 12px;
}
.product-item{
    background: #fff;
    margin: 0;
    padding: 0;
    outline: 1px solid var(--primary-color);
    position: relative;
}
.flexslider-products .product-item{
    outline: none;
}

.product-item:hover{

}
.product-item.product-item-forsale:before{
    position: absolute;
    content: ' \25CF';
    font-size: 18px;
    color: rgba(0, 229, 0, 0.8) !important;
    left: 32px;
    top: 16px;
}

.product-item hr{
    margin 0 auto;
    text-align: center;
    margin-bottom: 24px;
    border-color: #ccc;
    max-width: 100%;
    opacity: .6;
}


.product-item-title-div{
    text-align: center;
}

.product-item .product-item-title{
    font-size: 18px;
    font-weight: 500;
    color:  #000
}
.product-item:hover hr{
    border-color: var(--primary-color);
}

.product-item:hover .product-item-title{
    color: var(--primary-color);
}
.product-item .product-brand-image{
    position: absolute;
    right: 32px;
    top: 16px;
    opacity: 0.8;
    background-color: #f5ebdd;
    border-radius: 4px;
    padding: 2px 4px;
}

.product-item-p a,
.product-item-p{
    font-size: 14px;
    margin-bottom: 0;
    color: #777;
    font-weight: 400;
}

.product-item .product-item-info{
    padding: 16px;
    padding-top: 0;
}

.product-item-price{
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: black;
    /*padding-left: 24px;
    line-height: 40px;*/
}


.product-name-category{
    font-size: 25px;
    font-weight: 600;
}

.product-hero-photo {
    cursor: pointer;
    /*min-height: 450px;*/
}


.product-details,
.product-color-capacity a.btn:not(.active),
.product-tabs a{
    border-color: var(--border-color);
}

.product-details{
    color: #777;
}

.product-details span,
.product-details i,
.product-details .details-title{
    color: #000;
    font-weight: 500;
}

.product-details-payment .details-title{
    margin: 4px 8px;
}
.product-details-payment .payment-icon{
    opacity: .7;
}
.product-details-delivery{
    padding: 12px;
}

.product-details-delivery p{
    font-size: 13px;
    margin-bottom: 12px;
}

.product-details-delivery .ti-truck::before{
    display: inline-block;
    transform: scaleX(-1);
}

.product-details-delivery i{
    font-size: 16px;
    padding-right: 6px;
}
.product-color-capacity a.btn{
    border-width: 1px;
    border-radius: 12px;
    padding: 0 6px;
    text-transform: none;
    min-width: none;
    color: var(--grey-light);
    border-color: var(--border-color);
}

ul.menu,
ul.product-features {
    padding-left: 0;
    list-style: none;
}

ul.product-features li{
    border-radius: 4px;
    border: 1px solid #ffe7d7;
    margin-bottom: 8px;
    margin-right: 12px;
}
ul.product-features li i{
    color: var(--primary-color);
}
ul.product-features li:first-child{
    padding-left: 8px;
}

.price-span{
    font-size: 24px;
    line-height: 24px;
}

.category-more{border-bottom: 1px solid #777}
.category-title{
    display: inline;
    font-size: 32px;
}
.category-title-count{
    font-size: 16px;
    font-weight: 400;
    color: #777;
}
#toggle-filters {
    border-color: #ccc;
    background-color: #f5f5f5;
    color: #777;

}



.subcategory-item{
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
}

.subcategory-item img{
    max-height: 96px;
}

.subcategory-item:hover,
.subcategory-item.active{
    border-color: var(--primary-color);
}
.subcategory-item:hover .subcategory-item-title,
.subcategory-item.active .subcategory-item-title{
    color: var(--primary-color);
}

.subcategory-item.active .subcategory-item-title{
    font-weight: 600;
}

.subcategory-item.active .subcategory-item-go-parent{
    position: absolute;
    right: 10%;
    top: 10px;
    color: #000;
}
.subcategory-item.active:hover a{
    color: var(--primary-color);
}


/* FILTERS */
.product-items-filters{

}

.product-items-filters label{
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    cursor: pointer;
}

.product-items-filters label input{
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.product-items-filters label > span{
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.product-items-filters label > span::before{
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid rgba(199, 199, 199, 0.9);
    background-color: white;
    border-radius: 2px;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.product-items-filters label span span{
    color: grey;
    margin-left: 5px;
}

.product-items-filters label > input:not(:disabled):not(:checked)+span:hover::before {
    border-color: #ff554d
}

.product-items-filters label > input:not(:disabled):active+span::before {
    background-color: #ff554d;
    border-color: #ff554d;
}

.product-items-filters label > input:focus+span::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.product-items-filters label > input:focus:not(:checked)+span::before {
    border-color: #ff554d;
}


.product-items-filters label > input:checked+span::before {
    /*background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' rx='2' fill='orange' fill-opacity='0.9'/%3E%3Crect x='0.5' y='0.5' width='9' height='9' rx='1.5' stroke='orange' stroke-opacity='0.9'/%3E%3C/svg%3E%0A");*/
    background-image: url('data:image/svg+xml,%3Csvg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="10" height="10" rx="2" fill="%23FF6600" fill-opacity="0.9"/%3E%3Crect x="0.5" y="0.5" width="9" height="9" rx="1.5" stroke="%23FF6600" stroke-opacity="0.9"/%3E%3C/svg%3E%0A');
    /*background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' rx='2' fill='orange' fill-opacity='0.9'/%3E%3Crect x='0.5' y='0.5' width='9' height='9' rx='1.5' stroke='orange' stroke-opacity='0.9'/%3E%3C/svg%3E%0A");*/
}


.product-items-filters label > input:disabled+span::before {
    background-color: #e9ecef;
}


.product-items-filters p{
    font-size: 13px;
    line-height: 110%;
    cursor: pointer;
}
.product-items-filters p:not(:first-child){
    margin-top: 20px;
}

.product-items-filters p:hover{
    color: #82C1E9;
}

.product-items-filters .filter{
    padding: 6px 10px 12px 10px;
    position: relative;
    background-color: #f9f5ef;
    border-radius: 2px;
}

.product-items-filters .filter .filter__title:hover{
    color: var(--primary-color);
}
.product-items-filters .filter .filter__title:hover:after{
    transform: rotate(-90deg);
    opacity: 1;
}

#modal-specs .modal-body{
    background-color: wheat;
}


.breadcrumb > li + li::before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-image: url("../img/icon-arrow-down.svg");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    opacity: .6;
}

.product-items-filters .filter .filter__title:after{
    content: '';
    position: absolute;
    top: 16px;
    right: 32px;
    background-image: url("../img/icon-arrow-down.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    opacity: 0.6;
}

.product-items-filters .filter .filter__title.active:after{
    transform: rotate(-180deg);
}

.product-items-filters .filter .filter__title{
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0 24px 3px 0;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
}

.product-items-filters .filter .filter__title:focus-visible{
    outline: 2px solid var(--primary-color);
    outline-offset: 3px;
}

.selected-filters-list li{
    padding-left: 0;
}

.selected-filters-list a,
.selected-filters-list button{
    background-color: #fff;
    border: 1px solid;
    border-color: var(--primary-color);
    border-radius: 2px;
    color: #000;
    padding: 6px 12px;
    margin-bottom: 14px;
    font-size: 14px;
    text-align: left;
}
.selected-filters-list a{
    display: inline-block;
}
.selected-filters-list button span{
    font-size: 12px;
}
.selected-filters-list button:hover,
.selected-filters-list a:hover{
    color: #fff;
    background-color: var(--primary-color);
}

.selected-filters-list button.selected-filter-no-match{
    border-style: dashed;
    color: #777;
}

.selected-filters-list button.selected-filter-no-match:hover,
.selected-filters-list button.selected-filter-no-match:focus{
    color: #fff;
}

.selected-filter-no-match-count{
    font-size: inherit;
}

#modal-selected-filter-values .selected-filters-content{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    height: 86px;
    min-width: 0;
}

#modal-selected-filter-values .selected-filters-rail{
    flex: 0 0 48px;
    width: 100%;
    height: 48px;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

#modal-selected-filter-values .selected-filters-rail::-webkit-scrollbar{
    display: none;
}

#modal-selected-filter-values .selected-filters-list{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: max-content;
    min-width: 100%;
    height: 48px;
    margin: 0;
    padding: 0;
}

#modal-selected-filter-values .selected-filters-list li{
    flex: 0 0 auto;
    padding: 0;
}

#modal-selected-filter-values .selected-filters-list button{
    margin: 0;
    white-space: nowrap;
}

#modal-selected-filter-values .selected-filters-empty{
    display: flex;
    align-items: center;
    height: 48px;
    color: #777;
    font-family: var(--font-regular);
    font-size: 13px;
    white-space: nowrap;
}

#modal-selected-filter-values .selected-filters-reset{
    flex: 0 0 auto;
    align-self: flex-start;
    border: 1px solid var(--primary-color);
    border-radius: 2px;
    padding: 6px 8px;
    color: #000;
    font-family: var(--font-regular);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
}

#modal-selected-filter-values .selected-filters-reset:hover,
#modal-selected-filter-values .selected-filters-reset:focus{
    background-color: var(--primary-color);
    color: #fff;
}

.filters[aria-busy="true"] .filter__values{
    opacity: .55;
}

.filters-update-status,
.filters-update-error{
    clear: both;
    margin: 8px 32px 16px;
    padding: 10px 12px;
    border-radius: 2px;
    font-family: var(--font-regular);
    font-size: 13px;
}

.filters-update-status{
    background: #eef6fb;
    color: #315f7e;
}

.filters-update-error{
    background: #fff0f0;
    color: #9f2929;
}

#modal-specs .modal-footer .btn{
    width: calc(100% - 4px);
    min-width: 0;
    padding-right: 8px;
    padding-left: 8px;
}

.filters-category ul li{
    padding: 0 12px;
}


.circle:before {
    content: ' \25CF';
    font-size: 18px;
}
.circle-green:before {
    color: #00e500 !important;
}

.float-right{float: right}


.bg-black{
    background: #1d1d1d;
    color: white;
}

a{font-weight: 300}

.footer-menu li a{
    color: #333;
    font-size: 1em;
}



#footer-social .socials li a {
    display: inline-block;
    margin: 10px;
    width: 2em;
    height: 2em;
    /*border: 2px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    */
    color: #ffffff;
    font-size: 2em;
    line-height: 2em;
}


#faq a {
    font-size: 24px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #666;
    font-weight: 300;
}


/* grayscale image */
.grayscale img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-backface-visibility: hidden;
}
.grayscale:hover img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

nav{
    background-color: #fff;
    border-bottom: 1px solid #081c2014;
}

.main-menu{
    line-height: 100px;
}
.main-menu li a{
    font-size: 1em;
    color: #000
}

.top-menu li a{
    color: var(--primary-color);
    text-transform: none;
    font-size: 16px;
    font-size: 1em;
    text-transform: capitalize !important;
    font-family: 'Open Sans', Arial, sans-serif;

}

button.navbar-toggle{
    margin-right: 8px;
}
button.navbar-toggle span{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}
.navbar .navbar-toggle[aria-expanded="true"]{
    background-color: var(--primary-color);
    color: #FFF;
}
.navbar .navbar-toggle[aria-expanded="true"]:after{
    position: absolute;
    bottom: 0;

}


.navbar .navbar-collapse{
    border-top: 2px solid var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    position: absolute;
    width: 100%;
    z-index: 9999;
    background: #FFF;
}

#info-menu-mobile .nav li{
    border-bottom: 1px solid #e5e5e5;
}
#info-menu-mobile .nav ul li:last-child {
    border-color: transparent;
}

#catalog-menu-mobile {
    padding: 0;
    margin-top: 12px;
}

#catalog-menu-mobile .navbar-nav{
    margin-top: 0;
}

#catalog-menu-mobile li a{
    font-size: 18px;
    padding-left: 25px;
    color: black;
}

#catalog-menu-mobile > ul li > ul{
    padding: 8px 0;
}
#catalog-menu-mobile > ul li > ul li a{
    color: black;
}

#catalog-menu-mobile > ul > li > a{
    background-color: var(--secondary-color);
    color: #000;
}

#catalog-menu-mobile > ul > li.active-root-category > a {
    background-color: var(--primary-color);
    color: #fff;
}


#catalog-menu-mobile > ul > li > aa::after {
    content: " >";
    color: inherit;
    margin-left: 4px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

#catalog-menu-mobile ul ul li {
    line-height: 72px;
    border-bottom: 1px solid #e5e5e5;
}
#catalog-menu-mobile ul ul li:last-child {
    border-color: transparent;
}

#info-menu-mobile .menu-language li{
    display: inline;
}

#phone-menu-mobile ul li a,
#info-menu-mobile ul li a{
    font-size: 18px;
    font-weight: 300;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;


}


.top-menu {
    position: absolute !important;
    top: -15px;
    right: 110px;
    text-transform: capitalize !important;
    height: 62px;
    color: #000;
}



.header-phones{
    max-width: 370px
}

.header-phones a{
    height: auto;
}

.product-select .btn{
    padding: 0 6px;
    margin-right: 0px;
}

.btn-white,
.btn.btn-white,
input[type="submit"].btn.btn-white,
button[type="submit"].btn.btn-white{
    color: #689aef;
    background-color: white;
}

.btn-blue,
a.btn-blue{
    background: -webkit-linear-gradient(#689aef,#4583ec);
    background: linear-gradient(#689aef,#689aef);
    border: none;
    color: #fff;
    border-radius: 1px;
}

.btn-blue:hover,
a.btn-blue:hover{
    background: -webkit-linear-gradient(#4583ec,#085ff1);
    background: linear-gradient(#4583ec,#085ff1);
    border: none;
}

.btn-blue:visited {
    color: #fff;
}

.btn-apple{
    text-decoration: none;
    min-width: 30px;
    min-height: 26px;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    color: #5B5B5B;
    margin-bottom: 4px;
}

.btn-apple:visited{
    color: #5B5B5B
}


.btn-apple.active,
.btn-apple:hover{
    border-color: #689aef;
    box-shadow: none;
    background-color: transparent;
    color: #5B5B5B !important;
}
.btn-apple.active{
    border-width: 2px;
}

.btn-svg svg{
    padding-left: 4px;
}
.btn-svg svg, .btn-svg span {
    display: inline-block;
    vertical-align: middle;
}
.btn-svg span {
    padding-right: 20px;
}

.quick-filter-wrapper{
    /*
    display: inline-block;
    background-color: #f7f8f9;
    padding: 16px 24px;
    color: white;
    border-radius: 2px;
    margin-bottom: 12px;
    */
}
.btn.btn-quick-filter{
    border: none;
    border-radius: 0;
    border-bottom: 1px solid;
    border-color: #CCCCCC96;
    color: #000;
    background-color: transparent;
    margin-right: 24px;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    min-height: 68px;
    font-size: 11px;
    padding: 0;
    white-space: nowrap;
}
.carousel.flexslider .slides .btn.btn-quick-filter > img{
    flex: 0 0 auto;
    margin: 0 3px 0 0;
}
.carousel.flexslider .slides .btn.btn-quick-filter .catalog-top-carousel-text{
    display: -webkit-box;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2;
    white-space: normal;
}

.btn.active.btn-quick-filter{
    color: var(--primary-color);
    border-color: var(--primary-color);
    -webkit-box-shadow:none;
    box-shadow: none;
}
.btn-quick-filter:hover{
    color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn.active.btn-quick-filter-::before{
    font-family: 'themify';
    content: "\e646";
    margin-right: 15px;
}

.product-title{
    font-size: 2em;
}

.bread a{
    color: #777;
}

.module.widget-handle .cart i{font-size: 28px}
.widget-handle .cart .label {
    top: -5px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    position: relative;
}

.image-slider .v-align-transform{
    top: 35%;
}

.slide-text p{
    font-size: 30px;
    font-weight: 400;
}
a.slide-title{
    font-size: 45px;
    line-height: 80px;
    font-weight: 100;
}


.main-title{
    font-size: 2em;
}
.main-page-navigation a{
    font-weight: 500;
}
.main-page-navigation .tile-right .description{
    padding: 32px 26px 0 26px
}
.main-page-navigation h5 a{
    font-weight: 700;
    font-size: 17px;
}


.main-page-navigation .category-series a{
    font-size: 13px;

}



.fs14{font-size: 14px;}
.navbar-fixed-bottom .product-quick-links{
    padding-bottom: 0px
}
.navbar-fixed-bottom .product-quick-links a{
    padding: 0 3px;
}

form.halves input[type="number"]{
    color:#1e2023;
}


nav.transparent .has-dropdown:after{
    color:#1e2023;
}

.menu > li{
    height: 55px;
    margin-right: 15px;
}

nav.transparent .menu > li > a, nav.transparent .module.widget-handle i, nav.transparent .nav-utility{
    text-decoration: none;
    color:#1e2023;
}


.description-short img{
    max-height: 64px;
}

.description-image{

}

.border-top:before{
    content: '';
    position: absolute;
    border-top: 2px solid #df2d00;
    margin-top: -32px;
    width: 60%;
}

.description-text h4{
    font-weight: 700;
    text-transform: none;
    font-size: 28px;
    line-height: 42px;
    padding-top: 64px;
    margin-bottom: 9px;
}
.description-text p{

}


.icon-tabs .tab-title span{
    letter-spacing: 1px;
    line-height: 12px;
}

.ul-cart-overview li{
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.cart-overview img{
    max-height: 75px;
}


table.table.borderless tr,
table.table.borderless td,
table.table.borderless th {
    border: none;
    border-top: none;
}

.table-specs th{
    font-weight: 300;
    color: #1e2023;
    line-height: 12px;
}

.table-specs td{
    color: #1e2023;
    font-weight: bold;
}

.property-name{
    font-weight: 300;
    color: #1e2023;
    padding: 16px 0;
}
a.property-value{
    border-bottom: 1px dashed var(--primary-color);
    font-weight: 400;
}
a.property-value:hover{
    color: var(--primary-color);
}
.btn{
    border-width:2px;
    font-weight: normal;
    display:inline-flex;justify-content:center;align-items:center;padding:6px 12px;
}

.intro-section .align-bottom{
    bottom: -50px;
    left: 7px;
}

.btn-lg{min-width: 189px}

.display-inline{
    display:inline;
}

.tabs-img img{
    text-align: center;
    display: block;
    max-width: 150px;
}

.price.price-old{
    display: table;
}
.price-old span{
    position: absolute;
    font-weight: 300;
    bottom: 10;
    opacity: .8;
}

.price-old span:before {
    position: absolute;
    content: "";
    left: -3px;
    top: 50%;
    right: -7px;
    border-top: 2px solid red;
    opacity: .6;
    -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -ms-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    transform:rotate(10deg);
}

.pl60{padding-left: 60px}
.pl24{padding-left: 24px}
.pl48{padding-left: 48px}
.pl8{padding-left: 8px}
.pl0{padding-left: 0}
.pr8{padding-right: 8px}
.pr24{padding-right: 24px}
.w100{width: 100%}
.mr5{margin-right: 5px !important;}

.softgrey-color{color:#1e2023;}

.product-description{
    color: #1e2023;
    line-height: 25px;
}

.page-title-2.page-title-2a{
    min-height:650px;
}

.apps a {
    display: inline-block;
    width: 110px;
    height: 32px;
    margin-right: 10px;
    cursor: pointer;
}

.apps a.appstore {
    background: url(/i/appstore.svg) 100% no-repeat;
}
.apps a.googleplay {
    background: url(/i/googleplay.svg) 100% no-repeat;
}


a.btn-yellow.btn-lg{
    font-size: 15px
}
a.btn-yellow.btn-lg i{
    font-size: 19px
}


a.btn-yellow{
    border-radius: 10px;
    background: linear-gradient(to bottom, #f4cb56, #eca826);
    border: none;
    color: #000 !important;
}

a.btn-yellow:hover{
    background: linear-gradient(to bottom, #f6d265, #e99c1c);
    border: none;
}


.fs12{
    text-transform: none;
    letter-spacing: 0px;
    font-size: 14px
}
.badge.label-success{
    background-color: #5cb85c;
}
.label.label-regular{
    display: inline-block;
    padding: 3px 10px;
    background-color: #fff3eb;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    color: #1e2023;
    white-space: unset;
}


.cart-button-div .tooltip{
    cursor: pointer;
}

.image-square .content{padding: 15px;}


nav.transparent.fixed{
    box-shadow: 0 1px 0 rgba(117, 117, 117, .2);
}

.reviews-section span img{
    max-height: 50px;
}
.no-bold{font-weight: normal;}
.no-min-width{min-width: auto}

/* Animating button */
.tooltip.top .tooltip-inner {background-color:#9037ff;}
.tooltip.top .tooltip-arrow {border-top-color: #9037ff;}

#order-main-page .tooltip.top .tooltip-inner {background-color:#fff; color: #9037ff;}
#order-main-page .tooltip.top .tooltip-arrow {border-top-color: #fff; }



.btn.cart-add-button.loading {
    border-radius: 25px;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    max-height: 50px;
    cursor: default;
}
.btn.cart-add-button.loading:hover {
    background-color: transparent;
}

.cart-add-button{
    /*min-width: unset;*/
    min-width: 64px;
    margin-right: 5px;
    line-height: 52px;
    padding: 0 4px;
    width: 64px;
    border-radius: 4px;

}
.cart-add-button i{
    font-size: 28px;
}
.cart-add-button span{
    font-size: 18px;
}

.cart-add-button::after {
    content: " ";
    border-top: solid 3px #9037ff;
    border-right: solid 3px #9037ff;
    border-bottom: solid 3px #9037ff;
    border-left: solid 3px transparent;
    border-radius: 50px;
    position: absolute;
    top: 7px;
    right: 7px;
    bottom: 7px;
    left: 7px;
    margin: auto;
    max-width: 30px;
    max-height: 30px;
    opacity: 0;
    z-index: 1;
}

.btn.one-click-buy{
    border-radius: 2px;
    border-width: 1px;
}

.loading-white.cart-add-button::after{
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    border-bottom: solid 3px #fff;
    border-left: solid 3px transparent;
}


.cart-add-button.loading::after {
    animation: fadeIn .3s ease-in, spin 1.3s infinite ease-in-out;
    animation-fill-mode: forwards;
}


.cart-add-button.loading span,
.cart-add-button.loading i{
    display: none;
}


input[data-mask="phone1"]{
    max-width: 200px
}

.mb12{margin-bottom: 12px}
.mb18{margin-bottom: 18px}
.product-rating img{
    max-height: 16px
}

.product-quick-links{
    padding-bottom: 10px
}
.product-quick-links a{
    color: #1e2023;
    font-size: 16px;
    border-bottom: 1px dotted;
    margin: 0 36px 20px 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}



.number.price small small{
    font-size: 50%;
}

/****** PLACE YOUR CUSTOM STYLES HERE ******/
.form-success{
    background-color: transparent;
    width: 100%;
}

input[type=number].qty,
.qty {
    font-weight: 400;
    max-width: 100px;
    outline: none;
}


.cart-form h4.uppercase{
    border-bottom: 2px solid #9037ff;
}

.transparent .module.cart-widget-handle .title{
    color: white;
}

.fixed .module.cart-widget-handle .title{
    color: black;
    opacity: 0.5;
}

.module.cart-widget-handle .title{
    opacity: 1;
    display: inline-block;
}

.transparent .btn-test-drive1{
    color: white;
    border-color: white;
}

.fixed .btn-test-drive{
    color: #9037ff;
    border-color: #9037ff;
}

.btn-add-to-cart i{
    font-size: 20px;
}

section p{
    font-size: 16px;
    line-height: 28px;
}

.intro-section .icon {font-size: 32px}

.slider-lightning .flex-control-nav{
    display: none;
}
.lightning a{
    margin: 0;
    text-align: center;
    cursor: default;
}
.lightning .icon{
    display: block;
    width: 60px;
    height: 52px;
    margin: 0 auto 10px;
    background-image: url(/images/overall-led-icons.png);
}
.lightning .icon-headlights .icon{background-position: 0px 0}
.lightning .icon-headlights.active .icon,
.lightning .icon-headlights:hover .icon{background-position: 0px -104px}

.lightning .icon-taillights .icon{background-position: -60px 0}
.lightning .icon-taillights.active .icon,
.lightning .icon-taillights:hover .icon{background-position: -60px -104px}

.lightning .icon-signallights .icon{background-position: -120px 0}
.lightning .icon-signallights.active .icon,
.lightning .icon-signallights:hover .icon{background-position: -120px -104px}

.lightning .icon-brakelights .icon{background-position: -180px 0}
.lightning .icon-brakelights.active .icon,
.lightning .icon-brakelights:hover .icon{background-position: -180px -104px}


#order-main-page .halves button{
    border-color: white;
    margin-left: 0px;
}
#order-main-page .halves input{
    color: black;
}



.transparent .module-phone1,
.transparent .module-address1{
    display: none
}
.transparent.fixed .module-phone,
.transparent.fixed .module-address{
    display: inline-block;
}


.tg_link {
    width: 15px;
    height: 13px;
    margin-right: 4px;
}

.color-select-black{
    border:1px solid grey;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: black;
}
.color-select-white{
    border:1px solid grey;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: white;
}


.pricing-table .price{
    font-size: 48px;
}
.pricing-table .name{
    font-size: 40px;
}

.pricing-table li {
    font-size: 18px;
}
.pricing-table li strong{
    font-size: 20px;
}


.color-select.active{
    border-bottom: 1px dashed white;
}


.pricing-product img{
    max-height: 250px
}

.cart .cart-green {
    color: green;
    border-color: green;
}
.cart .cart-green:hover {background-color: green;}

.cart .cart-gray {
    color: gray;
    border-color: gray;
}
.cart .cart-gray:hover {background-color: gray;}



.cart-tabs .tab-title i{
    font-size: 25px;
}

.button-tabs.vertical > .content{
    width: 70%;
}
.tabbed-content .product-item-inner:first-child{
    padding-left: 0;
}
.button-tabs .tab-title {
    background: #fff3eb;
    border: 1px solid #e6e7e7;
}



.checkbox-option, .radio-option{
    display: inline-flex;
}

.display-none{display: none}
.no-border{border: none}


.lightning a:hover{cursor: normal}

.page-title-cart{height:100px;}

.transparent .module {color: #666}
.transparent.fixed .module {color: #666}


.adapt-switch{color: white}

.color-white{color:white;}
.color-black{color:black !important;}
.font-bold{font-weight: bold;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.min-height-220{min-height: 220px;}
.feature.feature-3 h5{margin-bottom: 0}

.bg-purple{background: #9037ff !important;}

.play-button h4{
    margin-top: 40px
}

.mb2{margin-bottom: 2px;}

body{
    background-color: #fff;
    font-size: 16px;
}


.image-square1 {
    height: 55vw;
    max-height: 800px;
}

#adapt-slider .flex-control-nav{
    display: none
}
.controls-inside .flex-control-nav {
    bottom: 35px;

}

.page-title-1, .page-title-2 {
    height: 475px;
}

.page-title.page-title-breadcrumb{
}

.page-title-4 .breadcrumb {
    margin: 0;
    padding: 0;
    top: 0;
}


.security-features .icon {
    display: block;
    width: 54px;
    height: 54px;
    margin: 0 auto 25px
}

.security-features .icon-1 {
    background-position: 0px 0
}

.security-features .icon-2 {
    background-position: -54px 0
}

.security-features .icon-3 {
    background-position: -108px 0
}

.security-features .icon-4 {
    background-position: -162px 0
}

.security-features .icon-5 {
    background-position: 0px -54px
}

.security-features .icon-6 {
    background-position: -54px -54px
}

.security-features .icon-7 {
    background-position: -108px -54px
}

.security-features .icon-8 {
    background-position: -162px -54px
}

.security-features .icon {
    background-image: url("/images/overall-safe-icons.png")
}


input[type="number"]{
    border: none;
    font-weight: 500;
}

/* Callback button */
.cbh-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 100px;
    height: 100px;
    cursor: pointer;
    z-index: 998;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s
}

.cbh-phone.cbh-show {
    visibility: visible
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.cbh-phone.cbh-static {
    opacity: .6
}

.cbh-phone.cbh-hover {
    opacity: 1
}

.cbh-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(0, 229, 0, .4);
    opacity: .1;
    -webkit-animation: cbh-circle-anim 3.2s infinite ease-in-out;
    -moz-animation: cbh-circle-anim 3.2s infinite ease-in-out;
    -ms-animation: cbh-circle-anim 3.2s infinite ease-in-out;
    -o-animation: cbh-circle-anim 3.2s infinite ease-in-out;
    animation: cbh-circle-anim 3.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.cbh-phone.cbh-active .cbh-ph-circle {
    -webkit-animation: cbh-circle-anim 1.1s infinite ease-in-out!important;
    -moz-animation: cbh-circle-anim 1.1s infinite ease-in-out!important;
    -ms-animation: cbh-circle-anim 1.1s infinite ease-in-out!important;
    -o-animation: cbh-circle-anim 1.1s infinite ease-in-out!important;
    animation: cbh-circle-anim 1.1s infinite ease-in-out!important
}

.cbh-phone.cbh-static .cbh-ph-circle {
    -webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
    -moz-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
    -ms-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
    -o-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
    animation: cbh-circle-anim 2.2s infinite ease-in-out!important
}

.cbh-phone.cbh-hover .cbh-ph-circle {
    border-color: red;
    opacity: 1
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle {
    border-color: rgba(117, 235, 80, 1);
    opacity: .5
}

.cbh-phone.cbh-green .cbh-ph-circle {
    border-color: rgba(117, 235, 80, 0.8);
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle {
    border-color: rgba(204, 204, 204, 1);
    opacity: .5
}

.cbh-phone.cbh-gray .cbh-ph-circle {
    border-color: rgba(117, 235, 80, 1);
    opacity: .5
}

.cbh-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
    animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.cbh-phone.cbh-active .cbh-ph-circle-fill {
    -webkit-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
    -moz-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
    -ms-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
    -o-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important
}

.cbh-phone.cbh-static .cbh-ph-circle-fill {
    -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity: 0!important
}

.cbh-phone.cbh-hover .cbh-ph-circle-fill {
    background-color: rgba(0, 175, 242, .5);
    opacity: .75!important
}

.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill {
    background-color: rgba(117, 235, 80, .5);
    opacity: .75!important
}

.cbh-phone.cbh-green .cbh-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill {
    background-color: rgba(204, 204, 204, .5);
    opacity: .75!important
}

.cbh-phone.cbh-gray .cbh-ph-circle-fill {
    background-color: rgba(117, 235, 80, .5);
    opacity: .75!important
}

.cbh-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==);
    background-color: rgba(30, 30, 30, .1);
    background-color: rgba(117, 235, 80, 1);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
}

.cbh-phone.cbh-active .cbh-ph-img-circle {
    -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out!important;
    -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out!important;
    -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out!important;
    -o-animation: cbh-circle-img-anim 1s infinite ease-in-out!important;
    animation: cbh-circle-img-anim 1s infinite ease-in-out!important
}

.cbh-phone.cbh-static .cbh-ph-img-circle {
    -webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
    -moz-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
    -ms-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
    -o-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
    animation: cbh-circle-img-anim 0s infinite ease-in-out!important
}

.cbh-phone.cbh:hover .cbh-ph-img-circle {
    background-color: rgba(0, 175, 242, 1)
}

.cbh-phone.cbh-green:hover .cbh-ph-img-circle {

}

.cbh-phone.cbh-green .cbh-ph-img-circle {
    background-color: rgba(117, 235, 80, 1);
}

.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle:hover {
    background-color: green
}

.cbh-phone.cbh-gray .cbh-ph-img-circle {
    background-color: rgba(117, 235, 80, 1)
}

@-moz-keyframes cbh-circle-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes cbh-circle-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0deg) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-o-keyframes cbh-circle-anim {
    0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0deg) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: .1
    }
}

@keyframes cbh-circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes cbh-circle-fill-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes cbh-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes cbh-circle-fill-anim {
    0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@keyframes cbh-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2
    }
}

@keyframes cbh-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-moz-keyframes cbh-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-webkit-keyframes cbh-circle-img-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-o-keyframes cbh-circle-img-anim {
    0% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
}


#clbh_phone_div:hover .cbh-ph-img-circle{
    -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out;
    -o-animation: cbh-circle-img-anim 1s infinite ease-in-out;
    /* animation: cbh-circle-img-anim 1s infinite ease-in-out; */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
/* END callback button */


/* Breadcrumbs */
.breadcrumbs {
    /*centering*/
    padding: 12px 0 0 5px;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    counter-reset: flag;
}

.breadcrumbs .crumb {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 36px;
    color: white;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 0 10px 0 30px;
    background: #666;
    background: linear-gradient(#666, #333);
    position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumbs .crumb:first-child {
    padding-left: 30px;
    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumbs .crumb:first-child:before {
    left: 14px;
}
.breadcrumbs .crumb:last-child {
    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
    padding-right: 20px;
}

/*hover/active styles*/
.breadcrumbs .crumb.active, .breadcrumbs .crumb:hover{
    background: #333;
    background-color: #206cff;

}

.breadcrumbs .crumb.active a,
.breadcrumbs .crumb:hover a{
    color: white
}

.breadcrumbs .crumb.active:after, .breadcrumbs .crumb:hover:after {
    background: #333;
    background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumbs .crumb:after {
    content: '';
    position: absolute;
    top: 1px;
    right: -18px; /*half of square's length*/
    /*same dimension as the line-height of .breadcrumb a */
    width: 36px;
    height: 35px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    /*stylish arrow design using box shadow*/

    /*
        5px - for rounded arrows and
        50px - to prevent hover glitches on the border created using shadows*/
    box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.1), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
    border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumbs .crumb:last-child:after {
    content: none;
}

.flat .crumb, .flat .crumb:after {
    background: white;
    color: black;
    transition: all 0.5s;
}
.flat .crumb:before {
    background: white;
    box-shadow: 0 0 0 1px #ccc;
}
.flat .crumb:last-child,
.flat .crumb:hover, .flat .crumb.active,
.flat .crumb:hover:after, .flat .crumb.active:after{
    background: #689aef;
    color: white;
}


/* ULTRA BUTTON */

.btn-cartoon-wrapper {
    display: flex;
    justify-content: center;
}


.btn-cartoon {
    font-style: italic;
    display: flex;
    padding: 10px 45px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    color: white;
    background: #6225E6;
    transition: 1s;
    box-shadow: 6px 6px 0 white;
    transform: skewX(-15deg);
    text-transform: uppercase;
}

.btn-cartoon span{
    padding-top: 8px;
}



.btn-cartoon:focus {
    outline: none;
}

.btn-cartoon:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #FBC638;
}

.btn-cartoon span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.btn-cartoon:hover  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 45px;
}

.btn-cartoon-wrapper span {
    transform: skewX(15deg)
}

.btn-cartoon-wrapper span:nth-child(2) {
    width: 20px;
    margin-left: 30px;
    position: relative;
    top: 12%;
}

/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.btn-cartoon:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.btn-cartoon:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.btn-cartoon:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #FBC638;
    }
    100% {
        fill: white;
    }
}


.bread-title{
    font-size: 26px;
}

.testimonials ul li {
    padding-bottom: 50px;
}

.module-phone{
    line-height: 25px;
}
.module-phone a{
    height: 25px;
    line-height: 25px;
}

.review-text{
    font-size: 24px;
    line-height: 30px;
    color: #000;
}

.flex-control-nav{
    bottom: 0px;
}

.testimonials ul li{
    padding-bottom: 0px;
    margin-bottom: 30px;
}

.flex-control-nav li a{
    border-color: #000;
    background-color: transparent;
}

.flex-control-paging li a.flex-active{
    background-color: #000;
}

.info-module{
    padding-right: 6px;
    padding-left: 6px;
}

.color-yellow-gradient{
    color: #f4cb56;
}

.color-yellow-gradient:hover{
    color: linear-gradient(to bottom, #f6d265, #e99c1c);
}



.cart-overview .header-cart-item{
    position: relative;
}
.cart-overview .header-cart-item a.cart-product-remove{
    position: absolute;
}
a.cart-product-remove{
    z-index: 4;
    top: 32px;
    right: 24px;
    cursor: pointer;
    font-size: 22px;
}

.cart-product-remove:hover{
    color:#000;
}

.cart-product-remove i{
    padding-left: 8px;
    color:var(--primary-color);
}

.cart-widget-handle .cart-product-remove{
    display: none;
}

.cart-line{
    position: relative;
}


.footer-logo{
    max-height: 100px;
}
section.section-footer p,
section.section-footer a{
    font-size: 18px;
    line-height: 26px;
}
section.section-footer a{
    color: white;
}
section.section-footer h3{
    color: var(--primary-color);
    color: #FFF;
}



h1.product-title{
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
h1.product-title span{
    font-size: 20px;
    font-weight: 500;
}

.description-short p{
    font-size: 32px;
    line-height: 40px;
    font-weight: 300;
    color: #000;
    margin-bottom: 24px;
    margin-top: 0;
    padding: 0;
}
.description-short p strong{}

.accordion li.active .content {
    font-size: 18px;
    padding: 15px;
    overflow: unset;
}
.accordion-2 li {
    border-bottom: 2px dotted #777;
}

.accordion-2 .active{
    margin-bottom: 0;
}


.menu-language{
    list-style: none;
}
.menu-language li a{
    font-weight: 100;
    font-size: 13px;
    opacity: .7;
}
.menu-language li.active a{
    font-weight: 700;
    opacity: 1;
}

#info-menu-mobile .menu-language li{
    padding-left: 8px;
}
#info-menu-mobile .menu-language li a{
    padding: 0 12px;
    border-radius: 15px;
}
#info-menu-mobile .menu-language li.active a{
    background: var(--primary-color);
    color: #fff;
}

.popup__title {
    text-align: center;
    margin-bottom: 20px;
    color: #000;
}

.popup__btns {
    display: flex;
    flex-direction: column;
}
.popup__inner {
    min-width: 250px;
}
.popup__btns > .btn {
    margin: 0;
}
.popup__btns > .btn:not(:last-child) {
    margin: 0 0 10px;
}

select{
    cursor: pointer;
    border: 2px solid #CCCCCC96;
    border-radius: 2px;
    text-transform: none;
    height: 46px;
    font-size: 14px;
    background-image: url("../img/icon-arrow-down.svg");
    background-size: contain;
    background-repeat: no-repeat, repeat;
    background-position: right 1em top 50%, 0 0;
    background-size: .85em auto, 100%;
    background-color: white;
    width: 100%;
    font-weight: 400;
}
select:hover{
    border-color: var(--primary-color);
}

@media (max-width: 767px){
    select.category-sort{
        min-width: 0;
        width: 100%;
        padding-right: 38px;
        padding-left: 12px;
        background-position: right 12px top 50%, 0 0;
    }
}

#fancybox-container-1 .fancybox-bg{
    opacity: 0.6;
    background: #2e2e2e;
}

#fancybox-container-1.fancybox-is-open .fancybox-bg {
    opacity: 1;
    visibility: visible;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.2);
}

#fancybox-container-1 .popup__title{
    font-size: 18px;
    font-weight: 600;
}

#fancybox-container-1 button{
    text-transform: none;
}

#fancybox-container-1 .popup__inner {
    padding-top: 16px;
}

.form-control{
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 42px;
    color: black;
    font-family: var(--font-regular);
    font-size: unset;
}

.loader {
    background: none repeat scroll 0 0 #f7f8f9;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.loader .loader_inner {
    background-image: url(/i/loader.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 128px;
    width: 128px;
    top: 10%;
    left: 0;
    right: 0;

    margin-left: auto;
    margin-right: auto;
    position: absolute;
}

.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}

/* Keep the page fixed while a foundry modal is displayed. */
body.blured {
    overflow: hidden;
}

#callback-modal .one-click-cart-overview {
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
}

#callback-modal .one-click-cart-overview > .row:last-child {
    display: none;
}

.order-products .header-cart-item-img {
    min-height: 0;
    max-height: 120px;
    width: auto;
}