@charset "UTF-8";@font-face{font-family:Roboto-regular;font-display:swap;src:local("Roboto-regular"),url(../fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto-bold;font-display:swap;src:local("Roboto-bold"),url(../fonts/Roboto-Bold.ttf) format("truetype")}@font-face{font-family:century-gothic;font-display:swap;src:local("century-gothic"),url(../fonts/century-gothic-bold.ttf) format("truetype")}@font-face{font-family:AvantGarde-bold;font-display:swap;src:local("AvantGarde-bold"),url(../fonts/avantgardectt-bold/avantgardectt-bold.ttf) format("truetype")}@font-face{font-family:century-gothic-regular;font-display:swap;src:local("century-gothic-regular"),url("../fonts/Century Gothic.ttf") format("truetype")}@font-face{font-family:AvantGarde-regular;font-display:swap;src:local("AvantGarde-regular"),url(../fonts/avantgardectt/avantgardectt.ttf) format("truetype")}@font-face{font-family:SF-Pro;font-display:swap;src:local("SF-Pro"),url(../fonts/SF-Pro-Display-RegularItalic.otf) format("truetype")}@font-face{font-family:SF-Pro-Display-Regular;font-display:swap;src:local("SF-Pro-Display-Regular"),url(../fonts/SF-Pro-Display-Regular.otf) 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}input,textarea{outline:0}input:focus:required:invalid,textarea:focus:required:invalid{border-color:red}input:required:valid,textarea:required:valid{border-color:green}.disable-hover{pointer-events:none!important}html:root{--vw:1vw}body{font-family:Roboto,sans-serif;font-size:16px;min-width:320px;margin:0;position:relative;line-height:1.65;overflow-x:hidden}button{outline-color:#6495ed;-webkit-tap-highlight-color:transparent}button::-moz-focus-inner{border:0}a{outline-color:#6495ed;-webkit-tap-highlight-color:transparent}img{width:100%;vertical-align:bottom}body{background-color:#0d0d0d}.body-wrap{max-width:calc(var(--vw) * 100);margin:0 auto}.header{position:relative;width:100%;height:100vh}.imagers-wrap{overflow:hidden}.imagers{position:relative;width:100%;height:100vh;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);will-change:transform}.imagers img{height:100%;-o-object-fit:cover;object-fit:cover}.imagers:before{position:absolute;content:"";inset:0;background-color:#0d0d0d;opacity:.6}.header-wrap{position:absolute;width:100%;bottom:50%;left:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);will-change:transform,bottom}.h1-wrap{display:inline-block;overflow:hidden}.h1{margin:0 auto;font:calc(100px + 3.3vw) AvantGarde-bold;text-align:center;line-height:1;color:#b7ab98}.one-word,.three-word,.two-word{display:inline-block;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform}.h3{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:50px auto 0;font:60px century-gothic;color:#eb5939}.section{width:100%;background-color:#0d0d0d}.container{max-width:1200px;margin:60px auto 60px;-webkit-columns:320px auto;-moz-columns:320px auto;columns:320px auto;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;text-align:center}.container:hover>.item-wrap .item:not(:hover):after{opacity:.5}.item-wrap{display:inline-block;margin:30px 30px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);will-change:transform}.item{display:inline-block;position:relative;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.6);box-shadow:0 10px 20px rgba(0,0,0,.6)}.item img{border-radius:8px}.item:after{content:"";position:absolute;inset:0;background-color:#000;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0}.item:focus{outline:3px solid #2e80c9}.item:hover{-webkit-transform:translateY(-10px) scale(1.02);-ms-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02);-webkit-box-shadow:0 15px 25px rgba(0,0,0,.6);box-shadow:0 15px 25px rgba(0,0,0,.6)}.item:active{-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.6);box-shadow:0 10px 20px rgba(0,0,0,.6)}.footer{width:100%;background-color:#121212;overflow:hidden}.footer-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1200px;margin:50px auto 60px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.avatar-wrap{position:relative;max-width:380px;padding:0 0 0 34px}.avatar{width:79%;margin:0 0 0 auto}.avatar-img{-webkit-filter:brightness(65%) grayscale(100%);filter:brightness(65%) grayscale(100%)}.footer-name{position:absolute;top:50%;right:50%}.first-name,.last-name{font:30px AvantGarde-regular;margin:0;color:#b7ab98;-webkit-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%);letter-spacing:1px}.last-wrap{margin:10px 0 0 40px;overflow:hidden}.first-wrap{width:-webkit-max-content;width:-moz-max-content;width:max-content;overflow:hidden}.footer-contact{margin:20px 0 0}.footer-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 20px 0 0}.footer-item svg{width:30px;height:20px;fill:#eb5939}.footer-social{position:relative;width:360px;font:30px AvantGarde-regular;line-height:1;text-decoration:none;color:#b7ab98;margin:0 0 0 10px}.footer-social:before{position:absolute;content:"";line-height:1.6;text-indent:10px;top:-10px;left:-10px;right:0;bottom:-10px;background-color:#eb5939;color:#0d0d0d;-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.footer-social:hover:before{-webkit-clip-path:polygon(0 -20px,100% -10px,100% 100%,0 100%);clip-path:polygon(0 -20px,100% -10px,100% 100%,0 100%)}.footer-item:nth-child(1) .footer-social:before{content:"ВКонтакте"}.footer-item:nth-child(2) .footer-social:before{content:"@chibisov153"}.footer-item:nth-child(3) .footer-social:before{content:"+7 900 106 9755"}.footer-item:nth-child(4) .footer-social:before{content:"chibisov153@gmail.com"}@media only screen and (max-width:992px){.h1{font:calc(var(--vw) * 13.5) AvantGarde-bold;line-height:1}.h3{font:calc(var(--vw) * 6.1) century-gothic;margin:5% auto 0}}@media only screen and (max-width:840px){.footer-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:30px auto 70px}.footer-item{padding:20px 20px 0 20px}.footer-social{width:100%}.footer-item:nth-child(n+1) .footer-social:before{content:""}.footer-item:nth-child(n+1) .footer-social:hover:before{-webkit-clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}}@media only screen and (max-width:480px){.h3{font:30px century-gothic}}@media only screen and (max-width:420px){.first-name,.last-name{font:7.2vw AvantGarde-regular}.footer-social{font:6.9vw AvantGarde-regular}}
