@media (min-width:992px) {
    .header-search.hs-toggle .input-wrapper {
        position: absolute;
        left: 15px
    }
}

.accordion-card-bg.accordion-primary .card-header a::after {
    color: #0e0e0e;
    background-color: white;
    padding: 20px
}

.accordion-plus .card-header a::after {
    font-size: 1.3rem;
    font-weight: 900;
    color: #666
}

main {
    background-color: #f1f1f1
}

.toolbox {
    background-color: #f1f1f1
}

.sidebar-content {
    background-color: #f1f1f1
}

@media (min-width:992px) {
    .sidebar-toggle-remain.sidebar .toggle-remain::before {
        content: "";
        position: absolute;
        background-color: #f1f1f1
    }
}

.page-wrapper {
    background-color: #f1f1f1
}

.show-info {
    margin: 0;
    color: #222
}

.header-middle {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #fff;
    background: #222
}

@font-face {
    font-family: 'paloLight';
    src: url("../fonts/paloLight.otf");
    src: url("../fonts/paloLight.otf");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.product-name {
    margin-bottom: .6rem;
    font-family: "paloLight";
    text-align: center;
    font-weight: 600;
    margin-top: 18px;
    font-size: 2em;
    font-weight: 700;
    color: #383838;
    letter-spacing: 2px
}

.product-price {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: .6rem;
    font-size: 1.9rem;
    font-weight: 600;
    color: #2f6ab3
}

.product-media img {
    border-radius: 5%
}

.sticky-content.fixed {
    color: #fff;
    background: #222
}

.header-search.hs-toggle:hover::after,
.header-search.hs-toggle.show::after {
    display: none
}

.product.product-cart .product-name {
    font-size: 1.9rem;
    font-weight: 600
}

.product.product-cart .product-media {
    position: relative;
    width: 9rem;
    height: 9rem;
    margin-right: 1rem
}

.under0:after {
    content: "";
    display: block;
    position: relative;
    width: 14%;
    margin-left: auto;
    margin-right: auto;
    top: -13px;
    height: 10px;
    background-color: #3d93d0;
    opacity: .3
}

.under1:after {
    content: "";
    display: block;
    position: relative;
    width: 138px;
    top: -14px;
    height: 11px;
    background-color: #3d93d0;
    opacity: .3
}

.under2:after {
    content: "";
    display: block;
    position: absolute;
    width: 108px;
    top: 81px;
    height: 11px;
    background-color: #3d93d0;
    opacity: .3
}

.btn-3d {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    font-size: inherit;
    font-family: "Roboto";
    width: 100%;
    text-align: center
}

.btn-3d.learn-more {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 1.25em 2em;
    background: #1f83ff;
    border: 2px solid #003271;
    border-radius: .75em;
    transform-style: preserve-3d;
    transition: transform 150ms cubic-bezier(0, 0, .58, 1), background 150ms cubic-bezier(0, 0, .58, 1)
}

.btn-3d.btn-red {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 1.25em 2em;
    background: #ff1f3d;
    border: 2px solid #db0f2a;
    border-radius: .75em;
    transform-style: preserve-3d;
    transition: transform 150ms cubic-bezier(0, 0, .58, 1), background 150ms cubic-bezier(0, 0, .58, 1)
}

.btn-3d.btn-red::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d90e29;
    border-radius: inherit;
    box-shadow: 0 0 0 2px #d30f29, 0 0.625em 0 0 rgb(255 132 148);
    transform: translate3d(0, 0.75em, -1em);
    transition: transform 150ms cubic-bezier(0, 0, .58, 1), box-shadow 150ms cubic-bezier(0, 0, .58, 1);
}

.btn-3d.btn-red:hover {
    background: #ff1f3d;
    transform: translate(0, 0.25em);
}

.btn-3d.btn-red:hover::before {
    box-shadow: 0 0 0 2px #d30f29, 0 0.625em 0 0 rgb(255 132 148);
    transform: translate3d(0, 0.5em, -1em);
}

.btn-3d.btn-red:active {
    background: #ff1f3d;
    transform: translate(0, .75em)
}

.btn-3d.btn-red:active::before {
    box-shadow: 0 0 0 2px #d30f29, 0 0.625em 0 0 rgb(255 132 148);
    transform: translate3d(0, 0, -1em)
}

.btn-3d.learn-more::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #005fd4;
    border-radius: inherit;
    box-shadow: 0 0 0 2px #15447e, 0 .625em 0 0 rgb(112 169 241);
    transform: translate3d(0, .75em, -1em);
    transition: transform 150ms cubic-bezier(0, 0, .58, 1), box-shadow 150ms cubic-bezier(0, 0, .58, 1)
}

.btn-3d.learn-more:hover {
    background: #1f83ff;
    transform: translate(0, .25em)
}

