.pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;z-index:1}
.pin img{max-width:250px}
@media (max-width:809px){
.pin img{max-width:150px}
}
.loader{position:fixed;z-index:999999;top:0;left:0;width:0;height:100vh;transition:width 0s .2s ease;overflow:hidden}
.loader .loader__tile{position:absolute;left:0;width:0;height:20%;background-color:#000}
.loader .loader__tile:nth-child(2){top:20%;transition:width .3s ease}
.loader .loader__tile:nth-child(3){top:40%;transition:width .3s ease}
.loader .loader__tile:nth-child(4){top:60%;transition:width .3s ease}
.loader .loader__tile:nth-child(5){top:80%;transition:width .3s ease}
.loader--active{width:100%;transition-delay:0s}
.loader--active .loader__icon{opacity:1;transition:opacity .4s .4s ease}
.loader--active .loader__tile{width:100%}
.loader--active .loader__tile:first-child{transition-delay:40ms;top:0}
.loader--active .loader__tile:nth-child(2){transition-delay:.08s;top:20%}
.loader--active .loader__tile:nth-child(3){transition-delay:.12s;top:40%}
.loader--active .loader__tile:nth-child(4){transition-delay:.16s;top:60%}
.loader--active .loader__tile:nth-child(5){transition-delay:.2s;top:80%}
@keyframes pulsate{
0%,100%{transform:scale(.1);opacity:0}
50%{opacity:1}
}
@keyframes bounce{
0%,100%{opacity:0;transform:translateY(-2000px) rotate(-45deg)}
60%{opacity:1;transform:translateY(30px) rotate(-45deg)}
80%{transform:translateY(-10px) rotate(-45deg)}
}