.color-white{
    color:#fff!important
}
html{
    background-color:#ddd0be
}
body,html{
    position:relative;
    margin:0;
    padding:0;
    font-family:Montserrat,sans-serif;
    -ms-scroll-chaining:none;
    overscroll-behavior:none;
    outline:none;
    font-weight:300;
    color:#474747
}
input{
    font-family:inherit;
    font-size:inherit;
    color:inherit;
    min-width:300px;
    text-decoration:none;
    border:none;
    /* border-radius:1rem; */
    padding:.6em 1em
}
html{
    font-size:62.5%
}
body{
    font-size:2rem;
    max-width:100vw;
    font-family:Montserrat,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    min-width:100%;
    min-height:100vh
}
@media only screen and (max-width:1599px){
    body{
        font-size:2rem
    }
}
@media only screen and (max-width:1439px){
    body{
        font-size:1.8rem
    }
}
@media only screen and (max-width:1279px){
    body{
        font-size:1.5rem
    }
}
@media only screen and (max-width:767px){
    body{
        font-size:1rem
    }
}
.page-wrap{
    position:relative;
    overflow:hidden
}
strong{
    font-family:Montserrat,sans-serif;
    font-weight:700
}
h1,h2,h3,h4,h5,h6{
    margin:0 0 2rem;
    font-family:Montserrat,sans-serif;
    font-weight:200;
    text-transform: uppercase;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
    display:inline-block
}
h1.main-title {
    font-size: 4em;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: .2em!important;
}
h2.main-subtitle {
    font-weight: bold;
    text-transform: uppercase;
}
p{
    margin:0 0 2rem;
    font-family:Montserrat,sans-serif;
    font-weight:300;
    line-height: 1.4
}
@media only screen and (max-width:767px){
    p{
        font-size:1.5em
    }
}
a{
    outline:none;
    text-decoration:none;
    color:#474747;
    font-family:Montserrat,sans-serif;
    font-weight:700;
    -webkit-transition:color .3s linear,background-color .3s linear;
    -o-transition:color .3s linear,background-color .3s linear;
    transition:color .3s linear,background-color .3s linear
}
a:hover{
    color:#000
}
ul{
    margin:0 0 2rem;
    padding:0
}
ol li{
    color:#000
}
picture{
    display:block
}
img{
    max-width:100%;
    height:auto
}
button:focus{
    outline:none!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .flex{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media only screen and (max-width:767px){
    .flex>*{
        margin-bottom:2rem;
        width:100%
    }
}
.inside{
    max-width:1350px;
    display:block;
    margin:0 auto;
    padding:0 2.5em
}
.text-left{
    text-align:left
}
.text-center{
    text-align:center
}
.text-no-transform{
    text-transform:none
}
.mobile-show{
    display:none
}
@media only screen and (max-width:1023px){
    .mobile-show{
        display:block
    }
}
@media only screen and (max-width:1023px){
    .mobile-hide{
        display:none
    }
}
.sunce-bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.wrapper-svg{
    position:absolute!important;
    top:0;
    left:0;
    width:90%;
    height:auto;
    opacity:.3;
    pointer-events:none;
    z-index:-1
}
@media only screen and (max-width:767px){
    #wpadminbar{
        top:-48px!important
    }
}
i{
    -webkit-transition:color .3s linear;
    -o-transition:color .3s linear;
    transition:color .3s linear
}
.small{
    font-size:.6em
}
@media only screen and (max-width:767px){
    .small{
        font-size:.9em
    }
}
.blank-page{
    background:#fff;
    padding:12em 4em 4em!important
}
@media only screen and (max-width:767px){
    .blank-page .container{
        padding:0
    }
}
.blank-page ul{
    margin-left:20px
}
.cookies{
    display:none
}
.hide-overflow-x{
    overflow-x:hidden
}
.btn{
    font-size:1em;
    text-decoration:underline;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:none;
    cursor:pointer;
    font-weight:700
}
@media only screen and (max-width:767px){
    .btn{
        font-size:1.5em
    }
}
.btn.btn-fill{
/*     background-color:#474747;
    color:#fff;
    -webkit-transition:background-color .3s linear;
    -o-transition:background-color .3s linear;
    transition:background-color .3s linear;
    text-align:center;
    min-width:15em;
    text-decoration:none;
    border-radius:1rem;
    padding:.6em 1em */


    background-color: transparent;
    color:#474747;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align:center;
    min-width:15em;
    text-decoration:none;
    /* border-radius:1rem; */
    padding:.6em 1em;
    border: 2px solid #e2af86;
    font-weight: 400;
    text-transform: uppercase;
}
@media only screen and (max-width:1279px){
    .btn.btn-fill{
        min-width:300px
    }
}
@media only screen and (max-width:767px){
    .btn.btn-fill{
        min-width:100%
    }
}
.btn.btn-fill.active,.btn.btn-fill:hover{
    /* background-color:#000 */
    background-color:#e2af86;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.container{
    max-width:1450px;
    padding:0 2.5em
}
.container,.container-slider{
    display:block;
    position:relative;
    margin:0 auto;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:1
}
.container-slider{
    max-width:1600px;
    padding:0
}
main{
    z-index:1
}
.relative,main{
    position:relative
}
.menu{
    position:absolute;
    width:100%;
    max-width:1920px;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:1000
}
@media only screen and (max-width:767px){
    .menu{
        font-size:1.5em
    }
}
.menu .inside{
    max-width:100%;
    padding:3rem 7.5rem
}
.menu .menu__list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    list-style:none;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .menu .menu__list{
        position:absolute;
        width:100%;
        height:auto;
        top:0;
        left:0;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        text-align:center;
        background-color:#ddd0be;
        max-height:0;
        -webkit-transition:max-height .3s linear,-webkit-box-shadow .3s linear;
        transition:max-height .3s linear,-webkit-box-shadow .3s linear;
        -o-transition:max-height .3s linear,box-shadow .3s linear;
        transition:max-height .3s linear,box-shadow .3s linear;
        transition:max-height .3s linear,box-shadow .3s linear,-webkit-box-shadow .3s linear;
        overflow:hidden;
        -webkit-box-shadow:0 12px 18px 5px rgba(0,0,0,0);
        box-shadow:0 12px 18px 5px rgba(0,0,0,0)
    }
}
.menu .menu__list.open{
    max-height:400px;
    -webkit-box-shadow:0 12px 18px 5px rgba(0,0,0,.2);
    box-shadow:0 12px 18px 5px rgba(0,0,0,.2)
}
.menu .menu__list li{
    list-style:none
}
@media only screen and (max-width:767px){
    .menu .menu__list li{
        width:100%;
        padding-right:70px
    }
}
.menu .menu__list li a{
    margin-left:2.5em;
    padding:1.3em 0 1.3em 1.3em;
    display:block
}
h1{
    font-size:3.3em
}
h2{
    font-size:2.4em
}
h3{
    font-size:1.5em
}
h4{
    font-size:1.4em
}
h5{
    font-size:1.3em;
    font-size:1.2em
}
input{
    background:#fff;
/*     -webkit-box-shadow:inset 0 4px 30px rgba(0,0,0,.25);
    box-shadow:inset 0 4px 30px rgba(0,0,0,.25) */
    border: 2px solid #e2af86;
    text-transform: uppercase;
}
input[type="submit"]:hover {
    background: #e2af86;
    color: #fff;
}
input:focus{
    outline:none
}
@media only screen and (max-width:767px){
    label{
        font-size:1.5em
    }
}
@media only screen and (max-width:767px){
    footer .container{
        padding-top:0
    }
}
@media only screen and (max-width:767px){
    footer nav{
        width:100%
    }
}
footer .mobile-logo{
    width:35%;
    margin:0 auto 4em
}
footer .partners{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:50%
}
@media only screen and (max-width:767px){
    footer .partners{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
footer .partners a{
    margin:0 1em 0 0
}
footer .partners .partner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer .partners .partner .partner-logo{
    width:45%
}
footer .partners i{
    font-size:1.7em;
    padding:.3em;
    background-color:#c4c4c4;
    /* border-radius:100%; */
    color:#fff;
    -webkit-transition:background-color .3s linear;
    -o-transition:background-color .3s linear;
    transition:background-color .3s linear
}
footer .partners i:hover{
    background-color:#474747
}
.cookies #cookieSettings{
    background-color:#c4c4c4
}
.cookies #settings{
    padding:2em 0 0;
    text-align:left;
    display:none
}
.cookies #settings label{
    padding:0
}
.cookies #settings input{
    width:auto;
    min-width:0
}
.swiper-container .swiper-wrapper .swiper-slide{
    display:none
}
.swiper-container .swiper-wrapper .swiper-slide:first-child{
    display:block
}
.two-column-with-image{
    position:relative;
    padding:7em 0
}
@media only screen and (max-width:767px){
    .two-column-with-image{
        padding-top:0;
        padding-bottom:3em
    }
}
.two-column-with-image .container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    flex-direction: row-reverse;
}
@media only screen and (max-width:767px){
    .two-column-with-image .container{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        flex-direction: column-reverse;
        padding-top: 4em;
    }
}
.two-column-with-image .container .column{
    width:46%;
    margin:2%;
}
@media only screen and (max-width:767px){
    .two-column-with-image .container .column{
        width:100%
    }
}
@media only screen and (max-width:767px){
    .two-column-with-image .small{
        font-size:1.1em!important
    }
}
.two-column-with-image h1{
    /* margin:1em 0 .5em; */
    margin:.5em 0;
}
@media only screen and (max-width:767px){
    .two-column-with-image h1{
        margin-top:1.5em
    }
}
.two-column-with-image .flex{
    padding-top:1em;
    -webkit-box-pack:normal;
    -ms-flex-pack:normal;
    justify-content:normal
}
.two-column-with-image .flex .btn{
    margin-right:3em
}
@media only screen and (max-width:767px){
    .two-column-with-image .btn{
        max-width:60%;
        min-width:auto;
        margin-left:0!important;
        margin-right:auto!important
    }
}
.two-column-with-image .btn-fill{
    margin-right:2rem
}
@media only screen and (max-width:767px){
    .two-column-with-image .btn-fill{
        text-align:center
    }
}
.two-column-with-image p{
    font-weight:500;
    margin-bottom:1em
}
.two-column-with-image span{
    margin-top:1em;
    display:block
}
.two-column-with-image .bg{
    position:absolute;
    width:100%;
    height:100%;
    -o-object-fit:fill;
    object-fit:fill;
    top:0;
    left:0;
    z-index:-1;
    pointer-events:none
}
.two-column-with-image .swiper-container{
    overflow:visible
}
.two-column-with-image .swiper-container .swiper-slide img{
    max-width:90%;
    position:absolute;
    /*top:50%;
    left:50%;
    -webkit-transform:translate(-35%,-50%);
    -ms-transform:translate(-35%,-50%);
    transform:translate(-35%,-50%);*/
}
@media only screen and (max-width:1799px){
    .two-column-with-image .swiper-container .swiper-slide img{
        max-width:90%
    }
}
@media only screen and (max-width:1699px){
    .two-column-with-image .swiper-container .swiper-slide img{
        max-width:90%
    }
}
@media only screen and (max-width:1599px){
    .two-column-with-image .swiper-container .swiper-slide img{
        max-width:90%;
        /*-webkit-transform:translate(-40%,-50%);
        -ms-transform:translate(-40%,-50%);
        transform:translate(-40%,-50%)*/
    }
}
/* @media only screen and (max-width:1439px){
    .two-column-with-image .swiper-container .swiper-slide img{
        -webkit-transform:translate(-45%,-50%);
        -ms-transform:translate(-45%,-50%);
        transform:translate(-45%,-50%)
    }
}
@media only screen and (max-width:1279px){
    .two-column-with-image .swiper-container .swiper-slide img{
        -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
} */
@media only screen and (max-width:767px){
    .two-column-with-image .swiper-container .swiper-slide img{
        position:relative;
        position: relative;
        margin: 1em 0;
        height: auto;
        width: 100vw!important;
        max-width: 100vw;
        left: -3.2em;
    }
}
.slider{
    position:relative;
    background:#fff
}
.slider .content{
    position:absolute;
    right:0;
    bottom:-6.5vw;
    width:55%;
    padding:5em 0 5em 5em;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:3;
    max-width:1100px
}
.slider .content .bg-white{
    background-color:#fff;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    height:100%;
    width:100vw;
    /* border-radius:.75em; */
    -webkit-box-shadow:.8em .8em 2em 0 rgba(71,71,71,.8);
    box-shadow:.8em .8em 2em 0 rgba(71,71,71,.8)
}
@media only screen and (max-width:767px){
    .slider .content{
        position:relative;
        bottom:3vw;
        margin:0 auto;
        width:95%
    }
}
.slider .white-gradient{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:10vh;
    background:#fff;
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));
    background:-o-linear-gradient(top,#fff 0,hsla(0,0%,100%,0) 100%);
    background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));
    pointer-events:none;
    z-index:2
}
.slider .img-gallery{
    height:0;
    padding-bottom:40%;
    position:relative;
    z-index:1
}
.slider .img-gallery .img-gallery-content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.slider .img-gallery .img-gallery-content .swiper-container img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.text-side-image{
    padding:10em 0 5em;
    position:relative;
    overflow:hidden
}
.text-side-image img{
    float:right;
    max-width:40%;
    margin-left:3em;
    margin-bottom:2em
}
.text-side-image h1,.text-side-image h2,.text-side-image h3,.text-side-image h4,.text-side-image h5,.text-side-image h6{
    margin-bottom:1.5em
}
.text-side-image .bg{
    position:absolute;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    top:0;
    left:0;
    z-index:-1;
    max-width:none;
    margin:0
}
.skin{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff
}
.skin .skin-inside{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.skin .swiper-container .swiper-slide{
    line-height:0
}
.skin .swiper-container img{
    max-width:25vw;
    max-height:80vh;
    width:auto
}
.skin .container{
    max-width:70vw;
    padding:5em 2.5em
}
.skin .container .icon-close{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    font-size:2em
}
.skin .container .content{
    max-width:900px;
    margin:0 auto
}
.skin .container .content p{
    margin-bottom:3em
}
@media only screen and (max-width:1023px){
    .skin .container .content p{
        margin-bottom:1em
    }
}
.skin .container .content .buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative
}
.skin .container .content .buttons .hover{
    position:absolute;
    top:0;
    margin-top:2.7em;
    background:#fff;
    height:100%;
    -webkit-box-shadow:5px 5px 25px 0 rgba(0,0,0,.25098039215686274);
    box-shadow:5px 5px 25px 0 rgba(0,0,0,.25098039215686274);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s linear;
    -o-transition:opacity .3s linear;
    transition:opacity .3s linear;
    /* border-radius:.75em */
}
@media only screen and (max-width:767px){
    .skin .container .content .buttons .hover{
        padding-top:2.7em;
        margin-top:0
    }
}
.skin .container .content .buttons .hover.visible{
    visibility:visible;
    opacity:1
}
.skin .container .content .buttons .hover .inner{
    padding:2em;
    background:#fff
}
/* @media only screen and (max-width:767px){
    .skin .container .content .buttons .hover .inner{
        border-radius:5px
    }
} */
.skin .container .content .buttons .hover .inner p{
    margin-bottom:0
}
.skin .container .content .buttons .btn-fill{
    padding:.7em 0;
    margin-top:2em;
    margin-right:2em;
    /* -webkit-box-shadow:10px 10px 50px 0 rgba(0,0,0,.25098039215686274);
    box-shadow:10px 10px 50px 0 rgba(0,0,0,.25098039215686274); */
    font-size:1.5em;
    min-width:calc(50% - 2em)
}
@media only screen and (max-width:1023px){
    .skin .container .content .buttons .btn-fill{
        min-width:100%;
        margin-top:1em
    }
}
.quiz{
    position:relative;
    padding:6em 0 12em
}
.quiz p{
    padding:1em 0 2em
}
.quiz .error-slide{
    display:none;
    font-size:.5em;
    position:absolute;
    right:0;
    white-space:nowrap;
    top:50%;
    -webkit-transform:translate(-35%,-50%);
    -ms-transform:translate(-35%,-50%);
    transform:translate(-35%,-50%)
}
@media only screen and (max-width:767px){
    .quiz .error-slide{
        -webkit-transform:translate(-70%,-50%);
        -ms-transform:translate(-70%,-50%);
        transform:translate(-70%,-50%)
    }
}
.quiz .error-slide.visible{
    display:block
}
@media only screen and (max-width:767px){
    .quiz .error-slide{
        white-space:normal;
        text-align:right;
        font-size:.4em
    }
}
.quiz .questions{
    -webkit-box-shadow:10px 10px 50px rgba(0,0,0,.25);
    box-shadow:10px 10px 50px rgba(0,0,0,.25);
    /* border-radius:.75em; */
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:3em;
    background-color:#fff
}
.quiz .questions h2{
    font-weight:700;
    text-transform: unset;
}
.quiz .quiz-form{
    width:80%;
    margin:0 auto;
    display:block;
    padding:3em 0 6em
}
@media only screen and (max-width:767px){
    .quiz .quiz-form{
        width:100%;
        padding:1.5em 0 3em
    }
}
.quiz .quiz-form .pretty .state label{
    text-indent:0;
    margin-left:3em
}
@media only screen and (max-width:767px){
    .quiz .quiz-form .pretty .state label{
        margin-left:2.5em
    }
}
.quiz .quiz-form .pretty .state label:after,.quiz .quiz-form .pretty .state label:before{
    top:0
}
.quiz .next-slide{
    font-size:2em;
    position:absolute;
    right:0;
    bottom:0;
    cursor:pointer;
    z-index:99
}
@media only screen and (max-width:767px){
    .quiz .next-slide{
        font-size:3em
    }
}
.quiz .next-slide:hover i{
    color:#c4c4c4
}
.quiz .answers{
    display:none
}
.quiz .bg{
    position:absolute;
    width:100%;
    height:100%;
/*     -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:bottom;
    object-position:bottom; */
    -o-object-fit:fill;
    object-fit:fill;
    -o-object-position:top;
    object-position:top;
    
    top:0;
    left:0;
    z-index:-1;
    pointer-events:none
}
.popup-quiz-answer{
    font-size:1.6rem
}
.popup-quiz-answer .swal2-popup{
    padding:0;
    max-width:1350px;
    min-width:auto;
    width:100%
}
.popup-quiz-answer .swal2-popup button{
    right:auto;
    left:10px
}
.popup-quiz-answer .swal2-popup .inner-answer{
    position:relative;
    padding:2.5em
}
.popup-quiz-answer .swal2-popup .inner-answer .bg-right{
    float:right
}
.popup-quiz-answer .bg-right{
    position:absolute;
    right:0;
    top:0;
    max-width:auto;
    max-height:100%;
    width:auto;
    height:auto
}
.popup-quiz-answer .content-inner{
    max-width:75%
}
.popup-quiz-answer .flex{
    padding:0 0 2em;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    max-width: 75%;
}
.popup-quiz-answer .flex img{
    max-width:60%
}
@media only screen and (max-width:767px){
    .popup-quiz-answer .flex img{
        max-width:100%
    }
    .popup-quiz-answer .bg-right{
        position: absolute;
        right: 0;
        top: 0;
        max-width: 35%;
        max-height: 300px;
        width: auto;
        height: auto;
    }
    .popup-quiz-answer .flex {
        max-width: 100%;
    }
    }
