.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:none}.modal.active{display:block}@-webkit-keyframes slideInFromRight{0%{right:-100%}100%{right:5%}}@keyframes slideInFromRight{0%{right:-100%}100%{right:5%}}@-webkit-keyframes slideInFromLeft{0%{left:-100%}100%{left:5%}}@keyframes slideInFromLeft{0%{left:-100%}100%{left:5%}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.modal.positionTopLeft .block{top:5%;left:-100%;-webkit-animation:1s ease-out 1 forwards slideInFromLeft;animation:1s ease-out 1 forwards slideInFromLeft}.modal.positionTopCenter .block{top:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal.positionTopRight .block{top:5%;right:-100%;-webkit-animation:1s ease-out 1 forwards slideInFromRight;animation:1s ease-out 1 forwards slideInFromRight}.modal.positionCenterLeft .block{top:50%;left:-100%;-webkit-animation:1s ease-out 1 forwards slideInFromLeft;animation:1s ease-out 1 forwards slideInFromLeft;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal.positionCenter .block{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal.positionCenterRight .block{top:50%;right:-100%;-webkit-animation:1s ease-out 2s 1 forwards slideInFromRight;animation:1s ease-out 2s 1 forwards slideInFromRight;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal.positionBottomLeft .block{bottom:5%;left:-100%;-webkit-animation:1s ease-out 1 forwards slideInFromLeft;animation:1s ease-out 1 forwards slideInFromLeft}.modal.positionBottomCenter .block{bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal.positionBottomRight .block{bottom:5%;right:-100%;-webkit-animation:1s ease-out 1 forwards slideInFromRight;animation:1s ease-out 1 forwards slideInFromRight}.modal.with-overlay:before{opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;z-index:0;content:"";-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal .block{position:fixed;z-index:1;padding:0;margin:0;background:var(--color1);max-width:400px}@media(max-width:900px){.modal .block{width:calc(100% - 10%);padding:var(--padding-block) 0}}.modal .block .header{position:absolute;left:0;width:100%;top:0;padding:0;height:80px}.modal .block .header .close{position:absolute;right:calc(var(--padding) / 2);top:calc(var(--padding) / 2);height:40px;color:#fff;font-size:40px;width:40px;font-family:arial,sans-serif;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;transition:all .2s linear}@media(hover:hover){.modal .block .header .close:hover{background:var(--color1-hover)}}.modal .block .content{line-height:normal;padding:0 var(--padding-block);color:#fff}.modal .block .content .instagram{padding:var(--padding-block) 0 var(--padding)}.modal .block .content .instagram img{width:150px}.modal .block .content .blockTitle{color:#fff;font-family:var(--subfont);font-size:var(--m-fontsize);line-height:normal}.modal .block .footer{display:-webkit-flex;display:flex;padding:var(--padding) var(--padding-block) var(--padding-block);width:100%}.modal .block .footer .button{transition:all .2s linear;text-align:center;padding:8px 15px;font-size:1.5rem;background:var(--color2);border-radius:5px;color:#fff}@media(hover:hover){.modal .block .footer .button:hover{background:var(--color1-hover)}}