@charset "UTF-8";
   :root {
--color-background: #fff;
--color-main-text: #021523;
--color-text-light: #818ea0;
--color-primary: #041e42;
--color-secondary: #ffbd27;
--color-link: #0070dc;
--color-form-border: #d9dde3;
--color-form-placeholder: #9aa5b3;
--color-theme-danger: #ef262c;
--color-theme-warning: #ff5c00;
--color-theme-info: #e8e8e8;
--color-theme-border: #e5e8ec;
--color-theme-success: #00a046;
--color-theme-light: #f2f3f5;
--color-product-fade-border: #e0e5ea;
--color-shop-button: #00a046;
--color-shop-button-active: #037535;
}
:root {
--font-primary: "aktiv-grotesk", sans-serif;
--font-secondary: "pragmatica", sans-serif;
}
:root {
--size-site-width: 1290px;
--size-border-radius: 7px;
--size-form-radius: 6px;
}
.mt-0 {
margin-top: 0px !important;
}
.pt-0 {
padding-top: 0px !important;
}
@media (min-width: 62rem) {
.d-mt-0 {
margin-top: 0px !important;
}
.d-pt-0 {
padding-top: 0px !important;
}
}
.mb-0 {
margin-bottom: 0px !important;
}
.pb-0 {
padding-bottom: 0px !important;
}
@media (min-width: 62rem) {
.d-mb-0 {
margin-bottom: 0px !important;
}
.d-pb-0 {
padding-bottom: 0px !important;
}
}
.ml-0 {
margin-left: 0px !important;
}
.pl-0 {
padding-left: 0px !important;
}
@media (min-width: 62rem) {
.d-ml-0 {
margin-left: 0px !important;
}
.d-pl-0 {
padding-left: 0px !important;
}
}
.mr-0 {
margin-right: 0px !important;
}
.pr-0 {
padding-right: 0px !important;
}
@media (min-width: 62rem) {
.d-mr-0 {
margin-right: 0px !important;
}
.d-pr-0 {
padding-right: 0px !important;
}
}
.mt-5 {
margin-top: 5px !important;
}
.pt-5 {
padding-top: 5px !important;
}
@media (min-width: 62rem) {
.d-mt-5 {
margin-top: 5px !important;
}
.d-pt-5 {
padding-top: 5px !important;
}
}
.mb-5 {
margin-bottom: 5px !important;
}
.pb-5 {
padding-bottom: 5px !important;
}
@media (min-width: 62rem) {
.d-mb-5 {
margin-bottom: 5px !important;
}
.d-pb-5 {
padding-bottom: 5px !important;
}
}
.ml-5 {
margin-left: 5px !important;
}
.pl-5 {
padding-left: 5px !important;
}
@media (min-width: 62rem) {
.d-ml-5 {
margin-left: 5px !important;
}
.d-pl-5 {
padding-left: 5px !important;
}
}
.mr-5 {
margin-right: 5px !important;
}
.pr-5 {
padding-right: 5px !important;
}
@media (min-width: 62rem) {
.d-mr-5 {
margin-right: 5px !important;
}
.d-pr-5 {
padding-right: 5px !important;
}
}
.mt-10 {
margin-top: 10px !important;
}
.pt-10 {
padding-top: 10px !important;
}
@media (min-width: 62rem) {
.d-mt-10 {
margin-top: 10px !important;
}
.d-pt-10 {
padding-top: 10px !important;
}
}
.mb-10 {
margin-bottom: 10px !important;
}
.pb-10 {
padding-bottom: 10px !important;
}
@media (min-width: 62rem) {
.d-mb-10 {
margin-bottom: 10px !important;
}
.d-pb-10 {
padding-bottom: 10px !important;
}
}
.ml-10 {
margin-left: 10px !important;
}
.pl-10 {
padding-left: 10px !important;
}
@media (min-width: 62rem) {
.d-ml-10 {
margin-left: 10px !important;
}
.d-pl-10 {
padding-left: 10px !important;
}
}
.mr-10 {
margin-right: 10px !important;
}
.pr-10 {
padding-right: 10px !important;
}
@media (min-width: 62rem) {
.d-mr-10 {
margin-right: 10px !important;
}
.d-pr-10 {
padding-right: 10px !important;
}
}
.mt-15 {
margin-top: 15px !important;
}
.pt-15 {
padding-top: 15px !important;
}
@media (min-width: 62rem) {
.d-mt-15 {
margin-top: 15px !important;
}
.d-pt-15 {
padding-top: 15px !important;
}
}
.mb-15 {
margin-bottom: 15px !important;
}
.pb-15 {
padding-bottom: 15px !important;
}
@media (min-width: 62rem) {
.d-mb-15 {
margin-bottom: 15px !important;
}
.d-pb-15 {
padding-bottom: 15px !important;
}
}
.ml-15 {
margin-left: 15px !important;
}
.pl-15 {
padding-left: 15px !important;
}
@media (min-width: 62rem) {
.d-ml-15 {
margin-left: 15px !important;
}
.d-pl-15 {
padding-left: 15px !important;
}
}
.mr-15 {
margin-right: 15px !important;
}
.pr-15 {
padding-right: 15px !important;
}
@media (min-width: 62rem) {
.d-mr-15 {
margin-right: 15px !important;
}
.d-pr-15 {
padding-right: 15px !important;
}
}
.mt-20 {
margin-top: 20px !important;
}
.pt-20 {
padding-top: 20px !important;
}
@media (min-width: 62rem) {
.d-mt-20 {
margin-top: 20px !important;
}
.d-pt-20 {
padding-top: 20px !important;
}
}
.mb-20 {
margin-bottom: 20px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
@media (min-width: 62rem) {
.d-mb-20 {
margin-bottom: 20px !important;
}
.d-pb-20 {
padding-bottom: 20px !important;
}
}
.ml-20 {
margin-left: 20px !important;
}
.pl-20 {
padding-left: 20px !important;
}
@media (min-width: 62rem) {
.d-ml-20 {
margin-left: 20px !important;
}
.d-pl-20 {
padding-left: 20px !important;
}
}
.mr-20 {
margin-right: 20px !important;
}
.pr-20 {
padding-right: 20px !important;
}
@media (min-width: 62rem) {
.d-mr-20 {
margin-right: 20px !important;
}
.d-pr-20 {
padding-right: 20px !important;
}
}
.mt-25 {
margin-top: 25px !important;
}
.pt-25 {
padding-top: 25px !important;
}
@media (min-width: 62rem) {
.d-mt-25 {
margin-top: 25px !important;
}
.d-pt-25 {
padding-top: 25px !important;
}
}
.mb-25 {
margin-bottom: 25px !important;
}
.pb-25 {
padding-bottom: 25px !important;
}
@media (min-width: 62rem) {
.d-mb-25 {
margin-bottom: 25px !important;
}
.d-pb-25 {
padding-bottom: 25px !important;
}
}
.ml-25 {
margin-left: 25px !important;
}
.pl-25 {
padding-left: 25px !important;
}
@media (min-width: 62rem) {
.d-ml-25 {
margin-left: 25px !important;
}
.d-pl-25 {
padding-left: 25px !important;
}
}
.mr-25 {
margin-right: 25px !important;
}
.pr-25 {
padding-right: 25px !important;
}
@media (min-width: 62rem) {
.d-mr-25 {
margin-right: 25px !important;
}
.d-pr-25 {
padding-right: 25px !important;
}
}
.mt-30 {
margin-top: 30px !important;
}
.pt-30 {
padding-top: 30px !important;
}
@media (min-width: 62rem) {
.d-mt-30 {
margin-top: 30px !important;
}
.d-pt-30 {
padding-top: 30px !important;
}
}
.mb-30 {
margin-bottom: 30px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
@media (min-width: 62rem) {
.d-mb-30 {
margin-bottom: 30px !important;
}
.d-pb-30 {
padding-bottom: 30px !important;
}
}
.ml-30 {
margin-left: 30px !important;
}
.pl-30 {
padding-left: 30px !important;
}
@media (min-width: 62rem) {
.d-ml-30 {
margin-left: 30px !important;
}
.d-pl-30 {
padding-left: 30px !important;
}
}
.mr-30 {
margin-right: 30px !important;
}
.pr-30 {
padding-right: 30px !important;
}
@media (min-width: 62rem) {
.d-mr-30 {
margin-right: 30px !important;
}
.d-pr-30 {
padding-right: 30px !important;
}
}
.mt-35 {
margin-top: 35px !important;
}
.pt-35 {
padding-top: 35px !important;
}
@media (min-width: 62rem) {
.d-mt-35 {
margin-top: 35px !important;
}
.d-pt-35 {
padding-top: 35px !important;
}
}
.mb-35 {
margin-bottom: 35px !important;
}
.pb-35 {
padding-bottom: 35px !important;
}
@media (min-width: 62rem) {
.d-mb-35 {
margin-bottom: 35px !important;
}
.d-pb-35 {
padding-bottom: 35px !important;
}
}
.ml-35 {
margin-left: 35px !important;
}
.pl-35 {
padding-left: 35px !important;
}
@media (min-width: 62rem) {
.d-ml-35 {
margin-left: 35px !important;
}
.d-pl-35 {
padding-left: 35px !important;
}
}
.mr-35 {
margin-right: 35px !important;
}
.pr-35 {
padding-right: 35px !important;
}
@media (min-width: 62rem) {
.d-mr-35 {
margin-right: 35px !important;
}
.d-pr-35 {
padding-right: 35px !important;
}
}
.mt-40 {
margin-top: 40px !important;
}
.pt-40 {
padding-top: 40px !important;
}
@media (min-width: 62rem) {
.d-mt-40 {
margin-top: 40px !important;
}
.d-pt-40 {
padding-top: 40px !important;
}
}
.mb-40 {
margin-bottom: 40px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
@media (min-width: 62rem) {
.d-mb-40 {
margin-bottom: 40px !important;
}
.d-pb-40 {
padding-bottom: 40px !important;
}
}
.ml-40 {
margin-left: 40px !important;
}
.pl-40 {
padding-left: 40px !important;
}
@media (min-width: 62rem) {
.d-ml-40 {
margin-left: 40px !important;
}
.d-pl-40 {
padding-left: 40px !important;
}
}
.mr-40 {
margin-right: 40px !important;
}
.pr-40 {
padding-right: 40px !important;
}
@media (min-width: 62rem) {
.d-mr-40 {
margin-right: 40px !important;
}
.d-pr-40 {
padding-right: 40px !important;
}
}
.mt-45 {
margin-top: 45px !important;
}
.pt-45 {
padding-top: 45px !important;
}
@media (min-width: 62rem) {
.d-mt-45 {
margin-top: 45px !important;
}
.d-pt-45 {
padding-top: 45px !important;
}
}
.mb-45 {
margin-bottom: 45px !important;
}
.pb-45 {
padding-bottom: 45px !important;
}
@media (min-width: 62rem) {
.d-mb-45 {
margin-bottom: 45px !important;
}
.d-pb-45 {
padding-bottom: 45px !important;
}
}
.ml-45 {
margin-left: 45px !important;
}
.pl-45 {
padding-left: 45px !important;
}
@media (min-width: 62rem) {
.d-ml-45 {
margin-left: 45px !important;
}
.d-pl-45 {
padding-left: 45px !important;
}
}
.mr-45 {
margin-right: 45px !important;
}
.pr-45 {
padding-right: 45px !important;
}
@media (min-width: 62rem) {
.d-mr-45 {
margin-right: 45px !important;
}
.d-pr-45 {
padding-right: 45px !important;
}
}
.mt-50 {
margin-top: 50px !important;
}
.pt-50 {
padding-top: 50px !important;
}
@media (min-width: 62rem) {
.d-mt-50 {
margin-top: 50px !important;
}
.d-pt-50 {
padding-top: 50px !important;
}
}
.mb-50 {
margin-bottom: 50px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
@media (min-width: 62rem) {
.d-mb-50 {
margin-bottom: 50px !important;
}
.d-pb-50 {
padding-bottom: 50px !important;
}
}
.ml-50 {
margin-left: 50px !important;
}
.pl-50 {
padding-left: 50px !important;
}
@media (min-width: 62rem) {
.d-ml-50 {
margin-left: 50px !important;
}
.d-pl-50 {
padding-left: 50px !important;
}
}
.mr-50 {
margin-right: 50px !important;
}
.pr-50 {
padding-right: 50px !important;
}
@media (min-width: 62rem) {
.d-mr-50 {
margin-right: 50px !important;
}
.d-pr-50 {
padding-right: 50px !important;
}
}
.mt-55 {
margin-top: 55px !important;
}
.pt-55 {
padding-top: 55px !important;
}
@media (min-width: 62rem) {
.d-mt-55 {
margin-top: 55px !important;
}
.d-pt-55 {
padding-top: 55px !important;
}
}
.mb-55 {
margin-bottom: 55px !important;
}
.pb-55 {
padding-bottom: 55px !important;
}
@media (min-width: 62rem) {
.d-mb-55 {
margin-bottom: 55px !important;
}
.d-pb-55 {
padding-bottom: 55px !important;
}
}
.ml-55 {
margin-left: 55px !important;
}
.pl-55 {
padding-left: 55px !important;
}
@media (min-width: 62rem) {
.d-ml-55 {
margin-left: 55px !important;
}
.d-pl-55 {
padding-left: 55px !important;
}
}
.mr-55 {
margin-right: 55px !important;
}
.pr-55 {
padding-right: 55px !important;
}
@media (min-width: 62rem) {
.d-mr-55 {
margin-right: 55px !important;
}
.d-pr-55 {
padding-right: 55px !important;
}
}
.mt-60 {
margin-top: 60px !important;
}
.pt-60 {
padding-top: 60px !important;
}
@media (min-width: 62rem) {
.d-mt-60 {
margin-top: 60px !important;
}
.d-pt-60 {
padding-top: 60px !important;
}
}
.mb-60 {
margin-bottom: 60px !important;
}
.pb-60 {
padding-bottom: 60px !important;
}
@media (min-width: 62rem) {
.d-mb-60 {
margin-bottom: 60px !important;
}
.d-pb-60 {
padding-bottom: 60px !important;
}
}
.ml-60 {
margin-left: 60px !important;
}
.pl-60 {
padding-left: 60px !important;
}
@media (min-width: 62rem) {
.d-ml-60 {
margin-left: 60px !important;
}
.d-pl-60 {
padding-left: 60px !important;
}
}
.mr-60 {
margin-right: 60px !important;
}
.pr-60 {
padding-right: 60px !important;
}
@media (min-width: 62rem) {
.d-mr-60 {
margin-right: 60px !important;
}
.d-pr-60 {
padding-right: 60px !important;
}
}
.mt-65 {
margin-top: 65px !important;
}
.pt-65 {
padding-top: 65px !important;
}
@media (min-width: 62rem) {
.d-mt-65 {
margin-top: 65px !important;
}
.d-pt-65 {
padding-top: 65px !important;
}
}
.mb-65 {
margin-bottom: 65px !important;
}
.pb-65 {
padding-bottom: 65px !important;
}
@media (min-width: 62rem) {
.d-mb-65 {
margin-bottom: 65px !important;
}
.d-pb-65 {
padding-bottom: 65px !important;
}
}
.ml-65 {
margin-left: 65px !important;
}
.pl-65 {
padding-left: 65px !important;
}
@media (min-width: 62rem) {
.d-ml-65 {
margin-left: 65px !important;
}
.d-pl-65 {
padding-left: 65px !important;
}
}
.mr-65 {
margin-right: 65px !important;
}
.pr-65 {
padding-right: 65px !important;
}
@media (min-width: 62rem) {
.d-mr-65 {
margin-right: 65px !important;
}
.d-pr-65 {
padding-right: 65px !important;
}
}
.mt-70 {
margin-top: 70px !important;
}
.pt-70 {
padding-top: 70px !important;
}
@media (min-width: 62rem) {
.d-mt-70 {
margin-top: 70px !important;
}
.d-pt-70 {
padding-top: 70px !important;
}
}
.mb-70 {
margin-bottom: 70px !important;
}
.pb-70 {
padding-bottom: 70px !important;
}
@media (min-width: 62rem) {
.d-mb-70 {
margin-bottom: 70px !important;
}
.d-pb-70 {
padding-bottom: 70px !important;
}
}
.ml-70 {
margin-left: 70px !important;
}
.pl-70 {
padding-left: 70px !important;
}
@media (min-width: 62rem) {
.d-ml-70 {
margin-left: 70px !important;
}
.d-pl-70 {
padding-left: 70px !important;
}
}
.mr-70 {
margin-right: 70px !important;
}
.pr-70 {
padding-right: 70px !important;
}
@media (min-width: 62rem) {
.d-mr-70 {
margin-right: 70px !important;
}
.d-pr-70 {
padding-right: 70px !important;
}
}
.mt-75 {
margin-top: 75px !important;
}
.pt-75 {
padding-top: 75px !important;
}
@media (min-width: 62rem) {
.d-mt-75 {
margin-top: 75px !important;
}
.d-pt-75 {
padding-top: 75px !important;
}
}
.mb-75 {
margin-bottom: 75px !important;
}
.pb-75 {
padding-bottom: 75px !important;
}
@media (min-width: 62rem) {
.d-mb-75 {
margin-bottom: 75px !important;
}
.d-pb-75 {
padding-bottom: 75px !important;
}
}
.ml-75 {
margin-left: 75px !important;
}
.pl-75 {
padding-left: 75px !important;
}
@media (min-width: 62rem) {
.d-ml-75 {
margin-left: 75px !important;
}
.d-pl-75 {
padding-left: 75px !important;
}
}
.mr-75 {
margin-right: 75px !important;
}
.pr-75 {
padding-right: 75px !important;
}
@media (min-width: 62rem) {
.d-mr-75 {
margin-right: 75px !important;
}
.d-pr-75 {
padding-right: 75px !important;
}
}
.mt-80 {
margin-top: 80px !important;
}
.pt-80 {
padding-top: 80px !important;
}
@media (min-width: 62rem) {
.d-mt-80 {
margin-top: 80px !important;
}
.d-pt-80 {
padding-top: 80px !important;
}
}
.mb-80 {
margin-bottom: 80px !important;
}
.pb-80 {
padding-bottom: 80px !important;
}
@media (min-width: 62rem) {
.d-mb-80 {
margin-bottom: 80px !important;
}
.d-pb-80 {
padding-bottom: 80px !important;
}
}
.ml-80 {
margin-left: 80px !important;
}
.pl-80 {
padding-left: 80px !important;
}
@media (min-width: 62rem) {
.d-ml-80 {
margin-left: 80px !important;
}
.d-pl-80 {
padding-left: 80px !important;
}
}
.mr-80 {
margin-right: 80px !important;
}
.pr-80 {
padding-right: 80px !important;
}
@media (min-width: 62rem) {
.d-mr-80 {
margin-right: 80px !important;
}
.d-pr-80 {
padding-right: 80px !important;
}
}
.mt-85 {
margin-top: 85px !important;
}
.pt-85 {
padding-top: 85px !important;
}
@media (min-width: 62rem) {
.d-mt-85 {
margin-top: 85px !important;
}
.d-pt-85 {
padding-top: 85px !important;
}
}
.mb-85 {
margin-bottom: 85px !important;
}
.pb-85 {
padding-bottom: 85px !important;
}
@media (min-width: 62rem) {
.d-mb-85 {
margin-bottom: 85px !important;
}
.d-pb-85 {
padding-bottom: 85px !important;
}
}
.ml-85 {
margin-left: 85px !important;
}
.pl-85 {
padding-left: 85px !important;
}
@media (min-width: 62rem) {
.d-ml-85 {
margin-left: 85px !important;
}
.d-pl-85 {
padding-left: 85px !important;
}
}
.mr-85 {
margin-right: 85px !important;
}
.pr-85 {
padding-right: 85px !important;
}
@media (min-width: 62rem) {
.d-mr-85 {
margin-right: 85px !important;
}
.d-pr-85 {
padding-right: 85px !important;
}
}
.mt-90 {
margin-top: 90px !important;
}
.pt-90 {
padding-top: 90px !important;
}
@media (min-width: 62rem) {
.d-mt-90 {
margin-top: 90px !important;
}
.d-pt-90 {
padding-top: 90px !important;
}
}
.mb-90 {
margin-bottom: 90px !important;
}
.pb-90 {
padding-bottom: 90px !important;
}
@media (min-width: 62rem) {
.d-mb-90 {
margin-bottom: 90px !important;
}
.d-pb-90 {
padding-bottom: 90px !important;
}
}
.ml-90 {
margin-left: 90px !important;
}
.pl-90 {
padding-left: 90px !important;
}
@media (min-width: 62rem) {
.d-ml-90 {
margin-left: 90px !important;
}
.d-pl-90 {
padding-left: 90px !important;
}
}
.mr-90 {
margin-right: 90px !important;
}
.pr-90 {
padding-right: 90px !important;
}
@media (min-width: 62rem) {
.d-mr-90 {
margin-right: 90px !important;
}
.d-pr-90 {
padding-right: 90px !important;
}
}
.mt-95 {
margin-top: 95px !important;
}
.pt-95 {
padding-top: 95px !important;
}
@media (min-width: 62rem) {
.d-mt-95 {
margin-top: 95px !important;
}
.d-pt-95 {
padding-top: 95px !important;
}
}
.mb-95 {
margin-bottom: 95px !important;
}
.pb-95 {
padding-bottom: 95px !important;
}
@media (min-width: 62rem) {
.d-mb-95 {
margin-bottom: 95px !important;
}
.d-pb-95 {
padding-bottom: 95px !important;
}
}
.ml-95 {
margin-left: 95px !important;
}
.pl-95 {
padding-left: 95px !important;
}
@media (min-width: 62rem) {
.d-ml-95 {
margin-left: 95px !important;
}
.d-pl-95 {
padding-left: 95px !important;
}
}
.mr-95 {
margin-right: 95px !important;
}
.pr-95 {
padding-right: 95px !important;
}
@media (min-width: 62rem) {
.d-mr-95 {
margin-right: 95px !important;
}
.d-pr-95 {
padding-right: 95px !important;
}
}
.mt-100 {
margin-top: 100px !important;
}
.pt-100 {
padding-top: 100px !important;
}
@media (min-width: 62rem) {
.d-mt-100 {
margin-top: 100px !important;
}
.d-pt-100 {
padding-top: 100px !important;
}
}
.mb-100 {
margin-bottom: 100px !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
@media (min-width: 62rem) {
.d-mb-100 {
margin-bottom: 100px !important;
}
.d-pb-100 {
padding-bottom: 100px !important;
}
}
.ml-100 {
margin-left: 100px !important;
}
.pl-100 {
padding-left: 100px !important;
}
@media (min-width: 62rem) {
.d-ml-100 {
margin-left: 100px !important;
}
.d-pl-100 {
padding-left: 100px !important;
}
}
.mr-100 {
margin-right: 100px !important;
}
.pr-100 {
padding-right: 100px !important;
}
@media (min-width: 62rem) {
.d-mr-100 {
margin-right: 100px !important;
}
.d-pr-100 {
padding-right: 100px !important;
}
}
.mt-110 {
margin-top: 110px !important;
}
.pt-110 {
padding-top: 110px !important;
}
@media (min-width: 62rem) {
.d-mt-110 {
margin-top: 110px !important;
}
.d-pt-110 {
padding-top: 110px !important;
}
}
.mb-110 {
margin-bottom: 110px !important;
}
.pb-110 {
padding-bottom: 110px !important;
}
@media (min-width: 62rem) {
.d-mb-110 {
margin-bottom: 110px !important;
}
.d-pb-110 {
padding-bottom: 110px !important;
}
}
.ml-110 {
margin-left: 110px !important;
}
.pl-110 {
padding-left: 110px !important;
}
@media (min-width: 62rem) {
.d-ml-110 {
margin-left: 110px !important;
}
.d-pl-110 {
padding-left: 110px !important;
}
}
.mr-110 {
margin-right: 110px !important;
}
.pr-110 {
padding-right: 110px !important;
}
@media (min-width: 62rem) {
.d-mr-110 {
margin-right: 110px !important;
}
.d-pr-110 {
padding-right: 110px !important;
}
}
.mt-120 {
margin-top: 120px !important;
}
.pt-120 {
padding-top: 120px !important;
}
@media (min-width: 62rem) {
.d-mt-120 {
margin-top: 120px !important;
}
.d-pt-120 {
padding-top: 120px !important;
}
}
.mb-120 {
margin-bottom: 120px !important;
}
.pb-120 {
padding-bottom: 120px !important;
}
@media (min-width: 62rem) {
.d-mb-120 {
margin-bottom: 120px !important;
}
.d-pb-120 {
padding-bottom: 120px !important;
}
}
.ml-120 {
margin-left: 120px !important;
}
.pl-120 {
padding-left: 120px !important;
}
@media (min-width: 62rem) {
.d-ml-120 {
margin-left: 120px !important;
}
.d-pl-120 {
padding-left: 120px !important;
}
}
.mr-120 {
margin-right: 120px !important;
}
.pr-120 {
padding-right: 120px !important;
}
@media (min-width: 62rem) {
.d-mr-120 {
margin-right: 120px !important;
}
.d-pr-120 {
padding-right: 120px !important;
}
}
.mt-130 {
margin-top: 130px !important;
}
.pt-130 {
padding-top: 130px !important;
}
@media (min-width: 62rem) {
.d-mt-130 {
margin-top: 130px !important;
}
.d-pt-130 {
padding-top: 130px !important;
}
}
.mb-130 {
margin-bottom: 130px !important;
}
.pb-130 {
padding-bottom: 130px !important;
}
@media (min-width: 62rem) {
.d-mb-130 {
margin-bottom: 130px !important;
}
.d-pb-130 {
padding-bottom: 130px !important;
}
}
.ml-130 {
margin-left: 130px !important;
}
.pl-130 {
padding-left: 130px !important;
}
@media (min-width: 62rem) {
.d-ml-130 {
margin-left: 130px !important;
}
.d-pl-130 {
padding-left: 130px !important;
}
}
.mr-130 {
margin-right: 130px !important;
}
.pr-130 {
padding-right: 130px !important;
}
@media (min-width: 62rem) {
.d-mr-130 {
margin-right: 130px !important;
}
.d-pr-130 {
padding-right: 130px !important;
}
}
.mt-140 {
margin-top: 140px !important;
}
.pt-140 {
padding-top: 140px !important;
}
@media (min-width: 62rem) {
.d-mt-140 {
margin-top: 140px !important;
}
.d-pt-140 {
padding-top: 140px !important;
}
}
.mb-140 {
margin-bottom: 140px !important;
}
.pb-140 {
padding-bottom: 140px !important;
}
@media (min-width: 62rem) {
.d-mb-140 {
margin-bottom: 140px !important;
}
.d-pb-140 {
padding-bottom: 140px !important;
}
}
.ml-140 {
margin-left: 140px !important;
}
.pl-140 {
padding-left: 140px !important;
}
@media (min-width: 62rem) {
.d-ml-140 {
margin-left: 140px !important;
}
.d-pl-140 {
padding-left: 140px !important;
}
}
.mr-140 {
margin-right: 140px !important;
}
.pr-140 {
padding-right: 140px !important;
}
@media (min-width: 62rem) {
.d-mr-140 {
margin-right: 140px !important;
}
.d-pr-140 {
padding-right: 140px !important;
}
}
.mt-150 {
margin-top: 150px !important;
}
.pt-150 {
padding-top: 150px !important;
}
@media (min-width: 62rem) {
.d-mt-150 {
margin-top: 150px !important;
}
.d-pt-150 {
padding-top: 150px !important;
}
}
.mb-150 {
margin-bottom: 150px !important;
}
.pb-150 {
padding-bottom: 150px !important;
}
@media (min-width: 62rem) {
.d-mb-150 {
margin-bottom: 150px !important;
}
.d-pb-150 {
padding-bottom: 150px !important;
}
}
.ml-150 {
margin-left: 150px !important;
}
.pl-150 {
padding-left: 150px !important;
}
@media (min-width: 62rem) {
.d-ml-150 {
margin-left: 150px !important;
}
.d-pl-150 {
padding-left: 150px !important;
}
}
.mr-150 {
margin-right: 150px !important;
}
.pr-150 {
padding-right: 150px !important;
}
@media (min-width: 62rem) {
.d-mr-150 {
margin-right: 150px !important;
}
.d-pr-150 {
padding-right: 150px !important;
}
}
.mt-160 {
margin-top: 160px !important;
}
.pt-160 {
padding-top: 160px !important;
}
@media (min-width: 62rem) {
.d-mt-160 {
margin-top: 160px !important;
}
.d-pt-160 {
padding-top: 160px !important;
}
}
.mb-160 {
margin-bottom: 160px !important;
}
.pb-160 {
padding-bottom: 160px !important;
}
@media (min-width: 62rem) {
.d-mb-160 {
margin-bottom: 160px !important;
}
.d-pb-160 {
padding-bottom: 160px !important;
}
}
.ml-160 {
margin-left: 160px !important;
}
.pl-160 {
padding-left: 160px !important;
}
@media (min-width: 62rem) {
.d-ml-160 {
margin-left: 160px !important;
}
.d-pl-160 {
padding-left: 160px !important;
}
}
.mr-160 {
margin-right: 160px !important;
}
.pr-160 {
padding-right: 160px !important;
}
@media (min-width: 62rem) {
.d-mr-160 {
margin-right: 160px !important;
}
.d-pr-160 {
padding-right: 160px !important;
}
}
.mt-165 {
margin-top: 165px !important;
}
.pt-165 {
padding-top: 165px !important;
}
@media (min-width: 62rem) {
.d-mt-165 {
margin-top: 165px !important;
}
.d-pt-165 {
padding-top: 165px !important;
}
}
.mb-165 {
margin-bottom: 165px !important;
}
.pb-165 {
padding-bottom: 165px !important;
}
@media (min-width: 62rem) {
.d-mb-165 {
margin-bottom: 165px !important;
}
.d-pb-165 {
padding-bottom: 165px !important;
}
}
.ml-165 {
margin-left: 165px !important;
}
.pl-165 {
padding-left: 165px !important;
}
@media (min-width: 62rem) {
.d-ml-165 {
margin-left: 165px !important;
}
.d-pl-165 {
padding-left: 165px !important;
}
}
.mr-165 {
margin-right: 165px !important;
}
.pr-165 {
padding-right: 165px !important;
}
@media (min-width: 62rem) {
.d-mr-165 {
margin-right: 165px !important;
}
.d-pr-165 {
padding-right: 165px !important;
}
}
.mt-170 {
margin-top: 170px !important;
}
.pt-170 {
padding-top: 170px !important;
}
@media (min-width: 62rem) {
.d-mt-170 {
margin-top: 170px !important;
}
.d-pt-170 {
padding-top: 170px !important;
}
}
.mb-170 {
margin-bottom: 170px !important;
}
.pb-170 {
padding-bottom: 170px !important;
}
@media (min-width: 62rem) {
.d-mb-170 {
margin-bottom: 170px !important;
}
.d-pb-170 {
padding-bottom: 170px !important;
}
}
.ml-170 {
margin-left: 170px !important;
}
.pl-170 {
padding-left: 170px !important;
}
@media (min-width: 62rem) {
.d-ml-170 {
margin-left: 170px !important;
}
.d-pl-170 {
padding-left: 170px !important;
}
}
.mr-170 {
margin-right: 170px !important;
}
.pr-170 {
padding-right: 170px !important;
}
@media (min-width: 62rem) {
.d-mr-170 {
margin-right: 170px !important;
}
.d-pr-170 {
padding-right: 170px !important;
}
}
.mt-180 {
margin-top: 180px !important;
}
.pt-180 {
padding-top: 180px !important;
}
@media (min-width: 62rem) {
.d-mt-180 {
margin-top: 180px !important;
}
.d-pt-180 {
padding-top: 180px !important;
}
}
.mb-180 {
margin-bottom: 180px !important;
}
.pb-180 {
padding-bottom: 180px !important;
}
@media (min-width: 62rem) {
.d-mb-180 {
margin-bottom: 180px !important;
}
.d-pb-180 {
padding-bottom: 180px !important;
}
}
.ml-180 {
margin-left: 180px !important;
}
.pl-180 {
padding-left: 180px !important;
}
@media (min-width: 62rem) {
.d-ml-180 {
margin-left: 180px !important;
}
.d-pl-180 {
padding-left: 180px !important;
}
}
.mr-180 {
margin-right: 180px !important;
}
.pr-180 {
padding-right: 180px !important;
}
@media (min-width: 62rem) {
.d-mr-180 {
margin-right: 180px !important;
}
.d-pr-180 {
padding-right: 180px !important;
}
}
.mt-190 {
margin-top: 190px !important;
}
.pt-190 {
padding-top: 190px !important;
}
@media (min-width: 62rem) {
.d-mt-190 {
margin-top: 190px !important;
}
.d-pt-190 {
padding-top: 190px !important;
}
}
.mb-190 {
margin-bottom: 190px !important;
}
.pb-190 {
padding-bottom: 190px !important;
}
@media (min-width: 62rem) {
.d-mb-190 {
margin-bottom: 190px !important;
}
.d-pb-190 {
padding-bottom: 190px !important;
}
}
.ml-190 {
margin-left: 190px !important;
}
.pl-190 {
padding-left: 190px !important;
}
@media (min-width: 62rem) {
.d-ml-190 {
margin-left: 190px !important;
}
.d-pl-190 {
padding-left: 190px !important;
}
}
.mr-190 {
margin-right: 190px !important;
}
.pr-190 {
padding-right: 190px !important;
}
@media (min-width: 62rem) {
.d-mr-190 {
margin-right: 190px !important;
}
.d-pr-190 {
padding-right: 190px !important;
}
}
.mt-200 {
margin-top: 200px !important;
}
.pt-200 {
padding-top: 200px !important;
}
@media (min-width: 62rem) {
.d-mt-200 {
margin-top: 200px !important;
}
.d-pt-200 {
padding-top: 200px !important;
}
}
.mb-200 {
margin-bottom: 200px !important;
}
.pb-200 {
padding-bottom: 200px !important;
}
@media (min-width: 62rem) {
.d-mb-200 {
margin-bottom: 200px !important;
}
.d-pb-200 {
padding-bottom: 200px !important;
}
}
.ml-200 {
margin-left: 200px !important;
}
.pl-200 {
padding-left: 200px !important;
}
@media (min-width: 62rem) {
.d-ml-200 {
margin-left: 200px !important;
}
.d-pl-200 {
padding-left: 200px !important;
}
}
.mr-200 {
margin-right: 200px !important;
}
.pr-200 {
padding-right: 200px !important;
}
@media (min-width: 62rem) {
.d-mr-200 {
margin-right: 200px !important;
}
.d-pr-200 {
padding-right: 200px !important;
}
}
.mt-250 {
margin-top: 250px !important;
}
.pt-250 {
padding-top: 250px !important;
}
@media (min-width: 62rem) {
.d-mt-250 {
margin-top: 250px !important;
}
.d-pt-250 {
padding-top: 250px !important;
}
}
.mb-250 {
margin-bottom: 250px !important;
}
.pb-250 {
padding-bottom: 250px !important;
}
@media (min-width: 62rem) {
.d-mb-250 {
margin-bottom: 250px !important;
}
.d-pb-250 {
padding-bottom: 250px !important;
}
}
.ml-250 {
margin-left: 250px !important;
}
.pl-250 {
padding-left: 250px !important;
}
@media (min-width: 62rem) {
.d-ml-250 {
margin-left: 250px !important;
}
.d-pl-250 {
padding-left: 250px !important;
}
}
.mr-250 {
margin-right: 250px !important;
}
.pr-250 {
padding-right: 250px !important;
}
@media (min-width: 62rem) {
.d-mr-250 {
margin-right: 250px !important;
}
.d-pr-250 {
padding-right: 250px !important;
}
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.white-popup {
position: relative;
background: #FFF;
padding: 1.25rem;
width: auto;
max-width: 64rem;
margin: 1.25rem auto;
border-radius: var(--size-border-radius);
}
@media screen and (min-width: 64rem) {
.white-popup {
padding: 2.5rem;
}
}
.mfp-close {
font-size: 0;
opacity: 1 !important;
background-color: var(--color-info) !important;
color: #fff !important;
top: 0.625rem !important;
right: 0.625rem !important;
border-radius: 50%;
width: 36px;
height: 36px;
line-height: 38px;
}
@media screen and (min-width: 64rem) {
.mfp-close {
top: 0.9375rem !important;
right: 0.9375rem !important;
}
}
.mfp-close:before {
font-family: "klbtheme";
font-size: 15px;
content: "\e852";
} @media screen and (max-width: 75rem) {
.hide-mobile {
display: none !important;
}
}
@media screen and (min-width: 75rem) {
.hide-desktop {
display: none !important;
}
}
.container {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
@media screen and (min-width: 75rem) {
.container {
max-width: var(--size-site-width);
}
}
img {
max-width: 100%;
height: auto;
image-rendering: -webkit-optimize-contrast;
}
body {
font-family: var(--font-primary);
font-weight: 400;
letter-spacing: -0.03px;
color: var(--color-main-text);
background-color: var(--color-background);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-primary);
font-weight: 400;
letter-spacing: 0;
}
.column {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.column.left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.column.center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.column.right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.column.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.column.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.column.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.site-brand {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.site-brand a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-brand a img {
height: 34px;
}
.site-menu.horizontal .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0;
padding: 0;
list-style: none;
}
.site-menu.horizontal .menu > li {
margin-right: 1.5625rem;
}
.site-menu.horizontal .menu > li:last-child {
margin-right: 0;
}
.site-menu.horizontal .menu a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.site-menu.horizontal .menu .menu-item {
position: relative;
white-space: nowrap;
}
.site-menu.horizontal .menu .sub-menu {
position: absolute;
min-width: 16.25rem;
top: 100%;
left: -1.3125rem;
margin: 0;
padding: 1.25rem 0;
list-style: none;
background-color: #fff;
border: 1px solid #eef2f6;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity;
-webkit-transition: all 0.1s cubic-bezier(0.17, 0.62, 0.44, 0.99);
transition: all 0.1s cubic-bezier(0.17, 0.62, 0.44, 0.99);
}
.site-menu.horizontal .menu .sub-menu a {
font-size: 0.875rem;
font-weight: 400;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.site-menu.horizontal .menu .sub-menu .menu-item-has-children > a::after {
position: relative;
content: "";
padding-left: 0.4375rem;
margin-left: auto;
top: 1px;
}
.site-menu.horizontal .menu .sub-menu .sub-menu {
top: -1.25rem;
left: 100%;
}
.site-menu.horizontal .menu .menu-item-has-children > a::after {
font-family: "klbtheme";
content: "";
margin-left: 0.4375rem;
}
.site-menu.horizontal .menu .menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-menu.horizontal .menu .mega-menu {
position: static;
}
.site-menu.horizontal .menu .mega-menu > .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
left: 0;
}
.site-menu.horizontal .menu .mega-menu > .sub-menu > .menu-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.site-menu.horizontal .menu .mega-menu > .sub-menu > .menu-item > a {
font-weight: 600;
}
.site-menu.horizontal .menu .mega-menu > .sub-menu .menu-item-has-children > a::after {
display: none;
}
.site-menu.horizontal .menu .mega-menu > .sub-menu .sub-menu {
position: relative;
left: 0;
top: 0;
opacity: 1;
visibility: visible;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
background-color: transparent;
padding-top: 0.625rem;
z-index: 10;
}
.site-menu.horizontal.shadow-enable .sub-menu {
-webkit-box-shadow: 0 2px 3px rgba(4, 30, 66, 0.1);
box-shadow: 0 2px 3px rgba(4, 30, 66, 0.1);
}
.site-search {
width: 100%;
}
.site-search .input-group {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.site-search .input-group > * {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-search .input-group > *.input-search-field {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.site-search .selected-value {
position: fixed;
font-size: 0.875rem;
padding-left: 0.9375rem;
padding-right: 2.1875rem;
left: -10000px;
visibility: hidden;
opacity: 0;
}
.site-search select {
width: auto;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
height: 2.75rem;
}
@media screen and (min-width: 75rem) {
.site-search select {
height: 3.125rem;
}
}
.site-search input[type=search] {
border-radius: 0;
padding-left: 3.625rem;
height: 2.75rem;
}
@media screen and (min-width: 75rem) {
.site-search input[type=search] {
height: 3.125rem;
}
}
.site-search i {
position: absolute;
font-size: 1.5rem;
left: 0.75rem;
color: var(--color-form-placeholder);
}
@media screen and (min-width: 75rem) {
.site-search i {
font-size: 1.75rem;
}
}
.site-search button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
height: 2.75rem;
padding-left: 1.5625rem;
padding-right: 1.5625rem;
}
@media screen and (min-width: 75rem) {
.site-search button {
height: 3.125rem;
}
}
.site-scroll {
width: 100%;
height: 100%;
}
.label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.625rem;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
height: 1.125rem;
background-color: var(--color-theme-info);
border-radius: 1.125rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.label.danger {
color: #fff;
background-color: var(--color-theme-danger);
}
.site-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.4);
will-change: opacity;
}
.swiper-container {
position: relative;
}
.swiper-container:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
background-color: #fff;
will-change: opacity;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.swiper-container .slider-loader {
position: absolute;
width: 46px;
height: 46px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 12;
}
.swiper-container .slider-loader .spinner {
fill: var(--color-primary);
stroke: var(--color-primary);
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
will-change: opacity;
-webkit-transition: opacity 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: opacity 0.3s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.swiper-container .slider-loader .spinner .spinner-path {
stroke-linecap: round;
-webkit-animation: dash 1.5s cubic-bezier(0.28, 0.12, 0.22, 1) infinite;
animation: dash 1.5s cubic-bezier(0.28, 0.12, 0.22, 1) infinite;
}
.swiper-container.slider-loaded:before {
opacity: 0;
visibility: hidden;
}
.swiper-container.slider-loaded .slider-loader {
opacity: 0;
visibility: hidden;
}
.font-300 {
font-weight: 300;
}
.font-400 {
font-weight: 400;
}
.font-500 {
font-weight: 500;
}
.font-600 {
font-weight: 600;
}
.font-700 {
font-weight: 700;
}
.color-primary {
color: var(--color-primary);
}
.color-secondary {
color: var(--color-secondary);
}
.color-text {
color: var(--color-main-text);
}
.color-link {
color: var(--color-link);
}
.color-success {
color: var(--color-theme-success);
}
.color-danger {
color: var(--color-theme-danger);
}
.color-light {
color: var(--color-text-light);
}
.border-yellow {
border-color: #ffbd27 !important;
}
.overlay-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;
}
@media screen and (min-width: 75rem) {
.d-mt-0 {
margin-top: 0 !important;
}
}
.tooltip {
font-family: var(--font-primary);
font-size: 0.75rem;
font-weight: 500;
}
.product-progress {
position: relative;
width: 100%;
height: 6px;
background-color: var(--color-theme-light);
border-radius: 0.625rem;
}
.product-progress span {
position: absolute;
width: 100%;
height: 100%;
border-radius: 0.625rem;
background-color: var(--color-secondary);
}
.product-offer-count {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0.75rem;
}
.product-offer-count .product-progress {
margin-bottom: 0.75rem;
}
.product-offer-count .product-count-top {
font-size: 0.75rem;
color: var(--color-text-light);
margin-bottom: 0.625rem;
}
.product-offer-count .product-count-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.75rem;
color: var(--color-text-light);
}
.product-offer-count .product-count-detail .sold {
margin-left: auto;
}
.product-offer-count .product-count-detail strong {
color: var(--color-main-text);
}
.product-offer-count.color-red .product-count-top strong {
color: var(--color-theme-danger);
}
.product-offer-count.color-red .product-progress {
margin-bottom: 0;
}
.product-offer-count.color-red .product-progress span {
background-color: var(--color-theme-danger);
}
.site-social ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0;
padding: 0;
list-style: none;
}
.site-social ul li + li {
margin-left: 4px;
}
.site-social ul li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
width: 1.875rem;
height: 1.875rem;
border-radius: 50%;
color: #fff;
background-color: #d1d6dd;
}
@media screen and (min-width: 64rem) {
.site-social ul li a {
font-size: 0.9375rem;
width: 2.125rem;
height: 2.125rem;
}
}
.site-social.colored a {
color: #fff;
border-color: transparent;
}
.site-social.colored a:hover {
opacity: 0.8;
}
.site-social.colored .facebook {
background-color: #3b5998;
}
.site-social.colored .instagram {
background-color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.site-social.colored .pinterest {
background-color: #e60023;
}
.site-social.colored .spotify {
background-color: #1db954;
}
.site-social.colored .twitch {
background-color: #9146ff;
}
.site-social.colored .whatsapp {
background-color: #25d366;
}
.site-social.colored .amazon {
background-color: #ff9900;
}
.site-social.colored .skype {
background-color: #00aff0;
}
.site-social.colored .twitter {
background-color: #1da1f2;
}
.site-social.colored .vimeo {
background-color: #1ab7ea;
}
.site-social.colored .google {
background-color: #ea4335;
}
.site-social.colored .linkedin {
background-color: #0077b5;
}
.site-social.colored .yelp {
background-color: #af0606;
}
.site-social.colored .pocket {
background-color: #ef4056;
}
.site-social.colored .paypal {
background-color: #003087;
}
.site-social.colored .tumblr {
background-color: #35465c;
}
.site-social.colored .vkontakte {
background-color: #45668e;
}
.site-social.colored .youtube {
background-color: #ff0000;
}
.site-social.colored .reddit {
background-color: #ff4500;
}
.countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
font-weight: 500;
}
.countdown span {
position: relative;
top: -2px;
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.countdown .count-item {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.75rem;
height: 1.875rem;
background-color: var(--color-theme-light);
border-radius: 4px;
}
.countdown-text {
font-size: 0.75rem;
color: var(--color-text-light);
}
.site-departments {
color: #021523;
margin-right: 1.875rem;
}
.site-departments .site-departments-wrapper {
position: relative;
}
.site-departments .site-departments-wrapper > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.site-departments .site-departments-wrapper > a .departments-icon {
font-size: 1.1875rem;
}
.site-departments .site-departments-wrapper > a .departments-text {
font-size: 0.875rem;
font-weight: 500;
margin-left: 0.75rem;
}
.site-departments .site-departments-wrapper > a .departments-arrow {
font-size: 1.25rem;
margin-left: auto;
}
.site-departments.large .site-departments-wrapper > a {
min-width: 293px;
height: 54px;
padding-left: 1.25rem;
padding-right: 1.25rem;
background-color: #f7f8f9;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.site-departments .departments-menu {
position: absolute;
min-width: 293px;
top: 100%;
left: 0;
padding: 0;
margin: 0;
list-style: none;
border: 1px solid #e5e8ec;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.site-departments .departments-menu a {
font-size: 0.8125rem;
text-decoration: none;
}
.site-departments .departments-menu > li {
position: relative;
}
.site-departments .departments-menu > li + li {
border-top: 1px solid #e5e8ec;
}
.site-departments .departments-menu > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
height: 44px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.site-departments .departments-menu > li > a .menu-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.125rem;
margin-right: 0.9375rem;
width: 1.5625rem;
height: 1.5625rem;
}
.site-departments .departments-menu > li > a i.klbth-icon-smartphone, .site-departments .departments-menu > li > a i.klbth-icon-smartwatch {
width: 17px;
}
.site-departments .departments-menu > li > a i.text {
font-size: 0.5625rem;
font-weight: 600;
font-style: normal;
color: var(--color-link);
}
.site-departments .departments-menu > li > a .label {
margin-left: auto;
}
.site-departments .departments-menu > li.menu-item-has-children {
position: static;
}
.site-departments .departments-menu > li.menu-item-has-children > a::after {
font-family: "klbtheme";
font-size: 1rem;
content: "";
margin-left: auto;
margin-right: 0.375rem;
padding-left: 0.625rem;
}
.site-departments .departments-menu > li.menu-item-has-children:hover .sub-menu {
opacity: 1;
pointer-events: auto;
}
.site-departments .departments-menu > li.menu-item-has-children.has-image > .sub-menu {
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto;
}
.site-departments .departments-menu > li.menu-item-has-children.column-2 > .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background-size: cover;
}
.site-departments .departments-menu > li.menu-item-has-children.column-2 > .sub-menu > .menu-item-title {
display: none;
}
.site-departments .departments-menu > li.menu-item-has-children.column-2 > .sub-menu > .menu-item-has-children {
-webkit-box-flex: 0;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
}
.site-departments .departments-menu .sub-menu {
position: absolute;
width: 100%;
height: 100%;
left: calc(100% - 1px);
top: 0;
margin: 0;
padding: 1.25rem 0;
list-style: none;
background-color: #fff;
border: 1px solid #e5e8ec;
border-top: 0;
opacity: 0;
pointer-events: none;
will-change: opacity;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-departments .departments-menu .sub-menu .menu-item-title {
font-size: 0.875rem;
font-weight: 600;
color: var(--color-link);
padding: 0.4375rem 1.875rem;
margin-bottom: 0.1875rem;
}
.site-departments .departments-menu .sub-menu a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.4375rem 1.875rem;
}
.site-departments .departments-menu .sub-menu a:hover {
text-decoration: underline;
}
.site-departments .departments-menu .sub-menu .sub-menu {
position: relative;
left: 0;
padding: 0;
background-color: transparent;
border: 0;
}
.site-departments.locked .departments-menu {
display: none;
}
.site-departments.only-menu .site-departments-wrapper {
z-index: 2;
}
.site-departments.only-menu .site-departments-wrapper > a {
display: none;
}
.site-departments.only-menu .site-departments-wrapper .departments-menu {
position: relative;
}
.site-departments.only-menu .site-departments-wrapper .departments-menu a {
color: currentColor;
}
.background-gray {
background-color: #f7f8f9;
padding: 1.875rem 0;
}
@media screen and (min-width: 64rem) {
.background-gray {
padding: 3.125rem 0;
}
}
.background-gray .count-item {
background-color: #fff;
border: 1px solid var(--color-theme-border);
}
.background-gray .module-category-list.style-1 {
background-color: #fff;
}
.background-gray .module-category-list .category-item {
background-color: #fff;
}
.content-wrapper {
position: relative;
}
@media screen and (min-width: 64rem) {
.content-wrapper.sidebar-right .content-primary {
padding-right: 1.875rem;
}
}
@media screen and (min-width: 64rem) {
.content-wrapper.sidebar-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media screen and (min-width: 64rem) {
.content-wrapper.sidebar-left .content-primary {
padding-left: 1.875rem;
}
}
.quick-product-wrapper .woocommerce-product-gallery {
position: relative;
}
.quick-product-wrapper .product-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.quick-product-wrapper .product-wrapper > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media screen and (min-width: 75rem) {
.quick-product-wrapper .product-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.quick-product-wrapper .product-wrapper > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.quick-product-wrapper .product_title {
font-size: 22px !important;
}
.page-not-foun {
text-align: center;
}
@media screen and (min-width: 64rem) {
.page-not-foun {
margin-top: 10rem;
margin-bottom: 16.25rem;
}
}
.page-not-foun .error-content {
text-align: center;
max-width: 47.5rem;
margin-left: auto;
margin-right: auto;
}
.page-not-foun .error-content .entry-title {
font-size: 5rem;
font-weight: 600;
}
@media screen and (min-width: 64rem) {
.page-not-foun .error-content .entry-title {
font-size: 16.25rem;
letter-spacing: 13px;
line-height: 1;
margin-bottom: 0;
}
}
@media screen and (min-width: 64rem) {
.page-not-foun .error-content .entry-subtitle {
font-size: 3rem;
}
}
.page-not-foun .error-content .entry-content {
color: var(--color-text-light);
}
.select2-container .select2-dropdown {
border: 1px solid var(--color-theme-border);
-webkit-box-shadow: 0 2px 3px rgba(4, 30, 66, 0.07);
box-shadow: 0 2px 3px rgba(4, 30, 66, 0.07);
}
.select2-container .select2-results__options {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
}
.select2-container .select2-results__option {
font-size: 0.8125rem;
padding: 8px 15px;
}
.mobile-bottom-menu {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background-color: #fff;
-webkit-box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
@media screen and (min-width: 64rem) {
.mobile-bottom-menu {
display: none !important;
}
}
.mobile-bottom-menu-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 3.625rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.mobile-bottom-menu .mobile-menu {
width: 100%;
}
.mobile-bottom-menu .mobile-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.mobile-bottom-menu .mobile-menu ul li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.mobile-bottom-menu .mobile-menu ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
width: 100%;
text-decoration: none;
color: var(--color-text-light);
}
.mobile-bottom-menu .mobile-menu ul li a i {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.375rem;
height: 2.0625rem;
}
.mobile-bottom-menu .mobile-menu ul li a i.klbth-icon-search {
font-size: 1.625rem;
}
.mobile-bottom-menu .mobile-menu ul li a span {
font-size: 0.5625rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.mobile-bottom-menu .mobile-menu ul li a.active {
color: var(--color-main-text);
}  input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, select, .form-control, .form-select {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--font-secondary);
font-size: 0.875rem;
letter-spacing: -0.03px;
width: 100%;
height: 2.5rem;
padding: 0 0.9375rem;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--color-form-border);
border-radius: var(--size-form-radius);
}
input[type=color]:focus, input[type=color]:active, input[type=date]:focus, input[type=date]:active, input[type=datetime-local]:focus, input[type=datetime-local]:active, input[type=datetime]:focus, input[type=datetime]:active, input[type=email]:focus, input[type=email]:active, input[type=month]:focus, input[type=month]:active, input[type=number]:focus, input[type=number]:active, input[type=password]:focus, input[type=password]:active, input[type=search]:focus, input[type=search]:active, input[type=tel]:focus, input[type=tel]:active, input[type=text]:focus, input[type=text]:active, input[type=time]:focus, input[type=time]:active, input[type=url]:focus, input[type=url]:active, input[type=week]:focus, input[type=week]:active, textarea:focus, textarea:active, select:focus, select:active, .form-control:focus, .form-control:active, .form-select:focus, .form-select:active {
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-color: var(--color-main-text);
}
input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder {
font-size: 0.875rem;
color: var(--color-form-placeholder);
}
input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder {
font-size: 0.875rem;
color: var(--color-form-placeholder);
}
input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder {
font-size: 0.875rem;
color: var(--color-form-placeholder);
}
input[type=color]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, input[type=datetime]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=month]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=week]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder {
font-size: 0.875rem;
color: var(--color-form-placeholder);
}
input[type=color]::placeholder, input[type=date]::placeholder, input[type=datetime-local]::placeholder, input[type=datetime]::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder, textarea::placeholder, select::placeholder, .form-control::placeholder, .form-select::placeholder {
font-size: 0.875rem;
color: var(--color-form-placeholder);
}
textarea {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.form-select {
padding-right: 2.1875rem;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 9L12 15L18 9' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") calc(100% - 5px) 12px no-repeat;
background-size: 18px 15px;
padding-right: 1.875rem;
}
button, .button, input[type=submit], .submit, .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 2.5rem;
font-family: var(--font-primary);
font-size: 0.875rem;
letter-spacing: -0.03px;
font-weight: 600;
text-decoration: none;
padding: 0 0.9375rem;
color: #fff;
background-color: var(--color-primary);
border-color: var(--color-primary);
border-radius: var(--size-form-radius);
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
@media screen and (min-width: 75rem) {
button, .button, input[type=submit], .submit, .btn {
padding: 0 1.25rem;
}
}
button:active, button:focus, .button:active, .button:focus, input[type=submit]:active, input[type=submit]:focus, .submit:active, .submit:focus, .btn:active, .btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
button:hover, .button:hover, input[type=submit]:hover, .submit:hover, .btn:hover {
color: #fff;
background-color: var(--color-primary);
border-color: var(--color-primary);
}
button.small, .button.small, input[type=submit].small, .submit.small, .btn.small {
font-size: 0.8125rem;
height: 2.375rem;
}
button.rounded, .button.rounded, input[type=submit].rounded, .submit.rounded, .btn.rounded {
border-radius: 3.4375rem !important;
}
button.link-color, .button.link-color, input[type=submit].link-color, .submit.link-color, .btn.link-color {
background-color: var(--color-link);
border-color: var(--color-link);
}
button.link-color:hover, .button.link-color:hover, input[type=submit].link-color:hover, .submit.link-color:hover, .btn.link-color:hover {
opacity: 0.9;
}
button.wide, .button.wide, input[type=submit].wide, .submit.wide, .btn.wide {
width: 100%;
}  .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
} .ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px; bottom: 0px; position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 11px; right: 0; position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
} .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px; bottom: 2px; position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 6px; right: 2px; position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
} @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
} .klb-menu {
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.klb-menu-wrapper {
left: 0;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.klb-menu li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.klb-menu li.menu-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #eff2f7;
margin-top: -2px;
margin-bottom: 0.9375rem;
padding-bottom: 0.9375rem;
}
.klb-menu li a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.klb-menu li a.next {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 2.375rem;
cursor: pointer;
}
.klb-menu li a.next::before {
font-family: "klbtheme";
font-size: 1.25rem;
content: "";
position: absolute;
}
.klb-menu li a.back {
position: relative;
font-size: 0.9375rem !important;
font-weight: 600;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 1.875rem;
}
.klb-menu li a.back::before {
font-family: "klbtheme";
content: "";
position: absolute;
font-size: 1.375rem;
font-weight: 400;
left: -4px;
margin-top: -2px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1); }
.klb-menu .sub-menu {
position: absolute;
display: none;
width: 100%;
left: 100%;
top: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}  @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
} .swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .site-offcanvas {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #021523;
background-color: #fff;
z-index: 1001;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
will-change: opacity, transform;
}
@media screen and (min-width: 20rem) {
.site-offcanvas {
width: 320px;
}
}
.site-offcanvas-row {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.site-offcanvas-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #fff;
background-color: #031624;
border-bottom: 1px solid #e5e8ef;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.site-offcanvas-header .site-brand img {
height: 23px;
}
.site-offcanvas-header .site-offcanvas-close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.5rem;
width: 2.375rem;
height: 2.375rem;
cursor: pointer;
}
.site-offcanvas-body {
padding-top: 1.875rem;
}
.site-offcanvas .offcanvas-menu-wrapper {
position: relative;
left: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.site-offcanvas .site-menu + .site-menu {
margin-top: 1.875rem;
padding-top: 1.875rem;
border-top: 1px solid #e5e8ef;
}
.site-offcanvas .site-menu .entry-menu-title {
font-family: var(--font-primary);
font-size: 0.9375rem;
font-weight: 600;
margin-bottom: 0.9375rem;
}
.site-offcanvas .site-menu .menu {
margin: 0;
padding: 0;
list-style: none;
}
.site-offcanvas .site-menu .menu a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.875rem;
text-decoration: none;
color: currentColor;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.site-offcanvas .site-menu .menu a span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-offcanvas .site-menu .menu a i {
font-size: 1.25rem;
width: 1.875rem;
margin-right: 0.625rem;
}
.site-offcanvas .site-menu .menu.menu-item-has-children > a {
padding-right: 1.875rem;
}
.site-offcanvas .site-menu.primary a {
padding-top: 0.4375rem;
padding-bottom: 0.4375rem;
}
.site-offcanvas .site-menu a:hover span {
text-decoration: underline;
}
.site-offcanvas .site-menu .sub-menu {
padding: 0;
margin: 0;
list-style: none;
}
.site-offcanvas .site-copyright {
font-size: 0.75rem;
margin-top: 3.125rem;
padding-bottom: 1.875rem;
opacity: 0.6;
} .site-header {
position: relative;
z-index: 20;
}
.site-header.border-enable {
border-bottom: 1px solid #e5e8ec;
}
.site-header .header-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-header .site-switcher {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.site-header .site-switcher > span {
font-size: 0.75rem;
margin-right: 0.375rem;
}
.site-header .site-switcher + .site-switcher {
margin-left: 1.5625rem;
}
.site-header .header-addons {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 1.25rem;
}
.site-header .header-addons a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
color: currentColor;
}
.site-header .header-addons-icon {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.5rem;
width: 2.25rem;
height: 2.25rem;
}
.site-header .header-addons-icon i {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
.site-header .header-addons-icon .klbth-icon-heart {
font-size: 1.625rem;
text-shadow: 0 0.2px 0;
}
.site-header .header-addons-icon .klbth-icon-simple-cart {
font-size: 1.75rem;
text-shadow: 0 0.2px 0;
}
.site-header .header-addons-icon .button-count {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.6875rem;
font-weight: 700;
min-width: 1.125rem;
height: 1.125rem;
top: 2px;
right: -3px;
color: #021523;
background-color: #ffbd27;
border-radius: 50%;
}
.site-header .header-addons-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0.625rem;
line-height: 1.1;
}
.site-header .header-addons-text .sub-text {
display: block;
font-size: 0.6875rem;
opacity: 0.5;
margin-bottom: 2px;
}
.site-header .header-addons-text .primary-text {
font-size: 0.9375rem;
font-weight: 500;
}
.site-header .header-addons.cart-button:hover .cart-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-header .site-search + .header-addons {
margin-left: 2.5rem;
}
.site-header .header-top {
position: relative;
font-size: 0.75rem;
z-index: 9;
color: #021523;
z-index: 11;
}
.site-header .header-top.border-enable .header-wrapper:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: currentColor;
opacity: 0.1;
}
.site-header .header-top a {
color: currentColor;
-webkit-transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-header .header-top .site-menu .menu > li > a {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.site-header .header-top .site-menu .menu > li > a:hover {
color: #0070dc;
}
.site-header .header-top .site-menu .menu > li.menu-item-has-children:hover > a {
color: #0070dc;
}
.site-header .header-top .site-menu .menu .sub-menu {
min-width: auto;
padding: 0.3125rem 0;
left: auto;
right: 0;
border-color: #e5e8ec;
}
.site-header .header-top .site-menu .menu .sub-menu a {
font-size: 0.75rem;
font-weight: 500;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
color: #021523;
}
.site-header .header-top .site-menu .menu .sub-menu a:hover {
color: #0070dc;
}
.site-header .header-top .site-switcher .menu > li > a {
font-weight: 600;
}
.site-header .header-top .column.right {
margin-left: auto;
}
.site-header .header-top .column.right .site-menu + .site-switcher {
margin-left: 1.25rem;
padding-left: 1.25rem;
}
.site-header .header-top .column.right .site-menu + .site-switcher:before {
content: "";
position: absolute;
width: 1px;
height: 0.9375rem;
background-color: currentColor;
opacity: 0.1;
left: 0;
}
.site-header .header-main {
position: relative;
color: #021523;
z-index: 10;
}
.site-header .header-main a {
color: currentColor;
-webkit-transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-header .header-main.height-padding .header-wrapper {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.site-header .header-main.height-size .header-wrapper {
height: 90px;
}
.site-header .header-main.height-size .header-wrapper .site-menu.primary .menu > li > a {
height: 90px;
}
.site-header .header-main .column.right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.site-header .header-main .site-brand {
margin-right: 2.5rem;
}
.site-header .header-nav {
color: #021523;
}
.site-header .header-nav a {
color: currentColor;
-webkit-transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-header .header-nav .column.right {
margin-left: auto;
}
.site-header .header-nav .site-menu .menu > li > a:hover {
color: #0070dc;
}
.site-header .header-nav .site-menu .menu > li.menu-item-has-children:hover > a {
color: #0070dc;
}
.site-header .header-nav .site-menu .menu .sub-menu a {
color: #021523;
}
.site-header .header-nav .site-menu .menu .sub-menu a:hover {
color: #0070dc;
}
.site-header .header-nav .site-menu .menu .sub-menu .menu-item-has-children:hover > a {
color: #0070dc;
}
.site-header .header-nav .site-menu .menu .mega-menu .sub-menu .menu-item-has-children > a {
color: #0070dc;
}
.site-header .site-menu.primary .menu {
margin-left: -0.625rem;
}
.site-header .site-menu.primary .menu > li {
margin-right: 0.625rem;
}
.site-header .site-menu.primary .menu > li > a {
height: 54px;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.site-header .site-menu.primary a {
font-size: 15px;
font-weight: 500;
}
.site-header .site-menu.primary a i {
font-size: 1.25rem;
margin-right: 0.625rem;
}
.site-header .site-menu.primary a i.klbth-icon-smartwatch, .site-header .site-menu.primary a i.klbth-icon-smartphone {
width: 20px;
}
.site-header .site-menu.primary.category-menu .menu > li {
margin-right: 1.5rem;
}
.site-header .discount-products .discount-banner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 54px;
cursor: pointer;
}
.site-header .discount-products .discount-banner-icon {
font-size: 1.25rem;
color: var(--color-theme-danger);
margin-right: 0.625rem;
}
.site-header .discount-products .discount-banner-text {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1;
}
.site-header .discount-products .discount-banner-text .small-text {
font-size: 0.625rem;
opacity: 0.5;
margin-bottom: 0.1875rem;
}
.site-header .discount-products .discount-banner-text .main-text {
font-size: 0.875rem;
font-weight: 500;
}
.site-header .discount-products .discount-banner-arrow {
font-size: 1.125rem;
margin-left: 1.25rem;
}
.site-header .discount-products .discount-items {
position: absolute;
width: 100%;
top: 100%;
right: 0;
padding: 1.25rem;
background-color: #fff;
border: 1px solid #e5e8ec;
z-index: 3;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-box-shadow: 0 2px 3px rgba(4, 30, 66, 0.07);
box-shadow: 0 2px 3px rgba(4, 30, 66, 0.07);
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity;
-webkit-transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-header .discount-products-wrapper:hover .discount-items {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-header .cart-dropdown {
position: absolute;
top: 100%;
right: 0;
min-width: 20rem;
max-width: 20rem;
padding-top: 0.625rem;
z-index: 10;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: opacity;
-webkit-transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-header .cart-dropdown-wrapper {
padding: 0.9375rem;
color: #021523;
background-color: #fff;
border: 1px solid #eef2f6;
-webkit-box-shadow: 0 2px 3px rgba(4, 30, 66, 0.07);
box-shadow: 0 2px 3px rgba(4, 30, 66, 0.07);
border-radius: 4px;
width: 100%;
}
.site-header .cart-dropdown-wrapper.load-more .product:not(.display) {
display: none;
}
.site-header .cart-dropdown .cart-empty {
text-align: center;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.site-header .cart-dropdown .cart-empty .empty-icon {
font-size: 3rem;
line-height: 1;
margin-bottom: 0.9375rem;
}
.site-header .cart-dropdown .cart-empty .empty-icon svg {
max-width: 52px;
}
.site-header .cart-dropdown .cart-empty .empty-text {
font-size: 0.875rem;
font-weight: 500;
}
.site-header .cart-dropdown .cart-noticy {
position: relative;
display: block;
font-size: 0.8125rem;
text-align: center;
margin-top: 0.875rem;
padding-top: 0.9375rem;
}
.site-header .cart-dropdown .cart-noticy::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
top: 0;
left: 0;
background-color: currentColor;
opacity: 0.1;
}
.site-header .cart-dropdown .products {
position: relative;
overflow: hidden;
}
.site-header .cart-dropdown .products .product .product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.site-header .cart-dropdown .products .product .product-content .thumbnail-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 3.5rem;
flex: 0 0 3.5rem;
max-width: 3.5rem;
padding: 0;
margin-right: 0.625rem;
margin-bottom: 0;
}
.site-header .cart-dropdown .products .product .product-title {
font-size: 0.8125rem;
margin-bottom: 3px;
}
.site-header .cart-dropdown .products .product .entry-price .quantity {
all: unset;
font-size: 0.8125rem;
}
.site-header .cart-dropdown .products .product .entry-price .quantity .amount {
font-size: 0.9375rem;
font-weight: 500;
color: red;
}
.site-header .cart-dropdown .products .product .content-wrapper {
position: relative;
padding-bottom: 0;
}
.site-header .cart-dropdown .products .product .remove_from_cart_button {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 13px;
font-weight: 600;
width: 1.125rem;
height: 1.125rem;
background-color: var(--color-theme-light);
border-radius: 50%;
top: 0;
right: 0;
}
.site-header .cart-dropdown .products .product + .product {
padding-top: 0.625rem;
margin-top: 0.625rem;
border-top: 1px solid var(--color-theme-border);
}
.site-header .cart-dropdown .woocommerce-mini-cart__total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 8px;
padding-top: 12px;
border-top: 1px solid var(--color-theme-border);
}
.site-header .cart-dropdown .woocommerce-mini-cart__total strong {
font-size: 0.875rem;
font-weight: 500;
color: var(--color-text-light);
}
.site-header .cart-dropdown .woocommerce-mini-cart__total .woocommerce-Price-amount {
margin-left: auto;
font-size: 1.125rem;
font-weight: 600;
color: #ef262c;
}
.site-header .cart-dropdown .woocommerce-mini-cart__buttons .btn {
font-size: 0.8125rem;
height: 2.75rem;
border-radius: 4px;
}
.site-header .cart-dropdown .woocommerce-mini-cart__buttons .btn:not(.checkout) {
background-color: var(--color-theme-light);
border-color: transparent;
margin-bottom: 3px;
}
.site-header .cart-dropdown .woocommerce-mini-cart__buttons .btn.checkout {
color: #fff;
background-color: #ef262c;
border-color: transparent;
}
.site-header .cart-dropdown .woocommerce-mini-cart__buttons .btn:hover {
opacity: 0.8;
}
.site-header .cart-dropdown .button-more {
width: 100%;
border-top: 1px solid var(--color-theme-border);
margin-top: 8px;
}
.site-header .cart-dropdown .button-more a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 0.5625rem;
}
.site-header .cart-dropdown .cart-slider {
position: relative;
max-height: 180px;
overflow: initial;
margin-top: 45px;
margin-bottom: 30px;
}
.site-header .cart-dropdown .cart-slider .swiper-button-prev {
top: -50px;
left: 0;
right: 0;
margin-top: 0;
width: 100%;
height: 30px;
color: var(--color-main-text);
background-color: #fff;
border-bottom: 1px solid var(--color-theme-border);
}
.site-header .cart-dropdown .cart-slider .swiper-button-prev::after {
font-size: 1rem;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
padding-right: 7px;
}
.site-header .cart-dropdown .cart-slider .swiper-button-next {
top: auto;
bottom: -30px;
left: 0;
right: 0;
margin-top: 0;
width: 100%;
height: 30px;
color: var(--color-main-text);
background-color: #fff;
border-top: 1px solid var(--color-theme-border);
}
.site-header .cart-dropdown .cart-slider .swiper-button-next::after {
font-size: 1rem;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
padding-left: 7px;
}
.site-header .cart-dropdown .cart-total-product {
display: block;
font-size: 0.75rem;
color: var(--color-text-light);
margin-bottom: 0.625rem;
}
.site-header .header-mobile {
background-color: #fff;
}
.site-header .header-mobile .header-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
height: 56px;
}
.site-header .header-mobile .column.center {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.site-header .header-mobile .site-brand img {
height: 27px;
}
.site-header .header-mobile .menu-toggle {
margin-left: 0;
margin-right: 1.25rem;
}
.site-header .header-mobile .button-count {
right: 0;
top: 0;
}
.site-header .custom-color-dark {
color: #fff;
background-color: #031424;
}
.site-header .custom-color-dark .site-menu .menu > li > a:hover {
color: #ffbd27;
}
.site-header .custom-color-dark .site-menu .menu > li.menu-item-has-children:hover > a {
color: #ffbd27;
}
.site-header .custom-color-dark .site-departments-wrapper > a {
background-color: #ffbd27 !important;
}
.site-header .custom-color-dark .input-search-button button {
color: #021523;
background-color: #ffbd27;
border-color: #ffbd27;
}
.site-header .custom-color-dark.header-main .site-menu .sub-menu a {
color: #021523;
}
.site-header .custom-color-light {
color: #021523;
background-color: #ffbd27;
}
.site-header .custom-color-light a:hover {
color: #021523 !important;
}
.site-header .header-mobile-switcher {
position: relative;
color: #021523;
z-index: 10;
}
.site-header .header-mobile-switcher::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: currentColor;
opacity: 0.12;
}
.site-header .header-mobile-switcher .header-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.site-header .header-mobile-switcher .header-wrapper .column {
position: relative;
}
.site-header .header-mobile-switcher .header-wrapper .column + .column {
padding-left: 1.375rem;
margin-left: 1.375rem;
}
.site-header .header-mobile-switcher .header-wrapper .column + .column::before {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
left: 0;
background-color: currentColor;
opacity: 0.12;
}
.site-header .header-mobile-switcher .menu-item-has-children > a {
font-size: 0.75rem;
font-weight: 600;
color: currentColor;
padding-top: 0.4375rem;
padding-bottom: 0.4375rem;
}
.site-header .header-mobile-switcher .menu-item-has-children .sub-menu {
min-width: auto;
padding: 0.3125rem 0;
left: auto;
right: 0;
border-color: #e5e8ec;
}
.site-header .header-mobile-switcher .menu-item-has-children .sub-menu a {
font-size: 0.75rem;
font-weight: 500;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
color: #021523;
}
.site-header .header-mobile-switcher .menu-item-has-children .sub-menu a:hover {
color: #0070dc;
}
.site-header .header-search-column {
color: #021523;
background-color: #ffc21f;
width: 100%;
}
.site-header .header-search-column .header-wrapper {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.site-header .header-search-column .header-wrapper .column.right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.site-header .header-search-column .site-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 840px;
width: 100%;
}
.site-header .header-search-column .site-search > span {
font-size: 0.875rem;
font-weight: 600;
margin-right: 1.25rem;
}
.site-header .header-search-column .site-search form {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.site-header .header-search-column .site-search form .input-group .form-select {
border: 0;
}
.site-header .header-search-column .site-search form .input-group .form-control {
border-top: 0;
border-bottom: 0;
border-right: 0;
}
.site-header .header-search-column .menu-toggle a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: currentColor;
}
.site-header .header-search-column .menu-toggle a .button-detail {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0.9375rem;
}
.site-header .header-search-column .menu-toggle a .button-title {
font-size: 0.875rem;
font-weight: 500;
}
.site-header .header-search-column .menu-toggle a span {
font-size: 0.6875rem;
opacity: 0.5;
}
.site-header .discount-products-header {
padding: 0 1.25rem;
}
.site-header .discount-products-header .entry-title {
font-size: 1.0625rem;
font-weight: 500;
margin-bottom: 0;
}
.site-header .discount-products-header p {
font-size: 0.875rem;
color: var(--color-text-light);
} .site-module {
position: relative;
}
.site-module .module-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid var(--color-theme-border);
padding-bottom: 0.9375rem;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 20rem) {
.site-module .module-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.site-module .module-header .entry-title {
font-size: 1.25rem;
margin-bottom: 0.9375rem;
}
@media screen and (min-width: 20rem) {
.site-module .module-header .entry-title {
margin-bottom: 0;
}
}
.site-module .module-header .btn {
margin-left: auto;
}
.site-module .module-header .btn.link {
font-size: 0.8125rem;
color: var(--color-link);
background-color: transparent;
border: 0;
height: auto;
padding-right: 0;
}
.site-module .module-header .btn.link i {
font-size: 0.875rem;
margin-left: 0.4375rem;
}
.site-module .module-header.no-border {
border: 0;
padding-bottom: 0.3125rem;
}
.site-module .module-header .product-countdown {
margin-bottom: 0.9375rem;
}
@media screen and (min-width: 20rem) {
.site-module .module-header .product-countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
margin-left: 1.25rem;
}
.site-module .module-header .product-countdown .countdown-text {
margin-left: 0.625rem;
}
}
.site-module .module-header .product-countdown .count-item {
font-size: 0.875rem;
font-weight: 600;
width: 2rem;
height: 2.125rem;
color: #fff;
background-color: var(--color-theme-danger);
}
.site-module .products.list-style .product .product-content {
position: relative;
}
@media screen and (min-width: 48rem) {
.site-module .products.list-style .product .product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.products.list-style .product-content-fade {
top: -14px;
}
.site-hr {
position: relative;
width: 100%;
height: 1px;
background-color: currentColor;
opacity: 0.1;
}
@media screen and (max-width: 48rem) {
.slider-module .banner-content {
padding: 1.75rem;
}
}
@media screen and (min-width: 48rem) {
.slider-module .banner-content .btn {
font-size: 0.8125rem;
height: 2.375rem;
padding-left: 2.25rem;
padding-right: 2.25rem;
}
}
.slider-module.full-width .banner-image img {
width: 100%;
}
.slider-module.full-width .banner-content {
max-width: var(--size-site-width);
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
@media screen and (min-width: 64rem) {
.slider-module.full-width .banner-content {
padding-left: 15px !important;
}
}
@media screen and (min-width: 64rem) {
.slider-module.full-width .banner-content .entry-title strong {
display: block;
font-size: 3.5rem;
}
}
.slider-module .entry-title strong {
display: block;
width: 100%;
}
@media screen and (min-width: 64rem) {
.slider-module.content .banner-content {
padding-left: 5rem;
}
}
.iconbox-module {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iconbox-module .icon {
font-size: 3rem;
min-width: 2.5rem;
max-width: 4.375rem;
width: 100%;
text-align: center;
color: var(--color-link);
margin-right: 0.625rem;
}
.iconbox-module .content .entry-title {
font-size: 0.9375rem;
font-weight: 500;
margin-bottom: 3px;
}
.iconbox-module .content p {
font-size: 0.8125rem;
color: var(--color-text-light);
margin-bottom: 0;
}
.site-brands {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: none;
margin-left: -1.25rem;
margin-right: -1.25rem;
overflow: hidden;
}
@media screen and (min-width: 64rem) {
.site-brands {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
}
.site-brands .brand-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media screen and (min-width: 26.25rem) {
.site-brands .brand-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
.site-brands .brand-item img {
max-height: 3.75rem;
image-rendering: auto;
will-change: opacity;
-webkit-transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-brands.opacity .brand-item img {
opacity: 0.3;
}
.site-brands.opacity .brand-item a:hover img {
opacity: 1;
}
@media screen and (min-width: 75rem) {
.site-brands.column-4 .brand-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media screen and (min-width: 75rem) {
.site-brands.column-5 .brand-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media screen and (min-width: 75rem) {
.site-brands.column-6 .brand-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666%;
flex: 0 0 16.6666%;
max-width: 16.6666%;
}
}
.product-deals-module {
position: relative;
}
.product-deals-module .row {
margin-left: -15px;
margin-right: -15px;
}
.product-deals-module .product {
padding: 0.9375rem;
border: 1px solid var(--color-theme-border);
border-radius: var(--size-border-radius);
}
.product-deals-module .product:hover {
border-color: #ffc21f;
}
.product-deals-module .product .thumbnail-wrapper {
position: relative;
}
@media screen and (min-width: 48rem) {
.product-deals-module .product .thumbnail-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 38%;
flex: 0 0 38%;
max-width: 38%;
}
}
.product-deals-module .product .content-wrapper {
padding: 0.9375rem;
}
.product-deals-module .product-offer-count {
margin-bottom: 0;
}
.coupon-banner {
position: relative;
background-color: #021523;
background-image: url(//ecuacomp.com/wp-content/themes/machic/assets/images/pattern.png);
background-repeat: no-repeat;
background-position: 0 50%;
border-radius: 3px;
padding: 1.25rem;
overflow: hidden;
}
.coupon-banner::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-image: url(//ecuacomp.com/wp-content/themes/machic/assets/images/pattern.png);
background-repeat: no-repeat;
background-position: 130% 80%;
top: 0;
right: 0;
}
.coupon-banner.dark {
color: var(--color-main-text);
}
.coupon-banner.light {
color: #fff;
}
@media screen and (min-width: 48rem) {
.coupon-banner {
padding: 1.5rem 1.875rem;
}
}
.coupon-banner .coupon-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 48rem) {
.coupon-banner .coupon-detail {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.coupon-banner .coupon-detail .entry-coupon {
margin-left: auto;
}
}
.coupon-banner .coupon-detail .text {
margin-bottom: 0.625rem;
}
@media screen and (min-width: 48rem) {
.coupon-banner .coupon-detail .text {
margin-bottom: 0;
}
}
.coupon-banner .entry-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 5px;
}
.coupon-banner .entry-description {
font-size: 0.8125rem;
opacity: 0.6;
}
.coupon-banner .entry-coupon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.coupon-banner .entry-coupon i {
font-size: 1.25rem;
margin-right: 0.625rem;
}
.special-offer-product .product {
border: 2px solid #ffc21f;
border-radius: var(--size-border-radius);
padding: 1.25rem;
}
@media screen and (min-width: 64rem) {
.special-offer-product .product {
padding: 2.5rem;
}
}
.special-offer-product .product .thumbnail-wrapper, .special-offer-product .product .content-wrapper {
position: relative;
padding: 0;
}
.special-offer-product .product .special-counter {
margin-bottom: 0.625rem;
}
.special-offer-product .product .special-counter .entry-title {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 3px;
}
.special-offer-product .product .special-counter .countdown-text {
margin-bottom: 0.9375rem;
}
.special-offer-product .product .special-counter .countdown span {
top: 0;
}
@media screen and (min-width: 64rem) {
.special-offer-product .product .special-counter .count-item {
font-size: 0.9375rem;
width: 2.5rem;
height: 2.625rem;
}
}
@media screen and (min-width: 64rem) {
.special-offer-product .product .product-title {
font-size: 1rem;
}
}
@media screen and (min-width: 64rem) {
.special-offer-product .product .price {
font-size: 1.5rem;
}
}
.special-offer-product .product .product-meta {
margin-bottom: 0.9375rem;
}
@media screen and (min-width: 64rem) {
.special-offer-product .product .product-meta {
margin-bottom: 1.25rem;
}
}
.banner {
position: relative;
}
.banner.dark {
color: var(--color-main-text);
}
.banner.light {
color: #fff;
}
@media screen and (max-width: 62rem) {
.banner-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
.banner-image img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
.banner.bordered {
border: 1px solid var(--color-theme-border);
}
.banner-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.5rem;
cursor: default;
z-index: 1;
}
@media screen and (min-width: 62rem) {
.banner-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1.875rem;
z-index: 1;
}
.banner-content-wrapper {
max-width: 70%;
}
}
.banner.align-top .banner-content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.banner.align-center .banner-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner.align-bottom .banner-content {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner.medium .entry-title {
font-size: 1.375rem;
font-weight: 600;
letter-spacing: -0.07px;
}
@media screen and (min-width: 48rem) {
.banner.medium .entry-title {
font-size: 1.75rem;
}
}
@media screen and (min-width: 64rem) {
.banner.medium.x1 .banner-content {
padding: 2.125rem 2.75rem;
}
}
@media screen and (min-width: 48rem) {
.banner.medium.x1 .entry-title {
font-size: 1.625rem;
}
}
@media screen and (min-width: 48rem) {
.banner.large .banner-content {
padding: 3.75rem;
}
}
@media screen and (min-width: 48rem) {
.banner.large .entry-subtitle, .banner.large .entry-title, .banner.large .entry-description {
margin-bottom: 1.25rem;
}
}
.banner.large .entry-title {
font-size: 1.75rem;
letter-spacing: -0.07px;
}
@media screen and (min-width: 48rem) {
.banner.large .entry-title {
font-size: 2.5rem;
font-weight: 300;
}
.banner.large .entry-title strong {
font-size: 3rem;
font-weight: 600;
}
}
@media screen and (min-width: 48rem) {
.banner.large .entry-description {
font-size: 1.125rem;
}
}
@media screen and (min-width: 48rem) {
.banner.large .entry-button {
margin-top: 1.875rem;
}
}
.banner.vertical .banner-content {
position: absolute;
padding: 1.875rem;
}
@media screen and (min-width: 48rem) {
.banner.vertical .banner-content {
padding: 2.5rem;
}
}
.banner.vertical .banner-content-wrapper {
max-width: 100%;
}
.banner.vertical .entry-title {
font-size: 1.5rem;
}
.banner.vertical .entry-description {
font-size: 0.875rem;
}
@media screen and (max-width: 48rem) {
.banner.vertical .banner-image {
position: relative;
}
.banner.vertical .banner-image img {
position: relative;
}
}
@media screen and (min-width: 75rem) {
.banner.xlarge .banner-content {
padding-left: 2.875rem;
}
}
.banner.xlarge .entry-title {
font-weight: 300;
}
@media screen and (min-width: 75rem) {
.banner.xlarge .entry-title {
font-size: 2rem;
}
}
.banner.xlarge .entry-title strong {
display: block;
width: 100%;
}
@media screen and (min-width: 75rem) {
.banner.xlarge .entry-title strong {
font-size: 2.625rem;
}
}
.banner.xlarge .entry-button .btn {
height: 2.375rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
@media screen and (min-width: 64rem) {
.banner.xlarge.x2 .banner-content-wrapper .entry-title {
margin-bottom: 1.125rem;
}
}
@media screen and (min-width: 64rem) {
.banner.xlarge.x2 .banner-content-wrapper .entry-description {
margin-bottom: 1.875rem;
}
}
.banner .entry-subtitle {
font-size: 0.8125rem;
margin-bottom: 0.625rem;
}
.banner .entry-subtitle.style-2 {
font-size: 0.6875rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--color-link);
}
.banner .entry-subtitle.style-3 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.625rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
height: 1.4375rem;
background-color: var(--color-secondary);
padding-left: 0.9375rem;
padding-right: 0.9375rem;
border-radius: 1.4375rem;
}
.banner .entry-title {
font-size: 1.25rem;
}
.banner .entry-title strong {
font-weight: 600;
}
.banner .entry-description {
font-family: var(--font-secondary);
font-size: 0.875rem;
font-weight: 300;
}
.banner .entry-description strong {
font-size: 120%;
font-weight: 600;
color: var(--color-theme-danger);
}
@media screen and (min-width: 48rem) {
.banner .entry-description {
font-size: 1rem;
}
.banner .entry-description strong {
font-size: 160%;
}
}
.banner .btn {
font-size: 0.75rem;
height: 2rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.banner.price-banner .entry-title {
font-size: 1.5rem;
font-weight: 600;
letter-spacing: -0.3px;
}
.banner.price-banner .entry-description {
font-size: 0.9375rem;
}
.banner.price-banner .entry-description p {
margin-bottom: 3px;
}
.banner.price-banner .banner-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.banner.price-banner .banner-price-content {
margin-top: auto;
padding-top: 1.25rem;
}
.banner.price-banner .banner-price-content > p {
font-size: 0.8125rem;
opacity: 0.5;
margin-bottom: 3px;
}
.banner.price-banner .banner-price-content > .price {
font-size: 1.25rem;
}
.banner.price-banner.small .entry-title {
font-size: 1.125rem;
}
.banner.price-banner.small .entry-description {
font-size: 0.8125rem;
}
.banner.price-banner.small .banner-price-content {
padding-top: 0.625rem;
}
.banner.price-banner.small .banner-price-content p {
font-size: 0.8125rem;
margin-bottom: 0;
}
.products-category-module.style-1 .module-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 1.875rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-1 .module-wrapper {
grid-template-columns: minmax(293px, 293px) 1fr;
}
}
.products-category-module .categories-list {
padding: 1.25rem;
border: 1px solid var(--color-theme-border);
}
@media screen and (min-width: 64rem) {
.products-category-module .categories-list {
padding: 1.875rem;
}
}
.products-category-module .categories-list .entry-title {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0.625rem;
}
@media screen and (min-width: 64rem) {
.products-category-module .categories-list .entry-title {
margin-bottom: 1.25rem;
}
}
.products-category-module .categories-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.products-category-module .categories-list ul li {
font-size: 0.8125rem;
}
.products-category-module .categories-list ul li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
color: var(--color-text-light);
text-decoration: none;
padding: 8px 0;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.products-category-module .categories-list ul li a:hover {
color: var(--color-main-text);
}
.products-category-module .product-category-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
}
.products-category-module .category-banner {
background-color: #f4f4f4;
}
@media screen and (min-width: 64rem) {
.products-category-module .category-banner {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.products-category-module .banner {
width: 100%;
height: 100%;
}
.products-category-module .banner .entry-title {
font-size: 1.5rem;
font-weight: 600;
}
@media screen and (min-width: 64rem) {
.products-category-module .banner .entry-title {
font-size: 1.75rem;
}
}
.products-category-module .banner-content-wrapper {
max-width: 100%;
}
@media screen and (max-width: 48rem) {
.products-category-module .banner .banner-content {
padding: 2.5rem 1.5rem;
}
}
.products-category-module .banner .banner-image {
width: 100%;
height: 100%;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-2 .banner-image img {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (min-width: 64rem) {
.products-category-module.style-2 .banner-content {
padding: 2.25rem;
}
}
@media screen and (min-width: 64rem) {
.products-category-module.style-2 .banner-content .entry-title.thin {
font-size: 1.875rem;
font-weight: 300;
}
}
@media screen and (min-width: 64rem) {
.products-category-module.style-2 .banner-content .entry-title.thin strong {
font-size: 2.125rem;
}
}
.products-category-module.style-2 .banner-content .entry-description {
font-size: 0.8125rem;
}
.products-category-module.style-2 .module-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 1.875rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-2 .module-wrapper {
grid-template-columns: minmax(340px, 340px) 1fr;
}
}
.products-category-module.style-2 .product {
margin-bottom: 0.625rem;
}
.products-category-module.style-3 .module-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 1.875rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-3 .module-wrapper {
grid-template-columns: minmax(510px, 510px) 1fr;
}
}
@media screen and (min-width: 64rem) {
.products-category-module.style-3 .product-category-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (min-width: 64rem) {
.products-category-module.style-3 .product-category-detail > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.products-category-module.style-3 .product-category-detail .categories-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.products-category-module.style-3 .product-category-detail .categories-list ul + .entry-title {
margin-top: 1.25rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-3 .product-category-detail .categories-list ul + .entry-title {
margin-top: 2.5rem;
}
}
.products-category-module.style-3 .product-category-detail .categories-list .btn {
margin-top: 1.25rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-3 .product-category-detail .categories-list .btn {
margin-top: auto;
}
}
.products-category-module.style-3 .product-category-detail .categories-list .btn.link {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 0.8125rem;
font-weight: 600;
background-color: transparent;
border: 0;
height: auto;
padding: 0;
color: var(--color-link);
}
.products-category-module.style-3 .banner .entry-title {
font-size: 1.375rem;
}
.products-category-module.style-3 .banner .entry-description {
font-size: 0.8125rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-3 .banner-image img {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
}
.products-category-module.style-4 .module-wrapper {
border: 1px solid var(--color-theme-border);
display: grid;
grid-template-columns: 1fr;
gap: 1.875rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-4 .module-wrapper {
gap: 0;
grid-template-columns: minmax(255px, 255px) 1fr;
}
}
.products-category-module.style-4 .module-column:first-child {
border-right: 1px solid var(--color-theme-border);
}
.products-category-module.style-4 .categories-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
border: 0;
}
.products-category-module.style-4 .categories-list ul + .entry-title {
margin-top: 1.25rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-4 .categories-list ul + .entry-title {
margin-top: 2.5rem;
}
}
.products-category-module.style-4 .categories-list .btn {
margin-top: 1.25rem;
}
@media screen and (min-width: 64rem) {
.products-category-module.style-4 .categories-list .btn {
margin-top: auto;
}
}
.products-category-module.style-4 .categories-list .btn.link {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 0.8125rem;
font-weight: 600;
background-color: transparent;
border: 0;
height: auto;
padding: 0;
color: var(--color-link);
}
@media screen and (min-width: 75rem) {
.products-category-module.style-4 .banner-content {
padding-left: 3rem;
}
}
@media screen and (min-width: 64rem) {
.products-category-module.style-4 .products {
padding: 1.25rem;
}
}
.module-banner-text .banner-wrapper {
display: block;
color: currentColor;
text-decoration: none;
}
.module-banner-text .banner-inner {
padding: 0.75rem;
}
@media screen and (min-width: 64rem) {
.module-banner-text .banner-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.9375rem 1.875rem;
}
}
.module-banner-text .banner-inner .entry-title {
font-size: 1.125rem;
font-weight: 300;
text-transform: uppercase;
}
.module-banner-text .banner-inner .entry-title strong {
font-size: 1rem;
font-weight: 500;
background-color: #ffbd27;
padding: 4px 15px;
border-radius: 34px;
margin: 0 5px;
}
@media screen and (min-width: 64rem) {
.module-banner-text .banner-inner .entry-title {
margin-bottom: 0;
}
}
.module-banner-text .banner-inner .banner-price {
font-weight: 500;
}
.module-banner-text .banner-inner .banner-price span {
font-size: 1.625rem;
font-weight: 600;
color: #ef262c;
}
@media screen and (min-width: 64rem) {
.module-banner-text .banner-inner .banner-details {
margin-left: auto;
text-align: right;
margin-right: 1.875rem;
}
}
.module-banner-text .banner-inner .banner-details p {
display: block;
font-size: 0.75rem;
opacity: 0.5;
}
@media screen and (min-width: 64rem) {
.module-banner-text .banner-inner .banner-details p {
margin-bottom: 0;
}
}
.module-banner-text .banner-inner .banner-button a {
font-size: 0.75rem;
height: 2.125rem;
}
.list-products .product {
margin-bottom: 1.25rem;
}
@media screen and (max-width: 64rem) {
.list-products .product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.list-products .thumbnail-wrapper {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 10rem;
flex: 0 0 10rem;
max-width: 10rem;
margin-right: 0.9375rem;
padding: 0.625rem !important;
}
@media screen and (max-width: 64rem) {
.list-products .thumbnail-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 6.25rem;
flex: 0 0 6.25rem;
max-width: 6.25rem;
padding: 0 !important;
}
}
@media screen and (max-width: 64rem) {
.list-products .product-buttons {
display: none;
}
}
.list-products .price {
font-size: 1.125rem !important;
}
.list-products .product-details ul {
font-size: 0.75rem;
margin: 0;
padding-left: 0.9375rem;
color: var(--color-text-light);
}
.list-products .product-details ul li + li {
margin-top: 5px;
}
.list-products .product-countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0.9375rem 0.9375rem;
}
.list-products .product-countdown .countdown-text {
font-size: 0.6875rem;
margin-left: 1.25rem;
}
@media screen and (min-width: 64rem) {
.list-products.spacing .product {
margin-bottom: 2.25rem;
}
.list-products.spacing .product:last-child {
margin-bottom: 0;
}
}
.module-category-list {
position: relative;
}
.module-category-list .category-detail ul {
margin: 0;
padding: 0;
list-style: none;
}
.module-category-list .category-detail ul li + li {
margin-top: 2px;
}
.module-category-list .category-detail ul li a {
font-size: 0.8125rem;
text-decoration: none;
color: var(--color-text-light);
}
.module-category-list .category-detail ul li a:hover {
text-decoration: underline;
}
.module-category-list .category-detail ul + .btn.link {
margin-top: 0.9375rem;
}
.module-category-list .category-detail > .btn.link {
font-size: 0.8125rem;
padding: 0;
margin-top: 0.75rem;
height: auto;
color: var(--color-link);
background-color: transparent;
border: 0;
}
.module-category-list .category-detail > .btn.link i {
margin-left: 0.5rem;
}
.module-category-list.style-1 {
border: 1px solid var(--color-theme-border);
padding: 0.75rem;
border-radius: 3px;
}
@media screen and (min-width: 64rem) {
.module-category-list.style-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.875rem;
}
}
.module-category-list.style-1 .category-image {
margin-bottom: 0.75rem;
}
@media screen and (min-width: 64rem) {
.module-category-list.style-1 .category-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.375rem;
flex: 0 0 9.375rem;
max-width: 9.375rem;
margin-bottom: 0;
margin-right: 0.9375rem;
}
}
.module-category-list.style-1 .category-name {
font-size: 0.9375rem;
font-weight: 600;
}
.module-category-list.style-2 a {
display: block;
text-align: center;
text-decoration: none;
color: currentColor;
border: 1px solid var(--color-theme-border);
padding: 1.25rem;
}
.module-category-list.style-2 .category-detail span {
font-size: 0.75rem;
color: var(--color-text-light);
}
.module-category-list.style-2 .category-name {
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
}
.module-category-list.style-3 a {
display: block;
text-align: center;
text-decoration: none;
color: currentColor;
}
.module-category-list.style-3 .category-detail span {
font-size: 0.75rem;
color: var(--color-text-light);
}
.module-category-list.style-3 .category-name {
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
}
.module-category-list.style-3 .category-image {
position: relative;
margin-bottom: 0.9375rem;
overflow: hidden;
background-color: #e5e8ec;
min-height: 120px;
border-radius: 50%;
}
.module-category-list.style-3 .swiper-button-prev, .module-category-list.style-3 .swiper-button-next {
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
}
.module-category-list .swiper-button-prev, .module-category-list .swiper-button-next {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2rem;
height: 2.5rem;
background-color: #fff;
color: var(--color-main-text);
border: 1px solid var(--color-theme-border);
border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px rgba(2, 21, 35, 0.08);
box-shadow: 1px 1px 1px rgba(2, 21, 35, 0.08);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.module-category-list .swiper-button-prev::after, .module-category-list .swiper-button-next::after {
font-size: 1rem;
color: currentColor;
text-shadow: 0px 0px 0px;
}
.module-category-list:hover .swiper-button-prev, .module-category-list:hover .swiper-button-next {
opacity: 1;
visibility: visible;
}
.module-counter-text {
text-align: center;
}
@media screen and (min-width: 64rem) {
.module-counter-text .module-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (min-width: 64rem) {
.module-counter-text .counter-content p {
margin-bottom: 0;
}
}
.module-counter-text .counter-content a {
position: relative;
font-weight: 600;
text-decoration: none;
color: var(--color-theme-danger);
}
.module-counter-text .counter-content a::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -3px;
background-color: currentColor;
}
@media screen and (min-width: 64rem) {
.module-counter-text .product-countdown {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 1.875rem;
}
}
.module-counter-text .countdown {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0.625rem;
}
@media screen and (min-width: 64rem) {
.module-counter-text .countdown {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 0;
margin-right: 1.25rem;
}
}
.module-counter-text .countdown > span {
top: 0;
margin-left: 0.375rem;
margin-right: 0.375rem;
}
.module-counter-text .countdown .count-item {
font-size: 1rem;
width: 2.75rem;
height: 2.875rem;
}
.products-module .product-countdown {
margin-top: 0.625rem;
}
.products-module .product-countdown .countdown {
margin-bottom: 0.625rem;
}
.products-module .product-countdown .countdown span {
top: 0;
}
.module-title .entry-subtitle {
font-size: 1.125rem;
color: var(--color-text-light);
}
@media screen and (min-width: 64rem) {
.module-title .entry-title {
font-size: 5.625rem;
margin-bottom: 0.9375rem;
}
}
.module-title .entry-content {
max-width: 35rem;
line-height: 1.7;
}
@media screen and (min-width: 64rem) {
.module-title.small .entry-title {
font-size: 3rem;
margin-bottom: 0.9375rem;
}
}
.text-check .entry-title {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
font-weight: 500;
}
.text-check .entry-title::before {
content: "";
display: block;
width: 1.875rem;
height: 1px;
background-color: currentColor;
margin-top: 8px;
margin-right: 0.625rem;
}
.text-check .entry-description {
margin-left: 2.5rem;
font-size: 0.8125rem;
max-width: 20rem;
opacity: 0.5;
}
.text-module .entry-content {
line-height: 1.8;
}
@media screen and (min-width: 64rem) {
.contact-form {
background-color: var(--color-theme-light);
border-radius: var(--size-border-radius);
padding: 2.875rem;
}
}
.contact-form .entry-title {
font-size: 1.5rem;
font-weight: 300;
}
@media screen and (min-width: 64rem) {
.contact-form .entry-title {
font-size: 2.25rem;
}
}
.contact-form > p {
display: block;
font-size: 0.8125rem;
color: var(--color-text-light);
margin-bottom: 1.25rem;
}
.contact-form form label {
font-size: 0.8125rem;
margin-bottom: 5px;
}
.contact-form form .wpcf7-form-control {
height: 2.75rem;
margin-bottom: 0.75rem;
}
.contact-form form .wpcf7-form-control.wpcf7-textarea {
min-height: 120px;
}
.contact-form form .wpcf7-form-control.wpcf7-submit {
height: 3rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.address-detail .country {
display: block;
font-size: 0.75rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
.address-detail .address-title {
font-size: 1rem;
}
.address-detail .address {
font-size: 0.8125rem;
color: var(--color-text-light);
}
.address-detail .phone {
font-size: 0.875rem;
margin-bottom: 3px;
}
.address-detail .email {
font-size: 0.875rem;
}
.address-detail .email a {
text-decoration: none;
color: var(--color-link);
}
.product-carousel .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: inherit;
flex-flow: inherit;
}
.product-carousel .product-footer {
position: relative !important;
opacity: 1 !important;
visibility: visible !important;
}
.product-carousel .product-content-fade {
display: none;
}
.product-carousel .swiper-pagination {
position: relative;
bottom: 0;
margin-top: 0.625rem;
}
.product-carousel .product-footer-buttons.style-2 > * {
opacity: 1 !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
.store-info {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
color: var(--color-text-light);
}
.store-info a {
font-weight: 500;
margin-left: 0.5rem;
text-decoration: none;
color: var(--color-main-text);
}
.store-info a:hover {
text-decoration: underline;
}
.product .product-switcher {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 0.625rem;
}
.product .product-switcher .switcher-wrapper {
position: relative;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.17, 0.62, 0.44, 0.99);
transition: -webkit-transform 0.4s cubic-bezier(0.17, 0.62, 0.44, 0.99);
transition: transform 0.4s cubic-bezier(0.17, 0.62, 0.44, 0.99);
transition: transform 0.4s cubic-bezier(0.17, 0.62, 0.44, 0.99), -webkit-transform 0.4s cubic-bezier(0.17, 0.62, 0.44, 0.99);
will-change: transform;
}
.product .product-switcher .switcher-wrapper > *:nth-child(2) {
position: absolute;
bottom: -100%;
}
.product .product-switcher .switcher-wrapper > * {
margin-bottom: 0 !important;
}
.product:hover .product-switcher .switcher-wrapper {
-webkit-transform: translateY(0);
transform: translateY(0);
} .widget {
position: relative;
margin-bottom: 3.125rem;
}
.widget:last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-size: 1.125rem;
padding-bottom: 0.9375rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid var(--color-theme-border);
}
.iconboxes-widget {
border: 1px solid var(--color-theme-border);
}
.iconboxes-widget .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1.5rem;
}
.iconboxes-widget .item .icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 2.5rem;
flex: 0 0 2.5rem;
max-width: 2.5rem;
font-size: 1.75rem;
margin-right: 0.9375rem;
}
.iconboxes-widget .item .entry-title {
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.iconboxes-widget .item p {
font-size: 0.75rem;
color: var(--color-text-light);
margin-bottom: 0;
}
.iconboxes-widget .item + .item {
border-top: 1px solid var(--color-theme-border);
}
.widget_klb_counter_product .widget-title {
border-bottom: 0;
padding-bottom: 0;
}
.widget_klb_counter_product .widget-body {
border: 1px solid var(--color-theme-border);
border-radius: var(--size-border-radius);
-webkit-box-shadow: 3px 3px 2px rgba(129, 142, 160, 0.1);
box-shadow: 3px 3px 2px rgba(129, 142, 160, 0.1);
}
@media screen and (min-width: 64rem) {
.widget_klb_counter_product .widget-body {
padding: 0.9375rem;
}
}
.widget_klb_counter_product .widget-body .product .product-title a {
color: var(--color-link);
}
.widget_klb_counter_product .widget-body .product .product-countdown {
margin-top: 0.75rem;
padding-top: 0.9375rem;
border-top: 1px solid var(--color-theme-border);
}
.widget_klb_counter_product .widget-body .product .product-countdown span {
top: 0;
margin-left: 0.3125rem;
margin-right: 0.3125rem;
color: var(--color-text-light);
}
.widget_klb_counter_product .widget-body .product .product-countdown .count-item {
font-size: 0.875rem;
width: 2rem;
height: 2.125rem;
}
.widget_klb_counter_product .widget-body .product .product-countdown .countdown-text {
font-size: 0.6875rem;
margin-top: 0.625rem;
}
.widget_klb_products_list .product {
margin-bottom: 1.25rem;
}
.widget_klb_products_list .product:last-child {
margin-bottom: 0;
}
.widget_klb_products_list .product .product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.widget_klb_products_list .product .product-content .thumbnail-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 5.625rem;
flex: 0 0 5.625rem;
max-width: 5.625rem;
margin-right: 0.9375rem;
margin-bottom: 0;
padding: 0;
}
.widget_klb_products_list .product .product-content .content-wrapper {
padding: 0;
}
.widget_klb_products_list .product .product-content .product-title {
font-size: 0.8125rem;
margin-bottom: 0.5rem;
}
.widget_klb_products_list .product .product-content .price {
margin-bottom: 0;
}
.posts-widget {
margin: 0;
padding: 0;
list-style: none;
}
.posts-widget .post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.25rem;
}
.posts-widget .post .entry-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
max-width: 5rem;
margin-right: 0.9375rem;
}
.posts-widget .post .entry-title {
font-size: 0.9375rem;
} .page-content {
position: relative;
margin-top: 1.875rem;
}
@media screen and (min-width: 64rem) {
.page-content {
margin-top: 3.75rem;
}
}
.post {
margin-bottom: 1.875rem;
}
@media screen and (min-width: 64rem) {
.post {
margin-bottom: 3.75rem;
}
}
.post:last-child {
margin-bottom: 0;
}
.post .entry-category {
margin-bottom: 7px;
}
.post .entry-category a {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
}
.post .entry-title {
font-size: 1.75rem;
margin-bottom: 0.625rem;
}
@media screen and (min-width: 64rem) {
.post .entry-title {
font-size: 2.625rem;
margin-bottom: 0.9375rem;
}
}
.post .entry-title a {
text-decoration: none;
color: currentColor;
}
.post .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.post .entry-meta a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: currentColor;
}
.post .entry-meta .meta-item {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
}
.post .entry-meta .meta-item i {
font-size: 0.875rem;
margin-right: 6px;
color: var(--color-link);
}
.post .entry-meta .meta-item i.klbth-icon-eye-empty {
font-size: 1.125rem;
line-height: 1;
margin-right: 5px;
}
.post .entry-meta .meta-item::after {
content: "|";
color: var(--color-text-light);
opacity: 0.4;
margin-left: 0.625rem;
margin-right: 0.625rem;
}
.post .entry-meta .meta-item:last-child::after {
display: none;
}
.post .entry-social {
margin-top: 0.625rem;
}
@media screen and (min-width: 64rem) {
.post .entry-social {
margin-top: 0;
padding-left: 0.625rem;
margin-left: auto;
}
}
.post .entry-social a {
font-size: 0.8125rem;
width: 1.875rem;
height: 1.875rem;
}
.post .entry-post-header {
margin-bottom: 0.625rem;
}
@media screen and (min-width: 64rem) {
.post .entry-post-header {
margin-bottom: 0.9375rem;
}
}
.post .entry-post-header .entry-footer {
border-top: 1px solid var(--color-theme-border);
padding-top: 0.625rem;
}
@media screen and (min-width: 64rem) {
.post .entry-post-header .entry-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0.9375rem;
}
}
@media screen and (min-width: 64rem) {
.post .entry-content p {
line-height: 1.9;
}
}
.post .read-more {
margin-top: 1.25rem;
height: 3rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
background-color: var(--color-link);
border-color: var(--color-link);
}
@media screen and (min-width: 64rem) {
.blog-posts .post {
margin-bottom: 3.75rem;
padding-bottom: 3.75rem;
border-bottom: 1px solid var(--color-theme-border);
}
}
@media screen and (min-width: 64rem) {
.blog-posts .post::last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
}
.site-pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 1.875rem 0 0;
padding: 0;
list-style: none;
}
.site-pagination ul li {
margin-right: 3px;
margin-bottom: 3px;
}
.site-pagination ul li > * {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.8125rem;
font-weight: 600;
width: 2.125rem;
height: 2.125rem;
border: 1px solid var(--color-theme-border);
border-radius: 3px;
}
.site-pagination ul li > *.current {
background-color: var(--color-link);
border-color: transparent;
color: #fff;
}
.site-pagination ul li > *.dots {
position: relative;
border: 0;
top: -3px;
}
.site-pagination ul li a {
text-decoration: none;
color: var(--color-main-text);
}
.site-pagination ul li a.prev, .site-pagination ul li a.next {
font-size: 1.25rem;
border: 0;
}
.site-pagination ul li a.prev {
margin-right: 0.4375rem;
}
.site-pagination ul li a.next {
margin-left: 0.4375rem;
}
blockquote {
border-left: 4px solid var(--color-theme-border);
padding-left: 1.875rem;
padding-right: 1.875rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
margin-top: 0.9375rem;
margin-bottom: 0.625rem;
}
@media screen and (min-width: 64rem) {
blockquote {
padding-left: 3.125rem;
}
}
blockquote p {
font-size: 160%;
line-height: 1.6 !important;
}
.post-footer {
border-top: 1px solid var(--color-theme-border);
margin-top: 1.25rem;
padding-top: 1.25rem;
}
@media screen and (min-width: 64rem) {
.post-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.post-footer .entry-social {
padding-left: 0;
margin-top: 0.625rem;
}
@media screen and (min-width: 64rem) {
.post-footer .entry-social {
margin-top: 0;
}
}
.entry-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-size: 0.75rem;
}
.entry-tags span {
font-weight: 600;
text-transform: uppercase;
margin-right: 6px;
}
.entry-tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0;
padding: 0;
list-style: none;
}
.entry-tags ul li::after {
content: ",";
margin-right: 6px;
}
.entry-tags ul li:last-child::after {
display: none;
}
.entry-tags ul a {
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
color: var(--color-link);
}
.entry-tags ul a:hover {
text-decoration: underline;
}
.post-author-bio {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-theme-light);
border-radius: var(--size-border-radius);
margin-top: 2.5rem;
padding: 1.875rem;
text-align: center;
}
@media screen and (min-width: 62rem) {
.post-author-bio {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: inherit;
padding: 3.125rem;
}
}
.post-author-bio .author-avatar {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 7.5rem;
flex: 0 0 7.5rem;
max-width: 7.5rem;
height: 7.5rem;
overflow: hidden;
border-radius: 50%;
margin-bottom: 1.875rem;
}
@media screen and (min-width: 62rem) {
.post-author-bio .author-avatar {
margin-bottom: 0;
margin-right: 2.5rem;
}
}
.post-author-bio span {
font-size: 0.75rem;
opacity: 0.5;
margin-bottom: 0.75rem;
}
.post-author-bio .author-name {
font-size: 1.125rem;
font-weight: 600;
color: var(--color-text);
}
.post-author-bio .author-name a {
color: currentColor;
text-decoration: none;
}
.post-author-bio p {
font-size: 0.8125rem;
line-height: 1.5;
margin-bottom: 0;
}
.post-comments {
margin-top: 2.5rem;
}
.post-comments > .entry-title {
font-family: var(--font-secondary);
font-size: 1.25rem;
margin-bottom: 1.875rem;
}
.post-comments > .entry-title span {
display: block;
font-size: 0.875rem;
color: var(--color-text-light);
}
.post-comments .comment-list {
margin: 0 0 2.5rem;
padding: 0;
list-style: none;
}
.post-comments .comment-body {
padding: 1.5rem;
border: 1px solid var(--color-theme-border);
border-radius: var(--size-border-radius);
margin-bottom: 0.625rem;
}
.post-comments .comment-meta {
margin-bottom: 1rem;
}
.post-comments .comment-meta .comment-author b {
float: left;
font-size: 1rem;
font-weight: 500;
}
.post-comments .comment-meta .comment-author b a {
color: var(--color-text);
text-decoration: none;
}
.post-comments .comment-meta .comment-author .comment-metadata {
float: left;
}
.post-comments .comment-meta .comment-author .comment-metadata a {
font-size: 0.75rem;
color: var(--color-text-light);
text-decoration: none;
margin-left: 0.9375rem;
}
.post-comments .comment-meta .avatar {
float: left;
position: relative;
width: 4.25rem;
height: 4.25rem;
border-radius: 50%;
margin-right: 1.25rem;
}
.post-comments .comment-content {
margin-top: 2.5rem;
padding-left: 5.5rem;
}
.post-comments .comment-content p {
font-size: 0.8125rem;
}
.post-comments .reply {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
padding-left: 5.5rem;
}
.post-comments .reply a {
color: var(--color-text-light);
text-decoration: none;
}
.post-comments .reply a:hover {
color: var(--color-primary);
}
.post-comments .comment-respond > .entry-title {
font-family: var(--font-secondary);
font-size: 1.25rem;
margin-bottom: 3px;
}
.post-comments .comment-respond .comment-notes {
font-size: 0.8125rem;
color: var(--color-text-light);
}
.post-comments .comment-respond .comment-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -0.625rem;
margin-right: -0.625rem;
}
.post-comments .comment-respond .comment-form label {
font-size: 0.8125rem;
font-weight: 500;
}
.post-comments .comment-respond .comment-form > p {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
@media screen and (min-width: 48rem) {
.post-comments .comment-respond .comment-form .comment-form-email, .post-comments .comment-respond .comment-form .comment-form-url {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.post-comments .comment-respond .comment-form input {
height: 3rem;
}
.post-comments .comment-respond .comment-form textarea {
min-height: 9.375rem;
}
.post-comments .comment-respond .comment-form .form-submit {
margin-top: 0.625rem;
margin-bottom: 0;
}
.post-comments .comment-respond .comment-form .form-submit > * {
font-size: 0.8125rem;
}
@media screen and (min-width: 48rem) {
.post-comments .comment-respond .comment-form .form-submit > * {
padding-left: 3.25rem;
padding-right: 3.25rem;
}
} .products {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0;
padding: 0;
list-style: none;
}
.products .product {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
min-width: 0;
z-index: 1;
}
.products .product:hover .product-content-fade {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.products.align-center .content-wrapper {
text-align: center;
}
.products.align-center .content-wrapper .product-rating, .products.align-center .content-wrapper .countdown {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 20rem) {
.products.mobile-1 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (min-width: 20rem) {
.products.mobile-2 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (min-width: 48rem) {
.products.column-6 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (min-width: 75rem) {
.products.column-6 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666%;
flex: 0 0 16.6666%;
max-width: 16.6666%;
}
}
@media screen and (min-width: 48rem) {
.products.column-5 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (min-width: 75rem) {
.products.column-5 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media screen and (min-width: 48rem) {
.products.column-4 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media screen and (min-width: 75rem) {
.products.column-4 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media screen and (min-width: 48rem) {
.products.column-3 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (min-width: 75rem) {
.products.column-3 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media screen and (min-width: 48rem) {
.products.column-2 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (min-width: 48rem) {
.products.column-1 .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.products.column-1 .product .product-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.products .product {
position: relative;
z-index: 10;
}
.products .product.most-commented .product-content-fade {
border-color: #ffbd27;
}
.products .product:hover {
z-index: 11;
}
.products .product:hover .product-footer {
opacity: 1;
visibility: visible;
}
.products .product:hover .product-footer-buttons > * {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.products .product:hover .product-title a {
color: var(--color-link);
}
.products .product:hover .product-buttons .animated {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: auto;
}
@media screen and (min-width: 64rem) {
.products .product.custom-hover .product-buttons, .products .product.custom-hover .product-badges {
top: 1.625rem;
}
}
.products .product-wrapper {
position: relative;
z-index: 1;
}
.products .thumbnail-wrapper {
padding: 0.9375rem;
margin-bottom: 0.625rem;
}
.products .content-wrapper {
padding: 0 0.9375rem 0.9375rem;
}
.products .product-title {
font-size: 0.875rem;
font-weight: 500;
letter-spacing: -0.07px;
line-height: 1.4;
margin-bottom: 0.75rem;
}
.products .product-title a {
text-decoration: none;
color: var(--color-main-text);
}
.products .product-title a:hover {
color: var(--color-link);
text-decoration: underline;
}
.products .product-rating {
margin-bottom: 0.625rem;
}
.products .product-rating .count-rating {
font-weight: 400;
}
.products .product-rating .count-rating .rating-text {
display: none;
}
.products .price {
font-size: 1.3125rem;
margin-bottom: 0.625rem;
}
.products .price del {
font-size: 70%;
top: -2px;
}
.products .product-message {
display: block;
font-size: 0.75rem;
}
.products .product-price-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0.625rem;
}
.products .product-price-cart .price {
font-size: 1.375rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-right: 0.9375rem;
margin-bottom: 0;
}
.products .product-price-cart .price del {
font-size: 65%;
margin-left: 0;
top: 5px;
}
.products .product-price-cart .add_to_cart_button {
font-size: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
width: 2.25rem;
height: 2.25rem;
padding: 0;
color: var(--color-shop-button);
background-color: var(--color-background);
border: 1px solid var(--color-product-fade-border);
}
.products .product-price-cart .add_to_cart_button::before {
width: 1.25rem;
height: 1.25rem;
margin-left: 0;
margin-right: 0;
}
.products .product-price-cart .add_to_cart_button:hover {
background-color: #eff5f2;
border-color: #e4f0e9;
}
.products .product-price-cart .add_to_cart_button i {
font-size: 1.25rem;
margin-right: 0;
}
.products .add_to_cart_button {
font-size: 0.8125rem;
height: 2.3125rem;
border-radius: 5px;
}
.products .add_to_cart_button::before {
width: 1.125rem;
height: 1.125rem;
background-size: 1.125rem 1.125rem;
}
.products .product-compare {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.3125rem;
height: 2.3125rem;
border-radius: 5px;
color: currentColor;
border: 1px solid var(--color-product-fade-border);
margin-left: 0.625rem;
}
.products .product-footer {
position: absolute;
left: 0;
right: 0;
border-top: 1px solid var(--color-product-fade-border);
opacity: 0;
visibility: hidden;
will-change: opacity;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.products .product-footer-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.9375rem;
}
.products .product-footer-buttons + .product-footer-details {
border-top: 1px solid var(--color-product-fade-border);
}
.products .product-footer-buttons.style-2 > * {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
color: var(--color-main-text);
background-color: var(--color-background);
border: 1px solid var(--color-product-fade-border);
border-radius: 50%;
padding: 0;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
opacity: 0;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.products .product-footer-buttons.style-2 > * + * {
margin-left: 0.3125rem;
}
.products .product-footer-buttons.style-2 > *.product-compare {
font-size: 0.9375rem;
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.products .product-footer-buttons.style-2 > *.add_to_cart_button {
font-size: 0;
}
.products .product-footer-buttons.style-2 > *.add_to_cart_button::before {
width: 1.0625rem;
height: 1.0625rem;
margin-left: 0;
margin-right: 0;
}
.products .product-footer-buttons.style-2 > *.add_to_cart_button i {
font-size: 17px;
margin-right: 2px;
}
.products .product-footer-buttons.style-2 > *.quickview {
font-size: 1.25rem;
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.products .product-footer-details {
font-size: 0.75rem;
padding: 0.9375rem;
}
.products .product-footer-details p {
margin-bottom: 0;
}
.products .product-footer-details ul {
margin: 0;
padding-left: 0.9375rem;
}
.products .product-footer-details ul li + li {
margin-top: 0.1875rem;
}
.products .product-footer-details + .product-footer-buttons {
padding-top: 0;
}
.products .product-content-fade {
position: absolute;
top: -1px;
left: -10px;
right: -10px;
bottom: -10px;
background-color: var(--color-background);
border: 1px solid var(--color-product-fade-border);
-webkit-box-shadow: 0px 1px 30px rgba(62, 68, 90, 0.09);
box-shadow: 0px 1px 30px rgba(62, 68, 90, 0.09);
border-radius: 8px;
opacity: 0;
pointer-events: none;
will-change: opacity;
-webkit-transition: all 0.2s cubic-bezier(0.17, 0.62, 0.44, 0.99);
transition: all 0.2s cubic-bezier(0.17, 0.62, 0.44, 0.99);
}
.products.list-view-products .product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.products.list-view-products .product + .product {
padding-top: 1.875rem;
margin-top: 0.9375rem;
border-top: 1px solid var(--color-theme-border);
}
.products.list-view-products .product .product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.products.list-view-products .product .product-content .content-wrapper {
margin-top: 0;
}
@media screen and (min-width: 48rem) {
.products.list-view-products .product .product-content .product-title {
font-size: 1rem;
}
}
@media screen and (min-width: 48rem) {
.products.list-view-products .product .product-content .price {
font-size: 1.5rem;
}
}
.products.list-view-products .product .thumbnail-wrapper {
position: relative;
}
@media screen and (min-width: 48rem) {
.products.list-view-products .product .thumbnail-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.375rem;
flex: 0 0 14.375rem;
max-width: 14.375rem;
padding: 5px;
margin-bottom: 0;
margin-right: 1.25rem;
}
}
.products.list-view-products .product .product-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
.products.list-view-products .product .product-list-details {
margin-top: 0.75rem;
}
.products.list-view-products .product .product-list-details ul {
font-size: 0.75rem;
margin: 0;
padding-left: 0.9375rem;
color: var(--color-text-light);
}
.products.list-view-products .product .product-list-details ul li + li {
margin-top: 3px;
}
.products.list-view-products .product .product-footer {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5rem;
flex: 0 0 12.5rem;
max-width: 12.5rem;
opacity: 1;
visibility: visible;
border: 0;
margin-left: 0.625rem;
}
.products.list-view-products .product .product-footer-details {
padding: 0;
}
.products.list-view-products .product .product-footer-details + .product-footer-buttons {
margin-top: 0.9375rem;
}
.products.list-view-products .product .product-footer-buttons {
padding: 0;
}
.products.list-view-products .product .product-footer-buttons + .product-footer-details {
border-top: 0;
margin-top: 0.9375rem;
}
.products.list-view-products .product .product-footer-buttons.style-2 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.products.list-view-products .product .product-footer-buttons.style-2 > * {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.products.list-view-products .product .product-content-fade {
display: none;
}
@media screen and (max-width: 48rem) {
.products.list-view-products .product .product-wrapper, .products.list-view-products .product .product-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.products.list-view-products .product .product-footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
margin-left: 0;
}
}
.product-title {
font-family: var(--font-primary);
}
.product-rating {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-rating .count-rating {
font-size: 0.8125rem;
font-weight: 500;
margin-left: 0.625rem;
}
.star-rating {
position: relative;
font-size: 13px;
width: 68px;
overflow: hidden;
}
.star-rating::before {
font-family: "klbtheme";
content: "";
letter-spacing: 2px;
color: var(--color-theme-info);
}
.star-rating span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.star-rating span::before {
font-family: "klbtheme";
content: "";
letter-spacing: 2px;
color: #ffc21f;
}
.price {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
font-family: var(--font-secondary);
color: var(--color-main-text);
}
.price ins {
color: var(--color-theme-danger);
text-decoration: none;
}
.price del {
position: relative;
font-size: 77%;
color: var(--color-form-placeholder);
margin-left: 0.4375rem;
top: -1px;
}
.product-badges {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
top: 0.9375rem;
left: 0.9375rem;
pointer-events: none;
z-index: 1;
}
@media screen and (min-width: 64rem) {
.product-badges {
top: 1.25rem;
left: 1.25rem;
}
}
.badge {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.6875rem;
font-weight: 600;
text-transform: uppercase;
min-height: 1.5rem;
background-color: var(--color-text-light);
padding: 0.375rem 0.75rem;
border-radius: 1.5rem;
}
.badge.top {
background-color: var(--color-theme-success);
}
.badge.onsale {
font-size: 0.8125rem;
background-color: var(--color-theme-danger);
}
.badge.super {
background-color: var(--color-theme-warning);
}
.product-buttons {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
top: 0.9375rem;
right: 0.9375rem;
}
.product-buttons > * {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: 50%;
color: var(--color-main-text);
background-color: #fff;
border: 1px solid var(--color-theme-border);
}
.product-buttons > *:hover {
color: var(--color-main-text);
}
.product-buttons > * svg {
position: relative;
width: 1.0625rem;
top: -1px;
}
.product-buttons > * + * {
margin-top: 5px;
}
.product-buttons > *.wishlist {
font-size: 0.9375rem;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.product-buttons > *.wishlist i {
position: relative;
top: 1px;
}
.product-buttons > *.wishlist:hover {
color: red;
background-color: #fff3f3;
border-color: #ffd8d8;
}
.product-buttons > *.product-compare {
font-size: 0.875rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
margin-left: 0;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.product-buttons > *.product-compare:hover {
background-color: #eff1f3;
}
.product-buttons > *.quickview {
font-size: 1.125rem;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.product-buttons > *.quickview:hover {
background-color: #eff1f3;
}
.product-buttons > *.quickview i {
position: relative;
top: -1px;
}
.product-buttons > *.animated {
opacity: 0;
-webkit-transform: translateX(10px);
transform: translateX(10px);
pointer-events: none;
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
will-change: opacity, transform;
}
.product-buttons > *.animated.quickview {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.add_to_cart_button {
font-weight: 500;
background-color: var(--color-shop-button);
}
.add_to_cart_button i {
font-size: 1.125rem;
margin-right: 5px;
}
.add_to_cart_button svg {
width: 1.125rem;
}
.add_to_cart_button:hover {
background-color: var(--color-shop-button-active);
}
.product-price-cart .add_to_cart_button svg {
width: 1.25rem;
}
.woocommerce-breadcrumb ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-breadcrumb ul li {
font-size: 0.75rem;
}
.woocommerce-breadcrumb ul li::after {
content: "/";
color: var(--color-text-light);
margin-left: 5px;
margin-right: 5px;
}
.woocommerce-breadcrumb ul li:last-child::after {
display: none;
}
.woocommerce-breadcrumb ul li a {
text-decoration: none;
color: var(--color-text-light);
}
.shop-page-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1.875rem;
}
@media screen and (min-width: 64rem) {
.shop-page-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.shop-page-header .page-title {
font-size: 1.25rem;
font-weight: 500;
}
@media screen and (min-width: 64rem) {
.shop-page-header .page-title {
margin-bottom: 0;
margin-right: 1.875rem;
}
}
.before-shop-loop {
position: relative;
margin-top: 1.875rem;
border-bottom: 1px solid var(--color-theme-border);
padding-bottom: 0.625rem;
font-size: 0.8125rem;
}
.before-shop-loop + .content-wrapper {
margin-top: 0;
}
@media screen and (min-width: 64rem) {
.before-shop-loop > .row.sidebar-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.before-shop-loop .content-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.before-shop-loop .woocommerce-result-count {
margin-bottom: 0;
}
.before-shop-loop .filter-button a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: currentColor;
font-weight: 500;
}
.before-shop-loop .filter-button a i {
position: relative;
font-size: 1rem;
margin-right: 0.375rem;
top: -1px;
}
.before-shop-loop .filter-desktop-button {
position: static;
margin-left: 1.25rem;
}
.before-shop-loop .filter-desktop-button a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: currentColor;
font-weight: 500;
}
.before-shop-loop .filter-desktop-button a i {
position: relative;
font-size: 1rem;
margin-right: 0.375rem;
top: -1px;
}
.before-shop-loop .filter-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
padding-left: 1.25rem;
}
.before-shop-loop .filter-wrapper .sorting-product {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.before-shop-loop .filter-wrapper .sorting-product > span {
font-weight: 500;
color: var(--color-text-light);
margin-right: 0.625rem;
opacity: 0.7;
}
.before-shop-loop .filter-wrapper .sorting-product select {
font-family: var(--font-primary);
font-size: 0.8125rem;
font-weight: 500;
height: auto;
background: #fff url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 9L12 15L18 9' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") calc(100% - 5px) 2px no-repeat;
background-size: 18px 15px;
padding-left: 0;
border: 0;
cursor: pointer;
}
.before-shop-loop .filter-wrapper .sorting-product .select2-selection {
border: 0;
background-color: transparent;
}
.before-shop-loop .filter-wrapper .sorting-product .select2-selection .select2-selection__rendered {
font-size: 0.8125rem;
font-weight: 500;
color: var(--color-main-text);
}
.before-shop-loop .filter-wrapper .sorting-product + .sorting-product {
padding-left: 0.625rem;
margin-left: 0.625rem;
border-left: 1px solid var(--color-theme-border);
}
@media screen and (min-width: 64rem) {
.before-shop-loop .filter-wrapper .sorting-product + .sorting-product {
padding-left: 1.25rem;
}
}
.before-shop-loop .product-views-buttons {
padding-left: 1.25rem;
margin-left: 0.625rem;
border-left: 1px solid var(--color-theme-border);
}
.before-shop-loop .product-views-buttons a {
color: var(--color-text-light);
text-decoration: none;
}
.before-shop-loop .product-views-buttons a.active {
color: var(--color-main-text);
}
.before-shop-loop .product-views-buttons a i {
font-size: 1rem;
}
.before-shop-loop .product-views-buttons a i::before {
width: auto;
margin: 0;
}
.before-shop-loop .product-views-buttons a i.klbth-icon-list {
text-shadow: 0px 0px 0px;
}
.before-shop-loop .product-views-buttons a + a {
margin-left: 0.625rem;
}
.shop-content .content-wrapper {
margin-top: 1.875rem;
}
.shop-content .content-wrapper.sidebar-right .site-sidebar::before {
position: absolute;
content: "";
width: 1px;
background-color: var(--color-theme-border);
left: 0.75rem;
top: -1.875rem;
bottom: 0;
}
@media screen and (min-width: 64rem) {
.shop-content .content-wrapper.sidebar-right .site-sidebar .widget-body {
padding-left: 1.875rem;
}
}
.shop-content .content-wrapper.sidebar-left .site-sidebar::before {
position: absolute;
content: "";
width: 1px;
background-color: var(--color-theme-border);
right: 0.75rem;
top: -1.875rem;
bottom: 0;
}
@media screen and (min-width: 64rem) {
.shop-content .content-wrapper.sidebar-left .site-sidebar .widget-body {
padding-right: 1.875rem;
}
}
.shop-content .site-sidebar {
position: relative;
}
.shop-content .site-sidebar .widget .widget-title {
font-size: 0.9375rem;
}
.widget-checkbox-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget-checkbox-list ul li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.widget-checkbox-list ul li + li {
margin-top: 0.5rem;
}
.widget-checkbox-list ul li a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 0.8125rem;
color: var(--color-main-text);
text-decoration: none;
}
.widget-checkbox-list ul li a input[type=checkbox] {
display: none;
}
.widget-checkbox-list ul li a input[type=checkbox]:checked + label {
color: var(--color-primary);
font-weight: 500;
}
.widget-checkbox-list ul li a input[type=checkbox]:checked + label span {
color: #fff;
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.widget-checkbox-list ul li a input[type=checkbox]:checked + label span::before {
opacity: 1;
}
.widget-checkbox-list ul li a label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
cursor: pointer;
margin-bottom: 0;
}
.widget-checkbox-list ul li a label span {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 0.875rem;
flex: 0 0 0.875rem;
max-width: 0.875rem;
width: 100%;
height: 0.875rem;
margin-right: 0.9375rem;
top: -1px;
border-radius: 2px;
border: 1px solid var(--color-form-border);
}
.widget-checkbox-list ul li a label span::before {
position: relative;
font-family: "klbtheme";
content: "";
line-height: 1;
left: 0.5px;
text-shadow: 0px 0px 0px;
opacity: 0;
}
.widget-checkbox-list ul li a label:hover span {
background-color: var(--color-theme-light);
}
.price_slider_wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.price_slider_wrapper .price_slider_amount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-bottom: 1.875rem;
}
.price_slider_wrapper .price_slider_amount .price_label {
font-size: 0.875rem;
color: var(--color-text-light);
margin-right: auto;
}
.price_slider_wrapper .price_slider_amount .price_label span {
color: var(--color-main-text);
}
.price_slider_wrapper .price_slider_amount button {
font-size: 0.6875rem;
text-transform: uppercase;
padding-left: 0.75rem;
padding-right: 0.75rem;
height: 2.125rem;
background-color: #f2f3f5;
border-color: transparent;
color: var(--color-main-text);
}
.ui-widget-content {
position: relative;
height: 2px;
background-color: var(--color-theme-light);
margin-bottom: 1.5625rem;
border-radius: 2px;
}
.ui-widget-content .ui-slider-range {
position: absolute;
display: block;
width: 100%;
height: 2px;
border: 0;
background-color: var(--color-link);
border-radius: 8px;
z-index: 1;
}
.ui-widget-content .ui-slider-handle {
left: 0%;
position: absolute;
z-index: 2;
outline: 0;
cursor: pointer;
background-color: var(--color-link);
border-radius: 100%;
border: 0;
height: 14px;
top: -6px;
width: 14px;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.ui-widget-content .ui-slider-handle:last-child {
left: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.woocommerce-pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 1.875rem 0 0;
padding: 0;
list-style: none;
}
.woocommerce-pagination ul li {
margin-right: 3px;
margin-bottom: 3px;
}
.woocommerce-pagination ul li > * {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.8125rem;
font-weight: 600;
width: 2.125rem;
height: 2.125rem;
border: 1px solid var(--color-theme-border);
border-radius: 3px;
}
.woocommerce-pagination ul li > *.current {
background-color: var(--color-link);
border-color: transparent;
color: #fff;
}
.woocommerce-pagination ul li > *.dots {
position: relative;
border: 0;
top: -3px;
}
.woocommerce-pagination ul li a {
text-decoration: none;
color: var(--color-main-text);
}
.woocommerce-pagination ul li a.prev, .woocommerce-pagination ul li a.next {
font-size: 1.25rem;
border: 0;
}
.woocommerce-pagination ul li a.prev {
margin-right: 0.4375rem;
}
.woocommerce-pagination ul li a.next {
margin-left: 0.4375rem;
}
.quantity {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding-left: 32px;
padding-right: 32px;
margin-right: 7px !important;
border: 1px solid #dde2e8;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 3px rgba(35, 35, 35, 0.08);
box-shadow: 1px 1px 3px rgba(35, 35, 35, 0.08);
}
.quantity .minus, .quantity .plus {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
color: var(--color-text-light);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.quantity .minus:after, .quantity .plus:after {
content: "";
display: block;
width: 10px;
height: 2px;
background: currentColor;
position: absolute;
top: 50%;
left: 13px;
}
.quantity .plus {
left: auto;
right: 0;
}
.quantity .plus::before {
content: "";
display: block;
width: 2px;
height: 10px;
background: currentColor;
position: absolute;
top: 19px;
left: 13px;
}
.quantity .plus:after {
left: auto;
right: 13px;
}
.quantity .qty {
width: 42px;
border: 0;
margin-bottom: 0;
height: 2.875rem;
padding-left: 0;
padding-right: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 0.9375rem;
text-align: center;
}
.single-product-wrapper {
position: relative;
margin-top: 1.25rem;
}
.single-product-wrapper .single-product-container {
margin-top: 1.25rem;
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery {
position: relative;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery {
padding-left: 6.25rem;
}
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-images {
border: 1px solid #f0f3f7;
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-images .swiper-button-prev {
width: 2.375rem;
height: 2.375rem;
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-images .swiper-button-prev::after {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.375rem;
height: 2.375rem;
font-size: 1rem;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 50%;
padding-right: 2px;
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-images .swiper-button-next {
width: 2.375rem;
height: 2.375rem;
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-images .swiper-button-next::after {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.375rem;
height: 2.375rem;
font-size: 1rem;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 50%;
padding-left: 2px;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-thumbnails {
position: absolute;
max-width: 5rem;
top: 0;
left: 0;
}
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-thumbnails .swiper-slide {
border: 1px solid var(--color-theme-border);
cursor: pointer;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-thumbnails .swiper-slide {
width: 5rem !important;
height: 5rem;
margin-bottom: 5px;
}
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-thumbnails .swiper-slide a {
pointer-events: none;
}
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-thumbnails .swiper-slide.swiper-slide-thumb-active {
border-color: var(--color-main-text);
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .single-thumbnails .woocommerce-product-gallery #product-thumbnails .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 5rem;
}
}
.single-product-wrapper .single-thumbnails.default .woocommerce-product-gallery {
padding: 0;
}
.single-product-wrapper .single-thumbnails.default #product-thumbnails {
margin-top: 0.625rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .single-thumbnails.default #product-thumbnails {
position: relative;
max-width: none;
}
.single-product-wrapper .single-thumbnails.default #product-thumbnails .swiper-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
}
}
.single-product-wrapper .single-thumbnails.default .product-extra-detail {
padding-left: 0;
}
.single-product-wrapper .product-extra-detail {
font-size: 0.8125rem;
margin-top: 1.875rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .product-extra-detail {
padding-left: 6.25rem;
}
}
.single-product-wrapper .product-extra-detail a {
display: inline-block;
margin-top: 1.25rem;
font-weight: 600;
text-decoration: none;
color: var(--color-link);
}
.single-product-wrapper .product-brand {
font-size: 0.8125rem;
font-weight: 500;
margin-bottom: 0.4375rem;
}
.single-product-wrapper .product-brand a {
text-decoration: none;
color: var(--color-link);
}
.single-product-wrapper .product_title {
font-size: 1.625rem;
line-height: 1.3;
margin-bottom: 0.75rem;
}
.single-product-wrapper .product-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.75rem;
font-weight: 500;
}
.single-product-wrapper .product-meta > * {
position: relative;
color: var(--color-text-light);
}
.single-product-wrapper .product-meta > *::after {
content: "|";
margin-left: 5px;
margin-right: 10px;
color: var(--color-text-light);
}
.single-product-wrapper .product-meta > *:last-child::after {
display: none;
}
.single-product-wrapper .product-ratings {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1.25rem;
}
.single-product-wrapper .product-ratings .product-comment {
margin-left: 0.75rem;
}
.single-product-wrapper .product-ratings .product-comment a {
font-size: 0.8125rem;
text-decoration: none;
color: currentColor;
border: 1px solid #dde2e8;
border-radius: 4px;
padding: 5px 12px;
}
.single-product-wrapper .product-stock {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
margin-top: 1.25rem;
}
.single-product-wrapper .product-stock.in-stock {
border-radius: 4px;
background-color: #f4faf6;
color: #00a046;
padding: 6px 14px;
}
.single-product-wrapper .product-stock.in-stock::before {
font-family: "klbtheme";
font-size: 0.875rem;
content: "";
margin-right: 6px;
}
.single-product-wrapper .product-price {
margin-top: 1.25rem;
}
.single-product-wrapper .product-price .price {
font-size: 1.875rem;
}
.single-product-wrapper .product-price .price del {
font-size: 65%;
top: -3px;
color: var(--color-text-light);
opacity: 0.5;
}
.single-product-wrapper form.cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 1.25rem;
}
.single-product-wrapper form.cart .add_to_cart_button {
border-radius: 4px;
height: 46px;
margin-left: 5px;
font-size: 0.9375rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.single-product-wrapper .product-info {
position: relative;
margin-top: 1.25rem;
border: 1px solid var(--color-theme-border);
border-radius: var(--size-border-radius);
}
.single-product-wrapper .product-info-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 1.25rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .product-info-top {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.single-product-wrapper .product-info-top .cart {
margin-top: 0;
margin-bottom: 0.625rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .product-info-top .cart {
margin-bottom: 0;
margin-right: 1.875rem;
width: auto;
}
}
.single-product-wrapper .product-info-top > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.75rem;
text-decoration: none;
color: var(--color-text-light);
-webkit-transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.single-product-wrapper .product-info-top > a i {
font-size: 1rem;
margin-right: 6px;
}
.single-product-wrapper .product-info-top > a i.klbth-icon-heart {
position: relative;
font-size: 1.125rem;
top: -2px;
}
.single-product-wrapper .product-info-top > a + a {
margin-left: 1.25rem;
}
.single-product-wrapper .product-info-top > a:hover {
color: var(--color-main-text);
}
.single-product-wrapper .product-info-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid var(--color-theme-border);
padding: 1.25rem;
}
.single-product-wrapper .product-info-bottom .info-message {
font-size: 0.8125rem;
}
.single-product-wrapper .product-info-bottom .info-message:after {
content: "|";
margin-left: 15px;
margin-right: 15px;
opacity: 0.3;
}
.single-product-wrapper .product-info-bottom .info-message:last-child::after {
display: none;
}
.single-product-wrapper .product-info-bottom .info-message i {
margin-right: 6px;
}
.single-product-wrapper .product-message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
margin-top: 1.25rem;
background-color: var(--color-theme-light);
border-radius: var(--size-border-radius);
padding: 14px 20px;
}
.single-product-wrapper .product-message i {
font-size: 1.125rem;
margin-right: 6px;
}
.single-product-wrapper .product-message.warning {
color: #c28e00;
background-color: #fffcf2;
border: 1px solid #faeecf;
}
.single-product-wrapper .product-categories {
margin-top: 1.25rem;
font-size: 0.8125rem;
}
.single-product-wrapper .product-categories span {
margin-right: 5px;
}
.single-product-wrapper .product-categories a {
text-decoration: none;
color: var(--color-link);
}
.single-product-wrapper .product-categories a::after {
content: ",";
margin-right: 2px;
}
.single-product-wrapper .product-categories a:last-child::after {
display: none;
}
.single-product-wrapper .product-categories a:hover {
text-decoration: underline;
}
.single-product-wrapper .site-social {
margin-top: 1.875rem;
}
.single-product-wrapper .site-social a {
width: 2rem;
height: 2rem;
}
.single-product-wrapper .site-social + .product-extra-detail {
margin-top: 1.875rem;
padding-top: 1.875rem;
padding-left: 0;
border-top: 1px solid var(--color-theme-border);
}
.single-product-wrapper .promotion-products {
margin-top: 1.875rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .promotion-products {
margin-top: 5.625rem;
}
}
.single-product-wrapper .promotion-products .promotion-header {
position: relative;
margin-bottom: 1.25rem;
}
.single-product-wrapper .promotion-products .promotion-header .entry-title {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 5px;
}
.single-product-wrapper .promotion-products .promotion-header .entry-description {
font-size: 0.875rem;
color: var(--color-text-light);
}
.single-product-wrapper .promotion-products .promotion-wrapper {
border: 1px solid var(--color-theme-border);
border-radius: var(--size-border-radius);
}
.single-product-wrapper .promotion-products .product {
position: relative;
padding: 1.25rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .promotion-products .product {
padding: 1.875rem;
}
}
.single-product-wrapper .promotion-products .product + .product {
border-top: 1px solid var(--color-theme-border);
}
.single-product-wrapper .promotion-products .product + .product::before {
content: "+";
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2.375rem;
height: 2.375rem;
border-radius: 50%;
color: var(--color-text-light);
background-color: #fff;
top: -19px;
left: 50%;
z-index: 2;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .promotion-products .product + .product {
border-top: 0;
border-left: 1px solid var(--color-theme-border);
}
.single-product-wrapper .promotion-products .product + .product::before {
top: 50%;
left: -19px;
margin-top: -19px;
}
}
.single-product-wrapper .promotion-products .product .product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-product-wrapper .promotion-products .product .thumbnail-wrapper {
padding: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 6.25rem;
flex: 0 0 6.25rem;
max-width: 6.25rem;
margin-bottom: 0;
margin-right: 0.75rem;
}
.single-product-wrapper .promotion-products .product .content-wrapper {
padding: 0;
margin: 0;
}
.single-product-wrapper .promotion-products .product .content-wrapper .product-title {
font-size: 0.8125rem;
}
.single-product-wrapper .promotion-products .product .content-wrapper .price {
font-size: 1.125rem;
margin-bottom: 0;
}
.single-product-wrapper .promotion-products .promotion-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 1.25rem;
border-top: 1px solid var(--color-theme-border);
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .promotion-products .promotion-footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.single-product-wrapper .promotion-products .promotion-footer .footer-text {
margin-bottom: 0.625rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .promotion-products .promotion-footer .footer-text {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 0;
margin-right: 1.875rem;
}
}
.single-product-wrapper .promotion-products .promotion-footer .footer-text p {
font-size: 0.875rem;
margin-bottom: 0;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .promotion-products .promotion-footer .footer-text p {
margin-right: 0.625rem;
}
}
.single-product-wrapper .promotion-products .promotion-footer .footer-text .price {
font-size: 1.625rem;
line-height: 1;
color: var(--color-theme-danger);
}
.single-product-wrapper .promotion-products .promotion-footer .button {
font-size: 1rem;
font-weight: 500;
height: 3rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
border-radius: 4px;
}
.single-product-wrapper .woocommerce-tabs {
margin-top: 1.875rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .woocommerce-tabs {
margin-top: 3.75rem;
}
}
.single-product-wrapper .woocommerce-tabs .wc-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 1.25rem;
padding: 0 0 0.9375rem;
list-style: none;
border-bottom: 1px solid var(--color-theme-border);
}
.single-product-wrapper .woocommerce-tabs .wc-tabs li {
margin-right: 1.25rem;
}
@media screen and (min-width: 64rem) {
.single-product-wrapper .woocommerce-tabs .wc-tabs li {
margin-right: 1.875rem;
}
}
.single-product-wrapper .woocommerce-tabs .wc-tabs li.active a {
opacity: 1;
color: var(--color-main-text);
}
.single-product-wrapper .woocommerce-tabs .wc-tabs a {
font-size: 1.125rem;
font-weight: 500;
color: var(--color-text-light);
text-decoration: none;
opacity: 0.6;
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--description {
font-size: 1rem;
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--description > h2 {
display: none;
}
.single-product-wrapper .woocommerce-tabs .woocommerce-Tabs-panel--description ul li + li {
margin-top: 7px;
}
.single-product-wrapper .related-products .product-meta {
display: none;
}
.cart-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 75rem) {
.cart-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.cart-wrapper .woocommerce-cart-form, .cart-wrapper #customer_details {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cart-wrapper .cart-collaterals {
-webkit-box-flex: 0;
-ms-flex: 0 0 20rem;
flex: 0 0 20rem;
max-width: 20rem;
margin-left: 1.875rem;
}
.cart-wrapper .order-review-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 25rem;
flex: 0 0 25rem;
max-width: 25rem;
margin-left: 1.875rem;
}
}
.woocommerce-cart-form {
position: relative;
}
.woocommerce-cart-form table th {
font-size: 0.75rem;
font-weight: 600;
border-top: 0;
border-bottom: 1px solid var(--color-theme-border);
color: var(--color-text-light);
}
@media screen and (max-width: 36rem) {
.woocommerce-cart-form table th.product-price, .woocommerce-cart-form table th.product-subtotal, .woocommerce-cart-form table th.product-remove {
display: none !important;
}
}
.woocommerce-cart-form table td {
font-size: 0.875rem;
vertical-align: middle;
}
.woocommerce-cart-form table td a {
color: currentColor;
text-decoration: none;
}
@media screen and (max-width: 36rem) {
.woocommerce-cart-form table td.product-remove {
padding: 0 !important;
width: 0 !important;
}
.woocommerce-cart-form table td.product-remove a {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.375rem;
height: 1.375rem;
border-radius: 50%;
color: #fff;
background-color: var(--color-theme-danger);
font-size: 0.625rem;
left: 0;
margin-top: -10px;
}
}
.woocommerce-cart-form table td.product-thumbnail img {
max-width: 4.375rem;
}
.woocommerce-cart-form table td .amount {
font-weight: 500;
}
.woocommerce-cart-form table td.product-price .amount {
color: var(--color-text-light);
}
@media screen and (max-width: 36rem) {
.woocommerce-cart-form table td.product-price {
display: none !important;
}
}
@media screen and (max-width: 36rem) {
.woocommerce-cart-form table td.product-subtotal {
display: none !important;
}
}
.woocommerce-cart-form table td .quantity {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
}
.woocommerce-cart-form table td .quantity .minus:after {
left: 10px;
}
.woocommerce-cart-form table td .quantity .plus::before {
top: 11px;
left: 14px;
}
.woocommerce-cart-form table td .quantity .plus:after {
right: 10px;
}
.woocommerce-cart-form table td .quantity-button {
width: 1.875rem;
height: 1.875rem;
}
.woocommerce-cart-form table td .qty {
font-size: 0.875rem;
width: 1.875rem;
height: 1.875rem;
}
.woocommerce-cart-form table td.actions {
padding-left: 0;
padding-right: 0;
}
.woocommerce-cart-form table tbody {
position: relative;
}
.woocommerce-cart-form table tbody tr {
position: relative;
}
.woocommerce-cart-form table tbody td:first-child {
padding-left: 0;
}
.woocommerce-cart-form table tbody td:last-child {
padding-right: 0;
}
.woocommerce-cart-form .actions-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
@media screen and (min-width: 48rem) {
.woocommerce-cart-form .actions-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.woocommerce-cart-form .actions-wrapper .empty-cart-button {
display: none;
}
.woocommerce-cart-form .actions-wrapper .coupon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-cart-form .actions-wrapper .coupon label {
display: none;
}
.woocommerce-cart-form .actions-wrapper .coupon #coupon_code {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (min-width: 36rem) {
.woocommerce-cart-form .actions-wrapper .coupon #coupon_code {
min-width: 17.5rem;
}
}
.woocommerce-cart-form .actions-wrapper .coupon .button {
white-space: nowrap;
margin-left: 0.625rem;
}
.woocommerce-cart-form .actions-wrapper input {
height: 2.75rem;
}
.woocommerce-cart-form .actions-wrapper .button {
font-size: 0.75rem;
height: 2.75rem;
}
.woocommerce-cart-form .actions-wrapper .button[name=update_cart] {
color: #fff;
background-color: var(--color-secondary);
border-color: transparent;
}
.woocommerce-cart-form .actions-wrapper .button[name=update_cart]:disabled {
color: var(--color-text-light);
background-color: transparent;
opacity: 0.6;
}
@media screen and (max-width: 36rem) {
.woocommerce-cart-form .actions-wrapper .button[name=update_cart] {
margin-top: 0.625rem;
text-align: center;
}
}
.woocommerce-products-header {
margin-top: 1.875rem;
}
.woocommerce-products-header .page-title {
font-size: 2rem;
}
.cart-collaterals {
border: 1px solid var(--color-border);
border-radius: var(--size-border-radius);
padding: 1.25rem;
}
.cart-collaterals .cart_totals > h2 {
font-family: var(--font-secondary);
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 0.9375rem;
border-bottom: 0.9375rem;
border-bottom: 1px solid var(--color-border-light);
}
.cart-collaterals .shop_table {
width: 100%;
}
.cart-collaterals .shop_table th {
font-size: 0.8125rem;
font-weight: 600;
}
.cart-collaterals .shop_table td {
text-align: right;
}
.cart-collaterals .shop_table .amount {
font-size: 0.9375rem;
}
.cart-collaterals .shop_table .cart-subtotal th, .cart-collaterals .shop_table .cart-subtotal td {
padding-top: 0.4375rem;
padding-bottom: 0.625rem;
border-bottom: 1px solid var(--color-theme-border);
}
.cart-collaterals .shop_table .order-total th, .cart-collaterals .shop_table .order-total td {
padding-top: 1.25rem;
padding-bottom: 0.625rem;
}
.cart-collaterals .shop_table .order-total th strong, .cart-collaterals .shop_table .order-total td strong {
font-weight: 600;
}
.cart-collaterals .shop_table .order-total .amount {
font-size: 1.25rem;
}
.wc-proceed-to-checkout {
padding-top: 0.9375rem;
border-top: 1px solid var(--color-theme-border);
}
.wc-proceed-to-checkout .checkout-button {
height: 3rem;
}
@media screen and (min-width: 64rem) {
#customer_details {
padding-right: 1.875rem;
}
}
#customer_details .col-1, #customer_details .col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
#customer_details h3 {
font-family: var(--font-secondary);
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 0.75rem;
margin-bottom: 0.75rem;
border-bottom: 1px solid var(--color-theme-border);
}
#customer_details .woocommerce-billing-fields__field-wrapper, #customer_details .woocommerce-additional-fields__field-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-left: -10px;
margin-right: -10px;
}
#customer_details .woocommerce-billing-fields__field-wrapper .form-row, #customer_details .woocommerce-additional-fields__field-wrapper .form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}
#customer_details .woocommerce-billing-fields__field-wrapper .form-row label, #customer_details .woocommerce-additional-fields__field-wrapper .form-row label {
font-size: 0.8125rem;
}
#customer_details .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper > input, #customer_details .woocommerce-additional-fields__field-wrapper .form-row .woocommerce-input-wrapper > input {
height: 2.875rem;
}
#customer_details .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper > textarea, #customer_details .woocommerce-additional-fields__field-wrapper .form-row .woocommerce-input-wrapper > textarea {
min-height: 120px;
resize: none;
}
@media screen and (min-width: 48rem) {
#customer_details .woocommerce-billing-fields__field-wrapper .form-row#billing_first_name_field, #customer_details .woocommerce-billing-fields__field-wrapper .form-row#billing_last_name_field, #customer_details .woocommerce-billing-fields__field-wrapper .form-row#billing_phone_field, #customer_details .woocommerce-billing-fields__field-wrapper .form-row#billing_email_field, #customer_details .woocommerce-additional-fields__field-wrapper .form-row#billing_first_name_field, #customer_details .woocommerce-additional-fields__field-wrapper .form-row#billing_last_name_field, #customer_details .woocommerce-additional-fields__field-wrapper .form-row#billing_phone_field, #customer_details .woocommerce-additional-fields__field-wrapper .form-row#billing_email_field {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
#customer_details .woocommerce-additional-fields {
margin-top: 1.875rem;
}
.order-review-wrapper {
border: 2px solid var(--color-primary);
border-radius: var(--size-border-radius);
padding: 0.9375rem;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
@media screen and (min-width: 64rem) {
.order-review-wrapper {
padding: 1.875rem;
}
}
@media screen and (max-width: 48rem) {
.order-review-wrapper {
margin-top: 1.25rem;
}
}
.order-review-wrapper h3 {
font-family: var(--font-secondary);
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 0.75rem;
margin-bottom: 0.75rem;
border-bottom: 1px solid var(--color-theme-border);
}
.order-review-wrapper .shop_table {
width: 100%;
font-size: 0.8125rem;
}
.order-review-wrapper .shop_table .amount {
font-size: 0.9375rem;
}
.order-review-wrapper .shop_table th {
font-weight: 600;
}
.order-review-wrapper .shop_table thead th {
color: var(--color-info);
padding-bottom: 0.75rem;
border-bottom: 1px solid var(--color-theme-border);
}
.order-review-wrapper .shop_table thead th:last-child {
text-align: right;
}
.order-review-wrapper .shop_table tbody td {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.order-review-wrapper .shop_table tbody td.product-name {
font-size: 0.8125rem;
padding-right: 1.25rem;
}
.order-review-wrapper .shop_table tbody td:last-child {
text-align: right;
}
.order-review-wrapper .shop_table tfoot tr th {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: var(--color-text-lighter);
border-top: 1px solid var(--color-theme-border);
}
.order-review-wrapper .shop_table tfoot tr td {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: right;
border-top: 1px solid var(--color-theme-border);
}
.order-review-wrapper .shop_table tfoot tr.order-total .amount {
font-size: 1.25rem;
font-weight: 600;
}
.order-review-wrapper .woocommerce-checkout-payment {
padding-top: 0.9375rem;
border-top: 1px solid var(--color-theme-border);
}
.order-review-wrapper .woocommerce-checkout-payment ul.payment_methods {
margin: 0;
padding: 0;
list-style: none;
}
.order-review-wrapper .woocommerce-checkout-payment ul.payment_methods label {
font-size: 0.875rem;
font-weight: 600;
margin-left: 1.25rem;
color: var(--color-primary);
}
.order-review-wrapper .woocommerce-checkout-payment ul.payment_methods .payment_box p {
font-size: 0.75rem;
line-height: 1.6;
color: var(--color-text-light);
}
.order-review-wrapper .woocommerce-checkout-payment .woocommerce-privacy-policy-text {
margin-top: 0.9375rem;
}
.order-review-wrapper .woocommerce-checkout-payment .woocommerce-privacy-policy-text p {
font-size: 0.8125rem;
line-height: 1.6;
}
.order-review-wrapper .woocommerce-checkout-payment .woocommerce-privacy-policy-text p a {
color: var(--color-theme-danger);
font-weight: 500;
text-decoration: underline;
}
.order-review-wrapper .woocommerce-checkout-payment .validate-required {
margin-left: 0;
margin-right: 0;
}
.order-review-wrapper .woocommerce-checkout-payment .validate-required .woocommerce-form__label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 0.75rem;
}
.order-review-wrapper .woocommerce-checkout-payment .validate-required .woocommerce-form__label input {
position: relative;
top: 1px;
}
.order-review-wrapper .woocommerce-checkout-payment .validate-required .woocommerce-form__label span {
position: relative;
line-height: 1.5;
padding-left: 0.625rem;
}
.order-review-wrapper .woocommerce-checkout-payment .validate-required .woocommerce-form__label span a {
font-weight: 500;
color: var(--color-theme-danger);
text-decoration: underline;
}
.order-review-wrapper .woocommerce-checkout-payment #place_order {
height: 3rem;
background-color: var(--color-theme-danger);
border-color: transparent;
}
.order-review-wrapper .woocommerce-checkout-payment #place_order:hover {
opacity: 0.8;
}
.my-account-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border-top: 1px solid var(--color-theme-border);
}
.my-account-wrapper .my-account-navigation {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media screen and (min-width: 64rem) {
.my-account-wrapper .my-account-navigation {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
border-right: 1px solid var(--color-theme-border);
}
}
.my-account-wrapper .my-account-navigation .account-toggle-menu {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid var(--color-theme-border);
height: 36px;
padding: 4px 15px;
margin-top: 0.625rem;
}
.my-account-wrapper .my-account-navigation .account-toggle-menu svg {
margin-right: 8px;
}
@media screen and (min-width: 64rem) {
.my-account-wrapper .my-account-navigation .account-toggle-menu {
display: none;
}
}
.my-account-wrapper .my-account-navigation .woocommerce-MyAccount-navigation {
padding-top: 0.625rem;
}
@media screen and (min-width: 64rem) {
.my-account-wrapper .my-account-navigation .woocommerce-MyAccount-navigation {
padding-top: 1.875rem;
}
}
.my-account-wrapper .my-account-navigation .woocommerce-MyAccount-navigation ul {
padding: 0;
margin: 0;
list-style: none;
}
.my-account-wrapper .my-account-navigation .woocommerce-MyAccount-navigation ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
text-decoration: none;
color: var(--color-text-light);
padding: 5px 0;
}
.my-account-wrapper .my-account-navigation .woocommerce-MyAccount-navigation ul li a:hover {
color: var(--color-main-text);
}
.my-account-wrapper .my-account-navigation .woocommerce-MyAccount-navigation ul li.is-active a {
color: var(--color-link);
}
.my-account-wrapper .woocommerce-MyAccount-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 1.875rem;
}
@media screen and (min-width: 64rem) {
.my-account-wrapper .woocommerce-MyAccount-content {
padding: 1.875rem;
margin-top: 0;
}
}
.my-account-wrapper .woocommerce-MyAccount-content a {
font-weight: 500;
text-decoration: none;
color: var(--color-link);
}
.product-color-change {
margin-bottom: 7px;
}
.product-color-change .color-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.product-color-change .color-switcher .swatch-item {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.125rem;
height: 1.125rem;
overflow: hidden;
border-radius: 50%;
cursor: pointer;
margin-right: 1px;
border: 1px solid transparent;
}
.product-color-change .color-switcher .swatch-item:hover {
border-color: var(--color-main-text);
}
.product-color-change .color-switcher .swatch-item span {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
}
.hover-slider-indicator {
position: absolute;
top: auto;
right: 0;
bottom: 0.75rem;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hover-slider-indicator-dot {
background-color: #fff;
border: 1px solid var(--color-theme-border);
opacity: 1;
border-radius: 50%;
height: 8px;
width: 8px;
margin-left: 3px;
margin-right: 3px;
}
.hover-slider-indicator-dot.active {
background-color: var(--color-secondary);
border-color: transparent;
opacity: 1;
}
@media screen and (max-width: 64rem) {
.filtered-sidebar {
position: fixed !important;
-webkit-box-flex: 0;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
margin-top: 0;
padding: 1.25rem 1.25rem 0;
background-color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 10001;
}
.filtered-sidebar::before {
display: none;
}
}
.filtered-sidebar .sidebar-mobile-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1.875rem;
padding-bottom: 1.75rem;
border-bottom: 1px solid var(--color-theme-border);
}
@media screen and (min-width: 64rem) {
.filtered-sidebar .sidebar-mobile-header {
display: none;
}
}
.filtered-sidebar .sidebar-mobile-header .entry-title {
font-size: 0.875rem;
margin-bottom: 0;
}
.filtered-sidebar .sidebar-mobile-header .close-sidebar {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.125rem;
width: 1.875rem;
height: 1.875rem;
color: var(--color-main-text);
border: 1px solid var(--color-theme-border);
border-radius: 50%;
}
.filter-holder {
position: absolute;
width: 100%;
top: 100%;
left: 0;
background-color: #fff;
border: 0;
border-radius: 0;
margin-top: 9px !important;
-webkit-box-shadow: 0 2px 6px rgba(4, 30, 66, 0.1);
box-shadow: 0 2px 6px rgba(4, 30, 66, 0.1);
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.filter-holder-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
padding: 1.25rem;
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.filter-holder-wrapper .widget {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.filter-holder-wrapper .widget .widget-title {
font-size: 14px;
font-weight: 500;
}
.quickview-product .mfp-close {
color: #111 !important;
background-color: #fff !important;
border: 1px solid var(--color-theme-border);
line-height: 35px;
} .site-footer {
position: relative;
margin-top: 2.5rem;
}
@media screen and (min-width: 64rem) {
.site-footer {
margin-top: 7.1875rem;
}
}
.site-footer .footer-row.light {
color: currentColor;
}
.site-footer .footer-row.dark {
color: #fff;
}
.site-footer .footer-row.bordered .container {
border-top: 1px solid #e5e8ec;
}
.site-footer .footer-row.custom-color-dark {
color: #fff;
background-color: #041e42;
}
.site-footer .footer-row.custom-color-dark.bordered .container {
border-color: #2c4260;
}
.site-footer .footer-row.custom-color-dark .widget-title {
color: #fff;
}
.site-footer .footer-row.custom-color-dark .widget a:hover {
color: #fff;
}
.site-footer .footer-row.custom-color-dark.footer-details .container {
padding-top: 0;
padding-bottom: 0;
}
.site-footer .footer-row.custom-color-dark.footer-details .site-details:first-child {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
border-top: 1px solid #2c4260;
border-bottom: 1px solid #2c4260;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-row.custom-color-dark.footer-details .site-details:first-child {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
.site-footer .footer-row.custom-color-dark.footer-details .site-details .tags {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer .footer-row.custom-color-dark.footer-details .site-details .tags li {
color: #818ea0;
}
.site-footer .footer-row.custom-color-dark.footer-details .site-details .tags a {
color: #818ea0;
}
.site-footer .footer-row.custom-color-dark.footer-details .site-details .tags a:hover {
color: #fff;
}
.site-footer .footer-row.custom-color-dark.footer-details .site-social a {
background-color: #10315f;
}
.site-footer .footer-row.custom-color-dark.footer-details .switcher-item {
color: #021523;
}
.site-footer .footer-newsletter {
background-color: #041e42;
background-image: url(//ecuacomp.com/wp-content/themes/machic/assets/images/pattern-2.png);
background-repeat: no-repeat;
background-position: 20% 30%;
padding: 2.5rem 0;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-newsletter {
padding: 3.75rem 0;
}
}
.site-footer .footer-newsletter .site-newsletter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-newsletter .site-newsletter {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.site-footer .footer-newsletter .site-newsletter .entry-title {
font-size: 1.375rem;
font-weight: 600;
}
.site-footer .footer-newsletter .site-newsletter .entry-description {
font-size: 0.875rem;
}
.site-footer .footer-newsletter .site-newsletter .entry-description p {
color: #818ea0;
}
.site-footer .footer-newsletter .site-newsletter .entry-description p strong {
color: #ffbd27;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-newsletter .site-newsletter .entry-description p {
margin-bottom: 0;
}
}
.site-footer .footer-newsletter .site-newsletter .site-newsletter-form {
min-width: 18.75rem;
max-width: 33.125rem;
width: 100%;
}
.site-footer .footer-newsletter .site-newsletter .subscribe-form {
position: relative;
width: 100%;
}
.site-footer .footer-newsletter .site-newsletter .subscribe-form .subscribe-input {
height: 2.875rem;
border: 0;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-newsletter .site-newsletter .subscribe-form .subscribe-input {
height: 3.125rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.site-footer .footer-newsletter .site-newsletter .subscribe-form button {
position: absolute;
top: 0;
right: 0;
height: 100%;
padding-left: 1.875rem;
padding-right: 1.875rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
color: #021523;
background-color: #ffbd27;
border: 0;
}
.site-footer .footer-widgets {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
background-color: #f7f8f9;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-widgets {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
}
.site-footer .footer-widgets .widget-title {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0.9375rem;
color: #021523;
border-bottom: 0;
}
.site-footer .footer-widgets .widget {
font-size: 0.8125rem;
color: #818ea0;
margin-bottom: 1.875rem;
}
.site-footer .footer-widgets .widget ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-footer .footer-widgets .widget ul li + li {
margin-top: 0.5rem;
}
.site-footer .footer-widgets .widget ul li a {
text-decoration: none;
color: currentColor;
-webkit-transition: 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
transition: 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
}
.site-footer .footer-widgets .widget ul li a:hover {
color: #021523;
text-decoration: underline;
}
.site-footer .footer-details .container {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-details .container {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
.site-footer .footer-details .site-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-details .site-details {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
.site-footer .footer-details .site-details + .site-details {
margin-top: 1.875rem;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-details .site-details + .site-details {
margin-top: 2.5rem;
}
}
.site-footer .footer-details .site-details .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
margin: 0;
list-style: none;
}
.site-footer .footer-details .site-details .tags li {
position: relative;
font-size: 0.8125rem;
margin-bottom: 0.1875rem;
}
.site-footer .footer-details .site-details .tags li::after {
content: "|";
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.site-footer .footer-details .site-details .tags li:last-child::after {
display:none;
}
.site-footer .footer-details .site-details .tags li a {
text-decoration: none;
color: currentColor;
}
.site-footer .footer-details .site-details .tags li a:hover {
text-decoration: underline;
}
.site-footer .footer-details .site-details .site-social {
margin-top: 1.25rem;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-details .site-details .site-social {
margin-left: auto;
margin-top: 0;
}
}
.site-footer .footer-details .site-switcher {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 1.25rem;
}
@media screen and (max-width: 64rem) {
.site-footer .footer-details .site-switcher {
margin-left: 0;
margin-top: 1.25rem;
}
}
.site-footer .footer-details .site-switcher .switcher-item {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0.625rem;
}
.site-footer .footer-details .site-switcher .switcher-item select {
font-size: 0.75rem;
}
.site-footer .footer-details .site-switcher .switcher-item i {
position: absolute;
font-size: 0.875rem;
left: 0.625rem;
}
.site-footer .footer-details .site-switcher .switcher-item.language select {
padding-left: 2.125rem;
}
.site-footer .footer-copyright .container {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
@media screen and (min-width: 64rem) {
.site-footer .footer-copyright .container {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
@media screen and (min-width: 64rem) {
.site-footer .footer-copyright .footer-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-footer .footer-copyright .footer-bottom p {
margin-bottom: 0;
}
}
.site-footer .footer-copyright .site-copyright {
font-size: 0.75rem;
color: #818ea0;
}
.site-footer .footer-copyright.centered .footer-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.site-footer .footer-copyright.centered .footer-bottom .site-copyright {
margin-top: 1.25rem;
}