.espa__container {position: fixed;bottom: 20px;left: 20px;display: inline-block;z-index: 30;opacity: 1;pointer-events: all}
.espa__container.hide {opacity: 0;pointer-events: none}
.espa__link {display: inline-block;max-width: calc(100% - 20px);}
.slider__wrapper{position:relative;width:100%;margin:0 auto;padding:0;background-color:transparent}
.slider{padding-bottom:calc(37% + 55px);position:relative;overflow:hidden}
.slider__carousel{position:absolute!important;top:0;left:0;width:100%;height:100%;counter-reset:dots}
.slider__slide{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:1;pointer-events:none;overflow:hidden}
.slider__slide.is-selected{opacity:1;pointer-events:all}
.slider__wrapper,.slider__carousel,.slider,.slider__wrapper .flickity-viewport,.slider__wrapper .flickity-slider{outline:none}
.slider__wrapper .flickity-viewport{width:100%}
.slider__wrapper .flickity-slider,.slider__wrapper .flickity-viewport{height:100%;outline:none}
.slider__wrapper .flickity-slider{height:calc(100% - 55px)}
.slider__carousel .flickity-page-dots{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:0 20px;list-style:none}
.slider__carousel .dot{display:inline-block;margin:0 10px 30px;width:40px;height:2px;min-width:40px;background-color:#cdcdcd;text-align:center;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.slider__carousel .dot::after{counter-increment:dots;content:counter(dots);color:#cdcdcd;font-weight:600;font-size:  20px ;padding:10px 15px;position:relative;top:5px}
.slider__carousel .dot.is-selected{background-color:#e18240!important}
.slider__carousel .dot.is-selected::after{color:#e18240!important}
.slide__picture{display:block;width:100%;height:100%;overflow:hidden;position:relative;background-color:#fff}
.slide__picture img{position:relative;width:100%;height:100%;top:0;left:0;object-fit:cover}
.slider__img{opacity:0;transition:opacity .4s ease-in-out}
.slider__img.flickity-lazyloaded,.slider__img.flickity-lazyerror{opacity:1}
.slider__texts{display:block;position:absolute;text-align:center;padding:20px 40px;background-color:rgba(255,255,255,0.7);max-width:700px}
.slider__title{display:block;width:100%;text-align:center;color:#3a3839;font-weight:400;font-size:  max(19px,min(1.8vw,26px));line-height: 1.2 ;word-break:break-word;margin:0 auto}
.slider__title--mb{margin-bottom:20px}
.slider__more{position:relative;display:inline-block;background-color:#3f4040;padding:13px 60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;text-transform:uppercase;font-weight:400;font-size:  16px; }
.slider__description{color:#262626;font-weight:400;font-size:  max(14px,min(.7vw,16px));line-height: 1.5;}
.slider__arrow{position:absolute;top:50%;transform:translateY(-50%);padding:30px 10px;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:2}
.slider__arrow--prev{left:20px}
.slider__arrow--next{right:20px}
.slider__arrow > svg{display:block;width:30px;height:auto}
.banners{position:relative;overflow:hidden;padding:0 20px;margin:4% auto}
.banners__inner{position:relative;width:100%;overflow:hidden;display:grid;display:-moz-grid;grid-gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto)}
.banner{position:relative;display:block;padding-bottom:90%;overflow:hidden}
.banner__picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.banner--2{grid-row:span 2;padding-bottom:180%}
.banner--3{grid-column:span 2;padding-bottom:20%}
.banner__bg{position:absolute;bottom:0;left:0;width:100%;height:50%;background:#262626;background:linear-gradient(0deg,rgba(38,38,38,1) 0%,rgba(0,0,0,0) 100%);z-index:2}
.banner__title{display:block;position:absolute;z-index:3;bottom:0;left:0;width:100%;padding:20px 10px;color:#fff;word-break:break-word;font-weight:400;font-size:  max(16px,min(1.4vw,24px)) ;text-align:center}
.services{position:relative;width:100%;display:grid;display:-moz-grid;grid-gap:0;grid-template-columns:1fr minmax(250px,550px)}
.services__inner{position:relative;overflow:hidden;padding:5%;background-color:#262626;display:grid;display:-moz-grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}
.service{position:relative;background-color:#fff;padding:25% 20px 20px;display:flex;display:-webkit-flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;z-index:2}
.service__icon{position:relative;display:inline-flex;display:-webkit-inline-flex;justify-content:center;align-items:center;margin:0 auto 20px;width:90px;height:90px;border:2px solid #7f7f7f;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.service__icon > img{position:relative;width:60%;height:60%;display:block;margin:0}
.service__title{color:#262626;text-transform:uppercase;font-weight:700;font-size:  max(18px,min(1.2vw,20px)) ;padding-bottom:15px}
.service__description{position:relative;color:#333c39;padding-top:15px;margin-top:15px;font-weight:400;font-size:  16px;line-height: 1.3 ;word-break:break-word;text-transform:uppercase}
.service__description::before{content:'';display:block;position:absolute;left:50%;top:-18px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:1px;height:20px;background-color:#d3d3d3}
.services__picture{padding-bottom:91%}
.services__bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:url(../img/lines.svg) 0 0 no-repeat;-webkit-background-size:cover;background-size:cover}
.products{position:relative;margin:4% auto}
.products__inner{position:relative;overflow:hidden;border:none;outline:none;width:calc(100% - 100px);max-width:1430px;margin:0 auto}
.product__container{width:25%;padding:0 20px;min-height:100%;display:grid;display:-moz-grid}
.product__container .product{width:100%;height:100%;min-height:100%}
.products__heading{position:relative;display:flex;display:-webkit-flex;justify-content:center;align-items:center}
#suggestedProducts{display:grid;display:-moz-grid;grid-template-columns:repeat(2,1fr);grid-gap:20px 40px}
#suggestedProducts .product{flex-direction:row}
#suggestedProducts .product .product__row{padding:0;height:50px}
#suggestedProducts .product .product__bottom{padding:10px;border-left:1px solid #dbdbdb;height:100%;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;flex-direction:column}
#suggestedProducts .product .product__picture{margin:0;border-bottom:none;padding-bottom:34%}
#suggestedProducts .product__container{width:100%!important;padding:0!important;display:block!important}
.products__heading--suggested,.products__heading--popular{color:#262626;text-transform:uppercase;font-weight:700;font-size:  max(20px,min(2vw,30px)) ;margin-bottom:3%}
.products__heading--suggested span{display:inline-block;margin:0 40px;white-space:nowrap}
.products__heading--suggested::before,.products__heading--suggested::after{content:'';position:relative;display:inline-block;width:100%;height:4px;background-color:#f6f6f6}
.flickity-page-dots{position:relative;width:100%;margin:23px 0 0;display:flex;display:-webkit-flex;justify-content:center;align-items:center;padding:0;list-style:none}
.dot{display:inline-block;width:12px;height:12px;margin:0 5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#262626}
.dot.is-selected{background-color:#e18240!important}
.popular__arrow{display:inline-flex;display:-webkit-inline-flex;justify-content:center;align-items:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#333c39;width:50px;height:50px}
.popular__arrow > svg{display:block;width:25px;height:25px}
.popular__arrow--prev{border-top-left-radius:25px;border-bottom-left-radius:25px;left:0}
.popular__arrow--next{border-top-right-radius:25px;border-bottom-right-radius:25px;right:0}
#popularCarousel .flickity-slider{height:100%}
.about{position:relative;display:block;width:100%;background-color:#fff;text-align:center;padding:0 20px;margin:4% auto}
.h3{color:#262626;font-weight:700;font-size:  max(19px,min(1.9vw,28px)) ;margin-bottom:20px;text-transform:uppercase}
.about__description{color:#262626;font-weight:400;font-size:  18px;line-height:1.5;margin:0 auto 20px;max-width:900px}
.about__more{display:inline-block;color:#fff;font-weight:400;font-size:  16px ;text-align:center;background-color:#262626;padding:20px 30px;text-transform:uppercase}
@media only screen and (max-width: 1700px) {
    .services__inner{padding:20px;grid-template-columns:repeat(2,1fr)}
    .service{padding:20px}
    .service__icon{width:60px;height:60px;margin-bottom:10px}
    .service__title{margin-bottom:10px;padding-bottom:10px}
    .service__description{padding-top:10px;margin-top:10px}
    .service__description::before{top:-21px}
}
@media only screen and (max-width: 1500px) {
    .product__container{width:33.33%;padding:0 15px}
}
@media only screen and (min-width: 1251px) {
    .slider__arrow:hover,.slider__more:hover{cursor:pointer}
    .about__more:hover{background-color:#e18240}
    .dot:hover{cursor:pointer}
    .popular__arrow:hover{cursor:pointer;background-color:#e18240}
    .banner:hover .banner__picture {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
}
@media only screen and (max-width: 1250px) and (min-width: 1000px) {
    .services{grid-template-columns:1fr minmax(250px,350px)}
    #suggestedProducts .product .product__bottom{width:60%}
    #suggestedProducts .product .product__picture{width:40%}
    #suggestedProducts .product .product__row{display:block;height:auto}
    #suggestedProducts .product .product__prices,#suggestedProducts .product .product__toCart,#suggestedProducts .product .product__review{width:100%;height:50px;padding: 10px 0;}
}
@media only screen and (max-width: 1250px) {
    .banners{padding:0}
}
@media only screen and (max-width: 999px) {
    .slider__wrapper{width:100%;padding:0}
    .slider__more{font-size:16px;padding:10px 30px 7px}
    .banners__inner{grid-gap:10px}
    .products{width:calc(100% - 20px);margin:4% 10px}
    .product__container{width:50%;padding:0 10px}
    #suggestedProducts{grid-gap:20px}
    #suggestedProducts .product .product__picture{width:40%}
    #suggestedProducts .product .product__bottom{width:60%}
    #suggestedProducts .product .product__row{height:initial;display:block}
    #suggestedProducts .product .product__prices,#suggestedProducts .product .product__toCart,#suggestedProducts .product .product__review{width:100%;height:initial;min-height: 30px;padding: 5px 0;}
    .services{grid-template-columns:2fr 1fr}
    .service{padding:10px}
    .service__title{font-size:16px}
    .service__description{font-size:14px}
}
@media only screen and (min-width: 765px) {
    .slider__texts{bottom:40px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
}
@media only screen and (max-width: 764px) {
    .slider{padding-bottom:139%}
    .slider__wrapper .flickity-slider{height:calc(100% - 20px)}
    .slider__carousel .flickity-page-dots{bottom:0;justify-content:center}
    .slider__carousel .flickity-viewport{height:calc(100% - 30px)!important}
    .slider__texts{width:100%;margin:0 auto;bottom:20px;left:50%;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding:20px}
    .slider__title{width:100%;padding:0}
    .slider__img{object-fit:cover!important;-o-object-fit:cover!important}
    .product__container{width:100%}
    .popular__arrow{width:35px;height:35px}
    .popular__arrow > svg{width:15px;height:15px}
    .products__inner{width:calc(100% - 80px)}
    .flickity-page-dots{margin-top:10px}
    .banners__inner{grid-template-columns:repeat(2,1fr)}
    .banner--4{grid-row:2/3}
    .banner--3{padding-bottom:40%}
    #suggestedProducts{grid-template-columns:1fr}
    .products,.banners{margin:40px auto}
    .products__heading{margin:0 0 20px}
    .products__heading--suggested span{margin:0 10px}
    #suggestedProducts .product .product__row{margin:10px 0 0}
    #suggestedProducts .product .product__status{margin:0 auto}
    #suggestedProducts .product .product__bottom{padding:0 0 0 10px}
    .services{display:block}
    .services__inner{padding:20px;grid-gap:10px}
    .service {margin: 0;}
    .service__description{font-size:13px;padding-top:5px;margin-top:5px}
    .service__title{font-size:13px;padding-bottom:5px;margin-bottom:5px}
    .service__description::before{height:15px;top:-13px}
    .services__picture{padding-bottom:89%}
    .about {margin: 30px auto}
}