#slider-top-outer{background:#262626 url("../img/slider/bg.svg") 50% 100.5% no-repeat;background-size:contain;padding-bottom:100px}
#slider-top-wrapper{max-width:1710px;padding:15px 20px 0 20px;margin:0 auto;justify-content:space-between}
#slider-wrapper{position:relative;width:79%}
#slider-welcome-container{width:19%;border:2px solid #5C5C5C;border-radius:10px;text-align:center;padding:20px}
#slider-outer-container{position:relative;width:100%;padding-bottom:51.85%;overflow:hidden;border-radius:10px}
#slider-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}
.slider-arrows{position:absolute;bottom:20px;right:20px;z-index:6}
.slider-left,.slider-right{width:56px;height:37px;background-color:#fff;border-radius:30px;align-items:center;justify-content:center;cursor:pointer}
.slider-right{margin-left:10px}
.flick-slider,.slide-container,.slide-photo{width:100%}
.flick-slider{width:100%;height:100%}
.slide-container{position:relative}
.slide-photo{position:relative;z-index:1}
.slide-photo > picture{display:block;position:relative;width:100%;padding-bottom:51.85%;overflow:hidden;border-radius:10px}
.slide-photo > picture img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;border-radius:10px}
.slide-caption{position:absolute;left:20px;bottom:20px;z-index:2;font:700 clamp(1rem,0.938vw,1.125rem) / 1 Geologica;color:#262626;background-color:#FFDA47;padding:15px 30px;border-radius:100px;box-shadow:3px 3px 7px 0 rgba(54,54,54,0.5)}
.flick-slider .flickity-page-dots{display:none}
#slider-welcome-h2{font:700 clamp(1.05rem,1.042vw,1.25rem) / 1.2 Geologica;color:#fff;text-transform:uppercase}
#slider-logo{margin-top:15px;display:inline-block}
#slider-logo img{max-width:100%;height:auto}
#slider-welcome-h3{margin-top:15px;font:400 clamp(0.95rem,0.833vw,1rem) / 1.2 Geologica;color:#fff;text-transform:uppercase}
#slider-welcome{margin-top:5vh;padding-top:5vh;position:relative}
#slider-welcome:before{content:'';position:absolute;width:45px;height:1px;top:0;left:0;right:0;margin:0 auto;background-color:#5C5C5C}
.flick-welcome{width:100%}
.welcome-slide-container{width:100%}
.welcome-slide-photo{width:100%}
.welcome-slide-photo figure{display:inline-block;max-width:72%}
.welcome-slide-photo figure img{max-width:100%;height:auto}
.welcome-slide-title{margin-top:20px;font:300 clamp(1.05rem,1.042vw,1.25rem) / 1.2 Geologica;color:#fff;text-transform:uppercase}
#few-words-wrapper{margin-top:160px;width:100%;padding:0 0 0 20px}
#few-words-container{width:calc(100% - 5.208vw);margin-left:auto;align-items:center;border-radius:1000px 0 0 1000px;padding:0 2.5vw;background:url(../img/few-words-bg.jpg) 50% 50% no-repeat;background-size:cover}
#few-words-left{width:65%;padding-right:15px}
#few-words-right{width:35%;padding:50px 0 50px 15px}
#few-words-left-innerLeft{width:40%;text-align:right;padding:15px 20px 15px 0}
#few-words-left-innerRight{position:relative;width:60%;padding:15px 0 15px 20px}
#few-words-left-innerRight:before{content:'';position:absolute;width:2px;height:100%;top:0;left:0;background-color:#FFBC23}
#few-words-h2{font:100 clamp(1.8rem,2.083vw,2.5rem) / 1 Geologica;color:#262626}
#few-words-smallDesc{margin-top:20px;font:500 clamp(1rem,0.938vw,1.125rem) / 1.4 Geologica;color:#262626}
#few-words-desc{font:300 clamp(1rem,0.938vw,1.125rem) / 1.4 Geologica;color:#262626}
#few-words-link{position:relative;display:inline-block;margin-top:20px;font:400 clamp(1rem,0.938vw,1.125rem) / 1 Geologica;color:#262626;text-transform:uppercase;padding:18px 50px;border-radius:50%;border:1px solid #262626}
#few-words-images{align-items:flex-start}
#few-words-images > li{width:50%}
#few-words-images > li:first-child{margin-top:-120px;transform:rotate(-6.464deg)}
#few-words-images > li:nth-child(2){margin-left:-30px;transform:rotate(7.909deg)}
.few-words-photo{position:relative;width:100%;padding-bottom:121.67%;border-radius:30px;overflow:hidden}
.few-words-photo img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
#offer-banners-wrapper{margin-top:100px;width:100%;background:#262626 url(../img/offers/offer-bg.svg) 50% -.5% no-repeat;background-size:contain;padding:100px 20px 0}
#offer-banners-container{padding:60px 0 100px}
#offer-banners-left{width:41%;position:relative;padding-right:2.083vw}
#offer-banners-center{width:18%;text-align:center}
#offer-banners-right{width:41%;position:relative;padding-left:2.083vw}
#offer-banners-h2{position:relative;padding:60px 0 25px;background:url(../img/offers/bee.svg) 50% 0 no-repeat;font:700 clamp(2.3rem,2.344vw,2.813rem) / 1 Geologica;color:#fff}
#offer-banners-h2:after{content:'';position:absolute;width:100px;height:1px;left:0;bottom:0;right:0;margin:0 auto;background-color:#fff}
#offer-center{margin-top:60px;padding:30px 35px;background-color:#FCD12D;border-radius:30px}
#offer-center > figure{display:inline-block}
#offer-center-title{margin-top:20px;font:700 clamp(1.225rem,1.354vw,1.625rem) / 1.1 Geologica;color:#262626;text-transform:uppercase}
#offer-center-title2{margin-top:5px;font:300 clamp(1.1rem,1.25vw,1.5rem) / 1.1 Geologica;color:#262626;text-transform:uppercase}
#offer-center-price{margin-top:15px;font:700 clamp(2.425rem,2.604vw,3.125rem) / 1 Geologica}
#offer-center-bees{margin:25px auto 0;position:relative;width:90%;height:65px;padding:0 60px;background-image:url(../img/offers/bee2.svg),url(../img/offers/bee3.svg);background-position:0 50%,100% 50%;background-repeat:no-repeat,no-repeat}
#offer-center-bees span{display:block;position:absolute;width:calc(100% - 120px);height:35px;top:10px;left:0;right:0;margin:0 auto;border-top:1px dashed #262626;border-radius:50%}
.offer-banners-left-list{width:100%}
.offer-banners-left-list > li:nth-child(1){width:62%}
.offer-banners-left-list > li:nth-child(2){width:52%;margin-left:auto;margin-top:-50px}
.offer-banners-left-list > li > a,.offer-banners-left-list > li > div{position:relative;width:100%}
.leftBanners-photo-container{width:100%}
.leftBanners-photo1,.leftBanners-photo4{position:relative;width:100%;padding-bottom:69.56%;overflow:hidden;border-radius:20px}
.leftBanners-photo2,.leftBanners-photo3{position:relative;width:100%;padding-bottom:126.31%;overflow:hidden;border-radius:20px}
.leftBanners-photo1 img,.leftBanners-photo2 img,.leftBanners-photo3 img,.leftBanners-photo4 img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.offer-banners-right-list{width:100%;align-items:flex-end}
.offer-banners-right-list > li:nth-child(1){margin-left:auto;width:62%}
.offer-banners-right-list > li:nth-child(2){width:52%;margin-top:-50px}
.offer-banners-right-list > li > a,.offer-banners-right-list > li > div{position:relative;width:100%}
#popular-categories-wrapper{margin-top:30px;width:100%;padding:0 20px}
#popular-categories-h2{font:700 clamp(1.8rem,2.083vw,2.5rem) / 1.2 Geologica;color:#262626;text-align:center}
#popular-categories-container{margin-top:15px;width:100%}
.popular-categories{width:100%}
.popular-categories > li{margin-left:2.5%;width:18%}
.popular-categories > li:first-child{margin-left:0}
.popular-categories > li:nth-child(2n+1){margin-top:100px}
.popular-categories > li > a{position:relative;width:100%;text-align:center}
.popular-category-photo-container{width:100%}
.popular-category-photo{position:relative;width:100%;padding-bottom:147%;border-radius:2000px;overflow:hidden}
.popular-category-photo img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.popular-category-title{margin-top:20px;display:inline-block;padding:18px 40px;background-color:#262626;border-radius:30px;font:400 clamp(0.95rem,0.833vw,1rem) / 1.1 Geologica;color:#fff;text-transform:uppercase}
#frontBestsellers-container{margin:120px auto 0;max-width:1800px;padding:0 50px}
#frontBestsellers-h2{position:relative;width:100%}
#frontBestsellers-h2:before{content:'';position:absolute;width:100%;height:1px;top:0;left:0;bottom:0;margin:auto 0;background-image:linear-gradient(to right,#b0b0b0 60%,#fff 0);background-size:25px 10px}
#frontBestsellers-h2>span{position:relative;z-index:1;padding-right:20px;background-color:#fff;font:900 clamp(1.8rem,2.083vw,2.5rem)/1 Geologica;color:#262626}
#frontBestsellers{margin-top:70px}

@media (min-width:1200px) and (max-width:1400px) {
    #slider-welcome{margin-top:3vh;padding-top:3vh}
    #offer-banners-left{width:38%;padding-right:2.083vw}
    #offer-banners-center{width:24%}
    #offer-banners-right{width:38%;padding-left:2.083vw}
}
@media (min-width:1200px) {
    .popular-categories>li>a:hover .popular-category-title{background-color:#fcd12d;color:#3d3d3d}
}
@media (max-width:1199px) {
    #slider-top-wrapper{padding:0 15px 0 15px}
    #slider-top-outer{padding-bottom:60px;background:#262626}
    #slider-wrapper{width:100%}
    #slider-welcome-container{width:100%;border:2px solid #5C5C5C;border-radius:10px;text-align:center;padding:20px 15px 60px;margin-top:20px;}
    .welcome-slide-photo figure img{max-width:90px;height:auto}
    #slider-welcome{margin-top:15px;padding-top:15px}
    #few-words-wrapper{margin-top:40px;width:100%;padding:0 15px}
    #few-words-container{width:100%;margin-left:0;align-items:center;border-radius:100px;padding:30px 2.5vw;background:url(../img/few-words-bg.jpg) 50% 50% no-repeat;background-size:cover}
    #few-words-left{width:100%;padding-right:0;text-align:center;}
    #few-words-right{width:100%;padding:50px 40px 20px;margin-top:125px}
    #few-words-left-innerLeft{width:100%;padding:15px 0 15px 0;text-align:center;}
    #few-words-left-innerRight{position:relative;width:100%;padding:15px 0 15px 0}
    #few-words-left-innerRight:before{content:'';position:absolute;width:200px;height:2px;top:0;left:0;right:0;margin:0 auto;background-color:#FFBC23}
    #frontBestsellers-container{margin:40px auto 0;padding:0 20px}
    #frontBestsellers{margin-top:40px}
    #offer-banners-wrapper{margin-top:40px;padding:30px 15px 0;background:#262626 url(../img/offers/offer-bg.svg) 50% 0 no-repeat}
    #offer-banners-container{padding:30px 0 30px;max-width:500px;margin:0 auto}
    #offer-banners-left{width:100%;position:relative;padding-right:0;order:2}
    #offer-banners-center{width:100%;text-align:center;order:1}
    #offer-banners-right{width:100%;position:relative;padding-left:0;order:3}
    #offer-center{margin-top:25px;padding:20px 20px;background-color:#FCD12D;border-radius:30px}
    .offer-banners-left-list > li:nth-child(1){width:100%;margin-top:20px}
    .offer-banners-left-list > li:nth-child(2){width:100%;margin-left:0;margin-top:20px}
    .offer-banners-right-list > li:nth-child(1){margin-left:0;width:100%;margin-top:20px}
    .offer-banners-right-list > li:nth-child(2){width:100%;margin-top:20px}
    .popular-categories{width:100%;justify-content:center}
    .popular-categories > li{margin-left:5%;width:44%;margin-top:30px}
    .popular-categories > li:first-child{margin-left:0}
    .popular-categories > li:nth-child(2n+1){margin-top:30px}
}
@media (max-width:764px) {
    #slider-outer-container{padding-bottom:124%}
    .slide-photo > picture{padding-bottom:124%}
    .slide-caption{left:10px;bottom:10px;width:calc(100% - 20px)}
    #slider-top-wrapper{padding:0 10px}
    #few-words-wrapper{margin-top:30px;width:100%;padding:0 10px}
    #few-words-right{width:100%;padding:50px 20px 20px;margin-top:100px}
    #few-words-left-innerRight:before{width:100px}
    #frontBestsellers-h2:before{display:none}
    #popular-categories-wrapper{margin-top:30px;width:100%;padding:0 10px}
    .popular-categories > li{margin-left:0;width:100%;margin-top:30px}
    .popular-categories > li:nth-child(2n+1){margin-top:30px}
    .popular-categories > li:first-child{margin-left:0;margin-top:0}
    #frontBestsellers-h2>span{padding-right:0}
    #frontBestsellers-h2{text-align:center}
}