@font-face{font-family:yandex;font-weight:400;font-style:normal;src:url(../fonts/Yandex-text/YandexSansDisplay-RegularItalic.eot);src:url(../fonts/Yandex-text/YandexSansDisplay-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/Yandex-text/YandexSansDisplay-RegularItalic.woff) format("woff"),url(../fonts/Yandex-text/YandexSansDisplay-RegularItalic.ttf) format("truetype")}@font-face{font-family:playfair;font-weight:700;font-style:normal;src:url(../fonts/playfair-display-bold/playfair-display-bold.eot);src:url(../fonts/playfair-display-bold/playfair-display-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/playfair-display-bold/playfair-display-bold.woff) format("woff"),url(../fonts/playfair-display-bold/playfair-display-bold.ttf) format("truetype")}::-webkit-input-placeholder{color:#666}::-moz-placeholder{color:#666}:-ms-input-placeholder{color:#666}::-ms-input-placeholder{color:#666}::placeholder{color:#666}::-moz-selection{background-color:orange;color:#fff}::selection{background-color:orange;color:#fff}body{font:16px yandex;min-width:320px;margin:0;position:relative;line-height:1.65;overflow-x:hidden;height:100vh}button{-webkit-tap-highlight-color:transparent}button::-moz-focus-inner{border:0}a{-webkit-tap-highlight-color:transparent}img{width:100%;vertical-align:bottom}canvas{width:100%;height:100%;display:block}.pagination{position:fixed;padding:0;margin:0 0 0 10px;left:0;top:20px}.item{display:block;width:12px;height:12px;margin:12px;border-radius:50%;background-color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.active{background-color:tomato}.four,.one,.three,.two{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0}.four,.three,.two{clip:rect(0,0,0,0)}.wrap{margin:auto;text-align:center}h1,h2{margin:0 10px;font:10rem playfair;text-transform:uppercase;color:#fff}.text{max-width:520px;font:1.1rem yandex;margin:20px auto 0;padding:0 10px;color:#fff}.button{display:block;margin:30px auto 0;position:relative;width:100px;height:40px;border:2px solid #fff;border-radius:20px;font:1.1rem yandex;color:#fff;background-color:transparent;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;outline:0}.button:focus,.button:hover{border:2px solid tomato}.button:before{position:absolute;content:'';width:100px;height:100px;left:-2px;top:-30px;border-radius:50%;background-color:#fff;opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.button:active{color:tomato}.button:active:before{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:1;-webkit-transition:0s;-o-transition:0s;transition:0s}.dynamic h1,.dynamic h2{-webkit-animation:dynamic-h1 1.6s;animation:dynamic-h1 1.6s}.dynamic .text{-webkit-animation:dynamic-text 1.5s;animation:dynamic-text 1.5s}.dynamic .button{-webkit-animation:dynamic-button 2.2s;animation:dynamic-button 2.2s}@-webkit-keyframes dynamic-h1{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dynamic-h1{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dynamic-text{0%{opacity:0;-webkit-transform:translateY(100px) scale(.8);transform:translateY(100px) scale(.8)}100%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes dynamic-text{0%{opacity:0;-webkit-transform:translateY(100px) scale(.8);transform:translateY(100px) scale(.8)}100%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes dynamic-button{0%{opacity:0;-webkit-transform:translateY(100px) scale(.8);transform:translateY(100px) scale(.8)}100%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes dynamic-button{0%{opacity:0;-webkit-transform:translateY(100px) scale(.8);transform:translateY(100px) scale(.8)}100%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@media only screen and (max-width:768px){h1,h2{font:6rem playfair}.text{max-width:420px;font:1rem yandex}}@media only screen and (max-width:480px){h1,h2{font:4rem playfair}.text{max-width:320px;font:.9rem yandex}}