*{box-sizing:content-box}
body{margin:0;overflow:hidden}
.offer-pop-up-container {width: 450px;height: 450px;position: fixed;top: 50%;left: 50%;transform:translate(-50%, -50%);z-index: 100;-webkit-box-shadow: 0 0 50px 1px #000;
    box-shadow: 0 0 50px 1px #000;display: none;}
.offer {position: absolute;width: 100%;height: 100%;object-fit: cover}
.offer-pop-up-close {position: absolute;top: -19px;right: 0;width: 38px;height: 38px;z-index: 101;cursor: pointer;}

#header{width:100%;padding:10px 0 20px;background-color:rgba(42,42,42,1);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;position:absolute;left:0;top:0;z-index:2;max-width: 0;transition: max-width .6s ease-in 0s, background-color 1s ease-in .6s}
.logo {transform: translateY(-100%);transition: transform .6s ease-in 1.6s}
#footer{width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;padding:10px 0;background-color:#262626;position:absolute;left:0;bottom:0;height:20px;z-index:2;max-width: 0;transition: max-width .6s ease-in .3s }
.footer__specialone {opacity: 0;transition: opacity .6s ease-in 3.3s}
.stores{width:100%;position:absolute;left:0;bottom:40px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;background-color:rgba(42,42,42,1);padding:20px 0;z-index:2;max-width: 0;transition: max-width .6s ease-in .1s, background-color 1s ease-in .8s}
.store{text-align:center;margin:0 20px;min-width: 210px;opacity: 0;transform: translateY(10px);transition: transform 1s ease-in 2s, opacity 1s ease-in 2s}
.store__h2,.store__tel,.store__email{font:400 18px panoptic;color:#fff;letter-spacing:1px}
.store__h2{margin:0;text-decoration:underline}
.store__email{margin-top:20px}
a{display:block;text-decoration:none;color:#fff}
a:hover{color:#e2000f;transition:color .3s ease-in}
main{width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:stretch;z-index:1}
.pictureContainer{position:relative;flex:1;max-width:100%;height:100%}
main .pictureContainer:first-of-type {border-right: 1px solid #fff;}
main .pictureContainer:nth-of-type(2) {border-left: 1px solid #fff;}
picture{position:absolute;top:0;left:0;width:100%;height:100%}
picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity: 0;transition: opacity 2s ease-in .2s}
.link{position:absolute;top:45%;left:50%;transform:translate(-50%,0%);border:1px solid #fff;background-color:rgba(42,42,42,.5);font:400 20px panoptic;color:#fff;text-transform:uppercase;padding:15px 15px 12px;min-width:170px;opacity: 0; text-align:center;transition: transform 1s ease-in 2s, opacity 1s ease-in 2s}
.link:hover{color:#fff}
.hvr-sweep-to-right{display:inline-block;vertical-align:middle;box-shadow:0 0 1px rgba(0,0,0,0);position:relative;}
.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#262626;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:#fff}
.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}

@font-face{font-family:'panoptic';src:url(../fonts/CFPanoptik-Book.woff) format("woff"),url(../fonts/CFPanoptik-Book.ttf) format("truetype");font-weight:400;font-display:swap}