@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
button:focus {
outline: 0;
} .tooltip {
position: relative;
display: inline-block;
} .tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #3b5991;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
bottom: 110%;
left: 50%;
margin-left: -60px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
} a {
text-decoration: none;
color: #212121;
}
ul {
list-style-type: none;
}
button {
background: 0 0;
border: none;
}
.m-auto {
margin: auto;
}
.m-b {
margin-bottom: 1rem;
}
.m-t-md {
margin-top: 1rem;
}
.m-t-lg {
margin-top: 1rem !important;
}
.m-t-xl {
margin-top: 5rem !important;
}
.t-center {
text-align: center;
}
.t--underline {
text-decoration: underline;
}
.link:hover {
color: #86A1B7;
}
.text {
font-family: "Open Sans", sans-serif;
}
.text--main {
color: #fff;
font-weight: 300;
font-size: 16px;
text-align: justify
}
.text--sm {
font-weight: 300;
font-size: 16px;
}
.text--xs {
font-weight: 400;
font-size: 12px;
}
.text--md {
font-weight: 600;
font-size: 16px;
}
.text--md-2 {
font-weight: 500;
font-size: 18px;
}
.text--main-2 {
font-weight: 400;
font-size: 14px;
}
.text--main-3 {
font-weight: 400;
font-size: 16px;
}
.text--lg {
font-weight: 600;
font-size: 25px;
}
.text--grey {
color: #777;
}
.text--black {
color: #000;
}
.text--white {
color: #fff;
}
.text-sec { }
.text-sec--reg {
font-weight: 300;
font-size: 16px;
}
.text-sec--reg-2 {
font-weight: 400;
font-size: 18px;
}
.text-sec--reg-3 {
font-weight: 500;
font-size: 15px;
}
.text-sec--bold {
font-size: 18px;
font-weight: 600;
}
.text-sec--med {
font-size: 20px;
font-weight: 400;
}
.text-sec--lg {
font-size: 27px;
font-weight: 600;
}
.text-sec--sm {
font-size: 14px;
font-weight: 700;
}
.text-sec--sm-2 {
font-size: 16px;
font-weight: 500;
}
.text-sec--sm-5 {
font-size: 16px;
font-weight: 400;
}
.text-sec--sm-3 {
font-size: 14px;
font-weight: 300;
}
.text-sec--sm-4 {
font-size: 14px;
font-weight: 400;
}
.text-sec--grey {
color: #888;
}
.nav-t {
font-family: "Open Sans", sans-serif;
}
.nav-t--top {
font-weight: 400;
font-size: 14px;
}
.nav-t--bottom {
font-weight: 400;
font-size: 15px;
}
.nav-t--h {
font-weight: 600;
}
.nav-t--white {
color: #fff;
}
.nav-sec {
font-family: Montserrat, sans-serif;
}
.nav-sec--mid-s {
font-weight: 300;
font-size: 16px;
}
.nav-sec--mid-ph-head {
font-weight: 500;
font-size: 12px;
}
.nav-sec--mid-ph {
font-weight: 400;
font-size: 18px;
}
.nav-sec--ital {
font-style: italic;
font-size: 16px;
}
.h {
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 40px;
}
.h--white {
color: #fff;
}
.h-sec {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 35px;
}
.h-sec--white {
color: #fff;
}
.h-sec--sm {
font-weight: 400;
font-size: 17px;
}
.h-sec--sm-2 {
font-weight: 400;
font-size: 19px;
}
.h-sec--md {
font-weight: 500;
font-size: 25px;
}
.h-sec--md-1 {
font-weight: 400;
font-size: 20px;
}
.h-sec--md-2 {
font-weight: 500;
font-size: 20px;
}
.h-sec--lg {
font-size: 30px;
}
.prod-1 {
font-family: "Open Sans", sans-serif;
}
.prod-1--h {
font-weight: 300;
font-size: 18px;
}
.prod-2 {
font-family: Montserrat, sans-serif;
}
.prod-2--price {
font-weight: 600;
font-size: 16px;
}
.prod-2--bask {
font-weight: 400;
font-size: 16px;
}
.prod-2--plus {
font-weight: 600;
font-size: 20px;
}
.price {
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
.price--left {
font-size: 23px;
}
.price--right {
font-size: 20px;
}
.prod-h {
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-weight: 500;
}
.banner-t {
font-family: Montserrat, sans-serif;
color: #fff;
}
.banner-t--reg {
font-weight: 400;
font-size: 30px;
}
.banner-t--h {
font-weight: 600;
font-size: 45px;
}
.form {
font-family: "Open Sans", sans-serif;
}
.form--h {
font-weight: 400;
font-size: 20px;
}
.form--h2 {
font-weight: 400;
font-size: 16px;
}
.form--sel {
font-weight: 300;
font-size: 14px;
}
.form--check {
font-weight: 300;
font-size: 14px;
}
.bread {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 14px;
color: #777;
white-space: nowrap;
}
.bread--link:hover {
color: #86A1B7;
}
.amount-inp label {
display: inline-block;
margin-bottom: 5px;
}
.amount-inp__input {
height: 40px;
width: 50px;
padding: 10px;
}
.amount-inp__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.amount-input-cont {
position: relative;
}
.amount-input-cont__internal {
position: absolute;
height: 100%;
top: 0;
right: 1px;
width: 20px;
flex-wrap: wrap;
}
.amount-input-cont__top-btn {
border: 1px solid #000;
width: 100%;
height: 50%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.amount-input-cont__bottom-btn {
border: 1px solid #000;
width: 100%;
height: 50%;
}
@media only screen and (max-width: 950px) {
body {
padding-top: 60px;
}
}
.hero-slider {
height: 70vh; }
.hero-slider__inner {
height: 70vh; width: 100%;
left: 0;
top: 0;
position: absolute;
display: -webkit-box;
display: flex;
}
@media only screen and (max-width: 950px) {
.hero-slider {
height: 100vh;
}
.hero-slider__inner {
height: 100vh;
width: 100%;
left: 0;
top: 0;
position: absolute;
display: -webkit-box;
display: flex;
}
}
.hero-slider__left-bg {
width: 70%;
height: 100%;
background-color: #86A1B7;
}
.hero-slider__right-bg {
width: 30%;
height: 100%;
background-color: #F1E8DA;
}
.hero-slide {
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.hero-slide__text-cont {
width: 30%;
padding: 4%;
} .hero-slide__img-cont {
width: 70%;
height: 90%;
background-size: cover;
background-position: left bottom; } @media (max-width: 767px) {
.hero-slide__img-cont {
width: 100%; height: 100%; }
}
.hero-slide__grad {
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
#splide-hero .splide__arrow {
border-radius: 0 !important;
width: 15vw !important;
height: 70px !important;
opacity: 1 !important;
bottom: 0 !important;
top: auto !important;
padding: 1rem;
}
#splide-hero .splide__arrow--prev {
background-color: #F1E8DA !important;
left: 0 !important;
-webkit-transform: none !important;
transform: none !important;
}
#splide-hero .splide__arrow--next {
right: auto !important;
left: 15vw !important;
-webkit-transform: none !important;
transform: none !important;
background: 0 0 !important;
}
#splide-hero .splide__arrows {
height: 90% !important;
position: absolute !important;
}
@media only screen and (max-width: 1200px) {
.hero-slide__text-cont {
width: 40%;
}
.hero-slide__img-cont {
width: 60%;
}
}
@media only screen and (max-width: 950px) {
#splide-hero .splide__arrow {
width: 100px !important;
}
#splide-hero .splide__arrow--next {
left: 100px !important;
}
.hero-slide {
flex-wrap: wrap;
position: relative;
}
.hero-slide__img-cont {
height: 100%;
width: 100%;
background-position: center;
}
.hero-slide__text-cont {
position: absolute;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 2rem;
z-index: 2;
}
.hero-slide__grad {
top: 0;
left: 0;
position: absolute;
display: block;
z-index: 1;
}
}
.btn {
font-family: Roboto, sans-serif;
font-weight: 300;
font-size: 18px;
padding: 0.5rem 2rem;
color: #fff;
display: inline-block;
border: 2px solid #fff;
}
.btn:hover {
background-color: #fff;
color: #86A1B7;
cursor: pointer;
}
.btn--black {
color: #000;
border: 2px solid #000;
}
.btn--black:hover {
color: #fff;
background-color: #000;
}
.btn--blue {
color: #fff;
background-color: #86A1B7;
border: 2px solid #86A1B7;
}
.btn--blue:hover {
color: #86A1B7;
background: 0 0;
}
.btn--hover-black:hover {
color: #fff;
background-color: #000;
border: 2px solid #000;
}
.btn--form {
padding: 1px 10px;
border: 1px solid #86A1B7;
font-size: 16px;
}
.btn--form:hover {
background-color: #000;
border: 1px solid #000;
color: #fff;
}
.banner {
padding: 0 1rem;
}
.banner__inner {
background-color: #86A1B7;
max-width: 1100px;
height: 200px;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
align-content: center;
padding: 0 4rem;
margin: auto;
}
.banner__inner h2 {
width: 100%;
}
@media only screen and (max-width: 700px) {
.banner__inner {
padding: 0 2rem;
text-align: center;
}
}
.header {
max-width: 1250px;
margin: auto;
padding: 0 1rem;
}
.header__inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.header__inner--right {
-webkit-box-pack: end;
justify-content: flex-end;
}
.header__inner--right .header__h {
-webkit-box-ordinal-group: 3;
order: 2;
}
.header__inner--right .header__ln {
margin-right: 2rem;
margin-left: 0;
}
.header__inner--both-sides {
-webkit-box-pack: center;
justify-content: center;
}
.header__inner--both-sides .header__ln {
margin: 0 2rem;
}
.header__ln {
width: 60px;
border-bottom: 2px solid #000;
margin-left: 2rem;
}
.header--center {
text-align: center;
}
@media only screen and (max-width: 850px) {
.header__inner {
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
}
.header__inner--right .header__h {
-webkit-box-ordinal-group: 2;
order: 1;
}
.header__inner--right .header__ln {
margin: 0;
-webkit-box-ordinal-group: 3;
order: 2;
}
.header__h {
text-align: center;
width: 100%;
}
.header__ln {
margin: 0;
}
.header__ln--top {
display: none;
}
}
@media only screen and (max-width: 700px) {
.header__inner {
flex-wrap: wrap;
}
.header__h {
width: 100%;
}
}
.prod {
width: 240px;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.13);
top: 0;
left: 0;
background-color: #fff;
}
.prod__img {
width: 100%;
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.prod__img-cont {
position: relative;
}
.prod__btn {
position: absolute;
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 50px;
}
.prod__img-link {
width: 100%;
height: 220px;
position: relative;
display: inline-block;
overflow: hidden;
}
.prod__text-cont {
padding: 0.7rem;
}
.prod__text-cont h3 {
margin-bottom: 10px;
}
.prod__cont-1 {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 25px;
}
.prod__cont-2 {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.prod__cta-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.prod__cta-cont:hover {
cursor: pointer;
}
.prod__plus {
margin-right: 5px;
}
.prod__wish :hover {
cursor: pointer;
}
.prod__h-link {
display: inline-block;
margin-bottom: 10px;
}
.prod__h-link:hover {
color: #86A1B7;
}
@-webkit-keyframes prod-anim {
from {
width: 100%;
}
to {
width: 115%;
}
}
@keyframes prod-anim {
from {
width: 100%;
}
to {
width: 115%;
}
}
.prod:hover .prod__img {
-webkit-animation-name: prod-anim;
animation-name: prod-anim;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.prod:hover .prod__btn {
display: block;
}
.prod-load {
display: none;
-webkit-animation-name: prod-load;
animation-name: prod-load;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes prod-load {
from {
margin-top: -7rem;
opacity: 0;
}
to {
margin-top: 1rem;
opacity: 1;
}
}
@keyframes prod-load {
from {
margin-top: -7rem;
opacity: 0;
}
to {
margin-top: 1rem;
opacity: 1;
}
}
#splide-prod-l-1,
#splide-prod-l-2,
#splide-prod-l-3,
#splide-prod-page-1,
#splide-prod-page-2 {
max-width: 1300px;
margin: auto;
}
#splide-prod-l-1 .splide__slide,
#splide-prod-l-2 .splide__slide,
#splide-prod-l-3 .splide__slide,
#splide-prod-page-1 .splide__slide,
#splide-prod-page-2 .splide__slide {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
width: 270px;
}
#splide-prod-l-1 .splide__track,
#splide-prod-l-2 .splide__track,
#splide-prod-l-3 .splide__track,
#splide-prod-page-1 .splide__track,
#splide-prod-page-2 .splide__track {
max-width: 1100px;
margin: auto;
}
#splide-prod-l-1 .splide__track ul,
#splide-prod-l-2 .splide__track ul,
#splide-prod-l-3 .splide__track ul,
#splide-prod-page-1 .splide__track ul,
#splide-prod-page-2 .splide__track ul {
margin: auto !important;
display: -webkit-box !important;
display: flex !important;
-webkit-box-pack: center !important;
justify-content: center !important;
padding: 1rem !important;
}
.prod-slider__bg {
width: 1100px;
height: 150px;
position: absolute;
bottom: -1rem;
right: 0;
background-color: #F1E8DA;
z-index: -1;
}
#splide-prod-l-1 .splide__arrow,
#splide-prod-l-2 .splide__arrow,
#splide-prod-l-3 .splide__arrow,
#splide-prod-page-1 .splide__arrow,
#splide-prod-page-2 .splide__arrow {
border-radius: 0 !important;
background: 0 0 !important;
padding: 0 2rem;
}
#splide-prod-page-1 .splide__arrow img,
#splide-prod-page-2 .splide__arrow img {
max-width: 100vh;
}
@media only screen and (max-width: 1250px) {
#splide-prod-l-1 .splide__track,
#splide-prod-l-2 .splide__track,
#splide-prod-l-3 .splide__track,
#splide-prod-page-1 .splide__track,
#splide-prod-page-2 .splide__track {
max-width: 850px;
}
}
@media only screen and (max-width: 1050px) {
#splide-prod-l-1 .splide__arrows,
#splide-prod-l-2 .splide__arrows,
#splide-prod-l-3 .splide__arrows,
#splide-prod-page-1 .splide__arrows,
#splide-prod-page-2 .splide__arrows {
width: 200px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
#splide-prod-l-1 .splide__arrow,
#splide-prod-l-2 .splide__arrow,
#splide-prod-l-3 .splide__arrow,
#splide-prod-page-1 .splide__arrow,
#splide-prod-page-2 .splide__arrow {
top: initial;
bottom: -2rem;
}
}
@media only screen and (max-width: 850px) {
#splide-prod-l-1 .splide__arrows,
#splide-prod-l-2 .splide__arrows,
#splide-prod-l-3 .splide__arrows,
#splide-prod-page-1 .splide__arrows,
#splide-prod-page-2 .splide__arrows {
width: initial;
position: initial;
}
#splide-prod-l-1 .splide__arrow,
#splide-prod-l-2 .splide__arrow,
#splide-prod-l-3 .splide__arrow,
#splide-prod-page-1 .splide__arrow,
#splide-prod-page-2 .splide__arrow {
top: 50%;
bottom: auto;
}
}
.input-drop {
padding: 5px;
}
input {
border-radius: 0;
border: 1px solid #000;
}
.breadcrumbs {
max-width: 1350px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 0 1rem;
margin: 1rem auto;
color: #757575;
}
@media only screen and (max-width: 850px) {
.breadcrumbs {
max-width: 850px;
-webkit-box-pack: center;
justify-content: left;
flex-wrap: wrap;
padding: 0 1rem;
margin: 5rem Auto 1rem auto;
color: #757575;
}
}
.acc-cont {
max-width: 1200px;
margin: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.acc-cont__outer {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
margin: 2rem;
margin-bottom: 1rem;
width: 100%;
}
.acc-cont__inner {
max-width: 700px;
margin: auto;
padding: 3rem 1rem;
}
.acc-cont__inner--wide {
max-width: 900px;
}
.acc-cont__gdpr-cont {
border: 1px solid #000;
padding: 2rem;
margin-bottom: 1rem;
}
.acc-cont__gdpr-cont > * {
margin-bottom: 10px;
}
.acc-cont__gdpr-cta {
margin-right: 10px;
}
.acc-cont__faq-h {
margin-bottom: 1rem;
}
.acc-cont__faq-text {
margin-bottom: 1rem;
}
.two-col-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
max-width: 1200px;
margin: auto;
}
.two-col-cont__left {
margin: 2rem 1rem;
width: 65%;
}
.two-col-cont__right {
margin: 2rem 1rem;
width: 35%;
}
.two-col-cont__right .prod-page-cont__service {
margin: 1rem;
}
.two-col-cont__form-inner-lab {
width: 150px;
padding-right: 5px;
}
.two-col-cont__input {
padding: 3px;
width: 100%;
}
.two-col-cont__input--btn {
border-right: none;
}
.two-col-cont__input--disabled {
border-color: #c9c9c9;
}
.two-col-cont__input--disabled:hover {
cursor: not-allowed;
}
.two-col-cont__form-inp-cont {
width: 60%;
display: -webkit-box;
display: flex;
}
.two-col-cont__form-new-acc {
width: 100%;
}
.two-col-cont__form-invoice-add-cont {
display: none;
}
.two-col-cont__form-invoice-add-cont > * {
margin-bottom: 10px;
}
.two-col-cont__prod-hide-price {
white-space: nowrap;
}
.two-col-cont__prod-hide-inner {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 10px 5px;
}
.two-col-cont__form {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
}
.two-col-cont__form-acc-head {
width: 100%;
padding: 1rem 2rem;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
}
.two-col-cont__form-acc-cta {
display: none;
-webkit-box-align: center;
align-items: center;
}
.two-col-cont__form-acc-cta img {
margin: 0 5px;
}
.two-col-cont__form-acc-cta:hover {
cursor: pointer;
}
.two-col-cont__form-pay-cont {
margin-top: 2rem;
}
.two-col-cont__form-pay-cont-inner {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
margin: 1rem 0;
}
.two-col-cont__form-ship-img-cont {
width: 100px;
}
.two-col-cont__form-inner-pay {
margin: 5px;
position: relative;
border: 1px solid #000;
width: 230px;
height: 50px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.two-col-cont__form-inner-radio {
margin-right: 10px;
position: absolute;
top: 0;
left: 0;
height: 100%;
margin-left: 15px;
}
.two-col-cont__prod-cta:hover {
cursor: pointer;
}
.two-col-cont__log-acc {
display: none;
}
.two-col-cont__right-inner {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
padding: 2rem;
}
.two-col-cont__right-inner > * {
margin-bottom: 15px;
}
.two-col-cont__right-item {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.two-col-cont__right-item img {
margin-right: 1rem;
width: 30px;
}
.two-col-cont__right-text > * {
margin-bottom: 5px;
}
.two-col-cont__form-modal-inner {
padding: 2rem;
}
.two-col-cont__form-modal-inner > * {
margin-bottom: 20px;
}
.two-col-cont__guest-acc > * {
margin-bottom: 15px;
}
.two-col-cont__log-acc > * {
margin-bottom: 15px;
}
.two-col-cont__log-2-acc > * {
margin-bottom: 15px;
}
.two-col-cont__form-top-t {
margin-top: 1rem;
max-width: 500px;
}
.two-col-cont__form-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
flex-wrap: wrap;
}
.two-col-cont__form-ship {
border: 1px solid #000;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
padding: 1rem;
margin-bottom: 10px;
}
.two-col-cont__form-ship-2 {
border: 1px solid #000;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
padding: 1rem;
margin-bottom: 10px;
margin: 1rem 0;
}
.two-col-cont__form-order-cont {
border: 1px solid #000;
width: 100%;
}
.two-col-cont__form-ship-final {
width: 100%;
}
.two-col-cont__input-birth {
padding: 3px;
width: 100%;
}
.two-col-cont__input-birth::-webkit-inner-spin-button,
.two-col-cont__input-birth::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.two-col-cont__input-birth[type="number"] {
-moz-appearance: textfield;
}
.two-col-cont__form-order-top {
border-bottom: 1px solid #000;
padding: 1rem;
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
justify-content: space-between;
}
.two-col-cont__form-order-top p {
padding: 0 5px;
}
.two-col-cont__form-inner-2 {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
}
.two-col-cont__form-inner-2 .checkout-cont__form-inner-3,
.two-col-cont__form-inner-2 .checkout-cont__form-inner-lab {
margin-top: 3px;
}
.two-col-cont__form-order-h {
width: 300px;
}
.two-col-cont__form-order-bottom {
padding: 1rem;
}
.two-col-cont__form-order-inner {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 5px 0;
}
.two-col-cont__warn-cont {
background-color: #f2dede;
padding: 0.5rem;
}
.two-col-cont__form-address {
padding: 1rem;
width: 270px;
border: 1px solid #000;
margin: 5px;
}
.two-col-cont__form-address > * {
margin-bottom: 5px;
}
.two-col-cont__form-addr-top > * {
margin-bottom: 5px;
}
.two-col-cont__form-address-2 {
padding: 1rem;
margin: 1rem 0;
width: 270px;
border: 1px solid #000;
margin-right: 5px;
}
.two-col-cont__form-address-2 > * {
margin-bottom: 5px;
}
.two-col-cont__form-adr-ln {
border-bottom: 1px solid #000;
}
.two-col-cont__form-adr-link-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.two-col-cont__form-adr-link-cont button:hover {
cursor: pointer;
}
.two-col-cont__form-adr-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 0;
}
.two-col-cont__form-adr-link-icon {
margin-right: 5px;
}
.two-col-cont__form-log {
margin-left: 10px;
}
.two-col-cont__form-log:hover {
color: #86A1B7;
}
.two-col-cont__form-invoice-cta {
width: 100%;
text-align: left;
}
.two-col-cont__form-invoice-cta:hover {
cursor: pointer;
}
.two-col-cont__input-tel {
padding: 3px;
width: 100%;
}
.two-col-cont__input-tel::-webkit-inner-spin-button,
.two-col-cont__input-tel::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.two-col-cont__input-tel[type="number"] {
-moz-appearance: textfield;
}
.two-col-cont__form-log-t {
margin-left: 10px;
}
.two-col-cont__form-inp-cont-2 {
width: 60%;
}
.two-col-cont__form-inner-3 {
padding-left: 5px;
}
.two-col-cont__form-check-cont {
width: 60%;
margin-left: 150px;
margin-bottom: 5px;
}
.two-col-cont__prod-info {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
padding: 1rem;
}
.two-col-cont__right-ln {
border-bottom: 1px solid #000;
}
.two-col-cont__prod-inp-int {
margin: 5px 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 10px;
}
.two-col-cont__prod-inp-int input {
padding: 3px;
margin-right: 5px;
}
.two-col-cont__prod-inp-int button {
border: none;
}
.two-col-cont__prod-internal {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 5px 0;
}
.toggle-active {
color: #000;
}
@media only screen and (max-width: 850px) {
.two-col-cont {
flex-wrap: wrap;
}
.two-col-cont__left {
width: 100%;
}
.two-col-cont__right {
width: 100%;
margin-top: 0;
}
.two-col-cont__form-inner {
flex-wrap: wrap;
}
.two-col-cont__form-inner-2 {
flex-wrap: wrap;
}
.two-col-cont__form-inp-cont-2 {
width: 100%;
}
.two-col-cont__form-inp-cont {
width: 100%;
}
.two-col-cont__form-inner-lab {
margin-bottom: 5px;
}
.two-col-cont__form-check-cont {
margin-left: 0;
width: 100%;
}
.two-col-cont__form-pay-cont {
margin-top: 0;
}
.two-col-cont__form-order-top {
flex-wrap: wrap;
}
.two-col-cont__form-order-h {
margin-bottom: 10px;
}
.two-col-cont__form-order-top {
flex-wrap: wrap;
}
.two-col-cont__form-order-top p {
width: 100% !important;
}
}
@media only screen and (max-width: 1170px) {
.two-col-cont__form-ship {
flex-wrap: wrap;
width: initial;
}
.two-col-cont__form-ship input {
margin-bottom: 10px;
}
.two-col-cont__form-pay-cont-inner {
-webkit-box-pack: start;
justify-content: flex-start;
}
.two-col-cont__form-ship-2 {
flex-wrap: wrap;
width: initial;
}
.two-col-cont__form-ship-2 input {
margin-bottom: 10px;
}
.two-col-cont__form-pay-h {
text-align: left;
}
.two-col-cont__form-ship-int {
width: 100%;
}
.two-col-cont__form-ship-img-cont {
width: 100%;
}
.two-col-cont__form-order-top {
flex-wrap: wrap;
}
.two-col-cont__form-order-top p {
width: 100%;
}
}
.link-bottom-cont {
max-width: 1100px;
margin: 0 auto 2rem auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 2rem 2rem 0 2rem;
}
.link-bottom-cont__link {
border-bottom: 1px solid #000;
padding-bottom: 2px;
}
.nav {
width: 100%;
border-bottom: 1px solid #333;
}
.nav__top {
width: 100%;
padding: 0.5rem 3rem;
display: -webkit-box;
display: flex;
background-color: #00000015;
-webkit-box-pack: end;
justify-content: flex-end;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.15);
}
.nav__top .nav__soc-cont,
.nav__top .nav__wish,
.nav__top a {
margin: 0 5px;
}
.nav__top a {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.nav__top .nav__cart {
margin: 0 10px;
}
.nav__top .nav__wish-nr {
padding-right: 5px;
}
.nav__cart-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
}
.nav__cart-cont:hover .cart-card {
display: block;
}
.nav__cart-cont:hover .nav__cart-icon {
display: none;
}
.nav__cart-cont:hover .nav__cart-icon-hover {
display: block;
}
.nav__cart-icon {
width: 23px;
}
.nav__cart-icon-hover {
display: none;
width: 23px;
}
.nav__top-inner {
display: -webkit-box;
display: flex;
}
.nav__free {
display: flex;
-webkit-box-align: center;
align-items: center;
}
.nav__wish {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.nav__wish-link:hover .nav__wish-icon-blue {
display: block;
}
.nav__wish-link:hover .nav__wish-icon {
display: none;
}
.nav__wish-icon-blue {
display: none;
}
.nav__wish-t {
white-space: nowrap;
}
.nav__log {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.nav__log-link:hover {
color: #86A1B7;
}
.nav__cart {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.nav__soc-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.nav__sep {
border-left: 2px solid #000;
}
.nav__mid {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
padding: 1rem 2rem;
max-width: 1400px;
margin:auto;
}
.nav__search {
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
}
.nav__s-input {
border: none;
border-bottom: 1px solid #000;
background: 0 0;
width: 500px;
padding: 5px;
}
.nav__s-input:focus {
outline: 0;
}
.nav__bot {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
margin-bottom: 8px;
position: relative;
}
.nav__bot-inner {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
}
.nav__link-cont {
margin: 0 3px;
}
.nav__link {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 0.5rem;
border: 1px solid rgba(255, 255, 255, 0);
border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.nav__link-arrow {
margin-left: 5px;
}
.nav__dropdown {
display: none;
position: absolute;
flex-wrap: wrap;
width: 95%;
padding: 3rem;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
background-color: #fff;
border: 1px solid #333;
z-index: 1;
top: 39px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.nav__drop-t-cont {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
max-width: 1120px;
width: 100%;
}
.nav__drop-cont {
margin: 0 1rem;
margin-bottom: 1rem;
width: 21%;
}
.nav__drop-inner-link {
display: block;
margin-bottom: 10px;
}
.nav__drop-inner-link:hover {
color: #86A1B7;
}
.nav__drop-img {
margin: 0.5rem;
}
.nav__drop-ln {
width: 40px;
border-bottom: 2px solid #000;
margin-bottom: 10px;
}
.nav__burger-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.nav__mob {
display: none;
}
.nav__mob-icons {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.nav__mob-h {
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 500;
}
.nav__mob-search-btn img {
width: 25px;
margin: 0 5px;
}
.nav__mob-s-form {
width: 100%;
z-index: 1;
display: none;
}
.nav__mob-s-input {
height: 3.9rem;
padding: 10px;
width: 100%;
font-size: 1rem;
border-bottom: none;
}
.nav__mob-cart img {
width: 30px;
margin: 0 5px;
}
.nav__mob-drop {
width: 100%;
background-color: #fff;
display: none;
}
.nav__mob-drop-btn {
width: 100%;
padding: 2rem;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
border: 1px solid #000;
}
.nav__mob-drop-t {
font-family: Roboto, sans-serif;
font-weight: 300;
font-size: 20px;
}
.nav__mob-drop-inner {
width: 100%;
background-color: #86A1B7;
display: none;
}
.nav__mob-drop-links {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: 1rem;
}
.nav__mob-drop-links a {
margin-bottom: 15px;
}
.nav__mob-drop-link-h {
font-size: 18px;
}
.nav__mob-drop-link {
font-size: 17px;
}
.nav__mob-drop-item--login {
background-color: #86A1B7;
}
.nav__mob-drop-item--login a {
font-weight: 600;
}
.nav__cart-counter {
width: 15px;
height: 15px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
border-radius: 100%;
background-color: #86A1B7;
position: absolute;
top: -2px;
right: 3px;
}
.nav-fixed {
display: none;
width: 100%;
border-bottom: 1px solid #333;
position: fixed;
z-index: 5;
top: 0;
left: 0;
background-color: #fff;
}
.nav-fixed .nav__bot {
margin-top: 1rem;
}
.nav__link-cont:hover .nav__dropdown {
display: -webkit-box;
display: flex;
}
.nav__link-cont:hover .nav__link--drop {
border: 1px solid #333;
z-index: 2;
background-color: #fff;
border-bottom: 2px solid #fff;
position: relative;
}
@media only screen and (max-width: 950px) {
.nav {
position: fixed;
overflow-y: scroll;
top: 0;
left: 0;
z-index: 5;
border-bottom: none;
}
.nav__top {
padding: 1rem 1rem;
border-bottom: 1px solid #000;
}
.nav__mob {
display: -webkit-box;
display: flex;
width: 100%;
-webkit-box-pack: justify;
justify-content: space-between;
}
.nav__top-inner {
display: none;
}
.nav__bot {
display: none;
}
.nav__mid {
display: none;
}
.nav-sticky {
background: 0 0;
}
.nav-sticky .nav__top {
display: -webkit-box;
display: flex;
}
}
.cart-card {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.15);
padding: 1rem;
display: inline-block;
width: 300px;
position: absolute;
top: 23px;
right: 0;
z-index: 5;
display: none;
-webkit-animation-name: cart-anim;
animation-name: cart-anim;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.cart-card__item {
display: -webkit-box;
display: flex;
}
.cart-card__inner {
margin-bottom: 0.5rem;
}
.cart-card__img-cont {
width: 120px;
margin-right: 1rem;
}
.cart-card__img {
width: 100%;
}
.cart-card__item-inner-2 {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.cart-card__link {
display: inline-block;
margin-bottom: 0.5rem;
}
.cart-card__bottom {
border-top: 1px solid #000;
padding-top: 0.5rem;
margin: auto;
display: block;
}
.cart-card__bottom-inner {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 1rem;
}
.cart-card__buy-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.cart-card__buy {
display: inline-block !important;
}
@-webkit-keyframes cart-anim {
from {
opacity: 0;
top: 0;
}
to {
opacity: 1;
top: 23px;
}
}
@keyframes cart-anim {
from {
opacity: 0;
top: 0;
}
to {
opacity: 1;
top: 23px;
}
}
.ban-section .header {
margin-top: 5rem;
}
.ban-cont {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
max-width: 1300px;
margin: auto;
-webkit-box-pack: center;
justify-content: center;
padding: 2rem 4rem 4rem 4rem;
}
.ban {
position: relative;
display: inline-block;
margin: 5px;
width: 550px;
height: 295px;
overflow: hidden;
}
.ban__grad {
width: 100%;
height: 100%;
}
.ban__img {
display: block;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.ban__h {
position: absolute;
max-width: 350px;
bottom: 0;
right: 0;
padding: 1.5rem 2rem;
z-index: 1;
text-align: right;
}
@-webkit-keyframes banner {
from {
width: 100%;
}
to {
width: 115%;
}
}
@keyframes banner {
from {
width: 100%;
}
to {
width: 115%;
}
}
.ban:hover .ban__img {
-webkit-animation-name: banner;
animation-name: banner;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media only screen and (max-width: 1250px) {
.ban-cont {
padding: 0 11px;
max-width: 800px;
}
.ban {
width: 600px;
height: 193px;
}
.ban-section .header {
margin-top: 2rem;
}
}
.about {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
position: relative;
padding: 1rem 0 5rem 0;
margin-bottom: 5rem;
}
.about__left {
width: 50%;
z-index: 1;
}
.about__left-inner {
margin-left: 32%;
background-color: #86A1B7;
width: 700px;
padding: 2rem;
margin-top: 6rem;
}
.about__left-inner h1 {
border-bottom: 2px solid #fff;
margin-bottom: 1rem;
display: inline-block;
}
.about__img-1-cont {
max-width: 500px;
margin: 1rem;
}
.about__img-1 {
width: 100%;
}
.about__img-2 {
position: absolute;
bottom: -5rem;
left: 20rem;
z-index: 1;
}
.about__bg {
width: 1100px;
height: 500px;
background-color: #F1E8DA;
position: absolute;
bottom: -1rem;
right: 0;
z-index: -1;
}
.about__right {
position: relative;
width: 50%;
}
@media only screen and (max-width: 1450px) {
.about__left-inner {
margin-left: 10%;
}
}
@media only screen and (max-width: 1400px) {
.about__img-2 {
left: auto;
right: 1rem;
}
}
@media only screen and (max-width: 1150px) {
.about {
padding-bottom: 1rem;
}
.about__img-2 {
display: none;
}
}
@media only screen and (max-width: 800px) {
.about {
padding-bottom: 1rem;
padding-top: 0;
margin: 3rem 0;
flex-wrap: wrap;
}
.about__left {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.about__left-inner {
position: initial;
margin: 1rem;
}
.about__right {
display: none;
}
.about__bg {
display: none;
}
}
.prod-new {
margin: 3rem 0 2rem 0;
position: relative;
overflow: hidden;
}
.prod-new__bg {
width: 1100px;
height: 150px;
position: absolute;
bottom: -1rem;
right: 0;
background-color: #F1E8DA;
z-index: -1;
}
.prod-sales {
margin: 3rem 0 2rem 0;
position: relative;
overflow: hidden;
}
.prod-sales__bg {
width: 1100px;
height: 150px;
position: absolute;
bottom: -1rem;
left: 0;
background-color: #86A1B7;
z-index: -1;
}
.prod-spec {
margin: 3rem 0 2rem 0;
position: relative;
overflow: hidden;
}
.prod-spec__bg {
width: 1100px;
height: 150px;
position: absolute;
bottom: -1rem;
right: 0;
background-color: #F1E8DA;
z-index: -1;
}
.prod-like {
margin: 3rem 0 2rem 0;
position: relative;
overflow: hidden;
}
.prod-like__bg {
width: 1100px;
height: 150px;
position: absolute;
bottom: -1rem;
right: 0;
background-color: #F1E8DA;
z-index: -1;
}
.prod-related {
margin: 3rem 0 2rem 0;
position: relative;
overflow: hidden;
}
.prod-related__bg {
width: 1100px;
height: 150px;
position: absolute;
bottom: -1rem;
right: 0;
background-color: #F1E8DA;
z-index: -1;
}
.footer {
background-color: #86A1B7;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 2rem;
flex-wrap: wrap;
}
.footer__logo {
width: 80px;
}
.footer__ln {
border-bottom: 2px solid #fff;
width: 50px;
margin-bottom: 15px;
margin-left: auto;
margin-right: 0;
}
.footer__text a {
color: #fff;
}
.footer__icon-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.footer__soc-link {
margin: 10px;
}
.footer__link-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.footer__link-h {
margin-bottom: 5px;
text-align: end;
}
.footer__link {
display: -webkit-box;
display: flex;
margin-bottom: 17px;
}
.footer__right {
display: -webkit-box;
display: flex;
}
.footer__right-inner {
width: 170px;
margin: 0 1rem;
}
.footer__right-inner a {
border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.footer__right-inner a:hover {
border-bottom: 2px solid #fff;
}
.footer__bottom {
width: 100%;
}
.footer__cards {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
.footer__card {
margin: 5px;
}
.footer__bot-h {
margin-bottom: 10px;
}
.footer__bot-ln {
border-bottom: 2px solid #fff;
width: 50px;
margin-bottom: 15px;
}
@media only screen and (max-width: 1100px) {
.footer__right-menu {
width: 100%;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.footer__right-inner {
margin: 1rem;
width: initial;
}
.footer__left {
-webkit-box-ordinal-group: 2;
order: 1;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin: auto;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.footer__icon-cont {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.footer__bottom {
-webkit-box-ordinal-group: 3;
order: 2;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
margin-top: 1rem;
}
.footer__bottom p {
margin-bottom: 1rem;
}
.footer__cards {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.footer__text {
max-width: 400px;
margin-left: 1rem;
}
.footer__bot-h {
text-align: center;
}
.footer__bot-ln {
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 900px) {
.footer__link-h {
text-align: center;
}
.footer__ln {
margin-right: auto;
}
.footer__link-cont {
-webkit-box-pack: center;
justify-content: center;
}
.footer__right {
-webkit-box-pack: center;
justify-content: center;
}
.footer__right-inner {
width: 170px;
}
}
.prods-page-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
max-width: 1374px; padding: 2rem;
margin: auto;
}
.prods-page-cont .header {
width: 100%;
}
.prods-cont-left {
width: 300px;
padding: 0 1rem;
}
.prods-cont-left__form-cta {
display: none;
}
.prods-cont-right__inner {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
max-width: 100%;
}
.prods-cont-right__inner .prod {
margin: 1rem;
}
.prods-cont-right__load {
display: block;
margin: auto;
}
.filter-form {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
margin-top: 1rem;
}
.filter-form button {
white-space: nowrap;
}
.filter-form__order {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
margin-bottom: 1rem;
}
.filter-form__filter {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
margin-bottom: 1rem;
width: 100%;
}
.filter-form__inner-cont {
margin-bottom: 10px;
width: 100%;
}
.filter-form__h {
border-bottom: 2px solid #000;
margin-bottom: 15px;
}
.filter-form__h2 {
display: inline-block;
margin-bottom: 10px;
}
.filter-form__line {
border-bottom: 1px solid #000;
width: 100%;
margin-bottom: 10px;
}
.filter-form__check-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin: 3px 0;
}
.filter-form__check-text {
margin-left: 10px;
}
.filter-form__check-text:hover {
text-decoration: underline;
}
@media only screen and (max-width: 850px) {
.prods-page-cont {
flex-wrap: wrap;
}
.prods-cont-left {
-webkit-box-ordinal-group: 2;
order: 1;
}
.prods-cont-left__form-cta {
display: block;
margin: auto;
}
.prods-cont-right {
-webkit-box-ordinal-group: 3;
order: 2;
}
.prods-cont-right__inner {
margin-top: 1rem;
}
.prods-cont-right__prod-nr {
text-align: center;
}
.filter-form {
padding: 1rem;
display: none;
-webkit-animation: form;
animation: form;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
}
@-webkit-keyframes form {
from {
opacity: 0;
margin-top: -3rem;
}
to {
margin-top: 0;
opacity: 1;
}
}
@keyframes form {
from {
opacity: 0;
margin-top: -3rem;
}
to {
margin-top: 0;
opacity: 1;
}
}
.prod-page-cont {
max-width: 1150px;
margin: auto;
padding: 0 1rem;
}
.prod-page-cont__top {
display: -webkit-box;
display: flex;
}
.prod-page-cont__top-left {
padding-right: 2rem;
width: 50%;
}
.prod-page-cont__top-right {
width: 50%;
}
.prod-page-cont__top-right > * {
margin-bottom: 10px;
}
.prod-page-cont__bottom-cont {
margin: 2rem 0;
}
.prod-page-cont__bottom-cont ul{
margin-left: 2em;
margin-bottom: 15px;
}
.prod-page-cont__bottom-cont ul li {
list-style: disc;
display: list-item;
}
.prod-page-cont__img-main {
width: 100%;
}
.prod-page-cont__img-main-cont {
width: 100%;
position: relative;
}
.prod-page-cont__img-main-grad {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.prod-page-cont__img-main-grad img {
display: none;
}
.prod-page-cont__img-main-grad:hover {
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.prod-page-cont__img-main-grad:hover img {
display: block;
}
.prod-page-cont__img {
width: 100%;
}
.prod-page-cont__img-other-cont {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.prod-page-cont__img-other {
width: 25%;
padding: 1% 0.5%;
background-size: cover;
}
.prod-page-cont__img-other:hover {
cursor: pointer;
}
.prod-page-cont__img-other-2 {
width: 200px;
height: 100px;
background-size: cover;
}
.prod-page-cont__soc-and-privacy {
display: inherit;
width: 100%;
justify-content: space-between;
}
.prod-page-cont__soc-cont { position: relative;
}
.prod-page-cont__soc-cont > * {
margin-bottom: 15px;
}
.prod-page-cont__soc {
margin: 0 3px;
}
.prod-page-cont__soc img {
height: 20px;
}
.prod-page-cont__service > * {
margin-bottom: 15px;
}
.prod-page-cont__service-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.prod-page-cont__service-img {
margin-right: 5px;
}
.prod-page-cont__bottom-h {
border-bottom: 1px solid #000;
display: inline-block;
padding-bottom: 2px;
}
.prod-page-form > * {
margin-bottom: 15px;
}
.prod-page-form__select {
padding: 5px;
width: 130px;
}
.prod-page-form__sec-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
}
.prod-page-form__amount-t {
width: 100%;
}
.prod-page-form__sec-input {
width: 35px;
border: 1px solid #000;
padding: 5px;
}
.prod-page-form__sec-input::-webkit-inner-spin-button {
display: none;
}
.prod-page-form__sec-input::-webkit-outer-spin-button {
display: none;
}
.prod-page-form__sec-p-inner {
margin: 0 5px;
}
.prod-page-form__sec-p-right {
margin-left: 5px;
}
.prod-page-form__sec-input-2 {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.prod-page-form__sec-input-2 > * {
margin-bottom: 10px;
}
.prod-page-form__amount-inp {
width: 50px;
margin-right: 10px;
padding-left: 10px;
}
.prod-page-form__amount-inp::-webkit-inner-spin-button {
display: none;
}
.prod-page-form__amount-inp::-webkit-outer-spin-button {
display: none;
}
.prod-page-form__amount-cont {
display: -webkit-box;
display: flex;
}
.prod-page-form__btn {
align-self: flex-end;
}
.prod-page-form .amount-inp {
margin-right: 10px;
}
@media only screen and (max-width: 1000px) {
.prod-page-cont__img-main-cont {
width: 100%;
height: initial;
}
.prod-page-cont__top {
flex-wrap: wrap;
}
.prod-page-cont__top-left {
width: 100%;
padding: 0;
}
.prod-page-cont__top-right {
width: 100%;
margin-top: 2rem;
}
}
.img-gallery-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center; z-index: 5;
display: none;
-webkit-animation-name: prod-modal;
animation-name: prod-modal;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.img-gallery-modal__img-cont {
max-width: 40%;
margin: 1rem;
}
.img-gallery-modal__img {
width: 100%;
}
.img-gallery-modal__close {
position: absolute;
top: 0;
right: 0;
padding: 1rem;
color: #fff;
}
.img-gallery-modal__close:hover {
cursor: pointer;
}
@-webkit-keyframes prod-modal {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes prod-modal {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media only screen and (max-width: 800px) {
.img-gallery-modal__img-cont {
max-width: 90%;
}
}
.checkout-cont { display: block;
-webkit-box-pack: center;
justify-content: center;
max-width: 1200px;
margin: auto;
}
.checkout-cont__left {
margin: 2rem 1rem;
width: 100%;
}
.checkout-cont__right {
margin: 2rem 1rem;
width: 100%;
}
.checkout-cont__right .prod-page-cont__service {
margin: 1rem;
}
.checkout-cont__form-inner-lab {
width: 150px;
padding-right: 5px;
}
.checkout-cont__input {
padding: 3px;
width: 100%;
}
.checkout-cont__input--btn {
border-right: none;
}
.checkout-cont__acc-toggle {
margin-right: 10px;
}
.checkout-cont__acc-toggle:hover {
cursor: pointer;
}
.checkout-cont__form-inp-cont {
width: 60%;
display: -webkit-box;
display: flex;
}
.checkout-cont__form-new-acc {
width: 100%;
}
.checkout-cont__form-invoice-add-cont {
display: none;
}
.checkout-cont__form-invoice-add-cont > * {
margin-bottom: 10px;
}
.checkout-cont__prod-hide {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}
.checkout-cont__prod-hide-price {
white-space: nowrap;
}
.checkout-cont__prod-hide-inner {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 10px 5px;
}
.checkout-cont__form {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
}
.checkout-cont__form-acc-head {
width: 100%;
padding: 1rem 2rem;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
}
.checkout-cont__form-acc-cta {
display: none;
-webkit-box-align: center;
align-items: center;
}
.checkout-cont__form-acc-cta img {
margin: 0 5px;
}
.checkout-cont__form-acc-cta:hover {
cursor: pointer;
}
.checkout-cont__form-pay-cont {
margin-top: 2rem;
}
.checkout-cont__form-pay-cont-inner {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
margin: 1rem 0;
}
.checkout-cont__form-ship-img-cont {
width: 100px;
}
.checkout-cont__form-inner-pay {
margin: 5px;
position: relative;
border: 1px solid #000;
width: 230px;
height: 50px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.checkout-cont__form-inner-radio {
margin-right: 10px;
position: absolute;
top: 0;
left: 0;
height: 100%;
margin-left: 15px;
}
.checkout-cont__prod-cta:hover {
cursor: pointer;
}
.checkout-cont__log-acc {
display: none;
}
.checkout-cont__form-modal {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.5s ease-out;
transition: max-height 0.5s ease-out;
}
.checkout-cont__form-modal-inner {
padding: 2rem;
}
.checkout-cont__form-modal-inner > * {
margin-bottom: 20px;
}
.checkout-cont__guest-acc > * {
margin-bottom: 15px;
}
.checkout-cont__log-acc > * {
margin-bottom: 15px;
}
.checkout-cont__log-2-acc > * {
margin-bottom: 15px;
}
.checkout-cont__form-top-t {
margin-top: 1rem;
max-width: 500px;
}
.checkout-cont__form-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
flex-wrap: wrap;
}
.checkout-cont__form-ship {
border: 1px solid #000;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
padding: 1rem;
margin-bottom: 10px;
}
.checkout-cont__form-ship-2 {
border: 1px solid #000;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
padding: 1rem;
margin-bottom: 10px;
margin: 1rem 0;
}
.checkout-cont__form-order-cont {
border: 1px solid #000;
width: 100%;
}
.checkout-cont__form-ship-final {
width: 100%;
}
.checkout-cont__input-birth {
padding: 3px;
width: 100%;
}
.checkout-cont__input-birth::-webkit-inner-spin-button,
.checkout-cont__input-birth::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.checkout-cont__input-birth[type="number"] {
-moz-appearance: textfield;
}
.checkout-cont__form-order-top {
border-bottom: 1px solid #000;
padding: 1rem;
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
justify-content: space-between;
}
.checkout-cont__form-order-top p {
padding: 0 5px;
}
.checkout-cont__form-inner-2 {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
}
.checkout-cont__form-inner-2 .checkout-cont__form-inner-3,
.checkout-cont__form-inner-2 .checkout-cont__form-inner-lab {
margin-top: 3px;
}
.checkout-cont__form-order-h {
width: 300px;
}
.checkout-cont__form-order-bottom {
padding: 1rem;
}
.checkout-cont__form-order-inner {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 5px 0;
}
.checkout-cont__warn-cont {
background-color: #f2dede;
padding: 0.5rem;
}
.checkout-cont__form-address {
padding: 1rem;
width: 270px;
border: 1px solid #000;
margin: 5px;
}
.checkout-cont__form-address > * {
margin-bottom: 5px;
}
.checkout-cont__form-addr-top > * {
margin-bottom: 5px;
}
.checkout-cont__form-address-2 {
padding: 1rem;
margin: 1rem 0;
width: 270px;
border: 1px solid #000;
margin-right: 5px;
}
.checkout-cont__form-address-2 > * {
margin-bottom: 5px;
}
.checkout-cont__form-adr-ln {
border-bottom: 1px solid #000;
}
.checkout-cont__form-adr-link-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.checkout-cont__form-adr-link-cont button:hover {
cursor: pointer;
}
.checkout-cont__form-adr-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 0;
}
.checkout-cont__form-adr-link-icon {
margin-right: 5px;
}
.checkout-cont__form-log {
margin-left: 10px;
}
.checkout-cont__form-log:hover {
color: #86A1B7;
}
.checkout-cont__form-invoice-cta {
width: 100%;
text-align: left;
}
.checkout-cont__form-invoice-cta:hover {
cursor: pointer;
}
.checkout-cont__input-tel {
padding: 3px;
width: 100%;
}
.checkout-cont__input-tel::-webkit-inner-spin-button,
.checkout-cont__input-tel::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.checkout-cont__input-tel[type="number"] {
-moz-appearance: textfield;
}
.checkout-cont__form-log-t {
margin-left: 10px;
}
.checkout-cont__form-inp-cont-2 {
width: 60%;
}
.checkout-cont__form-inner-3 {
padding-left: 5px;
}
.checkout-cont__form-check-cont {
width: 60%;
margin-left: 150px;
margin-bottom: 5px;
}
.checkout-cont__prod-info {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
padding: 1rem;
}
.checkout-cont__right-ln {
border-bottom: 1px solid #000;
}
.checkout-cont__prod-inp-int {
margin: 5px 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 10px;
}
.checkout-cont__prod-inp-int input {
padding: 3px;
margin-right: 5px;
}
.checkout-cont__prod-inp-int button {
border: none;
}
.checkout-cont__prod-internal {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 5px 0;
}
.toggle-active {
color: #000;
}
@media only screen and (max-width: 850px) {
.checkout-cont {
flex-wrap: wrap;
}
.checkout-cont__left {
width: 100%;
}
.checkout-cont__right {
width: 100%;
margin-top: 0;
}
.checkout-cont__form-inner {
flex-wrap: wrap;
}
.checkout-cont__form-inner-2 {
flex-wrap: wrap;
}
.checkout-cont__form-inp-cont-2 {
width: 100%;
}
.checkout-cont__form-inp-cont {
width: 100%;
}
.checkout-cont__form-inner-lab {
margin-bottom: 5px;
}
.checkout-cont__form-check-cont {
margin-left: 0;
width: 100%;
}
.checkout-cont__form-pay-cont {
margin-top: 0;
}
.checkout-cont__form-order-top {
flex-wrap: wrap;
}
.checkout-cont__form-order-h {
margin-bottom: 10px;
}
.checkout-cont__form-order-top {
flex-wrap: wrap;
}
.checkout-cont__form-order-top p {
width: 100% !important;
}
}
@media only screen and (max-width: 1170px) {
.checkout-cont__form-ship {
flex-wrap: wrap;
width: initial;
}
.checkout-cont__form-ship input {
margin-bottom: 10px;
}
.checkout-cont__form-pay-cont-inner {
-webkit-box-pack: start;
justify-content: flex-start;
}
.checkout-cont__form-ship-2 {
flex-wrap: wrap;
width: initial;
}
.checkout-cont__form-ship-2 input {
margin-bottom: 10px;
}
.checkout-cont__form-pay-h {
text-align: left;
}
.checkout-cont__form-ship-int {
width: 100%;
}
.checkout-cont__form-ship-img-cont {
width: 100%;
}
.checkout-cont__form-order-top {
flex-wrap: wrap;
}
.checkout-cont__form-order-top p {
width: 100%;
}
}
.cart-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
max-width: 1200px;
margin: auto;
}
.cart-cont__left {
margin: 1rem 1rem;
width: 65%;
}
.cart-cont__right {
margin: 1rem 1rem;
width: 35%;
}
.cart-cont__right .prod-page-cont__service {
margin: 1rem;
}
.cart-cont__cart {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
padding: 1rem 1rem 3rem 1rem;
}
.cart-cont__prod-hide {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}
.cart-cont__prod-hide-price {
white-space: nowrap;
}
.cart-cont__prod-hide-inner {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 10px 5px;
}
.cart-cont__prod-cta:hover {
cursor: pointer;
}
.cart-cont__check-cta-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
margin-top: 1rem;
}
.cart-cont__prod-check-cta {
margin: auto;
}
.cart-cont__prod-info {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
padding: 1rem;
}
.cart-cont__right-ln {
border-bottom: 1px solid #000;
}
.cart-cont__prod-inp-int {
margin: 5px 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 10px;
}
.cart-cont__prod-inp-int input[type="number"]::-webkit-inner-spin-button,
.cart-cont__prod-inp-int input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.cart-cont__prod-inp-int input {
padding: 3px;
margin-right: 5px;
}
.cart-cont__prod-inp-int button {
border: none;
}
.cart-cont__prod-internal {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin: 5px 0;
}
.cart-link-cont {
max-width: 1200px;
margin: 0 auto 2rem auto;
}
.cart-link-cont__link {
border-bottom: 1px solid #000;
padding-bottom: 2px;
margin-left: 1rem;
}
@media only screen and (max-width: 850px) {
.cart-cont {
flex-wrap: wrap;
}
.cart-cont__left {
width: 100%;
}
.cart-cont__right {
width: 100%;
margin-top: 0;
}
.cart-cont__form-inner {
flex-wrap: wrap;
}
.cart-cont__form-inner-2 {
flex-wrap: wrap;
}
.cart-cont__form-inp-cont-2 {
width: 100%;
}
.cart-cont__form-inp-cont {
width: 100%;
}
.cart-cont__form-inner-lab {
margin-bottom: 5px;
}
.cart-cont__form-check-cont {
margin-left: 0;
width: 100%;
}
.cart-cont__form-pay-cont {
margin-top: 0;
}
.cart-cont__form-order-top {
flex-wrap: wrap;
}
.cart-cont__form-order-h {
margin-bottom: 10px;
}
.cart-cont__form-order-top {
flex-wrap: wrap;
}
.cart-cont__form-order-top p {
width: 100% !important;
}
}
.cart-item {
display: -webkit-box;
display: flex;
margin: 1rem 0;
}
.cart-item__img {
width: 200px;
}
.cart-item__prod-link {
display: inline-block;
}
.cart-item__prod-link:hover {
color: #86A1B7;
}
.cart-item > * {
margin-right: 15px;
}
.cart-item__name-cont > * {
margin-bottom: 5px;
}
.cart-item__del {
margin-top: 2rem;
}
.cart-item__del-cont {
margin-right: 0;
}
@media only screen and (max-width: 950px) {
.cart-item {
flex-wrap: wrap;
}
.cart-item__img {
margin-bottom: 10px;
}
.cart-item__name-cont {
width: 100%;
}
.cart-item .amount-inp {
margin: 0;
width: 70px;
}
.cart-item .amount-inp label {
width: 100%;
}
.cart-item__del {
margin-top: 2.5rem;
margin-left: 10px;
}
}
.wish-cont {
max-width: 1100px;
margin: 3rem auto;
}
.wish-cont__inner {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
margin: 0 1rem;
padding: 2rem;
}
.wish-cont__inner h2 {
margin-bottom: 2rem;
}
.wish-cont__bottom {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 2rem 2rem 0 2rem;
}
.wish-cont__link {
border-bottom: 1px solid #000;
padding-bottom: 2px;
}
.wish-item {
display: -webkit-box;
display: flex;
margin: 2rem 0;
}
.wish-item__img {
width: 200px;
}
.wish-item__prod-link {
display: inline-block;
max-width: 280px;
}
.wish-item__prod-link:hover {
color: #86A1B7;
}
.wish-item__inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
align-self: flex-start;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
}
.wish-item__inner > * {
margin-right: 1rem;
}
.wish-item__price {
white-space: nowrap;
}
.wish-item > * {
margin-right: 15px;
}
.wish-item__name-cont > * {
margin-bottom: 5px;
}
.wish-item__del-cont {
margin-right: 0;
}
.wish-item button {
white-space: nowrap;
}
.wish-item__low-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin: 0;
}
.wish-item__low-cont button {
margin-right: 1rem;
}
.wish-item__low-cont .wish-item__del {
margin: 15px;
}
@media only screen and (max-width: 950px) {
.wish-item {
flex-wrap: wrap;
}
.wish-item__img {
margin-bottom: 10px;
}
.wish-item__inner {
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
margin-right: 0;
}
.wish-item__inner > * {
margin-bottom: 10px;
}
.wish-item__prod-link {
max-width: 100%;
margin-right: 0;
}
}
.header {
width: 100%;
}
.header__h {
text-align: center;
}
.search-page-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
max-width: 1200px;
padding: 1rem;
margin: auto;
}
.search-cont-left__inner {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
max-width: 100%;
}
.search-cont-left__inner .prod {
margin: 1rem;
}
.search-cont-left__load {
display: block;
margin: auto;
}
.search-cont-left__bottom-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.search-filter-form {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
margin-top: 1rem;
}
.search-filter-form button {
white-space: nowrap;
}
.search-filter-form__order {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin: auto;
margin-bottom: 1rem;
}
.search-filter-form__inner-cont {
margin-bottom: 10px;
width: 100%;
}
.search-filter-form__h {
margin-right: 10px;
}
@media only screen and (max-width: 850px) {
.search-cont-left {
-webkit-box-ordinal-group: 3;
order: 2;
}
.search-cont-left__inner {
margin-top: 1rem;
}
.search-cont-left__prod-nr {
text-align: center;
}
}
@keyframes form {
from {
opacity: 0;
margin-top: -3rem;
}
to {
margin-top: 0;
opacity: 1;
}
}
.login-cont {
max-width: 1200px;
margin: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.login-cont__form-modal {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
margin: 2rem;
margin-bottom: 7rem;
width: 100%;
}
.login-cont__form-modal-inner {
max-width: 600px;
margin: auto;
padding: 3rem 1rem;
}
.login-cont__form-modal-inner > * {
margin-bottom: 20px;
}
.login-cont__form-modal-inner button {
margin: 0;
}
.login-cont__form-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
}
.login-cont__form-inner-lab {
width: 150px;
padding-right: 5px;
}
.login-cont__btn-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.login-cont__pass-link-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.login-cont__form-inp-cont {
width: 80%;
display: -webkit-box;
display: flex;
}
.login-cont__input {
padding: 3px;
width: 100%;
}
.login-cont__input--btn {
border-right: none;
}
@media only screen and (max-width: 850px) {
.login-cont__form-inner {
flex-wrap: wrap;
}
.login-cont__form-inner-lab {
margin-bottom: 5px;
}
.login-cont__form-inp-cont {
width: 100%;
}
}
.login-pas-cont {
max-width: 1200px;
margin: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.login-pas-cont__form-modal {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
margin: 2rem;
margin-bottom: 7rem;
width: 100%;
}
.login-pas-cont__text {
padding: 2rem 2rem 0 2rem;
max-width: 900px;
margin: auto;
}
.login-pas-cont__form-modal-inner {
max-width: 600px;
margin: auto;
padding: 1rem 1rem 3rem 1rem;
}
.login-pas-cont__form-modal-inner > * {
margin-bottom: 20px;
}
.login-pas-cont__form-modal-inner button {
margin: 0;
}
.login-pas-cont__form-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
}
.login-pas-cont__form-inner-lab {
width: 200px;
padding-right: 5px;
}
.login-pas-cont__btn-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
margin-bottom: 0;
}
.login-pas-cont__pass-link-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.login-pas-cont__form-inp-cont {
width: 80%;
display: -webkit-box;
display: flex;
}
.login-pas-cont__input {
padding: 3px;
width: 100%;
}
.login-pas-cont__input--btn {
border-right: none;
}
@media only screen and (max-width: 850px) {
.login-pas-cont__form-inner {
flex-wrap: wrap;
}
.login-pas-cont__form-inner-lab {
margin-bottom: 5px;
}
.login-pas-cont__form-inp-cont {
width: 100%;
}
}
.register-cont {
max-width: 1200px;
margin: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.register-cont__form-modal {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
margin: 2rem;
margin-bottom: 7rem;
width: 100%;
}
.register-cont__form-inner-3 {
padding-left: 5px;
}
.register-cont__form-modal-inner {
max-width: 600px;
margin: auto;
padding: 3rem 1rem;
}
.register-cont__form-modal-inner > * {
margin-bottom: 20px;
}
.register-cont__form-modal-inner button {
margin: 0;
}
.register-cont__form-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
}
.register-cont__form-inner-lab {
width: 200px;
padding-right: 5px;
}
.register-cont__btn-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.register-cont__pass-link-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.register-cont__form-inp-cont {
width: 80%;
display: -webkit-box;
display: flex;
}
.register-cont__input {
padding: 3px;
width: 100%;
}
.register-cont__input--btn {
border-right: none;
}
.register-cont__form-inner-2 {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
}
.register-cont__form-inner-2 .register-cont__form-inner-3,
.register-cont__form-inner-2 .register-cont__form-inner-lab {
margin-top: 3px;
}
.register-cont__form-inp-cont-2 {
width: 60%;
}
.register-cont__input-birth {
padding: 3px;
width: 100%;
}
.register-cont__input-birth::-webkit-inner-spin-button,
.register-cont__input-birth::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.register-cont__input-birth[type="number"] {
-moz-appearance: textfield;
}
@media only screen and (max-width: 850px) {
.register-cont__form-inner {
flex-wrap: wrap;
}
.register-cont__form-inner-2 {
flex-wrap: wrap;
}
.register-cont__form-inner-lab {
margin-bottom: 5px;
width: 100%;
}
.register-cont__form-inp-cont {
width: 100%;
}
.register-cont__form-inp-cont-2 {
width: 100%;
}
}
.success-cont {
max-width: 1200px;
height: 100vh;
margin: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.success-cont__form-modal {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
margin: 2rem;
margin-bottom: 7rem;
width: 100%;
}
.success-cont__h {
margin-bottom: 1rem;
}
.success-cont__text {
padding: 1rem 2rem 1rem 2rem;
max-width: 900px;
margin: auto;
}
.success-cont__form-modal-inner {
max-width: 600px;
margin: auto;
padding: 1rem 1rem 3rem 1rem;
}
.success-cont__form-modal-inner > * {
margin-bottom: 20px;
}
.success-cont__form-modal-inner button {
margin: 0;
}
.success-cont__btn-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
margin-bottom: 0;
}
.account-cont {
max-width: 1400px;
margin: auto;
}
.account-cont__element-cont {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
margin: 2rem 1rem;
}
.account-cont__element {
width: 380px;
height: 140px;
margin: 5px;
display: -webkit-box;
display: flex;
position: relative;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
}
.account-cont__element img {
margin-bottom: 1rem;
}
.account-cont__element-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.account-cont__link {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
margin: auto;
margin-bottom: 2rem;
}
.account-cont__link a {
margin-bottom: 2px;
border-bottom: 1px solid #000;
}
.account-cont__link a:hover {
border-bottom: 1px solid #86A1B7;
}
.account-cont__element-h {
text-align: center;
}
.account-cont__element:hover .account-cont__element-h {
color: #86A1B7;
}
.acc-info {
max-width: 1200px;
margin: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.acc-info__form-modal {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
margin: 2rem;
margin-bottom: 1rem;
width: 100%;
}
.acc-info__form-inner-3 {
padding-left: 5px;
}
.acc-info__form-modal-inner {
max-width: 600px;
margin: auto;
padding: 3rem 1rem;
}
.acc-info__form-modal-inner > * {
margin-bottom: 20px;
}
.acc-info__form-modal-inner button {
margin: 0;
}
.acc-info__form-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
}
.acc-info__form-inner-lab {
width: 150px;
padding-right: 5px;
}
.acc-info__btn-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.acc-info__pass-link-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.acc-info__form-inp-cont {
width: 80%;
display: -webkit-box;
display: flex;
}
.acc-info__input {
padding: 3px;
width: 100%;
}
.acc-info__input--btn {
border-right: none;
}
.acc-info__form-inner-2 {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
}
.acc-info__form-inner-2 .register-cont__form-inner-3,
.acc-info__form-inner-2 .register-cont__form-inner-lab {
margin-top: 3px;
}
.acc-info__form-inner-show {
padding-left: 5px;
}
.acc-info__form-inner-hide {
display: none;
width: 100%;
}
.acc-info__form-inp-cont-2 {
width: 60%;
}
.acc-info__input-birth {
padding: 3px;
width: 100%;
}
.acc-info__input-birth::-webkit-inner-spin-button,
.acc-info__input-birth::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.acc-info__input-birth[type="number"] {
-moz-appearance: textfield;
}
@media only screen and (max-width: 850px) {
.acc-info__form-inner {
flex-wrap: wrap;
}
.acc-info__form-inner-2 {
flex-wrap: wrap;
}
.acc-info__form-inner-lab {
margin-bottom: 5px;
width: 100%;
}
.acc-info__form-inp-cont {
width: 100%;
}
.acc-info__form-inp-cont-2 {
width: 100%;
}
.acc-info__form-inner-show {
display: none;
}
.acc-info__form-inner-hide {
display: block;
}
}
.cart-modal {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
z-index: 5;
}
.cart-modal__outer {
width: 100%;
}
.cart-modal__inner {
max-width: 1100px;
display: block;
margin: auto;
position: relative;
padding: 1rem;
}
.cart-modal__cont-wrapper {
width: 100%;
background-color: #fff;
}
.cart-modal__top {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid #000;
}
.cart-modal__success {
margin: 1.5rem;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.cart-modal__success img {
margin-right: 10px;
}
.cart-modal__mid {
display: -webkit-box;
display: flex;
border-bottom: 1px solid #000;
}
.cart-modal__left {
display: -webkit-box;
display: flex;
border-right: 1px solid #000;
padding: 3rem 1rem 3rem 1rem;
padding-left: 5%;
width: 60%;
}
.cart-modal__left-1 > * {
margin-bottom: 10px;
}
.cart-modal__right {
padding: 3rem 1rem;
padding-left: 5%;
}
.cart-modal__right > * {
margin-bottom: 10px;
}
.cart-modal__img-cont {
width: 200px;
margin-right: 10px;
}
.cart-modal__img-cont img {
width: 100%;
}
.cart-modal__bottom {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: 1.5rem;
}
.cart-modal__bottom > * {
margin: 0 1rem;
}
.cart-modal__link {
display: inline-block;
}
.cart-modal__close {
position: absolute;
top: 0;
right: 0;
padding: 2rem;
}
@media only screen and (max-width: 800px) {
.cart-modal {
bottom: 0;
height: 100%;
padding-top: 10rem;
overflow-y: scroll;
}
.cart-modal__mid {
flex-wrap: wrap;
}
.cart-modal__left {
flex-wrap: wrap;
border-bottom: 1px solid #000;
width: 100%;
}
.cart-modal__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.cart-modal__bottom button {
margin-bottom: 1rem;
}
.cart-modal__img-cont {
margin-bottom: 0.5rem;
}
}
.view-modal {
width: 100%;
position: fixed;
height: 100%;
padding-top: 5rem;
-webkit-box-align: start;
align-items: flex-start;
overflow-y: scroll;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none;
-webkit-box-pack: center;
justify-content: center;
z-index: 5;
}
.view-modal__outer {
width: 100%;
}
.view-modal__inner {
max-width: 900px;
display: block;
margin: auto;
position: relative;
padding: 1rem;
}
.view-modal__cont-wrapper {
width: 100%;
background-color: #fff;
}
.view-modal__top {
display: -webkit-box;
display: flex;
padding: 2rem;
border-bottom: 1px solid #000;
}
.view-modal__close {
position: absolute;
top: 0;
right: 0;
padding: 2rem;
}
.view-modal__top-left {
padding-right: 2rem;
width: 55%;
}
.view-modal__top-right {
width: 45%;
}
.view-modal__top-right > * {
margin-bottom: 10px;
}
.view-modal__img-main {
width: 100%;
}
.view-modal__img-main-cont {
width: 100%;
position: relative;
}
.view-modal__img {
width: 100%;
}
.view-modal__img-other-cont {
display: -webkit-box;
display: flex;
margin-top: 10px;
flex-wrap: wrap;
}
.view-modal__img-other {
width: 25%;
padding: 1%;
background-size: cover;
}
.view-modal__img-other:hover {
cursor: pointer;
}
.view-modal__img-other-2 {
width: 200px;
height: 100px;
background-size: cover;
}
.view-modal__bottom {
padding: 1rem;
}
.view-modal__soc-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.view-modal__soc-h {
margin-right: 1rem;
}
.view-modal__soc-cont-int {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.view-modal__soc {
margin: 0 5px;
}
.view-modal__soc img {
height: 18px;
}
.view-modal-form {
margin: 0 0;
}
.view-modal-form > * {
margin-bottom: 15px;
}
.view-modal-form__sec-cont {
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
}
.view-modal-form__amount-t {
width: 100%;
}
.view-modal-form__sec-input {
width: 40px;
border: 2px solid #000;
padding: 5px;
}
.view-modal-form__sec-input::-webkit-inner-spin-button {
display: none;
}
.view-modal-form__sec-input::-webkit-outer-spin-button {
display: none;
}
.view-modal-form__sec-p-inner {
margin: 0 5px;
}
.view-modal-form__sec-p-right {
margin-left: 5px;
}
.view-modal-form__sec-input-2 {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.view-modal-form__sec-input-2 > * {
margin-bottom: 10px;
}
.view-modal-form__amount-inp {
width: 50px;
margin-right: 10px;
padding-left: 10px;
}
.view-modal-form__amount-inp::-webkit-inner-spin-button {
display: none;
}
.view-modal-form__amount-inp::-webkit-outer-spin-button {
display: none;
}
.view-modal-form__amount-cont {
display: -webkit-box;
display: flex;
margin-bottom: 0;
}
.view-modal-form__btn {
align-self: flex-end;
}
@media only screen and (max-width: 800px) {
.view-modal__img-main-cont {
width: 100%;
height: initial;
}
.view-modal__top {
flex-wrap: wrap;
}
.view-modal__top-left {
width: 100%;
padding: 0;
}
.view-modal__top-right {
width: 100%;
margin-top: 2rem;
}
}
.wish-modal {
width: 100%;
position: fixed;
height: 100%;
padding-top: 5rem;
-webkit-box-align: center;
align-items: center;
overflow-y: scroll;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
z-index: 5;
}
.wish-modal__text {
padding: 1rem;
padding-right: 2.5rem;
}
.wish-modal__inner {
display: block;
margin: auto;
position: relative;
padding: 1rem;
}
.wish-modal__cont-wrapper {
width: 100%;
background-color: #fff;
}
.wish-modal__close {
position: absolute;
top: 0;
right: 0;
padding: 2rem;
}
.acc-address {
max-width: 1200px;
margin: auto;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.acc-address__form-modal {
background-color: #fff;
box-shadow: 4px 4px 28px rgba(0, 0, 0, 0.13);
margin: 2rem;
margin-bottom: 1rem;
width: 100%;
}
.acc-address__form-inner-3 {
padding-left: 5px;
}
.acc-address__form-modal-inner {
max-width: 700px;
margin: auto;
padding: 3rem 1rem;
}
.acc-address__form-modal-inner > * {
margin-bottom: 20px;
}
.acc-address__form-modal-inner button {
margin: 0;
}
.acc-address__3rd-col {
width: 150px;
}
.acc-address__3rd-col p {
padding-left: 10px;
}
.acc-address__form-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
}
.acc-address__form-inner-lab {
width: 200px;
padding-right: 5px;
}
.acc-address__btn-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.acc-address__pass-link-cont {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.acc-address__form-inp-cont {
width: 70%;
display: -webkit-box;
display: flex;
}
.acc-address__input {
padding: 3px;
width: 100%;
}
.acc-address__input--btn {
border-right: none;
}
.acc-address__form-inner-2 {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
}
.acc-address__form-inner-2 .register-cont__form-inner-3,
.acc-address__form-inner-2 .register-cont__form-inner-lab {
margin-top: 3px;
}
.acc-address__form-inp-cont-2 {
width: 60%;
}
.acc-address__input-birth {
padding: 3px;
width: 100%;
}
.acc-address__input-birth::-webkit-inner-spin-button,
.acc-address__input-birth::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.acc-address__input-birth[type="number"] {
-moz-appearance: textfield;
}
@media only screen and (max-width: 850px) {
.acc-address__form-inner {
flex-wrap: wrap;
}
.acc-address__form-inner-2 {
flex-wrap: wrap;
}
.acc-address__form-inner-lab {
margin-bottom: 5px;
width: 100%;
}
.acc-address__form-inp-cont {
width: 100%;
}
.acc-address__form-inp-cont-2 {
width: 100%;
}
}
.nav__mob-drop .nav__link-cont {
margin: 10px 20px !important;
}
.nav__mob-search-btn {
display: flex;
align-items: center;
}
.prod__h-link {
min-height: 70px !important;
}
@media only screen and (max-width: 1100px) {
.footer__text {
max-width: 400px;
margin: auto;
}
}
.prods-cont-left__inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.prods-cont-left__inner .prod {
margin: 1rem;
}
.prods-cont-left {
order: 2;
}
.prods-cont-right {
order: 1;
}
.prods-cont-right__form-cta {
display: none;
margin-bottom: 1rem;
}
@media only screen and (max-width: 850px) {
.prods-cont-right__form-cta {
display: block;
}
}
.prods-cont-right { width: 290px;	
}
.woocommerce .widget_price_filter .price_slider_amount {
display: flex;
flex-direction: column;
justify-content: center;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
order: 1;
display: flex;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
order: 2;
}
.filter-form__order .input-drop {
margin-bottom: 1rem;
}
.nav__dropdown { width: 1300px !important;
}
@media only screen and (max-width: 1370px) {
.nav__dropdown {
width: 95vw !important;
}
}
@media only screen and (max-width: 1125px) {
.nav__dropdown {
width: 95vw !important;
}
}
.footer__cards {
justify-content: center;
}
.footer__bot-h {
text-align: center;
}
.footer__bot-ln {
margin: auto;
margin-bottom: 15px;
}
@media only screen and (max-width: 1100px) {
.footer__left p {
text-align: center;
}
}
@media only screen and (max-width: 950px) {
.nav__dropdown {
width: 95% !important;
}
}
.amount-input-cont__internal {
display: flex;
right: 0px;
}
.login-pas-cont__form-modal {
margin: 2rem 0rem 7rem 0rem;
}
.woocommerce .login-cont__form-modal {
margin: 2rem 0rem 7rem 0rem;
}
.woocommerce-form__label-for-checkbox {
display: inline-block;
margin-bottom: 1rem;
}
@media only screen and (max-width: 1000px) {
.cart-cont__cart .update-btn {
float: none;
margin-bottom: 10px;
}
}
.amount-inp .quantity .screen-reader-text {
display: none;
}
.ban-cont .header {
margin-top: 2rem;
margin-bottom: 2rem;
}
.prod-page-form__btn:hover, a.cart-cont__prod-check-cta.btn:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
color: #E36F6F;
border: 2px solid #E36F6F;
}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:2em;height:2em;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;padding:0;opacity:.7;background:#ccc}.splide__arrow svg{width:1.2em;height:1.2em}.splide__arrow:hover{cursor:pointer;opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:transform .2s linear;border:none;opacity:.7}.splide__pagination__page.is-active{transform:scale(1.4);background:#fff}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#ccc}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#000}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}