.btn-3d.learn-more:hover::before {
    box-shadow: 0 0 0 2px #15447e, 0 .625em 0 0 rgb(112 169 241);
    transform: translate3d(0, .5em, -1em)
}

.btn-3d.learn-more:active {
    background: #1f83ff;
    transform: translate(0, .75em)
}

.btn-3d.learn-more:active::before {
    box-shadow: 0 0 0 2px #15447e, 0 .625em 0 0 rgb(112 169 241);
    transform: translate3d(0, 0, -1em)
}

.btn-3d.learn-more-green {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 1.25em 2em;
    background: #0d8c7d;
    border: 2px solid #00352f;
    border-radius: .75em;
    transform-style: preserve-3d;
    transition: transform 150ms cubic-bezier(0, 0, .58, 1), background 150ms cubic-bezier(0, 0, .58, 1)
}

.btn-3d.learn-more-green::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0b7367;
    border-radius: inherit;
    box-shadow: 0 0 0 2px #34a99b, 0 .625em 0 0 rgb(124 200 192);
    transform: translate3d(0, .75em, -1em);
    transition: transform 150ms cubic-bezier(0, 0, .58, 1), box-shadow 150ms cubic-bezier(0, 0, .58, 1)
}

.btn-3d.learn-more-green:hover {
    background: #0d8c7d;
    transform: translate(0, .25em)
}

.btn-3d.learn-more-green:hover::before {
    box-shadow: 0 0 0 2px #34a99b, 0 .625em 0 0 rgb(124 200 192);
    transform: translate3d(0, .5em, -1em)
}

.btn-3d.learn-more-green:active {
    background: #0d8c7d;
    transform: translate(0, .75em)
}

.btn-3d.learn-more-green:active::before {
    box-shadow: 0 0 0 2px #34a99b, 0 .625em 0 0 rgb(124 200 192);
    transform: translate3d(0, 0, -1em)
}

.cart.main {
    border-top: 1px solid #222222
}

.sticky-link:hover {
    color: #f1f1f1
}

.dropdown::after {
    border-bottom: 11px solid #fff0
}

@media only screen and (max-width:600px) {
    .product-name {
        text-align: center
    }
    .product-price {
        justify-content: center
    }
}

.product-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    display: flex;
    align-items: center;
    background-color: transparent;
    z-index: 10;
    transition: opacity .3s, visibility .3s;
    opacity: 0
}

.separator {
    background-color: #eee;
    border: none;
    height: 3px
}

.cart-dropdown .cart-price {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.cart-dropdown .cart-count {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.dropdown:hover>a,
.dropdown.show>a {
    color: #88bdff
}

.product-single .ratings::before {
    color: #ffd715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black
}

.ratings {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: visible
}

.ratings::before {
    content: "\e94b ""\e94b ""\e94b ""\e94b ""\e94b";
    color: #333;
    color: #ffd715;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black
}

#header-center {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 255px
}

.header-top {
    background: #0049ff;
    color: #ffffff
}

.header-top p {
    font-size: 1.8rem;
    letter-spacing: -.014em;
    text-transform: uppercase;
    font-family: "Roboto"
}

.data-search .product-name {
    text-shadow: none!important
}

@media screen and (min-width:0) and (max-width:400px) {
    #upload_btn {
        font-size: 11px
    }
    .product-single .nav-link {
        font-size: 1.222rem
    }
    .product-form select {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-size: 13px!important
    }
    .title::before {
        margin-right: auto;
        margin-left: auto
    }
    .title::after {
        margin-right: auto;
        margin-left: auto
    }
    #header-center {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:0) and (max-width:425px) {
    .btn-wts {
        display: none;
    }
}

.banner.banner-fixed.video-banner.intro-slide3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, rgb(81 168 255 / 24%), rgb(44 128 255 / 65%))
}

.carre {
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: 3px;
    border-radius: 50%
}

.btn-wts {
    position: absolute;
    top: 18px;
    right: 18px;
    color: #fff;
    border-color: #128c7e;
    background-color: #128c7e;
    box-shadow: 4px 4px 4px #9e9e9e;
    font-family: 'Roboto';
    font-weight: 500;
    height: 45px
}

.btn-wts:hover {
    color: #fff;
    border-color: #075e54;
    background-color: #075e54
}

@media screen and (min-width:0) and (max-width:480px) {
    .header-top .header-left {
        position: absolute;
        top: 43px;
        left: 42px;
        overflow: visible;
    }
}

.header-left {
    font-size: 15px;
}

@media only screen and (max-device-width:768px) {
    .on-desktop {
        display: none;
    }
    .on-mobile {
        display: block;
    }
}

@media only screen and (min-device-width:769px) {
    .on-desktop {
        display: block;
    }
    .on-mobile {
        display: none;
    }
}