/*-------------------------------------------------------------------------------------------------------------------------------*/
/* POPUPS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-wrapper{position:fixed;z-index:110;left:0;top:0;width:100%;height:100%;left:-100%;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}
.popup-wrapper.active{left:0;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.popup-wrapper .bg-layer{position:absolute;left:0;top:-100px;right:0;bottom:-100px;background:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;opacity:0}
.popup-wrapper.active .bg-layer{opacity:1}
.popup-content{position:absolute;top:0;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;text-align:center;-webkit-transition:opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;-o-transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0.3s;transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0.3s;transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);opacity:0;left:-10000px;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.popup-content.active{-ms-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);opacity:1;left:0;-webkit-transition:opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;transition:opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;-o-transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s;-webkit-transition:opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s;transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;position:relative}
.popup-content:after{display:inline-block;vertical-align:middle;height:100%;content:""}
.popup-container{display:inline-block;vertical-align:middle;width:100%;position:relative;text-align:left;background:#fff;margin:auto;border-radius:20px}
.popup-container.size-1{max-width:765px}
.popup-container.size-2{max-width:1113px}
.cart-popup .popup-container{max-width:760px}
.promo-popup .popup-container{max-width:860px}
.quick-popup .popup-container{max-width:1200px}
.popup-content .layer-close{position:absolute;left:0;bottom:0;right:0;height:10000px}
.popup-align{padding:var(--gap-l) var(--gap-xl);overflow:hidden;position:relative}
.popup-content .popup-container > .btn-close{position:absolute;right:var(--gap-s);top:var(--gap-s)}
/* popup general inner styles */
.popup-img{margin:0 auto}
.popup-icon{width:90px}
.popup__video{position:relative;padding-bottom:62%}
.popup__video iframe{position:absolute;left:0px;top:0px;width:100%;height:100%}
.popup-decor{position:absolute;left:0;top:0;width:auto;height:100%}
@media (max-width: 575px){
.popup-align{padding:50px var(--gap-m) var(--gap-m)}
}
/* end of popup general inner styles */
/* CITY POPOUP */
.city-popup__buttons{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}
.city-popup__buttons .btn-link{padding:var(--gap-xs) 0;padding-left:var(--gap-m)}
.city-popup__buttons .btn-link::after{content:"";position:absolute;left:50%;bottom:0%;width:calc(100% + 100px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:1px;background:var(--color-grey-2)}
.city-popup__buttons .btn-link span{-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;margin-left:var(--gap-m);opacity:0}
.city-popup__buttons .btn-link::before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--color-brown);opacity:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
@media (min-width: 992px) and (hover: hover){
.city-popup__buttons .btn-link:hover{color:var(--color-black)}
.city-popup__buttons .btn-link:hover span{opacity:1;background:transparent}
.city-popup__buttons .btn-link:hover span path{stroke:var(--color-brown)}
.city-popup__buttons .btn-link:hover::before{opacity:1}
}