.popup-quiz-answer .flex .btn{
    font-size:1em
}
.shops-wrapper{
    display:none
}
.shops .flex{
    padding:0;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.shops h2{
    width:100%
}
.shops .logos{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-bottom:1em;
    margin-left:5em;
    width:100%
}
.shops .logos a{
    width:30%
}
.shops .logos img{
    margin:0 0 0 auto;
    display:block;
    height:auto
}
@media only screen and (max-width:1023px){
    .shops .logos img{
        max-width:100%
    }
}
.shops .items{
	display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
	max-width: 960px;
	margin: 0 auto;
}
.swal2-container.swal2-center {
	padding: 0!important;
}
@media only screen and (max-width:767px){
    .shops .items{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
		grid-template-columns: 1fr 1fr;
		text-align:center;
    }
}
.shops .items p.fake-img{
    font-weight:700;
    margin:0;
    font-size:1.2em;
    text-align:center
}
.shops .items a{
    width: auto;
    margin: 10px;
    position: relative;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media only screen and (max-width:767px){
    .shops .items a{
        width:auto
    }
	
	.shops h2 {
		font-size: 3rem!important;
	}
	.shops .logos {
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1em;
    margin-left: 0;
    width: 100%;
}
}
.shops .items a:last-child{
    background-color:#f2f2f2;
	display:none;
}
.shops .items a:after{
    content:"";
    display:block;
    width:100%;
    padding-bottom:100%
}
.shops .items a .fake-img,.shops .items a img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:80%
}
@media only screen and (max-width:1023px){
    .shops .items a .fake-img,.shops .items a img{
        max-width:75%;
        max-height:75%
    }
}
.popup-shops .swal2-popup{
    max-width:1350px;
    width:100%
}
.products{
    padding:6em 0;
    background-color:#fff;
   /*  -webkit-box-shadow:10px 10px 50px 0 rgba(0,0,0,.25098039215686274);
    box-shadow:10px 10px 50px 0 rgba(0,0,0,.25098039215686274); */
    position:relative
}
@media only screen and (max-width:767px){
    .products .container{
        padding:0 5em
    }
}
.products .columns{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
@media only screen and (max-width:767px){
    .products .columns{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.products .columns .products-gallery{
    width:40%;
    text-align:center
}
@media only screen and (max-width:767px){
    .products .columns .products-gallery{
        width:100%
    }
}
.products .columns .products-gallery .img-container{
    position:relative;
    height:0;
    padding-bottom:100%;
    margin:0 2em
}
@media only screen and (max-width:767px){
    .products .columns .products-gallery .img-container{
        height:auto;
        padding-bottom:0
    }
}
.products .columns .products-gallery .img-container img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:100%;
    max-height:80%
}
@media only screen and (max-width:767px){
    .products .columns .products-gallery .img-container img{
        position:relative;
        top:auto;
        left:auto;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        max-width:200px;
        max-height:200px
    }
}
.products .columns .products-gallery img{
    max-height:460px;
    width:auto;
    margin:0 auto;
    padding:2em 0
}
.products .columns .products-gallery .swiper-pagination{
    position:relative;
    text-align:center
}
@media only screen and (max-width:767px){
    .products .columns .products-gallery .swiper-pagination{
        display:none
    }
}
.products .columns .products-gallery .swiper-pagination .swiper-pagination-bullet{
    background-color:#c4c4c4
}
.products .columns .products-gallery .swiper-pagination .swiper-pagination-bullet-active{
    background-color:#474747
}
.products .columns .content{
    width:60%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 2em 60px
}
@media only screen and (max-width:767px){
    .products .columns .content{
        width:100%;
        padding-bottom:0
    }
}
.products .columns .content .flex{
    padding-bottom:2em
}
@media only screen and (max-width:767px){
    .products .columns .content .flex{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media only screen and (max-width:767px){
    .products .columns .content .flex h2{
        text-align:center
    }
}
.products .columns .content .flex .logo{
    margin-left:1em
}
@media only screen and (max-width:767px){
    .products .columns .content .flex .logo{
        margin:0
    }
}
.products .columns .content .flex .logo img{
    max-height:100px;
    max-width:180px;
    width:auto;
    height:auto;
    margin:0 auto;
    display:block
}
.products .columns .content .btn{
    position:absolute;
    bottom:0
}
@media only screen and (max-width:767px){
    .products .columns .content .btn{
        position:relative;
        display:block;
        min-width:auto;
        width:70%;
        margin-left:auto;
        margin-right:auto
    }
}
@media only screen and (max-width:767px){
    .products .product-prev{
        left:.5em;
        font-size:3em
    }
}
@media only screen and (max-width:767px){
    .products .product-next{
        right:.5em;
        font-size:3em
    }
}
.products .small{
    padding:5em 2em 0
}
.products .small p:last-child{
    margin-bottom:0
}
.newsletter{
    position:relative;
    padding:4em 0;
    /* border-bottom:1px solid #474747 */
}
.newsletter h2{
    padding:1em 0
}
.newsletter input{
    font-size:1em
}
@media only screen and (max-width:767px){
    .newsletter input{
        font-size:1.5em
    }
}
.newsletter input[type=email]{
    width:40%
}
@media only screen and (max-width:767px){
    .newsletter input[type=email]{
        min-width:auto;
        width:90%
    }
}
@media only screen and (max-width:767px){
    .newsletter input[type=submit]{
        min-width:auto;
        width:100%;
        margin-left:auto;
        margin-right:0
    }
}
.newsletter .flex{
    padding:1em 0
}
.newsletter .bg{
    position:absolute;
    width:100%;
    height:100%;
/*     -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:top;
    object-position:top; */
    -o-object-fit:fill;
    object-fit:fill;
    -o-object-position:bottom;
    object-position:bottom;
    top:0;
    left:0;
    z-index:-1;
    pointer-events:none
}