.fixed {
     bottom: 0;
     left: 0;
     pointer-events: none;
     position: fixed;
     right: 0;
     top: 0;
}
 .fixed,.fixed-hud {
     transition: opacity .35s,visibility .35s;
     z-index: 2;
}
 .fixed-hud {
     position: fixed!important;
     transform: translateZ(0);
}
 .fixed-hud .vintage-is-all .svg {
     fill: #fff!important;
}
 .vintage-logo {
     color: #fff;
     font-size: 32px;
     height: 40px;
     left: 60px;
     pointer-events: visiblePainted!important;
     position: absolute;
     top: 20px;
     width: 150px;
     z-index: 5;
     height: 110px !important;
}
 .vintage-logo .icon {
     transition: transform .25s,visibility .25s ease-out .25s;
}
 .vintage-logo .icon-v {
     display: block;
     visibility: hidden;
}
.logo-w{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.3s;
}
.logo-b{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  transition: all 0.3s;
}
 .vintage-logo a {
     display: block;
     position: relative;
     transition: none;
     width: 100%;
}
 .vintage-logo.minified a {
     transition: width 0s linear .5s;
     width: 30px;
}
 .vintage-logo.minified .icon {
     transition: transform .25s,visibility .25s ease-out 0s;
}
 .vintage-logo.minified .icon-vintage {
     transform: translateY(-40px);
}
 .vintage-logo.minified .icon-v {
     transform: translateY(-40px);
     visibility: visible;
}
 .menu-block {
     pointer-events: none;
     position: absolute;
     right: 0;
     top: 0;
     transform: translateZ(0);
     z-index: 4;
}
 .menu-block .menu-btn-label {
     color: #fff;
     display: flex;
     display: -ms-flexbox;
     pointer-events: visiblePainted;
     position: absolute;
     right: 105px;
     top: 35px;
     transition: opacity .5s linear,visibility .5s linear;
     z-index: 3;
}
 .menu-block .menu-btn-label .roll-hover-btn {
     margin-right: 15px;
}
 .menu-block .menu-btn-label .roll-hover-btn:last-child {
     margin-right: 0;
}
 .menu-open .menu-block .menu-btn-label {
     opacity: 0;
     transition: opacity .25s linear,visibility .25s linear;
     visibility: hidden;
}
 .no-flex .menu-block .menu-btn-label {
     display: block;
     white-space: nowrap;
}
 .menu-btn {
     cursor: pointer;
     margin-bottom: 15px;
     pointer-events: visiblePainted;
     position: absolute;
     right: 60px;
     top: 40px;
     transform: translateX(0) translateZ(0);
     transition: transform .5s;
     width: 25px;
     z-index: 3;
}
 .menu-btn:hover .menu-btn__line__inner:first-child {
     animation-name: a;
}
 .menu-btn:hover .menu-btn__line__inner:nth-child(2) {
     animation-name: b;
}
 @keyframes a {
     0% {
         left: 0;
    }
     to {
         left: -40px;
    }
}
 @keyframes b {
     0% {
         left: 25px;
    }
     to {
         left: -15px;
    }
}
 .menu-btn__line {
     height: 1px;
     margin-bottom: 7px;
     overflow: hidden;
     position: relative;
     transform: scaleX(0);
     transform-origin: 100% 50%;
     transition: none;
}
 .menu-btn__line:first-child .menu-btn__line__inner {
     animation-delay: 0s;
     animation-duration: .5s;
}
 .menu-btn__line:nth-child(2) .menu-btn__line__inner {
     animation-delay: 75ms;
     animation-duration: .5s;
}
 .menu-btn__line:nth-child(3) .menu-btn__line__inner {
     animation-delay: .15s;
     animation-duration: .5s;
}
 .menu-btn__line:nth-child(3),.menu-btn__line:nth-child(4) {
     margin-bottom: 0;
}
 .menu-btn__line_hover {
     bottom: 0;
     left: 0;
     position: absolute;
     transition: transform .35s ease-out 0s,visibility 0s linear .35s;
     visibility: hidden;
     width: 100%;
}
 .menu-btn__line__inner {
     background-color: #fff;
     content: "";
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .menu-btn__line__inner:nth-child(2) {
     transform: translateX(15px);
}
 .langs {
     pointer-events: visiblePainted;
     position: absolute;
     right: 60px;
     top: 75px;
     z-index: 3;
}
 .langs__i {
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 5px;
     text-align: right;
     text-transform: uppercase;
}
 .portfolio-btn-block {
     bottom: 40px;
     pointer-events: visiblePainted;
     position: absolute;
     right: 60px;
}
 .vintage-web-prod {
     bottom: 40px;
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     left: 60px;
     letter-spacing: 2px;
     position: absolute;
     text-transform: uppercase;
     z-index: 3;
}
 .vintage-web-prod .rolling-block {
     margin-bottom: 5px;
}
 .vintage-web-prod .rolling-block:last-child {
     margin-bottom: 0;
}
 .vintage-web-prod.hidden_bottom .rolling-block__content {
     transform: translate3d(0,100%,0)!important;
     transition: transform .35s!important;
     transition-delay: 0s!important;
}
 .vintage-web-prod.hidden .rolling-block__content {
     transform: translate3d(0,-100%,0)!important;
     transition: transform .35s!important;
     transition-delay: 0s!important;
}
 .vintage-web-prod.small-delay .rolling-block__content {
     transition: transform .35s!important;
     transition-delay: .25s!important;
}
 .vintage-is-all {
     bottom: 40px;
     color: #fff;
     left: 60px;
     position: absolute;
     z-index: 3;
}
 .vintage-is-all .svg {
     display: block;
     font-size: 17px;
}
 .vintage-is-all .rolling-block {
     margin-bottom: 3px;
}
 .vintage-is-all .rolling-block:first-child .svg {
     font-size: 19px;
}
 .vintage-is-all .rolling-block__content {
     transition-delay: .25s!important;
}
 .vintage-is-all.hidden_bottom .rolling-block__content {
     transform: translate3d(0,100%,0);
     transition-delay: 0s!important;
}
 .vintage-is-all.hidden .rolling-block__content {
     transform: translate3d(0,-100%,0);
     transition-delay: 0s!important;
}
 .socials,.socials-portfolio {
     bottom: 40px;
     color: #fff;
     display: flex;
     display: -ms-flexbox;
     flex-direction: row-reverse;
     ms-flex-direction: row-reverse;
     pointer-events: none;
     position: absolute;
     right: 60px;
     z-index: 3;
}
 .socials-portfolio .rolling-block,.socials .rolling-block {
     float: right;
     font-size: 12px;
     margin-right: 50px;
     pointer-events: visiblePainted;
}
 .socials-portfolio .rolling-block:first-child,.socials .rolling-block:first-child {
     margin-right: 0;
}
 .socials-portfolio .rolling-block.hidden .rolling-block__content,.socials .rolling-block.hidden .rolling-block__content {
     transform: translateY(-100%);
     transition: none;
}
 .socials-portfolio .rolling-block.hidden_bottom .rolling-block__content,.socials .rolling-block.hidden_bottom .rolling-block__content {
     transform: translate3d(0,100%,0);
     transition-delay: 0s;
}
 .mobile-splash {
     display: none;
     height: 145px;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 3;
}
 @keyframes c {
     0% {
         transform: translate(0) rotate(0deg);
    }
     30% {
         transform: translate(0) rotate(-10deg);
    }
     to {
         transform: translateY(4px) rotate(45deg);
    }
}
 @keyframes d {
     0% {
         transform: translateY(4px) rotate(45deg);
    }
     70% {
         transform: translate(0) rotate(-10deg);
    }
     to {
         transform: translate(0) rotate(0deg);
    }
}
 @keyframes e {
     0% {
         transform: translate(0) rotate(0deg);
    }
     30% {
         transform: translate(0) rotate(10deg);
    }
     to {
         transform: translateY(-4px) rotate(-45deg);
    }
}
 @keyframes f {
     to {
         transform: translate(0) rotate(0deg);
    }
     70% {
         transform: translate(0) rotate(10deg);
    }
     0% {
         transform: translateY(-4px) rotate(-45deg);
    }
}
 .pop-up_contacts {
     background: none;
}
 .pop-up_contacts .bg {
     background-color: #121212;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .pop-up_contacts .close-btn {
     z-index: 3;
}
 .pop-up_contacts .response-message,.pop-up_contacts .scrolling {
     align-items: center;
     display: flex;
     display: -ms-flexbox;
     ms-flex-align: center;
}
 .pop-up_contacts .response-message {
     background-color: #121212;
     height: 100%;
     justify-content: center;
     left: 0;
     ms-flex-pack: center;
     opacity: 0;
     position: fixed;
     top: 0;
     transition: opacity .35s,visibility .35s;
     visibility: hidden;
     width: 100%;
     z-index: 2;
}
 .pop-up_contacts .response-message p {
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 2px;
     padding: 0 20px;
     text-transform: uppercase;
}
 .pop-up_contacts.inverted {
     background-color: #fff;
}
 .pop-up_contacts.inverted .close-btn .line {
     background-color: #121212;
}
 .pop-up_contacts.inverted .contacts__content .line {
     background-color: #cfcfcf;
}
 .pop-up_contacts.inverted .contacts__content .close-btn .line {
     background-color: #121212;
}
 .pop-up_contacts.inverted .contacts__content .field__title .rolling-block__content,.pop-up_contacts.inverted .contacts__content .rolling-block__content {
     color: #121212;
}
 .pop-up_contacts.inverted .input-area+label i,.pop-up_contacts.inverted .input-field+label i {
     background-color: #000;
}
 .pop-up_contacts.inverted .input-area,.pop-up_contacts.inverted .input-field {
     color: #121212;
}
 .pop-up_contacts.inverted .action-btn:before {
     background-color: #121212;
}
 .pop-up_contacts.inverted .action-btn__label {
     color: #121212;
}
 .pop-up_contacts.inverted .action-btn__label:before {
     background-color: #121212;
}
 .pop-up_contacts.inverted .action-btn__label .rolling-block-wrap:before,.pop-up_contacts.inverted .action-btn__label span:before {
     background-color: #fff;
}
 .pop-up_contacts.inverted .action-btn__line:after,.pop-up_contacts.inverted .action-btn__line:before {
     background-color: #121212;
}
 .pop-up_contacts.hidden {
     opacity: 0;
     transform: translateZ(0) scale(.75);
}
 .pop-up_contacts.hidden .rolling-block__content {
     transform: translate3d(0,-100%,0);
}
 .pop-up_contacts.hidden .contacts__content .line {
     width: 0;
}
 .pop-up_contacts.hidden .contacts__content .action-btn {
     transform: translateX(-100%);
}
 .pop-up_contacts.hidden .contacts__content .action-btn .rolling-block__content {
     transform: translateZ(0);
}
 .pop-up_contacts.active-message .response-message {
     opacity: 1;
     visibility: visible;
}
 .contacts__content {
     margin: 0 auto;
     padding-bottom: 60px;
     padding-top: 120px;
     width: 640px;
}
 .contacts__content .line {
     background-color: #303030;
     height: 1px;
     transition: width .5s;
}
 .contacts__content .field {
     height: 70px;
     position: relative;
}
 .contacts__content .field__title {
     float: left;
     height: 70px;
     pointer-events: none;
     position: relative;
     width: 160px;
}
 .contacts__content .field__title .rolling-block {
     color: #fff;
     font-size: 12px;
     left: 0;
     top: 50%;
     transform: translate3d(0,-50%,0);
}
 .contacts__content .error-message,.contacts__content .field__title .rolling-block {
     font-family: roboto_condensedbold,sans-serif;
     letter-spacing: 2px;
     position: absolute;
     text-transform: uppercase;
}
 .contacts__content .error-message {
     bottom: -6px;
     color: #ff0060;
     font-size: 10px;
     opacity: 0;
     right: 0;
     transform: translateY(100%);
     transition: opacity .65s,visibility .65s;
     visibility: hidden;
}
 .contacts__content .field__area,.contacts__content .field__input {
     float: left;
     height: 100%;
     position: relative;
     width: 480px;
}
 .contacts__content .area {
     height: 140px;
     position: relative;
}
 .contacts__content .bottom-field {
     height: 120px;
     overflow-x: hidden;
     position: relative;
}
 .contacts__content .bottom-field input[type=submit] {
     display: none;
}
 .contacts__content .bottom-field .file-name {
     bottom: 30px;
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 10px;
     letter-spacing: 2px;
     opacity: 0;
     position: absolute;
     right: 0;
     text-align: right;
     text-transform: uppercase;
     transition: opacity .65s,visibility .65s;
     visibility: hidden;
}
 .contacts__content .rolling-block__content {
     color: #fff;
     transition-delay: .4s;
}
 .contacts__content .action-btn {
     transform: translateX(0);
     transition: transform .35s ease-out .4s;
}
 .contacts__content .action-btn .rolling-block {
     height: 100%;
     text-align: center;
}
 .contacts__content .action-btn .action-btn__progress {
     background-color: #fff;
     bottom: 14px;
     height: 1px;
     left: 0;
     position: absolute;
     transform: scaleX(0);
     transform-origin: 0 0;
     transition: transform 5s;
     width: 100%;
}
 .contacts__content .action-btn .action-btn__label .rolling-block-wrap,.contacts__content .action-btn .action-btn__label span {
     display: inline-block;
     height: 30px;
     white-space: nowrap;
}
 .contacts__content .action-btn .rolling-block__content_active {
     opacity: 0;
}
 .contacts__content .action-btn.complete .rolling-block-wrap,.contacts__content .action-btn.progress .rolling-block-wrap {
     pointer-events: none;
}
 .contacts__content .action-btn.complete .rolling-block__content_active,.contacts__content .action-btn.progress .rolling-block__content_active {
     opacity: 1;
}
 .contacts__content .action-btn.complete .rolling-block__content_normal,.contacts__content .action-btn.progress .rolling-block__content_normal {
     opacity: .5;
     transition: opacity .35s;
}
 .contacts__content .action-btn.complete .action-btn__label,.contacts__content .action-btn.progress .action-btn__label {
     transform: translateY(0);
}
 .contacts__content .action-btn.complete .action-btn__label:before,.contacts__content .action-btn.complete .action-btn__line:after,.contacts__content .action-btn.complete .action-btn__line:before,.contacts__content .action-btn.progress .action-btn__label:before,.contacts__content .action-btn.progress .action-btn__line:after,.contacts__content .action-btn.progress .action-btn__line:before {
     left: 100%;
     right: 0;
     transition: left .2s;
     width: auto;
}
 .contacts__content .action-btn.complete .action-btn__progress,.contacts__content .action-btn.progress .action-btn__progress {
     transform: scaleX(.75);
}
 .contacts__content .action-btn.complete .rolling-block__content {
     transform: translate3d(0,-100%,0);
     transition-delay: 0s;
}
 .contacts__content .action-btn.complete .action-btn__label {
     transform: translateY(0);
}
 .contacts__content .action-btn.complete .action-btn__label .rolling-block-wrap,.contacts__content .action-btn.complete .action-btn__label span {
     cursor: default;
}
 .contacts__content .action-btn.complete .action-btn__progress {
     opacity: 0;
     transform: scaleX(1);
     transition: transform .35s,opacity .35s linear .35s;
}
 .contacts__content .close-btn .line {
     background-color: #fff;
}
 .contacts__content .preloader {
     display: none;
     height: 20px;
     left: 10px;
     top: 10px;
     width: 20px;
}
 .contacts__content .attach-file-btn {
     cursor: pointer;
     padding-left: 40px;
     position: absolute;
     right: 0;
     text-align: right;
     top: 50%;
     transform: translateY(-50%);
}
 .contacts__content .attach-file-btn input {
     display: none;
}
 .contacts__content .attach-file-btn label {
     cursor: pointer;
}
 .contacts__content .attach-file-btn .ico {
     left: 0;
     top: 40%;
     transform: translate3d(0,-50%,0) rotate(0deg);
}
 .contacts__content .attach-file-btn:hover .ico .line:before {
     left: -15px;
     transition: left .35s;
}
 .contacts__content .attach-file-btn:hover .ico .line:nth-child(2):before {
     transition-delay: 0s;
}
 .contacts__content .attach-file-btn:hover .ico .line:first-child:before {
     transition-delay: 75ms;
}
 .contacts__content .attach-file-btn.uploading {
     pointer-events: none;
}
 .contacts__content .attach-file-btn.uploading .preloader {
     display: block;
}
 .contacts__content .attach-file-btn.uploading .close-btn,.glitch-buffer {
     display: none;
}
 .landscape-splash {
     align-items: center;
     background-color: #191919;
     display: none;
     height: 100%;
     justify-content: center;
     left: 0;
     ms-flex-align: center;
     ms-flex-pack: center;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999;
}
 .landscape-splash__message {
     margin: 20px;
     position: relative;
}
 .landscape-splash__message .animation,.landscape-splash__message svg {
     display: block;
     margin: 0 auto 20px;
     position: relative;
}
 .landscape-splash__message .animation {
     height: 150px;
     margin: 0 auto;
     width: 200px;
}
 .landscape-splash__message .animation svg {
     height: 100%;
     width: 100%;
}
 .landscape-splash__message svg {
     fill: #fff;
     font-size: 2rem;
     width: 35px;
}
 .landscape-splash__message p {
     color: #fff;
     font-family: uni_sansheavy_caps,sans-serif;
     font-size: 14px;
     letter-spacing: 2px;
}
 .menu {
     height: 100vh;
     left: 0;
     pointer-events: visiblePainted;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 2;
}
 .menu.hidden {
     pointer-events: none;
}
 .menu.hidden .pages-list__i .inner {
     transform: translateY(-100%);
}
 .menu.hidden .rolling-block__content {
     transform: translateY(-200%);
}
 .menu__bottom-line {
     background-color: #fff;
     height: 1px;
     left: 60px;
     position: absolute;
     right: 60px;
     top: 0;
     transform: scaleX(0);
     transform-origin: 100% 50%;
     z-index: 2;
}
 .menu__bottom-line.inverted {
     background-color: #121212;
}
 .menu__bg {
     background-color: #121212;
     height: 100%;
     opacity: 0;
     right: 0;
}
 .menu__bg,.menu__content-wrap {
     left: 0;
     position: absolute;
     top: 0;
}
 .menu__content-wrap {
     height: 0;
     overflow: hidden;
     width: 100%;
}
 .menu__content {
     height: 100%;
     position: relative;
     width: 100%;
}
 .menu__content .glitch {
     height: 260px;
     pointer-events: visiblePainted;
     top: 50%;
     transform: translate3d(0,-50%,0);
     z-index: 2;
}
 .menu__content .v-lines {
     transition-delay: 0s;
     z-index: 2;
}
 .menu__content .v-lines .v-lines__inner,.menu__content .v-lines .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .menu__content .rolling-block__content {
     transition-delay: 0s;
}
 .pages-list {
     left: 50%;
     list-style: none;
     position: absolute;
     top: 50%;
     transform: translate(140px,-50%);
     z-index: 3;
}
 .pages-list .inner {
     padding-left: 120px;
     position: relative;
     transform: translateY(0);
     transition: transform .75s;
}
 .pages-list .label {
     color: #fff;
     cursor: pointer;
     font-family: uni_sansbold,sans-serif;
     font-size: 30px;
     pointer-events: visiblePainted;
}
 .pages-list .num {
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     left: 0;
     position: absolute;
     top: 50%;
     transform: translate3d(-50%,-50%,0) rotate(-90deg);
}
 .pages-list .num:before {
     bottom: -10px;
     content: "";
     display: block;
     height: 5px;
     left: 50%;
     transform: translateX(-3px) rotate(45deg) scale(0);
     width: 5px;
}
 .pages-list .line,.pages-list .num:before {
     background-color: #fff;
     position: absolute;
     transition: transform .35s;
}
 .pages-list .line {
     height: 1px;
     left: 125px;
     top: 50%;
     transform: translateX(-100%) scaleX(0);
     transform-origin: 100% 50%;
     width: 110px;
}
 .pages-list__i {
     margin-bottom: 15px;
     overflow: hidden;
     padding-left: 20px;
     position: relative;
     transform: translateX(0);
     transition: transform .35s;
}
 .pages-list__i:hover {
     transform: translateX(-15px);
}
 .pages-list__i:hover .num:before {
     transform: translateX(-3px) rotate(45deg) scale(1);
}
 .pages-list__i:hover .line {
     transform: translateX(-100%) scaleX(1);
}
 .pages-list__i:first-child .inner {
     transition-delay: .9s;
}
 .pages-list__i:nth-child(2) .inner {
     transition-delay: .75s;
}
 .pages-list__i:nth-child(3) .inner {
     transition-delay: .6s;
}
 .pages-list__i:nth-child(4) .inner {
     transition-delay: .45s;
}
 .pages-list__i:nth-child(5) .inner {
     transition-delay: .3s;
}
 .pages-list__i:nth-child(6) .inner {
     transition-delay: .15s;
}
 .pages-list__i:nth-child(7) .inner {
     transition-delay: 0s;
}
 .page-preloader {
     background-color: #121212;
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 10;
}
 .page-preloader svg {
     shape-rendering: optimizeSpeed;
}
 .page-preloader.page-preloader_animated-out .page-preloader__animation {
     transform: translate3d(-50%,-50%,0) scaleX(0) skewY(35deg);
}
 .page-preloader.hidden {
     display: none;
}
 .page-preloader__text {
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     left: 50%;
     letter-spacing: 2px;
     opacity: 0;
     position: absolute;
     text-transform: uppercase;
     top: 50%;
     transform: translate(-50%,-50%);
     white-space: nowrap;
}
 .page-preloader__animation {
     height: 400px;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate3d(-50%,-50%,0) scaleX(1) skewY(0deg);
     width: 400px;
}
 .page-preloader__progress-bar {
     height: 1px;
     left: 50%;
     position: absolute;
     top: 50%;
     width: 200px;
}
 .page-preloader__progress-bar .rect {
     background-color: #fff;
     height: 100%;
     transform: scaleX(1);
     width: 100%;
}
 .page-preloader__progress-bar_top {
     transform: translate(-50%,-60px) scaleX(0);
     transform-origin: 100% 0;
}
 .page-preloader__progress-bar_top .rect {
     transform-origin: 0 0;
}
 .page-preloader__progress-bar_bottom {
     transform: translate(-50%,60px) scaleX(0);
     transform-origin: 0 0;
}
 .page-preloader__progress-bar_bottom .rect {
     transform-origin: 100% 0;
}
 .page-preloader__drop-line {
     left: 50%;
     position: absolute;
     top: 50%;
     transition: top .85s ease-out;
     width: 1px;
     z-index: 2;
}
 .page-preloader__drop-line:before {
     background-color: #fff;
     content: "";
     display: block;
     height: 0;
     left: 0;
     position: absolute;
     top: 0;
     transition: top .85s ease-out,height .85s ease-out;
     width: 100%;
}
 .page-preloader__drop-line.page-preloader__drop-line_animated {
     top: 100%;
}
 .page-preloader__drop-line.page-preloader__drop-line_animated:before {
     height: 200px;
     top: -50px;
}
 .render-update {
     background-color: rgba(0,0,0,.1);
     height: 1px;
     left: 0;
     position: absolute;
     top: 10px;
     width: 1px;
}
 .pop-up_video {
     background-color: #131313;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 3;
}
 .pop-up_video video {
     height: 100%;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
}
 .pop-up_video .close-btn .line {
     background-color: #ddd;
}
 .pop-up_video.hidden {
     display: none;
}
 .video-popup__controls {
     bottom: 40px;
     height: 14px;
     left: 50%;
     position: absolute;
     transform: translateX(-50%);
     width: 760px;
     z-index: 2;
}
 .video-popup__controls .play-btn {
     background-color: transparent;
     cursor: pointer;
     height: 14px;
     left: 0;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 20px;
}
 .video-popup__controls .play-btn:before {
     border: 6px solid transparent;
     border-left: 9px solid #ddd;
     content: "";
     display: block;
     height: 1px;
     left: 75%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 1px;
}
 .video-popup__controls .pause-btn {
     background-color: transparent;
     cursor: pointer;
     height: 14px;
     left: 0;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 20px;
}
 .video-popup__controls .pause-btn:after,.video-popup__controls .pause-btn:before {
     background-color: #ddd;
     content: "";
     display: block;
     height: 8px;
     left: 5px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 4px;
}
 .video-popup__controls .pause-btn:after {
     left: 11px;
}
 .video-popup__controls .progress-bar {
     border-bottom: 1px solid #ddd;
     cursor: pointer;
     height: 9px;
     left: 40px;
     position: absolute;
     right: 40px;
     top: 50%;
     transform: translateY(-50%);
}
 .video-popup__controls .progress-bar__time {
     background-color: #ddd;
     height: 2px;
     left: 0;
     position: absolute;
     top: 0;
     transform: scaleX(0);
     transform-origin: 0 0;
     transition: transform .35s;
     width: 100%;
}
 .video-popup__controls .time {
     color: #ddd;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     line-height: 14px;
     position: absolute;
     right: 0;
     text-align: right;
     top: 0;
     white-space: nowrap;
}
 .toggle-block {
     position: relative;
}
 @media (min-width:768px) {
     .toggle-block {
         padding-right: 20px;
    }
}
 @media only screen and (max-device-width:767px) {
     .toggle-block {
         padding-bottom: 50px;
    }
}
 .toggle-block .pre-title {
     margin-bottom: 36px;
}
 .toggle-block--white .pre-title__label {
     color: #fff;
}
 .toggle-block--white .pre-title__line {
     background: #fff;
}
 .toggle-block__wrapper {
     overflow: hidden;
}
 @media (min-width:768px) {
     .toggle-block__wrapper__content {
         padding-bottom: 50px;
    }
}
 .toggle-block__toggler {
     background: none;
     border: none;
     box-shadow: none;
     color: #000;
     cursor: pointer;
     display: block;
     height: 20px;
     padding: 0;
     position: absolute;
     right: 0;
     top: calc(100% - 20px);
     transition: top .7s ease-in-out;
     width: 20px;
}
 .toggle-block--white .toggle-block__toggler {
     color: #fff;
}
 @media only screen and (max-device-width:767px) {
     .toggle-block__toggler {
         left: 0;
         right: auto;
         top: calc(100% - 20px);
    }
}
 .toggle-block__toggler .vertical-line {
     transform: scaleY(0);
     transform-origin: center center;
     transition: transform .5s ease-in;
}
 .toggle-block__toggler,.toggle-block__toggler:active,.toggle-block__toggler:focus {
     outline: none;
}
 .toggle-block__toggler svg {
     height: 100%;
     width: 100%;
}
 @media (min-width:768px) {
     .toggle-block--hidden .toggle-block__toggler {
         top: 0;
    }
}
 .toggle-block--hidden .toggle-block__toggler .vertical-line {
     transform: scaleY(1);
}
 @font-face {
     font-family: iconfont;
     src: url(../fonts/iconfont.eot%3F) format("eot"),url(../fonts/iconfont.woff2) format("woff2"),url(../fonts/iconfont.woff) format("woff"),url(../fonts/iconfont.ttf) format("truetype"),url(https://vintage.com.ua/static/fonts/iconfont.svg) format("svg");
     src: url(../fonts/iconfont.eot);
}
 .icon:before {
     font-family: iconfont;
     font-style: normal;
     font-variant: normal;
     font-weight: 400;
     moz-osx-font-smoothing: grayscale;
     text-decoration: none;
     text-transform: none;
     webkit-font-smoothing: antialiased;
}
 .icon-v:before {
     content: "\E001";
}
 .icon-vintage:before {
     /*content: "\E002";*/
}
 b,body,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,img,label,li,ol,p,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,u,ul {
     background: transparent;
     border: 0;
     margin: 0;
     outline: 0;
     padding: 0;
     vertical-align: baseline;
}
 h1,h2,h3,h4,h5,h6 {
     font-weight: 400;
}
 a {
     background: transparent;
     color: #666;
     margin: 0;
     padding: 0;
     text-decoration: none;
     vertical-align: baseline;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 td,td img {
     vertical-align: top;
}
 button,input,select,textarea {
     color: #666;
     font-size: 100%;
     margin: 0;
}
 input[type=checkbox] {
     vertical-align: bottom;
}
 input[type=radio] {
     vertical-align: text-bottom;
}
 sub {
     vertical-align: sub;
}
 sub,sup {
     font-size: smaller;
}
 sup {
     vertical-align: super;
}
 .clearfix:after,.clearfix:before {
     content: "\0020";
     display: block;
     height: 0;
     visibility: hidden;
}
 .clearfix:after {
     clear: both;
}
 .clearfix {
     zoom: 1;
}
 .btn-reset {
     background: none;
     border: none;
     box-shadow: none;
     cursor: pointer;
     padding: 0;
}
 .btn-reset:active,.btn-resetfocus {
     outline: none;
}
 @font-face {
     font-family: uni_sansheavy;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/fontfabric_-_unisans-heavy-webfont.woff2) format("woff2"),url(../fonts/fontfabric_-_unisans-heavy-webfont.woff) format("woff");
}
 @font-face {
     font-family: robotolight;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/roboto-light-webfont.woff2) format("woff2"),url(../fonts/roboto-light-webfont.woff) format("woff");
}
 @font-face {
     font-family: robotoregular;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/roboto-regular-webfont.woff2) format("woff2"),url(../fonts/roboto-regular-webfont.woff) format("woff");
}
 @font-face {
     font-family: roboto_condensedbold;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/robotocondensed-bold-webfont.woff2) format("woff2"),url(../fonts/robotocondensed-bold-webfont.woff) format("woff");
}
 @font-face {
     font-family: uni_sansbold;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/fontfabric_-_unisans-bold-webfont.woff2) format("woff2"),url(../fonts/fontfabric_-_unisans-bold-webfont.woff) format("woff");
}
 @font-face {
     font-family: uni_sansheavy_caps;
     font-style: normal;
     font-weight: 400;
     src: url(../fonts/uni_sans_heavy-webfont.woff2) format("woff2"),url(../fonts/uni_sans_heavy-webfont.woff) format("woff");
}
h1.subheader{
  color: #000 !important;
}
 .roll-hover-btn {
     color: inherit;
     display: inline-block;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     height: 25px;
     letter-spacing: 2px;
     line-height: 20px;
     overflow: hidden;
     position: relative;
     text-transform: uppercase;
}
 .roll-hover-btn:hover .roll-hover-btn__label {
     transform: translateY(-105%);
}
 .roll-hover-btn__label {
     position: relative;
     transition: transform .35s;
     white-space: nowrap;
}
 .line-hover-btn {
     color: inherit;
     display: inline-block;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     height: 20px;
     letter-spacing: 2px;
     line-height: 20px;
     position: relative;
     text-transform: uppercase;
}
 .line-hover-btn p {
     cursor: pointer;
     transition: transform .35s;
}
 .line-hover-btn:before {
     height: 1px;
     transition: width .35s;
     width: 0;
}
 .line-hover-btn:after,.line-hover-btn:before {
     background-color: #fff;
     content: "";
     display: block;
     position: absolute;
     top: 50%;
}
 .line-hover-btn:after {
     height: 4px;
     transform: translate(-50%,-50%) rotate(45deg) scale(0);
     transition: transform .35s;
     width: 4px;
}
 .line-hover-btn.line-hover-btn_right:before {
     left: 100%;
     transform: translate3d(30px,0,0);
}
 .line-hover-btn.line-hover-btn_right:after {
     right: -135px;
}
 .line-hover-btn.line-hover-btn_right:hover:before {
     width: 90px;
}
 .line-hover-btn.line-hover-btn_right:hover:after {
     transform: translate(-50%,-50%) rotate(45deg) scale(1);
     transition-delay: .2s;
}
 .line-hover-btn.line-hover-btn_right:hover p {
     transform: translate3d(15px,0,0);
}
 .line-hover-btn.line-hover-btn_left:before {
     right: 100%;
     transform: translate3d(-30px,0,0) scaleX(-1);
}
 .line-hover-btn.line-hover-btn_left:after {
     left: -131px;
}
 .line-hover-btn.line-hover-btn_left:hover:before {
     width: 90px;
}
 .line-hover-btn.line-hover-btn_left:hover:after {
     transform: translate(-50%,-50%) rotate(45deg) scale(1);
     transition-delay: .2s;
}
 .line-hover-btn.line-hover-btn_left:hover p {
     transform: translate3d(-15px,0,0);
}
 .action-btn {
     display: inline-block;
     height: 100px;
     pointer-events: none;
     position: relative;
}
 .action-btn .action-btn__label {
     background-color: transparent;
     color: #fff;
     display: inline-block;
     font-family: uni_sansheavy_caps,sans-serif;
     font-size: 20px;
     height: 100%;
     letter-spacing: 2px;
     position: relative;
     transition: transform .3375s ease-in-out;
}
 .action-btn .action-btn__label:before {
     background-color: #fff;
     bottom: -1px;
     content: "";
     display: block;
     height: 1px;
     left: 0;
     position: absolute;
     width: 100%;
}
 .action-btn .action-btn__label .rolling-block-wrap,.action-btn .action-btn__label span {
     cursor: pointer;
     display: inline-block;
     pointer-events: visiblePainted;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}
 .action-btn .action-btn__label .rolling-block-wrap:before,.action-btn .action-btn__label span:before {
     background-color: #121212;
     content: "";
     display: block;
     height: 60px;
     left: 0;
     position: absolute;
     top: 0;
     visibility: hidden;
     width: 100%;
     z-index: -1;
}
 .action-btn .action-btn__line {
     bottom: -1px;
     height: 1px;
     left: 0;
     position: absolute;
     width: 100%;
}
 .action-btn .action-btn__line:after,.action-btn .action-btn__line:before {
     background-color: #fff;
     content: "";
     display: block;
     height: 1px;
     left: 0;
     position: absolute;
     top: 0;
     transition: top .45s ease-in-out;
     width: 100%;
}
 .action-btn .action-btn__line:before {
     transition-delay: .1125s;
}
 .action-btn .action-btn__line:after {
     transition-delay: .3375s;
}
 .action-btn:before {
     background-color: #fff;
     bottom: -1px;
     content: "";
     display: block;
     height: 1px;
     left: 0;
     position: absolute;
     width: 100%;
}
 .action-btn:hover .action-btn__label {
     transform: translateY(-15px);
}
 .action-btn:hover .action-btn__label .rolling-block-wrap:before,.action-btn:hover .action-btn__label span:before {
     visibility: visible;
}
 .action-btn:hover .action-btn__line:after,.action-btn:hover .action-btn__line:before {
     top: -15px;
}
 .input-field {
     background-color: transparent;
     border: 0;
     color: #fff;
     font-family: uni_sansheavy_caps,sans-serif;
     font-size: 20px;
     height: 50px;
     line-height: 50px;
     outline: none;
     padding: 0;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     transition: color .35s;
     width: 100%;
}
 .input-field+label i {
     background-color: #fff;
     bottom: -1px;
     height: 1px;
     left: 0;
     position: absolute;
     transition: width .35s,background-color .35s;
     width: 0;
}
 .input-field:focus+label i {
     width: 100%;
}
 .input-field.error {
     color: #ff0060;
}
 .input-field.error+label i {
     background-color: #ff0060;
     width: 100%;
}
 .input-field.error+label+.error-message {
     opacity: 1;
     visibility: visible;
}
 .input-area {
     background-color: transparent;
     border: 0;
     color: #fff;
     font-family: uni_sansheavy_caps,sans-serif;
     font-size: 16px;
     height: 90px;
     line-height: 150%;
     outline: none;
     padding: 0;
     position: absolute;
     resize: none;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
}
 .input-area+label i {
     background-color: #fff;
     bottom: -1px;
     height: 1px;
     left: 0;
     position: absolute;
     transition: width .35s;
     width: 0;
}
 .input-area:focus+label i {
     width: 100%;
}
 .input-area.error {
     color: #ff0060;
}
 .input-area.error+label i {
     background-color: #ff0060;
     width: 100%;
}
 .input-area.error+label+.error-message {
     opacity: 1;
     visibility: visible;
}
 .arrow-controls {
     height: 20px;
     position: absolute;
     transform: translateZ(0);
     width: 320px;
}
 .arrow-controls.hidden .arrow-controls__left,.arrow-controls.hidden .arrow-controls__right {
     width: 0;
}
 .arrow-controls.hidden .arrow-controls__left:before,.arrow-controls.hidden .arrow-controls__right:before {
     opacity: 0;
}
 .arrow-controls__left,.arrow-controls__right {
     cursor: pointer;
     height: 100%;
     left: 50%;
     position: absolute;
     transform-origin: 0 0;
     transition: width .5s ease-in-out,opacity .5s ease-in-out;
     width: 85px;
}
 .arrow-controls__left .line,.arrow-controls__right .line {
     background-color: #fff;
     height: 1px;
     left: 0;
     overflow: hidden;
     position: absolute;
     right: 10px;
     top: 50%;
}
 .arrow-controls__left .line:before,.arrow-controls__right .line:before {
     background-color: #121212;
     content: "";
     display: block;
     height: 1px;
     left: 0;
     position: absolute;
     top: 0;
     transform: translate(-100%);
     transition: left .5s ease-in-out,transform .5s ease-in-out;
     width: 20px;
     z-index: 2;
}
 .arrow-controls__left.disabled,.arrow-controls__right.disabled {
     opacity: .5;
     pointer-events: none;
}
 .arrow-controls__left:before,.arrow-controls__right:before {
     border-right: 1px solid #fff;
     border-top: 1px solid #fff;
     content: "";
     display: block;
     height: 4px;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translate(-50%,-50%) rotate(45deg);
     transition: opacity .35s;
     width: 4px;
}
 .arrow-controls__left:hover,.arrow-controls__right:hover {
     width: 110px;
}
 .arrow-controls__left:hover .line:before,.arrow-controls__right:hover .line:before {
     left: 100%;
     transform: translate(0);
}
 .arrow-controls__left {
     transform: translateX(-190px) scaleX(-1);
}
 .arrow-controls__right {
     transform: translateX(190px);
}
 .close-btn {
     background-color: transparent;
     cursor: pointer;
     height: 40px;
     position: absolute;
     right: 60px;
     top: 40px;
     transform: translateY(-50%) rotate(45deg);
     width: 40px;
}
 .close-btn .line {
     background-color: #fff;
     height: 1px;
     overflow: hidden;
     position: absolute;
     width: 20px;
}
 .close-btn .line:before {
     background-color: #121212;
     content: "";
     display: block;
     height: 1px;
     left: 100%;
     position: absolute;
     transform: translateZ(0);
     transition: none;
     width: 15px;
}
 .close-btn .line_h {
     left: 10px;
     top: 50%;
     transform: translateZ(0);
}
 .close-btn .line_v {
     left: 10px;
     top: 50%;
     transform: translateZ(0) rotate(270deg);
}
 .close-btn:hover .line:before {
     left: -15px;
     transition: left .35s;
}
 .close-btn:hover .line:nth-child(2):before {
     transition-delay: 0s;
}
 .close-btn:hover .line:first-child:before {
     transition-delay: .05s;
}
 .svg {
     display: inline-block;
     fill: currentColor;
     height: 1em;
     width: 1em;
}
 .svg-01_atrlogo {
     font-size: 25.73rem;
     width: 2.01088em;
}
 .svg-02_logo_you_metro {
     font-size: 2.2rem;
     width: 3.58182em;
}
 .svg-03_aiia {
     font-size: 3.5rem;
     width: 2.38571em;
}
 .svg-04_RETAL {
     font-size: 4.6rem;
     width: 4.34783em;
}
 .svg-05_MAKHNOblack {
     font-size: 9.69rem;
     width: 6.14345em;
}
 .svg-06_ {
     font-size: 11.54rem;
     width: .99653em;
}
 .svg-07_Kyivstar_logo {
     font-size: 13.74rem;
     width: .97889em;
}
 .svg-09_Fie {
     font-size: 59.53rem;
     width: 1.41424em;
}
 .svg-10_CW {
     font-size: 84.2rem;
     width: .70665em;
}
 .svg-11_radioaktive {
     font-size: 4.87rem;
     width: 9.78439em;
}
 .svg-12_ta {
     font-size: 4.7rem;
     width: 3.71702em;
}
 .svg-13_fishka {
     font-size: 2.28rem;
     width: 4.38158em;
}
 .svg-14_minfin {
     font-size: 3.47rem;
     width: 1em;
}
 .svg-15_okko {
     font-size: 1.29rem;
     width: 7.06202em;
}
 .svg-16_logo_de {
     font-size: 14.99rem;
     width: 2.81721em;
}
 .svg-16_logo_de_ {
     font-size: 5rem;
     width: 8.278em;
}
 .svg-17_logo_vestfrost {
     font-size: 3.4rem;
     width: 4.68235em;
}
 .svg-18_apostUntitled-1 {
     font-size: 76.8rem;
     width: 1.77865em;
}
 .svg-19_ohmylook {
     font-size: 8.17rem;
     width: 2.22399em;
}
 .svg-20_Zeus_logo {
     font-size: 8.783rem;
     width: 1.66526em;
}
 .svg-21_A52 {
     font-size: 7.29rem;
     width: 2.2428em;
}
 .svg-22_CONCORD {
     font-size: 2.5rem;
     width: 6.8em;
}
 .svg-23_PORCELAIN {
     font-size: 5.83rem;
     width: 2.86621em;
}
 .svg-24_WBM_logo {
     font-size: 7.3rem;
     width: 3.97397em;
}
 .svg-adc,.svg-adc_white {
     font-size: 12.09rem;
     width: 3.18859em;
}
 .svg-adcua-ico {
     font-size: 20rem;
     width: 1em;
}
 .svg-all_you {
     font-size: 4.15rem;
     width: 4.12048em;
}
 .svg-awwwards {
     font-size: 5.2rem;
     width: 1.15385em;
}
 .svg-css,.svg-cssda {
     font-size: 8.58rem;
     width: .67483em;
}
 .svg-csswinner {
     font-size: 7.57rem;
     width: 7.98547em;
}
 .svg-edawards {
     font-size: 9.37rem;
     width: 5.90608em;
}
 .svg-effie {
     font-size: 77.16rem;
     width: .70943em;
}
 .svg-effie-ico {
     font-size: 20rem;
     width: 1em;
}
 .svg-kakadu {
     font-size: 40.71rem;
     width: 1.1265em;
}
 .svg-kiaf {
     font-size: 14.67rem;
     width: 3.68439em;
}
 .svg-lia {
     font-size: 16.16rem;
     width: 1.46287em;
}
 .svg-loading {
     font-size: 51.2rem;
     width: 1em;
}
 .svg-logo_retal {
     font-size: 6.86rem;
     width: 4.39504em;
}
 .svg-need_is {
     font-size: 3.77rem;
     width: 3.84085em;
}
 .svg-toggle-closed {
     font-size: 2.1rem;
     width: 1em;
}
 .svg-ud {
     font-size: 40.95rem;
     width: 1.06838em;
}
 .svg-v {
     font-size: 3.67rem;
     width: .73025em;
}
 .svg-winner {
     font-size: 12.99rem;
     width: 1.20015em;
}
 html {
     height: 100%;
     width: 100%;
}
 html.loaded .screen-panel.hidden {
     transform: translate3d(0,100%,0);
}
 body {
     background-color: #121212;
}
 a {
     color: inherit;
}
 .screen-panel {
     height: 100%;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 0;
     width: 100%;
}
 .screen-panel .langs .rolling-block__content,.screen-panel .menu-btn-label .rolling-block__content,.screen-panel .portfolio-btn-block .rolling-block__content,.screen-panel .socials-portfolio .rolling-block__content,.screen-panel .vintage-logo .rolling-block__content,.screen-panel .vintage-web-prod .rolling-block__content {
     position: relative;
     transition: none;
}
 .screen-panel.menu-open .vintage-logo {
     color: #fff!important;
     transition: transform .5s,color .35s ease-out .5s;
}
 .screen-panel.menu-open .menu-btn {
     transform: translateX(3px) translateZ(0);
     transition-delay: .5s;
}
 .screen-panel.menu-open .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: c;
     transform-origin: 50% 50%;
}
 .screen-panel.menu-open .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: e;
     transform-origin: 50% 50%;
}
 .screen-panel.menu-open .menu-btn__line:nth-child(3) {
     visibility: hidden;
}
 .screen-panel.menu-open .menu-btn__line__inner {
     background-color: #fff!important;
     transition: background-color .35s ease-out .5s;
}
 .screen-panel.menu-open .langs .rolling-block__content,.screen-panel.menu-open .vintage-logo .rolling-block__content {
     color: #fff!important;
     transition: transform .65s,color .35s ease-out .5s;
}
 .screen-panel.menu-closing .langs .rolling-block__content,.screen-panel.menu-closing .vintage-logo .rolling-block__content {
     transition: transform .65s,color .35s ease-out .35s;
}
 .screen-panel.menu-closing .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: d;
     transform-origin: 50% 50%;
}
 .screen-panel.menu-closing .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: f;
     transform-origin: 50% 50%;
}
 .screen-panel.menu-closing .menu-btn__line:nth-child(3) {
     transition: visibility 1s linear .5s;
     visibility: visible;
}
 .screen-panel.menu-closing .menu-btn__line__inner {
     transition: background-color .35s ease-out .35s;
}
 .screen-panel.hidden {
     visibility: hidden;
}
 .screen-panel.hidden .rolling-block__content {
     transform: translateY(-100%);
}
 .screen-panel.hidden .v-lines {
     height: 0;
     transition: none;
}
 .content-wrap {
     height: 100%;
     margin: 0 auto;
     max-width: 1600px;
     min-width: 1024px;
     position: relative;
}
 .heading-text h1 {
     color: #fff;
     display: none;
     font-family: uni_sansheavy,sans-serif;
     font-size: 150px;
     margin-bottom: 20px;
     position: relative;
     text-transform: uppercase;
     white-space: nowrap;
}
 .heading-text.heading-text_sm h1 {
     font-size: 100px;
}
 .scrolling {
     height: 100%;
     overflow-y: auto;
     position: relative;
     webkit-overflow-scrolling: touch;
     z-index: 1;
}
 .rolling-block {
     overflow: hidden;
     position: relative;
     height: auto;
}
 .rolling-block.hidden .rolling-block__content {
     transform: translateY(-100%) translateZ(0);
}
 .rolling-block__content {
     transform: translateY(0) translateZ(0);
     transition: transform .25s;
}
 .scroll-down {
     background-color: transparent;
     bottom: 50px;
     cursor: pointer;
     height: 50px;
     left: 50%;
     pointer-events: visiblePainted;
     position: absolute;
     transform: translate3d(-50%,0,0) scaleY(1);
     transform-origin: 0 0;
     transition: transform 1s;
     width: 10px;
}
 .scroll-down.hidden {
     transform: translate3d(-50%,0,0) scaleY(0);
}
 .scroll-down__lines {
     height: 100%;
     left: 50%;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     width: 1px;
}
 .scroll-down__lines .line,.scroll-down__lines:after,.scroll-down__lines:before {
     background-color: #fff;
     content: "";
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .scroll-down__lines_animated .line_top,.scroll-down__lines_animated:before {
     animation-duration: 3.5s;
     animation-fill-mode: forwards;
     animation-iteration-count: infinite;
     animation-name: g;
     animation-timing-function: cubic-bezier(.25,0,.25,1);
     transform-origin: 0 100%;
}
 .scroll-down__lines_animated .line_bottom,.scroll-down__lines_animated:after {
     animation-duration: 3.5s;
     animation-fill-mode: forwards;
     animation-iteration-count: infinite;
     animation-name: h;
     animation-timing-function: cubic-bezier(.25,0,.25,1);
     transform-origin: 0 0;
}
 .glitch {
     bottom: 0;
     left: 0;
     overflow: hidden;
     right: 0;
     top: 0;
}
 .glitch,.glitch svg {
     position: absolute;
     transform: translateZ(0);
}
 .glitch svg {
     height: 100%;
     shape-rendering: optimizeSpeed;
     width: 100%;
}
 .glitch svg text {
     cursor: default;
     moz-user-select: none;
     ms-user-select: none;
     user-select: none;
     webkit-user-select: none;
}
 .glitch__slide {
     overflow: hidden;
     width: 320px;
}
 .glitch__slide,.glitch__slide__svg-wrap {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
}
 .glitch__slide__svg-wrap {
     width: 100%;
}
 .v-lines {
     height: 100%;
     left: 50%;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: translate(-50%);
     width: 960px;
}
 .v-lines.v-lines_light .v-lines__inner,.v-lines.v-lines_light .v-lines__outer {
     border-left: 1px solid hsla(0,0%,100%,.03);
     border-right: 1px solid hsla(0,0%,100%,.03);
}
 .v-lines.v-lines_dark .v-lines__inner,.v-lines.v-lines_dark .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .v-lines__inner,.v-lines__outer {
     border-left: 1px solid #f2f2f2;
     border-right: 1px solid #f2f2f2;
     height: 100%;
     margin: 0 auto;
     position: absolute;
     top: 0;
}
 .v-lines__inner {
     position: relative;
     width: 320px;
}
 .v-lines__outer {
     width: 960px;
}
 .lines-bg {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .inner-section {
     position: relative;
}
 .inner-section .text {
     color: #121212;
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     line-height: 150%;
     position: relative;
     transform: translateZ(0);
}
 .inner-section.hidden .dots {
     position: absolute;
}
 .inner-section.hidden .title .rolling-block__content {
     transform: translate3d(0,-105%,0);
     transition-delay: 0s;
     will-change: transform;
}
 .inner-content-wrap {
     margin: 0 auto;
     max-width: 960px;
     position: relative;
}
 .dots {
     height: 7px;
     top: 4px;
     width: 7px;
}
 .dots,.dots__i {
     position: absolute;
}
 .dots__i {
     background-color: #121212;
     height: 5px;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%) rotate(45deg) scale(1);
     width: 5px;
}
 .dots__i:first-child {
     opacity: 1;
}
 .dots__i:nth-child(2) {
     opacity: .7;
}
 .dots__i:nth-child(3) {
     opacity: .4;
}
 .pre-title {
     margin-bottom: 50px;
     position: relative;
}
 .pre-title__line {
     background-color: #121212;
     height: 1px;
     left: -100px;
     position: absolute;
     top: 50%;
     transform-origin: 100% 0;
     width: 75px;
}
 .pre-title__label {
     color: #121212;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 2px;
     overflow: hidden;
     text-transform: uppercase;
}
 .pre-title__label span {
     display: inline-block;
     position: relative;
}
 .inner-section .title {
     color: #121212;
     font-family: uni_sansbold,sans-serif;
     font-size: 60px;
     line-height: 110%;
     margin-bottom: 75px;
     pointer-events: none;
     width: 550px;
}
 .inner-section .title .rolling-block {
     height: 61px;
}
 .inner-section .title .rolling-block__content {
     position: absolute;
     transition: none;
     white-space: nowrap;
}
 .animated-columns {
     display: flex;
     display: -ms-flexbox;
     list-style: none;
     transform: translateZ(0);
}
 .animated-columns li {
     box-sizing: border-box;
     color: #121212;
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     padding-right: 40px;
     position: relative;
     transform: translateZ(0);
     width: 320px;
}
 .animated-columns .num {
     color: inherit;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     margin-bottom: 20px;
}
 .animated-columns .num p {
     display: inline-block;
     left: 0;
     position: relative;
     top: 0;
     transform: translate(-3px,15px) rotate(-90deg);
     transform-origin: 0 0;
}
 .dash {
     background-color: #121212;
     height: 1px;
     margin-bottom: 20px;
     opacity: 1;
     position: relative;
     transform: translateX(0);
     width: 13px;
}
 .ico-pointer {
     bottom: 100%;
     height: 20px;
     left: 70px;
     overflow: hidden;
     position: absolute;
     width: 20px;
}
 .ico-pointer:before {
     border: 10px solid transparent;
     border-bottom: 10px solid #121212;
     content: "";
     display: block;
     height: 1px;
     left: 0;
     position: absolute;
     top: 50%;
     transition: top .4s;
     width: 1px;
}
 .shadow {
     height: 100%;
     position: absolute;
     width: 47px;
}
 .shadow_right {
     left: 100%;
}
 .shadow_left {
     right: 100%;
     transform: scale(-1);
}
 .grid-list {
     border-bottom: 1px solid #f2f2f2;
     display: flex;
     display: -ms-flexbox;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-around;
     list-style: none;
     ms-flex-direction: row;
     ms-flex-pack: distribute;
     ms-flex-wrap: wrap;
}
 .grid-list__i {
     border-top: 1px solid #f2f2f2;
     box-sizing: border-box;
     height: 140px;
     position: relative;
     width: 160px;
}
 .grid-list__i:nth-child(odd) {
     border-right: 1px solid #f2f2f2;
}
 .grid-list__i .ico-wrap {
     filter: grayscale(100%);
     height: 140px;
     overflow: hidden;
     position: relative;
     transition: filter .5s;
}
 .grid-list__i .ico-wrap:hover {
     filter: grayscale(0);
}
 .grid-list__i .ico {
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transform: translate3d(0,100%,0);
     width: 100%;
}
 .grid-list__i .ico>img,.grid-list__i .ico>svg {
     left: 50%;
     max-height: 80px;
     max-width: 110px;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%) translateZ(0);
     transition: top .4s,transform .4s;
}
 .grid-list__i.active .ico-pointer:before {
     top: 0;
}
 .grid-list__i.active .ico>img,.grid-list__i.active .winner {
     top: 50%;
     transform: translate(-50%,-50%) translateY(-10px) translateZ(0);
}
 .grid-list__i.hidden .ico-wrap .ico {
     transform: translate3d(0,100%,0);
}
 .grid-list__controls,.grid-list__list-controls {
     display: none;
}
 .prev-next-page,.slide-in {
     position: relative;
}
 .prev-next-page {
     height: 140px;
}
 .prev-next-page .roll-hover-btn {
     font-size: 20px;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
}
 .prev-next-page .roll-hover-btn__label {
     font-family: uni_sansheavy_caps,sans-serif;
}
 .next-wrap,.prev-wrap {
     background-color: #000;
     cursor: pointer;
     height: 100%;
     position: absolute;
     top: 0;
}
 .next-wrap .roll-hover-btn,.prev-wrap .roll-hover-btn {
     color: #fff;
     transition: color .35s;
}
 .next-wrap:before,.prev-wrap:before {
     background-color: #fff;
     content: "";
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transform: translateY(-101%);
     transition: transform .35s;
     width: 100%;
}
 .next-wrap.active:before,.prev-wrap.active:before {
     transform: translateY(0);
}
 .next-wrap.active .roll-hover-btn,.prev-wrap.active .roll-hover-btn {
     color: #000;
}
 .prev-wrap {
     left: 0;
     right: 50%;
}
 .next-wrap {
     left: 50%;
     right: 0;
}
 .slide-down {
     right: 0;
}
 .pop-up,.slide-down {
     height: 100%;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 0;
}
 .pop-up {
     background-color: #121212;
     box-sizing: border-box;
     width: 100%;
     z-index: 10;
}
 .pop-up.hidden {
     pointer-events: none;
     transform: translateZ(0) scale(.75);
}
 .pop-up.hidden,.pop-up_open .fixed-hud {
     opacity: 0;
     visibility: hidden;
}
 .footer-bottom {
     display: none;
}
 .footer-bottom .footer-bottom__menu .content-wrap {
     min-height: 100px;
}
 .footer-bottom .footer-bottom__menu .vintage-is-all {
     left: 0;
}
 .footer-bottom .footer-bottom__menu .socials-portfolio {
     right: 0;
     width: auto;
}
 .preloader {
     animation-duration: 1s;
     animation-iteration-count: infinite;
     animation-name: i;
     animation-timing-function: linear;
     background-image: url(../img/content/common/preloader.png);
     background-size: contain;
     height: 40px;
     position: absolute;
     width: 40px;
}
 .mobile-only {
     display: none;
}
 .no-wrap {
     white-space: nowrap;
}
 .no-transition {
     transition: none!important;
}
 .seo-content {
     color: #000;
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     line-height: 1.57;
}
 .seo-section_white .seo-content * {
     color: #fff;
}
 .seo-content div+p,.seo-content h2+p,.seo-content p+h2,.seo-content p+p {
     margin-top: 20px;
}
 .seo-content h2 {
     font-size: inherit;
     font-weight: 700;
}
 @keyframes g {
     0% {
         transform: translateY(0) scaleY(1);
    }
     40% {
         transform: translateY(10px) scaleY(0);
    }
     to {
         transform: translateY(10px) scaleY(0);
    }
}
 @keyframes h {
     0% {
         transform: translateY(-15px) scaleY(0);
    }
     60% {
         transform: translateY(-15px) scaleY(0);
    }
     to {
         transform: translateY(0) scaleY(1);
    }
}
 @keyframes i {
     0% {
         transform: translate(-50%,-50%) rotate(0deg);
    }
     to {
         transform: translate(-50%,-50%) rotate(1turn);
    }
}
 .screen-panel_home .fixed {
     pointer-events: none;
     z-index: 3;
}
 .screen-panel_home .heading {
     pointer-events: none;
     transform: translateZ(0);
     transition: transform 2.5s cubic-bezier(.32,.32,0,.99) 0s;
     z-index: 2;
}
 .screen-panel_home .heading,.screen-panel_home .svg-wrap {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .screen-panel_home .svg-wrap svg {
     height: 100%;
     transform: translateZ(0);
     width: 100%;
}
 .screen-panel_home.hidden {
     background-color: #121213;
}
 .screen-panel_home.hidden .heading {
     transform: translate3d(0,50px,0);
     transition: none;
}
 .screen-panel_home.hidden .world-best p {
     transform: translate3d(0,-200%,0);
     transition: none;
}
 .visuals {
     height: 100%;
     left: 0;
     pointer-events: visiblePainted;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 0;
}
 .visuals video {
     display: block;
     height: 95vh;
     left: 70%;
     max-height: 900px;
     min-height: 470px;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
}
 @media only screen and (min-width:1920px) {
     .visuals video {
         left: 67%;
    }
}
 .visuals canvas {
     display: block;
     left: 70%;
     position: absolute;
     top: 50%;
     transform: translate3d(-50%,-50%,0);
}
 .visuals__slider {
     display: none;
     height: 65vh;
     position: absolute;
     top: 50%;
     transform: translateY(-50%) translateZ(0);
     width: 100%;
}
 .visuals__slider img {
     display: block;
     height: 100%;
     max-height: 100%;
     opacity: 0;
     position: absolute;
     right: 0;
}
 .visuals__slider.hidden {
     opacity: 0;
     visibility: hidden;
}
 .web-production {
     height: 300px;
     left: 50%;
     pointer-events: visiblePainted;
     position: absolute;
     top: 50%;
     transform: translate(-560px,-150px);
     width: 600px;
}
 .world-best-line {
     display: none;
}
 .world-best {
     bottom: 20px;
     overflow: hidden;
     position: absolute;
     right: 80px;
     z-index: 2;
}
 .world-best p {
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 2px;
     text-transform: uppercase;
     transition: transform .5s ease-in-out 1.5s;
     white-space: nowrap;
}
 .screen-panel_features .v-lines {
     display: none;
}
 .screen-panel_features .v-lines__inner,.screen-panel_features .v-lines__outer {
     border-left: 1px solid rgba(0,0,0,.75);
     border-right: 1px solid rgba(0,0,0,.75);
}
 .screen-panel_features .content-wrap {
     height: 100%;
     pointer-events: none;
     position: relative;
}
 .screen-panel_features .features-pagination .rolling-block__content {
     transition-delay: 1s;
}
 .screen-panel_features .features-skip .rolling-block__content {
     transition: transform .5s linear 1s;
}
 .screen-panel_features .scroll-down__lines {
     opacity: 0;
     transition: opacity 1s,visibility 1s;
     visibility: hidden;
}
 .screen-panel_features .scroll-down__lines_animated {
     opacity: 1;
     visibility: visible;
}
 .screen-panel_features.hidden .features__stage {
     transform: translate3d(0,50px,0);
}
 .screen-panel_features.hidden .features__stage__shadows {
     opacity: 0;
     transition: none;
}
 .screen-panel_features.hidden .features-pagination .rolling-block__content {
     transform: translateY(-200%);
}
 .screen-panel_features.hidden .features-skip .rolling-block__content {
     transform: translateY(-100%);
}
 .screen-panel__bg_features {
     background-color: #121212;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .features {
     height: 100%;
     margin: 0 auto;
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
}
 .features .v-lines,.features__colors,.features__paper-mask {
     display: none;
}
 .features__stage {
     transition: transform 2.5s cubic-bezier(.32,.32,0,.99) 0s;
}
 .features__stage,.features__stage canvas {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .features__stage canvas.paper {
     z-index: 2;
}
 .features__stage canvas.svg-canvas {
     z-index: 3;
}
 .features__stage .snap {
     display: none;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 3;
}
 .features__stage .snap text {
     fill: none;
     font-size: 144px;
     stroke: #0f0;
}
 .features__stage__shadows {
     display: none;
     height: 100%;
     left: 50%;
     opacity: 1;
     position: absolute;
     transform: translate3d(-50%,0,0);
     transition: opacity 1s;
     transition-delay: .5s;
     width: 320px;
     z-index: 3;
}
 .features__stage__shadows .shadow {
     height: 100%;
     position: absolute;
     width: 47px;
}
 .features__stage__shadows .shadow_right {
     left: 100%;
     transform: translateX(-1px);
}
 .features__stage__shadows .shadow_left {
     right: 100%;
     transform: scale(-1);
}
 .features__stage__shadows.hidden {
     opacity: 0;
     transition: opacity .9s;
     transition-delay: .1s;
}
 .features__stage__stroke {
     box-sizing: border-box;
     cursor: pointer;
     display: none;
     height: 100%;
     position: absolute;
     width: 100%;
     z-index: 2;
}
 .features__stage__stroke canvas {
     cursor: pointer;
     height: 100%;
     left: 50%;
     pointer-events: visiblePainted;
     position: absolute;
     top: 50%;
     transform: translate3d(-50%,-50%,0);
     width: 100%;
}
 .features-pagination {
     display: none;
     left: 60px;
     pointer-events: visiblePainted;
     position: absolute;
     top: 150px;
}
 .features-pagination__nums {
     position: relative;
}
 .features-pagination__nums ul {
     list-style: none;
     position: relative;
}
 .features-pagination__nums ul li {
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
}
 .features-pagination__nums .rolling-block__content {
     transition: transform .5s linear 1s;
}
 .features-pagination__nums .label {
     cursor: pointer;
     position: relative;
     transform: rotate(-90deg);
}
 .features-pagination__line {
     background-color: #fff;
     color: red;
     height: 30px;
     left: 100px;
     position: absolute;
     top: 0;
     transition: height .5s;
     width: 1px;
}
 .features-messages {
     color: #fff;
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     left: 50%;
     letter-spacing: 1px;
     line-height: 160%;
     position: absolute;
     text-align: center;
     top: 50%;
     transform: translate(-50%,120px);
     width: 320px;
}
 .features-messages ul {
     list-style: none;
}
 .features-messages ul li {
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .features-messages ul li .rolling-block__content {
     transition: transform 1s ease-out;
}
 .features-messages ul li.hidden .rolling-block__content {
     transform: translateY(-100%);
     transition: none;
}
 .features-skip {
     bottom: 40px;
     color: #fff;
     left: 50%;
     pointer-events: visiblePainted;
     position: absolute;
}
 .features-skip .roll-hover-btn,.features-skip .roll-hover-btn__label,.features-skip .rolling-block__content {
     height: 40px;
}
 .features-skip .label {
     cursor: pointer;
     position: relative;
     transform: rotate(-90deg);
     transform-origin: 50% 100%;
}
 .screen-panel_about {
     background-color: #fff;
}
 .screen-panel_about .scrolling {
     z-index: 2;
}
 .screen-panel_about .scrolling__content {
     padding-top: 150px;
}
 .screen-panel_about .menu__bottom-line {
     background-color: #121212;
}
 .screen-panel_about .menu__bottom-line.inverted {
     background-color: #fff;
}
 .screen-panel_about .scrolling__content {
     position: relative;
}
 .screen-panel_about .bottom-splash-container {
     display: none;
}
 .screen-panel_about .lines-bg {
     z-index: 1;
}
 .screen-panel_about.bottom-splash .bottom-splash-container {
     background-color: #121212;
     bottom: 0;
     display: block;
     height: 50%;
     left: 0;
     position: absolute;
     width: 100%;
     z-index: 1;
}
 .screen-panel_about.bottom-splash .bottom-splash-container .v-lines__inner,.screen-panel_about.bottom-splash .bottom-splash-container .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .screen-panel_about.hidden .inner-content-wrap {
     transform: translate3d(0,50px,0);
}
 .business {
     margin-bottom: 100px;
}
 .business .pre-title {
     margin-bottom: 35px;
}
 .business .title {
     max-width: 640px;
     width: 640px;
}
 .awards {
     margin-bottom: 100px;
     position: relative;
}
 .awards.hidden .awards__list .description,.awards.hidden .awards__list .ico {
     transform: translateY(100%) translateZ(0);
}
 .awards__list {
     display: flex;
     display: -ms-flexbox;
     list-style: none;
}
 .awards__list .ico-wrap {
     border-bottom: 1px solid #f2f2f2;
     border-top: 1px solid #f2f2f2;
     height: 140px;
     overflow: hidden;
     position: relative;
}
 .awards__list .ico {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .awards__list .ico .winner,.awards__list .ico>img,.awards__list .ico>svg {
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     transition: top .4s;
}
 .awards__list .ico>img,.awards__list .ico>svg {
     max-height: 75px;
     max-width: 75px;
}
 .awards__list .ico>img.rastr,.awards__list .ico>svg.rastr {
     max-height: none;
     max-width: none;
     transform: translate(-50%,-50%) scale(.5);
}
 .awards__list .winner {
     max-height: 105px;
     max-width: 105px;
     position: relative;
     width: 85%;
}
 .awards__list .winner svg {
     font-size: 105px;
     max-height: 100%;
     max-width: 100%;
}
 .awards__list .winner p {
     color: #121212;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     left: 50%;
     position: absolute;
     text-transform: uppercase;
     top: 50%;
     transform: translate(-50%,-50%) translateZ(0);
}
 .awards__list .description-wrap {
     border-bottom: 1px solid #f2f2f2;
     height: 140px;
     overflow: hidden;
     position: relative;
}
 .awards__list .description {
     box-sizing: border-box;
     color: #121212;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     height: 100%;
     left: 0;
     line-height: 160%;
     padding: 20px 20px 0;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
     top: 0;
     width: 100%;
}
 .awards__list .description__num {
     color: #121212;
     font-family: robotolight,sans-serif;
     font-size: 40px;
     margin-bottom: 20px;
}
 .awards__list__i {
     box-sizing: border-box;
     position: relative;
     transform: translateZ(0);
     width: 160px;
}
 .awards__list__i:nth-child(odd) {
     border-right: 1px solid #f2f2f2;
}
 .awards__list__i .ico-pointer {
     display: none;
}
 .awards__list__i.active .ico-pointer:before {
     top: 0;
}
 .awards__list__i.active .ico>img,.awards__list__i.active .ico>svg,.awards__list__i.active .winner {
     top: 40%;
}
 .awards__list-controls {
     display: none;
}
 .maniacs {
     margin-bottom: 110px;
     position: relative;
}
 .maniacs .glitch {
     top: 60px;
}
 .maniacs .title {
     width: 100%;
}
 .maniacs.hidden .text {
     color: #ddd;
}
 .maniacs.hidden .perfect {
     color: inherit;
}
 .perfect {
     color: #ddd!important;
     transition: color .35s;
}
 .perfect.perfect_active {
     color: #000!important;
}
 .creativity-mob,.two-ways {
     background-color: #121212;
     height: 100vh;
     overflow: hidden;
     position: relative;
}
 .creativity-mob .content-wrap,.two-ways .content-wrap {
     height: 100%;
     position: relative;
}
 .creativity-mob .v-lines__inner,.creativity-mob .v-lines__outer,.two-ways .v-lines__inner,.two-ways .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .creativity-mob .inner-content-wrap,.two-ways .inner-content-wrap {
     box-sizing: border-box;
     height: 100%;
     max-width: 1160px;
}
 .creativity-mob .inner-content-wrap .bg-pt,.two-ways .inner-content-wrap .bg-pt {
     display: none;
}
 .creativity-mob .rolling-block__content,.two-ways .rolling-block__content {
     transition: none;
}
 .creativity-mob .bg-pt,.two-ways .bg-pt {
     height: 100%;
     overflow: hidden;
     position: absolute;
     top: 0;
}
 .creativity-mob .bg-pt.bg-pt_left,.two-ways .bg-pt.bg-pt_left {
     left: 0;
     right: 50%;
}
 .creativity-mob .bg-pt.bg-pt_right,.two-ways .bg-pt.bg-pt_right {
     left: 50%;
     right: 0;
}
 .creativity-mob .bg-pt__inner,.two-ways .bg-pt__inner {
     background-color: #121212;
     background-position: 50%;
     background-size: cover;
     height: 100%;
     left: 50%;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     width: 100%;
}
 .creativity-mob.hidden .effectiveness-creativity .shadows,.two-ways.hidden .effectiveness-creativity .shadows {
     opacity: 0;
     transition: none;
}
 .creativity-mob {
     display: none;
}
 .effectiveness-creativity {
     height: 100%;
     position: relative;
}
 .effectiveness-creativity .shadows {
     height: 100%;
     left: 50%;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     width: 320px;
}
 .creativity,.effectiveness {
     cursor: pointer;
     height: 270px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 520px;
}
 .creativity svg,.effectiveness svg {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .creativity .rolling-block__content,.effectiveness .rolling-block__content {
     color: #fff;
}
 .creativity.active .line-hover-btn_right:before,.effectiveness.active .line-hover-btn_right:before {
     width: 90px;
}
 .creativity.active .line-hover-btn_right:after,.effectiveness.active .line-hover-btn_right:after {
     transform: translate(-50%,-50%) rotate(45deg) scale(1);
     transition-delay: .2s;
}
 .creativity.active .line-hover-btn_right p,.effectiveness.active .line-hover-btn_right p {
     transform: translate3d(15px,0,0);
}
 .creativity.active .line-hover-btn_left:before,.effectiveness.active .line-hover-btn_left:before {
     width: 90px;
}
 .creativity.active .line-hover-btn_left:after,.effectiveness.active .line-hover-btn_left:after {
     transform: translate(-50%,-50%) rotate(45deg) scale(1);
     transition-delay: .2s;
}
 .creativity.active .line-hover-btn_left p,.effectiveness.active .line-hover-btn_left p {
     transform: translate3d(-15px,0,0);
}
 .effectiveness {
     left: 0;
}
 .effectiveness .rolling-block {
     left: 0;
     position: relative;
     top: 230px;
}
 .effectiveness svg {
     transform: translateX(-10px);
}
 .creativity {
     right: 0;
}
 .creativity .rolling-block {
     position: relative;
     right: 160px;
     text-align: right;
     top: 230px;
}
 .creativity .play-ico {
     height: 120px;
     left: 0;
     pointer-events: none;
     position: absolute;
     top: 50%;
     transform: translate3d(0,-50%,0);
     width: 90px;
}
 .creativity .play-ico svg {
     transform: none;
}
 .creativity .play-ico .highlight,.creativity .play-ico .normal {
     stroke-dasharray: 325;
     stroke-dashoffset: 0;
}
 .creativity .play-ico.active .highlight {
     stroke-dashoffset: 0;
}
 .creativity svg {
     transform: translateX(20px);
}
 .clients {
     background-color: #fff;
     overflow: hidden;
}
 .clients .content-wrap {
     box-sizing: border-box;
     min-height: 100%;
     padding-bottom: 120px;
     padding-top: 120px;
     position: relative;
}
 .clients .inner-content-wrap {
     box-sizing: border-box;
     height: 100%;
     position: relative;
}
 .contacts {
     background-color: #121212;
     min-height: 100vh;
     overflow: hidden;
     position: relative;
}
 .contacts .content-wrap {
     position: relative;
     z-index: 1;
}
 .contacts .inner-content-wrap {
     box-sizing: border-box;
     height: 100%;
     min-height: 630px;
     padding-bottom: 150px;
     padding-top: 120px;
     position: relative;
}
 .contacts .fixed .content-wrap {
     height: 100%;
}
 .contacts .pre-title__line {
     background-color: #fff;
}
 .contacts .pre-title__label {
     color: #fff;
}
 .contacts .pre-title__label span {
     transition: none;
     transition-delay: 0s;
}
 .contacts .title {
     color: #fff;
     margin-bottom: 40px;
     width: 90%;
}
 .contacts .v-lines__inner,.contacts .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .contacts .socials {
     bottom: 40px;
     color: #fff;
     pointer-events: visiblePainted;
     position: absolute;
     right: 60px;
     width: 50%;
     z-index: 1;
}
 .contacts .socials .rolling-block {
     float: right;
     font-size: 12px;
     margin-right: 50px;
}
 .contacts .socials .rolling-block:first-child {
     margin-right: 0;
}
 .contacts .inner-section {
     position: relative;
}
 .contacts .inner-section .dots__i {
     background-color: #fff;
}
 .contacts .inner-section .vintage-is-all {
     bottom: -110px;
     left: 0;
}
 .contacts .inner-section .socials {
     bottom: -110px;
     right: 0;
}
 .contacts .inner-section.hidden .phone .rolling-block__content {
     transform: translate(-100%,5px);
}
 .contacts .inner-section.hidden .rolling-block__content {
     transform: translateY(-102%);
}
 .contacts .inner-section.hidden .action-btns {
     width: 0;
}
 .contacts .inner-section.hidden .action-btn {
     transform: translateX(-100%);
}
 .contacts.hidden .socials .rolling-block__content,.contacts.hidden .vintage-is-all .rolling-block__content {
     transform: translateY(-200%);
}
 .contacts.hidden .dots {
     animation: none;
     left: -30px;
     position: absolute;
     transform: scale(0);
}
 .contacts.hidden .pre-title__label span {
     transition-delay: .75s;
}
 .contacts.hidden .phone .rolling-block__content {
     transform: translate(-100%,5px);
}
 .contacts.hidden .action-btns {
     width: 0;
}
 .contacts.hidden .action-btns .action-btn {
     transform: translateX(-100%);
}
 .contacts-actions {
     margin-bottom: 40px;
     margin-left: 320px;
     position: relative;
}
 .contacts-actions.float-right {
     float: right;
     margin-left: 0;
}
 .mail-pnone {
     color: #fff;
     float: left;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     padding-top: 8px;
     text-transform: uppercase;
     width: 320px;
}
 .mail-pnone .mail {
     margin-bottom: 10px;
}
 .mail-pnone .phone .rolling-block__content {
     font-family: uni_sansheavy,sans-serif;
     font-size: 20px;
     margin-bottom: 30px;
}
 .mail-pnone .address .rolling-block__content {
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     line-height: 150%;
     text-transform: none;
}
 .mail-pnone .rolling-block__content {
     transition: none;
     transition-delay: 0s;
}
 .action-btns {
     border-bottom: 1px solid #303030;
     border-top: 1px solid #303030;
     float: left;
     width: 640px;
}
 .action-btns .line {
     background-color: #303030;
     display: none;
     height: 1px;
     left: 0;
     position: absolute;
     top: 50%;
     width: 100%;
}
 .action-btns .col {
     float: left;
     width: 50%;
}
 .action-btns .col-content {
     height: 101px;
     overflow: hidden;
     position: relative;
}
 .action-btns .action-btn {
     transform: translateX(0);
}
 .home-page .seo-section {
     padding: 25px 0 100px;
}
 .home-page {
     overflow: hidden;
}
 .home-page .pop-up_contacts {
     display: none;
     position: fixed;
     transform: translateZ(0);
}
 .header {
     height: 440px;
     position: relative;
     z-index: 4;
}
 .header .header__bg {
     height: 100vh;
}
 .header .header__text {
     visibility: hidden;
}
 .header .v-lines {
     height: 100%;
     transform: translate3d(-50%,-100%,0);
     transition: none;
}
 .header .shadows {
     opacity: 0;
     transition: none;
}
 .header .scroll-down {
     visibility: hidden;
}
 .header.minified .header__text {
     visibility: visible;
}
 .header.minified .v-lines {
     height: 100%;
}
 .header.minified .shadows {
     opacity: 1;
}
 .header.minified .scroll-down {
     visibility: visible;
}
 .header__bg {
     height: 100%;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 0;
     width: 100%;
}
 .header__bg .v-lines__inner,.header__bg .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .header__bg .bg {
     background-color: #121212;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .header__bg .shadows {
     height: 100%;
     left: 50%;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     transition: none;
     width: 320px;
}
 .header__bg .scroll-down {
     bottom: 0;
     transform-origin: 0 100%;
}
 .header__text {
     height: 115px;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     transform: translateZ(0);
}
 .header__text svg {
     height: 100%;
     width: 100%;
}
 .history {
     background-color: #fff;
     overflow-x: hidden;
     padding-top: 30px;
     position: relative;
     z-index: 2;
}
 .history .v-lines {
     height: 100%;
}
 .beginning,.our-days {
     margin-bottom: 100px;
     position: relative;
}
 .beginning .title,.our-days .title {
     width: 850px;
}
 .beginning .glitch,.our-days .glitch {
     top: 80px;
}
 .beginning .glitch {
     height: 160px;
     top: 120px;
}
 .our-days {
     margin-bottom: 0;
     padding-bottom: 100px;
}
 .our-days .glitch {
     bottom: auto;
     color: red;
     height: 220px;
     right: -33.3%;
     top: 80px;
}
 .our-days .current-future {
     position: relative;
}
 .our-days .current {
     box-sizing: border-box;
     float: left;
     padding-right: 250px;
     width: 67%;
}
 .our-days .future {
     float: left;
     position: relative;
     width: 33%;
}
 .our-days .future .pre-title {
     margin-bottom: 5px;
}
 .breaking-moment {
     margin-bottom: 50px;
     position: relative;
}
 .breaking-moment .title {
     width: 750px;
}
 .vintage-video {
     background-color: #121212;
     background-image: url(../img/content/about/v_textured.jpg);
     background-position: 50%;
     background-size: cover;
     height: 100vh;
     overflow: hidden;
     position: relative;
     z-index: 2;
}
 .vintage-video img {
     width: 100%;
}
 .vintage-video video {
     background-position: 50%;
     background-size: cover;
     height: 100%;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
}
 .we-are {
     background-color: #fff;
     box-sizing: border-box;
     overflow: hidden;
     padding-top: 30px;
     position: relative;
     z-index: 2;
}
 .we-are .v-lines {
     height: 100%;
     z-index: 4;
}
 .we-are .v-lines__inner,.we-are .v-lines__outer {
     border-left: 1px solid rgba(0,0,0,.05);
     border-right: 1px solid rgba(0,0,0,.05);
}
 .awards,.education,.people {
     margin-bottom: 75px;
     position: relative;
}
 .awards .title,.education .title,.people .title {
     width: 500px;
}
 .awards .text,.education .text,.people .text {
     width: 640px;
}
 .awards .glitch,.education .glitch,.people .glitch {
     bottom: auto;
     height: 110px;
}
 .education .glitch {
     top: 165px;
}
 .awards .title {
     width: 800px;
}
 .awards .glitch {
     top: 110px;
}
 .people {
     margin-bottom: 0;
     padding-bottom: 120px;
}
 .people .title {
     position: relative;
     z-index: 3;
}
 .people .glitch {
     bottom: auto;
     height: 180px;
     pointer-events: none;
     right: -33.3%;
     top: -35px;
}
 .people .glitch svg text {
     font-feature-settings: "kern" 1;
     text-anchor: start;
     text-rendering: optimizeLegibility;
     webkit-font-feature-settings: "kern" 1;
}
 .people .glitch .vintage-letters {
     display: block;
}
 .people .glitch__slide__svg-wrap {
     overflow: hidden;
}
 .people .vintage-letters {
     background-image: url(../img/content/about/vintage.png);
     background-size: contain;
     display: none;
     height: 161px;
     left: 200px;
     position: absolute;
     transform: translate(35px,10px);
     width: 987px;
}
 .people .vintage-clip {
     height: 160px;
     left: 200px;
     position: absolute;
     top: -24px;
     width: 1050px;
     z-index: 2;
}
 .people .vintage-clip canvas {
     height: 100%;
     width: 100%;
}
 .people .vintage-clip video {
     object-fit: fill;
     o-object-fit: fill;
     opacity: 0;
     position: absolute;
}
 .people .vintage-clip video.vintage-clip__v {
     height: 158px;
     left: 30px;
     top: 0;
     width: 150px;
}
 .people .vintage-clip video.vintage-clip__i {
     height: 158px;
     left: 210px;
     top: 0;
     width: 41px;
}
 .people .vintage-clip video.vintage-clip__n {
     height: 158px;
     left: 292px;
     top: 0;
     width: 126px;
}
 .people .vintage-clip video.vintage-clip__t {
     height: 158px;
     left: 452px;
     top: 0;
     width: 124px;
}
 .people .vintage-clip video.vintage-clip__a {
     height: 158px;
     left: 580px;
     top: 0;
     width: 147px;
}
 .people .vintage-clip video.vintage-clip__g {
     height: 162px;
     left: 746px;
     top: -2px;
     width: 124px;
}
 .people .vintage-clip video.vintage-clip__e {
     height: 158px;
     left: 908px;
     top: 0;
     width: 112px;
}
 .people .vintage-clip__letter {
     height: 200px;
     overflow: hidden;
     position: absolute;
     width: 200px;
}
 .people .vintage-clip__letter.hidden canvas {
     display: none;
}
 .people .vintage-clip__letter canvas {
     height: 200px;
     left: 50%;
     pointer-events: none;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 200px;
}
 .people .title {
     margin-bottom: 10px;
     width: 320px;
}
 .people .numbers {
     margin-bottom: 15px;
     position: relative;
}
 .people .numbers__i {
     float: left;
     position: relative;
     transform: translate3d(3px,0,0);
     width: 33%;
}
 .people .numbers__i:nth-child(2) {
     width: 34%;
}
 .people .numbers__i .number {
     color: #121212;
     display: inline-block;
     font-family: uni_sansbold,sans-serif;
     font-size: 150px;
     margin-right: 20px;
     overflow: hidden;
     position: relative;
}
 .people .numbers__i .number canvas {
     height: 280px;
     left: 50%;
     pointer-events: none;
     position: absolute;
     top: 50%;
     transform: translate3d(-50%,-50%,0) scale(.65);
     width: 320px;
     z-index: 2;
}
 .people .numbers__i .description {
     color: #121212;
     display: inline-block;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 1px;
     overflow: hidden;
     position: relative;
     text-transform: uppercase;
     transform: translate3d(0,-40px,0);
}
 .people .numbers__i .description span {
     display: block;
     position: relative;
}
 .people .text {
     margin-bottom: 25px;
     position: relative;
}
 .people .text_highlighted {
     color: #121212;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 1px;
     overflow: hidden;
     position: relative;
     text-transform: uppercase;
     width: 320px;
}
 .people .text_highlighted span {
     display: block;
     position: relative;
}
 .people .line {
     background-color: #121212;
     height: 178px;
     left: 320px;
     position: absolute;
     transform: translate(-1px,-58px);
     transform-origin: 0 0;
     width: 1px;
}
 .awards-list {
     margin-bottom: 120px;
     position: relative;
}
 .awards-list .amount {
     background-color: #fff;
     border: 1px solid #f2f2f2;
     border-bottom: 0;
     box-sizing: border-box;
     color: #121212;
     font-family: uni_sansbold,sans-serif;
     font-size: 220px;
     left: 0;
     line-height: 280px;
     overflow: hidden;
     text-align: center;
     top: 0;
}
 .awards-list .amount,.awards-list .amount canvas {
     height: 280px;
     position: absolute;
     width: 320px;
     z-index: 2;
}
 .awards-list .amount canvas {
     left: 50%;
     top: 50%;
     transform: translate3d(-50%,-50%,0) scale(.9);
}
 .awards-list .grid-list__i .ico>img {
     max-height: 75px;
}
 .showreel-video {
     height: 100vh;
     position: relative;
     z-index: 2;
}
 .showreel-video .splash {
     background-position: 50%;
     background-size: cover;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .play-showreel-btn {
     height: 250px;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 250px;
     z-index: 1000;
}
 .play-showreel-btn.disabled {
     pointer-events: none;
}
 .play-showreel-btn.disabled .play-showreel-btn__ico {
     visibility: hidden;
}
 .play-showreel-btn canvas {
     display: block;
     height: 100%;
     pointer-events: none;
     width: 100%;
}
 .play-showreel-btn__animation {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .play-showreel-btn__ico {
     background-image: url(../img/content/about/play_ico.gif);
     background-position: 50%;
     background-size: cover;
     border: 4px solid #fff;
     cursor: pointer;
     height: 14px;
     left: 50%;
     opacity: 1;
     position: absolute;
     top: 50%;
     transform: translate(-11px,-10px);
     width: 14px;
     z-index: 2;
}
 .play-showreel-btn__ico:before {
     content: "";
     display: block;
     height: 100px;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 100px;
}
 .footer {
     background-color: #121212;
     box-sizing: border-box;
     overflow-x: hidden;
     padding-bottom: 140px;
     padding-top: 80px;
     position: relative;
     z-index: 2;
}
 .footer .v-lines {
     height: 100%;
}
 .footer .v-lines__inner,.footer .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .footer.hidden .v-lines {
     height: 0;
}
 .talents {
     position: relative;
}
 .talents .pre-title {
     margin-bottom: 30px;
}
 .talents .pre-title__line {
     background-color: #fff;
}
 .talents .pre-title__label span {
     color: #fff;
}
 .talents .title {
     color: #fff;
     margin-bottom: 50px;
     width: 500px;
}
 .talents .dots__i {
     background-color: #fff;
}
 .talents .text {
     color: #fff;
     margin-bottom: 140px;
     width: 640px;
}
 .talents .share-talent {
     border-top: 1px solid #303030;
     height: 110px;
     overflow: hidden;
     position: absolute;
     right: 0;
     top: 120px;
     width: 33%;
}
 .talents .share-talent .action-btn__label {
     font-size: 20px;
     letter-spacing: .9px;
}
 .talents .members-of {
     margin-bottom: 60px;
}
 .talents .members-of .col {
     float: left;
     height: 115px;
     overflow: hidden;
     position: relative;
     width: 33%;
}
 .talents .members-of .col img {
     bottom: 50px;
     display: block;
     margin-right: 25px;
     max-height: 63px;
     position: absolute;
}
 .talents .members-of .col .title {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
}
 .talents .members-of .col .slide-in {
     height: 100%;
}
 .talents .members-of .col .descr-text,.talents .members-of .col .text {
     bottom: 0;
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     left: 0;
     letter-spacing: 1px;
     line-height: 150%;
     position: absolute;
     right: 0;
     text-transform: uppercase;
}
 .talents .members-of .col:nth-child(2) {
     display: flex;
     display: -ms-flexbox;
     width: 67%;
}
 .talents .members-of .col:nth-child(2) .slide-in-wrap {
     overflow: hidden;
     width: 33%;
}
 .talents .bottom {
     height: 120px;
     position: relative;
}
 .talents .bottom .content-wrap {
     height: 100%;
     position: relative;
}
 .talents .bottom__menu {
     height: 100%;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
}
 .talents.hidden .text {
     color: #ddd;
}
 .talents.hidden .text .perfect {
     color: inherit;
}
 .about-page .seo-section {
     padding: 100px 0 20px;
}
 .about-page {
     background-color: #121212;
     left: auto;
     position: static;
     top: auto;
}
 .about-page,.about-page body {
     height: 100%;
     overflow: hidden;
}
 .about-page .main-preloader {
     z-index: 5;
}
 .about-page .fixed-hud {
     pointer-events: none;
     position: fixed;
     z-index: 6;
}
 .about-page .fixed-hud .content-wrap {
     position: relative;
}
 .about-page .menu-block {
     z-index: 7;
}
 .about-page .vintage-logo {
     z-index: 8;
}
 .about-page .langs .rolling-block__content,.about-page .portfolio-btn-block .rolling-block__content,.about-page .socials-portfolio .rolling-block__content,.about-page .vintage-logo .rolling-block__content,.about-page .vintage-web-prod .rolling-block__content {
     color: #fff;
}
 .about-page .langs.inverted .rolling-block__content,.about-page .langs .langs__i.inverted .rolling-block__content,.about-page .langs .rolling-block.inverted .rolling-block__content,.about-page .portfolio-btn-block.inverted .rolling-block__content,.about-page .portfolio-btn-block .langs__i.inverted .rolling-block__content,.about-page .portfolio-btn-block .rolling-block.inverted .rolling-block__content,.about-page .socials-portfolio.inverted .rolling-block__content,.about-page .socials-portfolio .langs__i.inverted .rolling-block__content,.about-page .socials-portfolio .rolling-block.inverted .rolling-block__content,.about-page .vintage-logo.inverted .rolling-block__content,.about-page .vintage-logo .langs__i.inverted .rolling-block__content,.about-page .vintage-logo .rolling-block.inverted .rolling-block__content,.about-page .vintage-web-prod.inverted .rolling-block__content,.about-page .vintage-web-prod .langs__i.inverted .rolling-block__content,.about-page .vintage-web-prod .rolling-block.inverted .rolling-block__content {
     color: #121212;
}
 .about-page .menu-btn.inverted .menu-btn__line:after,.about-page .menu-btn.inverted .menu-btn__line:before {
     background-color: #121212;
}
 .about-page .fixed-hud .menu-btn .menu-btn__line,.about-page .fixed-hud .menu-btn .menu-btn__line:nth-child(3),.about-page .fixed-hud .menu-btn .menu-btn__line:nth-child(4) {
     transform: scaleX(0);
}
 .about-page .fixed-hud .langs .rolling-block__content,.about-page .fixed-hud.socials-portfolio .rolling-block__content,.about-page .fixed-hud.vintage-logo .rolling-block__content,.about-page .fixed-hud.vintage-web-prod .rolling-block__content {
     transform: translate3d(0,-100%,0);
}
 .about-page.menu-open .vintage-logo {
     color: #fff!important;
     transition: transform .5s,color .35s ease-out .5s;
}
 .about-page.menu-open .menu-btn {
     transform: translateX(3px) translateZ(0);
     transition-delay: .5s;
}
 .about-page.menu-open .menu-btn .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: c;
     transform-origin: 50% 50%;
}
 .about-page.menu-open .menu-btn .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: e;
     transform-origin: 50% 50%;
}
 .about-page.menu-open .menu-btn .menu-btn__line:nth-child(3) {
     visibility: hidden;
}
 .about-page.menu-open .menu-btn .menu-btn__line__inner {
     background-color: #fff!important;
     transition: background-color .35s ease-out .5s;
}
 .about-page.menu-open .fixed-hud.rolling-block__content,.about-page.menu-open .fixed-hud .rolling-block__content {
     color: #fff!important;
     transition: transform .65s,color .35s ease-out .5s;
}
 .about-page.menu-closing .langs .rolling-block__content,.about-page.menu-closing .vintage-logo .rolling-block__content {
     transition: transform .65s,color .35s ease-out .35s;
}
 .about-page.menu-closing .menu-btn .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: d;
     transform-origin: 50% 50%;
}
 .about-page.menu-closing .menu-btn .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: f;
     transform-origin: 50% 50%;
}
 .about-page.menu-closing .menu-btn .menu-btn__line:nth-child(3) {
     transition: visibility 1s linear .5s;
     visibility: visible;
}
 .about-page.menu-closing .menu-btn .menu-btn__line__inner {
     transition: background-color .35s ease-out .35s;
}
 .about-page.loaded {
     height: auto;
     overflow: auto;
     overflow-x: hidden;
}
 .about-page.loaded body {
     height: auto;
     overflow: auto;
}
 .screen-panel_approach-header .heading {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transform: translateZ(0);
     transition: transform 2.5s cubic-bezier(.32,.32,0,.99) 0s;
     width: 100%;
     z-index: 2;
}
 .screen-panel_approach-header .heading-canvas {
     height: 400px;
     left: 0;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
}
 .screen-panel_approach-header .heading-canvas canvas {
     height: 100%;
     width: 100%;
}
 .screen-panel_approach-header .heading-text {
     top: 50%;
     transform: translateY(-50%);
}
 .screen-panel_approach-header .heading-text h1 {
     color: inherit;
}
 .screen-panel_approach-header .shadows {
     bottom: 0;
     left: 50%;
     max-width: 320px;
     opacity: .5;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     transition: opacity .75s,visibility .75s;
     transition-delay: 2s;
     width: 320px;
     z-index: 3;
}
 .screen-panel_approach-header .bg {
     background-position: top;
     background-size: cover;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transition: transform 2.5s ease-in-out,opacity 2.5s,visibility 2.5s;
     transition-delay: 0s;
     width: 100%;
     z-index: 0;
}
 .screen-panel_approach-header .v-lines {
     opacity: .5;
     z-index: 1;
}
 .screen-panel_approach-header .v-lines__inner,.screen-panel_approach-header .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .screen-panel_approach-header.hidden {
     background-color: #121213;
}
 .screen-panel_approach-header.hidden .bg {
     opacity: 0;
     transform: scale(1.05);
     visibility: hidden;
}
 .screen-panel_approach-header.hidden .heading {
     transform: translate3d(0,50px,0);
     transition: none;
}
 .screen-panel_approach-header.hidden .shadows {
     opacity: 0;
     visibility: hidden;
}
 .screen-panel_approach-body {
     background-color: #fff;
}
 .screen-panel_approach-body .scrolling__content {
     padding-top: 150px;
     z-index: 2;
}
 .screen-panel_approach-body .menu__bottom-line {
     background-color: #121212;
}
 .screen-panel_approach-body .menu__bottom-line.inverted {
     background-color: #fff;
}
 .screen-panel_approach-body .scrolling__content {
     position: relative;
}
 .screen-panel_approach-body .intro {
     margin-bottom: 115px;
}
 .screen-panel_approach-body .intro .text {
     width: 70%;
}
 .screen-panel_approach-body .levels {
     background-color: #f5f4f4;
     padding-bottom: 115px;
     padding-top: 85px;
}
 .screen-panel_approach-body .levels .title {
     margin-bottom: 50px;
}
 .screen-panel_approach-body .levels.hidden .levels-progress {
     opacity: 0;
     transition: none;
}
 .screen-panel_approach-body .levels.hidden .levels-slider {
     opacity: 0;
     transform: translate3d(-100px,0,0);
     transition: none;
}
 .screen-panel_approach-body .levels-hit-area {
     background-color: transparent;
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 250px;
     z-index: 2;
}
 .screen-panel_approach-body .levels-progress {
     padding-left: 87px;
     position: relative;
     transition: opacity 1s;
     width: 145px;
}
 .screen-panel_approach-body .levels-progress .progress {
     background: #eb03f9;
     background: linear-gradient(135deg,#eb03f9,#02d1f6);
     background-color: #fff;
     box-shadow: 8px 0 40px rgba(0,0,0,.1);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb03f9",endColorstr="#02d1f6",GradientType=1);
     height: 400px;
     margin-bottom: 10px;
     overflow: hidden;
     position: relative;
     width: 100%;
}
 .screen-panel_approach-body .levels-progress .wave {
     background-color: #fff;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transform: translate3d(0,-20px,0);
     transition: transform 1s;
     width: 100%;
}
 .screen-panel_approach-body .levels-progress .wave svg {
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-name: j;
     animation-timing-function: linear;
     bottom: 0;
     height: 100px;
     left: 0;
     position: absolute;
     width: 200%;
}
 .screen-panel_approach-body .levels-progress .wave svg path {
     fill: #fff;
}
 @keyframes j {
     0% {
         transform: translate3d(0,20px,0);
    }
     to {
         transform: translate3d(-50%,20px,0);
    }
}
 .screen-panel_approach-body .levels-progress p {
     color: #121212;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 1px;
     padding: 0 10px;
     text-align: center;
     text-transform: uppercase;
}
 .screen-panel_approach-body .levels-slider {
     height: 560px;
     position: absolute;
     right: 0;
     top: 87px;
     transform: translateZ(0);
     transition: opacity .5s ease-in-out .25s,transform .5s ease-in-out .25s;
     width: 640px;
}
 .screen-panel_approach-body .levels-slider .mobile-controls {
     display: none;
}
 .screen-panel_approach-body .levels-slider__i {
     color: #121212;
     display: flex;
     display: -ms-flexbox;
     position: absolute;
     right: 0;
     top: 0;
     transition: width .65s,transform .65s;
     width: 60%;
}
 .screen-panel_approach-body .levels-slider__i .num {
     flex: 0 0 65px;
     height: 10px;
     margin: auto;
     ms-flex: 0 0 65px;
     transition: height .65s,flex .65s,-ms-flex .65s;
     transition: height .65s,flex .65s;
}
 .screen-panel_approach-body .levels-slider__i .num span {
     font-family: uni_sansheavy_caps,sans-serif;
     font-size: 12px;
     left: 0;
     line-height: 10px;
     position: absolute;
     top: 7px;
     transform: rotate(-90deg) translateZ(0);
     transition: top .65s,transform .65s,font-size .65s,line-height .65s;
}
 .screen-panel_approach-body .levels-slider__i .title-description .title {
     cursor: pointer;
     font-family: uni_sansbold,sans-serif;
     font-size: 30px;
     line-height: 90%;
     margin-bottom: 30px;
     pointer-events: all;
     position: relative;
     transform: scale(1);
     transform-origin: 0 0;
     transition: transform .65s;
     width: auto;
}
 .screen-panel_approach-body .levels-slider__i .title-description .title .crossed-title {
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     transform: translateZ(0);
     transition: opacity .35s linear,visibility .35s linear;
     visibility: hidden;
     width: auto;
}
 .screen-panel_approach-body .levels-slider__i .title-description .title .crossed-title:after {
     background: #000;
     content: "";
     height: 4px;
     left: -5px;
     position: absolute;
     top: 50%;
     transform: scaleX(0);
     transform-origin: left;
     transition: transform .5s linear .5s;
     width: calc(100% + 10px);
}
 .screen-panel_approach-body .levels-slider__i .title-description .description {
     color: #121212;
     font-family: robotoregular,sans-serif;
     font-size: 16px;
     line-height: 120%;
     margin-bottom: 10px;
     opacity: 0;
     position: relative;
     transition: opacity .25s,visibility .25s,transform .25s;
     visibility: hidden;
     width: 75%;
}
 .screen-panel_approach-body .levels-slider__i .title-description .description.description_italic {
     font-size: 13px;
     font-style: italic;
}
 .screen-panel_approach-body .levels-slider__i.active {
     width: 100%;
}
 .screen-panel_approach-body .levels-slider__i.active .num {
     flex: 0 0 190px;
     height: 105px;
     ms-flex: 0 0 190px;
}
 .screen-panel_approach-body .levels-slider__i.active .num span {
     font-size: 140px;
     line-height: 100px;
     top: 0;
     transform: rotate(0deg) translateZ(0);
}
 .screen-panel_approach-body .levels-slider__i.active .title {
     cursor: default;
     transform: scale(1.35);
}
 .screen-panel_approach-body .levels-slider__i.active .description {
     opacity: 1;
     transition: opacity .75s linear .35s,visibility .75s linear .35s,transform .75s linear .35s;
     visibility: visible;
}
 .screen-panel_approach-body .levels-slider__i.crossed .title .crossed-title {
     opacity: 1;
     transition: opacity .5s linear .5s,visibility .5s linear .5s;
     visibility: visible;
}
 .screen-panel_approach-body .levels-slider__i.crossed .title .crossed-title:after {
     transform: scaleX(1);
}
 .screen-panel_approach-body .algorithm,.screen-panel_approach-body .approach,.screen-panel_approach-body .prestart {
     padding-bottom: 115px;
     padding-top: 90px;
}
 .screen-panel_approach-body .algorithm .title,.screen-panel_approach-body .approach .title,.screen-panel_approach-body .prestart .title {
     width: 100%;
}
 .screen-panel_approach-body .algorithm .title .rolling-block:first-child .rolling-block__content,.screen-panel_approach-body .approach .title .rolling-block:first-child .rolling-block__content,.screen-panel_approach-body .prestart .title .rolling-block:first-child .rolling-block__content {
     transition: transform .35s linear .1s;
}
 .screen-panel_approach-body .algorithm .title .rolling-block:nth-child(2) .rolling-block__content,.screen-panel_approach-body .approach .title .rolling-block:nth-child(2) .rolling-block__content,.screen-panel_approach-body .prestart .title .rolling-block:nth-child(2) .rolling-block__content {
     transition: transform .35s linear .2s;
}
 .screen-panel_approach-body .algorithm .title .rolling-block:nth-child(3) .rolling-block__content,.screen-panel_approach-body .approach .title .rolling-block:nth-child(3) .rolling-block__content,.screen-panel_approach-body .prestart .title .rolling-block:nth-child(3) .rolling-block__content {
     transition: transform .35s linear .3s;
}
 .screen-panel_approach-body .algorithm .title .rolling-block:nth-child(4) .rolling-block__content,.screen-panel_approach-body .approach .title .rolling-block:nth-child(4) .rolling-block__content,.screen-panel_approach-body .prestart .title .rolling-block:nth-child(4) .rolling-block__content {
     transition: transform .35s linear .4s;
}
 .screen-panel_approach-body .algorithm .title .rolling-block:nth-child(5) .rolling-block__content,.screen-panel_approach-body .approach .title .rolling-block:nth-child(5) .rolling-block__content,.screen-panel_approach-body .prestart .title .rolling-block:nth-child(5) .rolling-block__content {
     transition: transform .35s linear .5s;
}
 .screen-panel_approach-body .algorithm .title .rolling-block:nth-child(6) .rolling-block__content,.screen-panel_approach-body .approach .title .rolling-block:nth-child(6) .rolling-block__content,.screen-panel_approach-body .prestart .title .rolling-block:nth-child(6) .rolling-block__content {
     transition: transform .35s linear .6s;
}
 .screen-panel_approach-body .algorithm .title .rolling-block:nth-child(7) .rolling-block__content,.screen-panel_approach-body .approach .title .rolling-block:nth-child(7) .rolling-block__content,.screen-panel_approach-body .prestart .title .rolling-block:nth-child(7) .rolling-block__content {
     transition: transform .35s linear .7s;
}
 .screen-panel_approach-body .algorithm .steps,.screen-panel_approach-body .approach .steps,.screen-panel_approach-body .prestart .steps {
     display: flex;
     display: -ms-flexbox;
}
 .screen-panel_approach-body .algorithm .steps__i,.screen-panel_approach-body .approach .steps__i,.screen-panel_approach-body .prestart .steps__i {
     color: #121212;
     flex: 0 0 33.3%;
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     ms-flex: 0 0 33.3%;
     overflow: hidden;
     position: relative;
}
 .screen-panel_approach-body .algorithm .steps__i>svg,.screen-panel_approach-body .algorithm .steps__i img,.screen-panel_approach-body .approach .steps__i>svg,.screen-panel_approach-body .approach .steps__i img,.screen-panel_approach-body .prestart .steps__i>svg,.screen-panel_approach-body .prestart .steps__i img {
     display: block;
     filter: drop-shadow(2px 2px 8px rgba(92,10,10,0));
     margin-bottom: 25px;
     overflow: visible;
     transition: filter .5s linear;
}
 .screen-panel_approach-body .algorithm .steps__i .ico,.screen-panel_approach-body .approach .steps__i .ico,.screen-panel_approach-body .prestart .steps__i .ico {
     height: 60px;
     margin-bottom: 45px;
     position: relative;
     transition: transform .35s linear;
     width: 60px;
}
 .screen-panel_approach-body .algorithm .steps__i .ico svg,.screen-panel_approach-body .approach .steps__i .ico svg,.screen-panel_approach-body .prestart .steps__i .ico svg {
     filter: drop-shadow(2px 2px 8px rgba(0,0,0,0));
     height: 100%;
     overflow: visible;
     transition: filter .5s linear;
     width: 100%;
}
 .screen-panel_approach-body .algorithm .steps__i .step-title,.screen-panel_approach-body .approach .steps__i .step-title,.screen-panel_approach-body .prestart .steps__i .step-title {
     color: inherit;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     margin-bottom: 20px;
     opacity: 1;
     text-transform: uppercase;
     transform: translateZ(0);
     transition: transform .75s ease-out,opacity .75s ease-out;
}
 .screen-panel_approach-body .algorithm .steps__i .step-title p,.screen-panel_approach-body .approach .steps__i .step-title p,.screen-panel_approach-body .prestart .steps__i .step-title p {
     display: inline-block;
     left: 0;
     position: relative;
     top: 0;
     transform-origin: 0 0;
}
 .screen-panel_approach-body .algorithm .steps__i .dash,.screen-panel_approach-body .approach .steps__i .dash,.screen-panel_approach-body .prestart .steps__i .dash {
     transform: scaleX(1);
     transform-origin: 0 0;
     transition: transform .5s ease-out,opacity .75s ease-out;
}
 .screen-panel_approach-body .algorithm .steps__i .step-text,.screen-panel_approach-body .approach .steps__i .step-text,.screen-panel_approach-body .prestart .steps__i .step-text {
     opacity: 1;
     transform: translateZ(0);
     transition: transform .75s ease-out,opacity .75s ease-out;
}
 .screen-panel_approach-body .algorithm .steps__i:first-child .ico,.screen-panel_approach-body .approach .steps__i:first-child .ico,.screen-panel_approach-body .prestart .steps__i:first-child .ico {
     transition-delay: .1s;
}
 .screen-panel_approach-body .algorithm .steps__i:first-child .dash,.screen-panel_approach-body .algorithm .steps__i:first-child .step-text,.screen-panel_approach-body .algorithm .steps__i:first-child .step-title,.screen-panel_approach-body .approach .steps__i:first-child .dash,.screen-panel_approach-body .approach .steps__i:first-child .step-text,.screen-panel_approach-body .approach .steps__i:first-child .step-title,.screen-panel_approach-body .prestart .steps__i:first-child .dash,.screen-panel_approach-body .prestart .steps__i:first-child .step-text,.screen-panel_approach-body .prestart .steps__i:first-child .step-title {
     transition-delay: .3s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(2) .ico,.screen-panel_approach-body .approach .steps__i:nth-child(2) .ico,.screen-panel_approach-body .prestart .steps__i:nth-child(2) .ico {
     transition-delay: .2s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(2) .dash,.screen-panel_approach-body .algorithm .steps__i:nth-child(2) .step-text,.screen-panel_approach-body .algorithm .steps__i:nth-child(2) .step-title,.screen-panel_approach-body .approach .steps__i:nth-child(2) .dash,.screen-panel_approach-body .approach .steps__i:nth-child(2) .step-text,.screen-panel_approach-body .approach .steps__i:nth-child(2) .step-title,.screen-panel_approach-body .prestart .steps__i:nth-child(2) .dash,.screen-panel_approach-body .prestart .steps__i:nth-child(2) .step-text,.screen-panel_approach-body .prestart .steps__i:nth-child(2) .step-title {
     transition-delay: .35s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(3) .ico,.screen-panel_approach-body .approach .steps__i:nth-child(3) .ico,.screen-panel_approach-body .prestart .steps__i:nth-child(3) .ico {
     transition-delay: .3s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(3) .dash,.screen-panel_approach-body .algorithm .steps__i:nth-child(3) .step-text,.screen-panel_approach-body .algorithm .steps__i:nth-child(3) .step-title,.screen-panel_approach-body .algorithm .steps__i:nth-child(4) .ico,.screen-panel_approach-body .approach .steps__i:nth-child(3) .dash,.screen-panel_approach-body .approach .steps__i:nth-child(3) .step-text,.screen-panel_approach-body .approach .steps__i:nth-child(3) .step-title,.screen-panel_approach-body .approach .steps__i:nth-child(4) .ico,.screen-panel_approach-body .prestart .steps__i:nth-child(3) .dash,.screen-panel_approach-body .prestart .steps__i:nth-child(3) .step-text,.screen-panel_approach-body .prestart .steps__i:nth-child(3) .step-title,.screen-panel_approach-body .prestart .steps__i:nth-child(4) .ico {
     transition-delay: .4s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(4) .dash,.screen-panel_approach-body .algorithm .steps__i:nth-child(4) .step-text,.screen-panel_approach-body .algorithm .steps__i:nth-child(4) .step-title,.screen-panel_approach-body .approach .steps__i:nth-child(4) .dash,.screen-panel_approach-body .approach .steps__i:nth-child(4) .step-text,.screen-panel_approach-body .approach .steps__i:nth-child(4) .step-title,.screen-panel_approach-body .prestart .steps__i:nth-child(4) .dash,.screen-panel_approach-body .prestart .steps__i:nth-child(4) .step-text,.screen-panel_approach-body .prestart .steps__i:nth-child(4) .step-title {
     transition-delay: .45s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(5) .dash,.screen-panel_approach-body .algorithm .steps__i:nth-child(5) .ico,.screen-panel_approach-body .algorithm .steps__i:nth-child(5) .step-text,.screen-panel_approach-body .algorithm .steps__i:nth-child(5) .step-title,.screen-panel_approach-body .approach .steps__i:nth-child(5) .dash,.screen-panel_approach-body .approach .steps__i:nth-child(5) .ico,.screen-panel_approach-body .approach .steps__i:nth-child(5) .step-text,.screen-panel_approach-body .approach .steps__i:nth-child(5) .step-title,.screen-panel_approach-body .prestart .steps__i:nth-child(5) .dash,.screen-panel_approach-body .prestart .steps__i:nth-child(5) .ico,.screen-panel_approach-body .prestart .steps__i:nth-child(5) .step-text,.screen-panel_approach-body .prestart .steps__i:nth-child(5) .step-title {
     transition-delay: .5s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(6) .ico,.screen-panel_approach-body .approach .steps__i:nth-child(6) .ico,.screen-panel_approach-body .prestart .steps__i:nth-child(6) .ico {
     transition-delay: .6s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(6) .dash,.screen-panel_approach-body .algorithm .steps__i:nth-child(6) .step-text,.screen-panel_approach-body .algorithm .steps__i:nth-child(6) .step-title,.screen-panel_approach-body .approach .steps__i:nth-child(6) .dash,.screen-panel_approach-body .approach .steps__i:nth-child(6) .step-text,.screen-panel_approach-body .approach .steps__i:nth-child(6) .step-title,.screen-panel_approach-body .prestart .steps__i:nth-child(6) .dash,.screen-panel_approach-body .prestart .steps__i:nth-child(6) .step-text,.screen-panel_approach-body .prestart .steps__i:nth-child(6) .step-title {
     transition-delay: .55s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(7) .ico,.screen-panel_approach-body .approach .steps__i:nth-child(7) .ico,.screen-panel_approach-body .prestart .steps__i:nth-child(7) .ico {
     transition-delay: .7s;
}
 .screen-panel_approach-body .algorithm .steps__i:nth-child(7) .dash,.screen-panel_approach-body .algorithm .steps__i:nth-child(7) .step-text,.screen-panel_approach-body .algorithm .steps__i:nth-child(7) .step-title,.screen-panel_approach-body .approach .steps__i:nth-child(7) .dash,.screen-panel_approach-body .approach .steps__i:nth-child(7) .step-text,.screen-panel_approach-body .approach .steps__i:nth-child(7) .step-title,.screen-panel_approach-body .prestart .steps__i:nth-child(7) .dash,.screen-panel_approach-body .prestart .steps__i:nth-child(7) .step-text,.screen-panel_approach-body .prestart .steps__i:nth-child(7) .step-title {
     transition-delay: .6s;
}
 .screen-panel_approach-body .algorithm.svg-shadows .steps__i,.screen-panel_approach-body .approach.svg-shadows .steps__i,.screen-panel_approach-body .prestart.svg-shadows .steps__i {
     overflow: visible;
}
 .screen-panel_approach-body .algorithm.svg-shadows .steps__i .ico svg,.screen-panel_approach-body .algorithm.svg-shadows .steps__i>svg,.screen-panel_approach-body .approach.svg-shadows .steps__i .ico svg,.screen-panel_approach-body .approach.svg-shadows .steps__i>svg,.screen-panel_approach-body .prestart.svg-shadows .steps__i .ico svg,.screen-panel_approach-body .prestart.svg-shadows .steps__i>svg {
     filter: drop-shadow(2px 2px 8px rgba(0,0,0,.075));
}
 .screen-panel_approach-body .algorithm.hidden .step-text,.screen-panel_approach-body .algorithm.hidden .step-title,.screen-panel_approach-body .approach.hidden .step-text,.screen-panel_approach-body .approach.hidden .step-title,.screen-panel_approach-body .prestart.hidden .step-text,.screen-panel_approach-body .prestart.hidden .step-title {
     opacity: .5;
     transform: translate3d(-20px,0,0);
     transition: none;
}
 .screen-panel_approach-body .algorithm.hidden .dash,.screen-panel_approach-body .approach.hidden .dash,.screen-panel_approach-body .prestart.hidden .dash {
     opacity: .5;
     transform: scaleX(0);
}
 .screen-panel_approach-body .algorithm.hidden .ico,.screen-panel_approach-body .approach.hidden .ico,.screen-panel_approach-body .prestart.hidden .ico {
     transform: translateX(-100%);
     transition: none;
}
 .screen-panel_approach-body .algorithm .circle {
     animation-duration: 3s;
     animation-fill-mode: forwards;
     animation-iteration-count: infinite;
     animation-name: k;
     transform-origin: 50% 50%;
}
 @keyframes k {
     0% {
         transform: scale(1);
    }
     50% {
         transform: scale(.5);
    }
     to {
         transform: scale(1);
    }
}
 .screen-panel_approach-body .algorithm .rombus {
     animation-duration: 3s;
     animation-fill-mode: forwards;
     animation-iteration-count: infinite;
     animation-name: l;
     display: block;
     position: relative;
     transform-origin: 28px 28px;
}
 @keyframes l {
     0% {
         transform: rotate(0deg);
    }
     to {
         transform: rotate(180deg);
    }
}
 .screen-panel_approach-body .algorithm .path {
     animation-duration: 3s;
     animation-fill-mode: forwards;
     animation-iteration-count: infinite;
     animation-name: m;
}
 .screen-panel_approach-body .algorithm .path:first-child {
     animation-delay: 2.3s;
}
 .screen-panel_approach-body .algorithm .path:nth-child(2) {
     animation-delay: 2.6s;
}
 .screen-panel_approach-body .algorithm .path:nth-child(3) {
     animation-delay: 2.9s;
}
 .screen-panel_approach-body .algorithm .path:nth-child(4) {
     animation-delay: 3.2s;
}
 .screen-panel_approach-body .algorithm .path:nth-child(5) {
     animation-delay: 3.5s;
}
 .screen-panel_approach-body .algorithm .path:nth-child(6) {
     animation-delay: 3.8s;
}
 .screen-panel_approach-body .algorithm .path:nth-child(7) {
     animation-delay: 4.1s;
}
 @keyframes m {
     0% {
         stroke-dasharray: 34;
         stroke-dashoffset: 34;
    }
     50% {
         stroke-dasharray: 34;
         stroke-dashoffset: 0;
    }
     to {
         stroke-dasharray: 34;
         stroke-dashoffset: 34;
    }
}
 .screen-panel_approach-body .approach .steps__i .ico,.screen-panel_approach-body .prestart .steps__i .ico {
     height: 63px;
     width: 63px;
}
 .screen-panel_approach-body .approach .steps__i .ico:first-child,.screen-panel_approach-body .approach .steps__i .ico:nth-child(5),.screen-panel_approach-body .prestart .steps__i .ico:first-child,.screen-panel_approach-body .prestart .steps__i .ico:nth-child(5) {
     height: 70px;
     width: 70px;
}
 .screen-panel_approach-body .approach .steps__i .ico:nth-child(4),.screen-panel_approach-body .prestart .steps__i .ico:nth-child(4) {
     height: 75px;
     width: 65px;
}
 .screen-panel_approach-body .question {
     background-color: #121212;
     padding-bottom: 200px;
     padding-top: 200px;
}
 .screen-panel_approach-body .question .shadows {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     width: 320px;
     z-index: 2;
}
 .screen-panel_approach-body .question .v-lines__inner,.screen-panel_approach-body .question .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .screen-panel_approach-body .question .title {
     color: #fff;
     width: 100%;
}
 .screen-panel_approach-body .question .text {
     color: #fff;
     width: 40%;
}
 .screen-panel_approach-body .approach {
     background-color: #f5f4f4;
}
 .screen-panel_approach-body .approach .steps {
     margin-bottom: 50px;
}
 .screen-panel_approach-body .approach .steps__i {
     flex: 0 0 20%;
     ms-flex: 0 0 20%;
}
 .screen-panel_approach-body .approach .ico {
     cursor: pointer;
}
 .screen-panel_approach-body .approach .ico.active {
     cursor: default;
     pointer-events: none;
}
 .screen-panel_approach-body .approach .steps-controls {
     display: none;
}
 .screen-panel_approach-body .approach .descriptions {
     padding-top: 40px;
     position: relative;
     transition: height .5s ease-out;
     width: 60%;
}
 .screen-panel_approach-body .approach .descriptions:before {
     background-color: #fff;
     content: "";
     display: block;
     height: 4px;
     left: 0;
     position: absolute;
     top: 0;
     transition: width .35s ease-out .35s;
     width: 75%;
}
 .screen-panel_approach-body .approach .descriptions__i {
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 40px;
     width: 100%;
}
 .screen-panel_approach-body .approach .description-text,.screen-panel_approach-body .approach .description-title {
     opacity: 1;
     position: relative;
     transform: translateZ(0);
     transition: transform .35s ease-out .75s,opacity .35s linear .75s,visibility .35s linear .75s;
     visibility: visible;
}
 .screen-panel_approach-body .approach .description-title {
     color: #121212;
     font-family: uni_sansbold,sans-serif;
     font-size: 36px;
     margin-bottom: 20px;
}
 .screen-panel_approach-body .approach .description-text {
     color: #121212;
     font-family: robotoregular,sans-serif;
     font-size: 16px;
}
 .screen-panel_approach-body .approach.hidden .descriptions:before {
     transition: none;
     width: 0;
}
 .screen-panel_approach-body .approach.hidden .description-text,.screen-panel_approach-body .approach.hidden .description-title {
     opacity: 0;
     transform: translate3d(0,40px,0);
     transition: none;
     visibility: hidden;
}
 .screen-panel_approach-body .results {
     background-color: #121212;
     color: #fff;
     padding-bottom: 60px;
}
 .screen-panel_approach-body .results.hidden .result-block:before {
     width: 0;
}
 .screen-panel_approach-body .results.hidden .result-block__text,.screen-panel_approach-body .results.hidden .result-block__title {
     opacity: 0;
     transform: translate3d(-20px,0,0);
     transition: none;
}
 .screen-panel_approach-body .results.hidden .results__text {
     opacity: 0;
     transition: none;
}
 .screen-panel_approach-body .result-block {
     padding: 40px 0;
     position: relative;
}
 .screen-panel_approach-body .result-block:before {
     background-color: #fff;
     bottom: 1px;
     content: "";
     display: block;
     height: 1px;
     left: 0;
     opacity: .2;
     position: absolute;
     transition: width 1s;
     width: 100%;
}
 .screen-panel_approach-body .result-block .highlight {
     cursor: pointer;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 0;
}
 .screen-panel_approach-body .result-block .highlight:hover .highlight__gradient {
     transform: scaleY(1);
}
 .screen-panel_approach-body .result-block .highlight__gradient {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transform: scaleY(0);
     transition: transform .35s;
}
 .screen-panel_approach-body .result-block .highlight__gradient svg {
     height: 100%;
     width: 100%;
}
 .screen-panel_approach-body .result-block:first-child .result-block__text,.screen-panel_approach-body .result-block:first-child .result-block__title,.screen-panel_approach-body .result-block:first-child:before {
     transition-delay: .1s;
}
 .screen-panel_approach-body .result-block:nth-child(2) .result-block__text,.screen-panel_approach-body .result-block:nth-child(2) .result-block__title,.screen-panel_approach-body .result-block:nth-child(2):before {
     transition-delay: .2s;
}
 .screen-panel_approach-body .result-block:nth-child(3) .result-block__text,.screen-panel_approach-body .result-block:nth-child(3) .result-block__title,.screen-panel_approach-body .result-block:nth-child(3):before {
     transition-delay: .3s;
}
 .screen-panel_approach-body .result-block:nth-child(4) .result-block__text,.screen-panel_approach-body .result-block:nth-child(4) .result-block__title,.screen-panel_approach-body .result-block:nth-child(4):before {
     transition-delay: .4s;
}
 .screen-panel_approach-body .result-block:nth-child(5) .result-block__text,.screen-panel_approach-body .result-block:nth-child(5) .result-block__title,.screen-panel_approach-body .result-block:nth-child(5):before {
     transition-delay: .5s;
}
 .screen-panel_approach-body .result-block:nth-child(6) .result-block__text,.screen-panel_approach-body .result-block:nth-child(6) .result-block__title,.screen-panel_approach-body .result-block:nth-child(6):before {
     transition-delay: .6s;
}
 .screen-panel_approach-body .result-block:nth-child(7) .result-block__text,.screen-panel_approach-body .result-block:nth-child(7) .result-block__title,.screen-panel_approach-body .result-block:nth-child(7):before {
     transition-delay: .7s;
}
 .screen-panel_approach-body .result-block__text,.screen-panel_approach-body .result-block__title {
     opacity: 1;
     pointer-events: none;
     position: relative;
     transform: translateZ(0);
     transition: transform .5s,opacity .5s;
     z-index: 2;
}
 .screen-panel_approach-body .result-block__title {
     font-family: uni_sansbold,sans-serif;
     font-size: 30px;
     margin-bottom: 20px;
}
 .screen-panel_approach-body .result-block__title span {
     font-size: 20px;
}
 .screen-panel_approach-body .result-block__text,.screen-panel_approach-body .results__text {
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     width: 67%;
}
 .screen-panel_approach-body .results__text {
     padding-top: 40px;
     text-align: center;
     transition: opacity 1s linear;
     width: auto;
}
 .screen-panel_approach-body .footer {
     background-color: #fff;
}
 .screen-panel_approach-body .footer .v-lines__inner,.screen-panel_approach-body .footer .v-lines__outer {
     border-left: 1px solid #f2f2f2;
     border-right: 1px solid #f2f2f2;
}
 .screen-panel_approach-body .footer .contacts-btn-wrap {
     height: 101px;
     margin: 0 auto 60px;
     margin-bottom: 50px;
     overflow-x: hidden;
     position: absolute;
     right: 0;
     text-align: center;
     top: 120px;
     width: 320px;
}
 .screen-panel_approach-body .footer .contacts-btn-wrap .action-btn {
     border-top: 1px solid #121212;
     box-sizing: border-box;
     width: 100%;
}
 .screen-panel_approach-body .footer .contacts-btn-wrap .action-btn:before {
     background-color: #121212;
}
 .screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__label {
     color: #121212;
     display: block;
     text-align: center;
}
 .screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__label:before {
     background-color: #121212;
}
 .screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__label .rolling-block-wrap:before,.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__label span:before {
     background-color: #fff;
}
 .screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__line:after,.screen-panel_approach-body .footer .contacts-btn-wrap .action-btn__line:before {
     background-color: #121212;
}
 .screen-panel_approach-body .footer .title {
     margin-bottom: 30px;
}
 .screen-panel_approach-body .footer .text {
     margin-bottom: 60px;
     width: 50%;
}
 .screen-panel_approach-body .footer .contacts-btn-wrap {
     overflow: hidden;
}
 .screen-panel_approach-body .footer .slide-down {
     transform: translateZ(0);
     transition: transform .5s ease-out .15s;
}
 .screen-panel_approach-body .footer .slide-down .prev-wrap,.screen-panel_approach-body .footer .slide-down next-wrap {
     transform: translateZ(0);
     transition: transform .5s ease-out .35s;
}
 .screen-panel_approach-body .footer .next-wrap.active:before,.screen-panel_approach-body .footer .prev-wrap.active:before {
     background-color: #f6f5f5;
}
 .screen-panel_approach-body .footer.hidden .v-lines {
     height: 100%;
}
 .screen-panel_approach-body .footer.hidden .slide-in {
     transform: translate3d(-100%,0,0);
     transition: none;
}
 .screen-panel_approach-body .footer.hidden .slide-down .prev-wrap,.screen-panel_approach-body .footer.hidden .slide-down next-wrap {
     transform: translate3d(0,-100%,0);
     transition: none;
}
 .screen-panel_approach-body .fixed-hud.vintage-is-all {
     color: #121212;
}
 .screen-panel_approach-body.hidden .inner-content-wrap {
     transform: translate3d(0,50px,0);
}
 .approach-page {
     overflow: hidden;
}
 .approach-page body {
     height: 100%;
     overflow: hidden;
     width: 100%;
}
 .approach-page .scrolling {
     overflow-x: hidden;
     width: 100%;
}
 .approach-page .pop-up_contacts {
     display: none;
     position: fixed;
     transform: translateZ(0);
}
 .screen-panel_portfolio {
     background-color: #121212;
}
 .screen-panel_portfolio .content-wrap {
     height: 100%;
     pointer-events: none;
     position: relative;
     z-index: 3;
}
 .screen-panel_portfolio .scrolling__content {
     height: 100%;
     position: relative;
}
 .screen-panel_portfolio .v-lines__inner,.screen-panel_portfolio .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .screen-panel_portfolio .shadows {
     height: 100%;
     left: 50%;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     transition: opacity 1s;
     transition-delay: .5s;
     width: 320px;
}
 .screen-panel_portfolio .header__text {
     top: 50%;
     transform: translateY(-50%);
}
 .screen-panel_portfolio .menu-block {
     pointer-events: none;
}
 .screen-panel_portfolio .menu {
     pointer-events: visiblePainted;
}
 .screen-panel_portfolio .menu.hidden {
     pointer-events: none;
}
 .screen-panel_portfolio .langs .rolling-block__content,.screen-panel_portfolio .portfolio-btn-block .rolling-block__content,.screen-panel_portfolio .vintage-logo .rolling-block__content,.screen-panel_portfolio .vintage-web-prod .rolling-block__content {
     transition: none;
}
 .screen-panel_portfolio .mobile-splash {
     background-color: hsla(0,0%,5%,.95);
}
 .screen-panel_portfolio .portfolio-slider {
     height: 340px;
     left: 0;
     position: absolute;
     top: 50%;
     transform: translate3d(0,-50%,0);
     width: 100%;
}
 .screen-panel_portfolio .portfolio-slider:after {
     content: "";
     display: block;
     height: 50px;
     left: 0;
     position: absolute;
     top: 0;
     width: 10px;
     z-index: 100;
}
 .screen-panel_portfolio .projects-list {
     height: 100%;
     list-style: none;
     pointer-events: visiblePainted;
     position: absolute;
}
 .screen-panel_portfolio .projects-list__i {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 540px;
}
 .screen-panel_portfolio .projects-list__i .project-preview {
     background-color: #000;
}
 .screen-panel_portfolio .projects-list__i img,.screen-panel_portfolio .projects-list__i video {
     opacity: 0;
     visibility: hidden;
}
 .screen-panel_portfolio .projects-list__i:hover .project-preview {
     box-shadow: 8px 0 40px #000;
}
 .screen-panel_portfolio .projects-list__i:hover .gradient {
     opacity: .2;
     visibility: visible;
}
 .screen-panel_portfolio .projects-list__i:hover .rolling-block__content {
     transform: translateY(0);
}
 .screen-panel_portfolio .projects-list__i.no-title .rolling-block__content {
     transform: translateY(-100%);
}
 .screen-panel_portfolio .projects-list__i.loaded .preloader {
     display: none;
}
 .screen-panel_portfolio .project-preview {
     cursor: pointer;
     height: 340px;
     overflow: hidden;
     position: absolute;
     transition: box-shadow .5s;
     width: 100%;
}
 .screen-panel_portfolio .project-preview .gradient {
     background: #eb03f9;
     background: linear-gradient(90deg,#eb03f9,#02d1f6);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb03f9",endColorstr="#02d1f6",GradientType=1);
     height: 765px;
     left: 50%;
     opacity: 0;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     transition: opacity .35s,visibility .35s;
     visibility: hidden;
     width: 765px;
     z-index: 2;
}
 .screen-panel_portfolio .project-preview .preloader {
     left: 50%;
     top: 50%;
     z-index: 10;
}
 .screen-panel_portfolio .project-preview__pic {
     left: 50%;
     min-height: 100%;
     min-width: 100%;
     position: absolute;
     top: 50%;
     transform: translate3d(-50%,-50%,0);
}
 .screen-panel_portfolio .project-title {
     bottom: -20px;
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 2px;
     pointer-events: none;
     position: absolute;
     right: 0;
     text-transform: uppercase;
     transform: translate3d(0,100%,0);
     white-space: nowrap;
}
 .screen-panel_portfolio .project-title .rolling-block__content {
     transform: translateY(-100%);
}
 .screen-panel_portfolio .project-line {
     background-color: #fff;
     height: 1px;
     position: absolute;
     right: -40px;
     top: 50%;
     transform: translateX(100%);
     width: 0;
}
 .screen-panel_portfolio .splash {
     background-color: #fff;
     height: 100%;
     left: 0;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: scaleY(0) translateZ(0);
     transition: transform .5s;
     width: 100%;
     z-index: 100;
}
 .screen-panel_portfolio .splash.active {
     transform: scaleY(1) translateZ(0);
}
 .screen-panel_portfolio .socials-portfolio {
     display: none;
}
 .screen-panel_portfolio.menu-open .content-wrap,.screen-panel_portfolio.menu-open .menu-block {
     pointer-events: visiblePainted;
}
 .screen-panel_portfolio.menu-open .portfolio-controls {
     z-index: 1;
}
 .screen-panel_portfolio.hidden {
     visibility: hidden;
}
 .screen-panel_portfolio.hidden .shadows {
     opacity: 0;
     transition: none;
}
 .screen-panel_portfolio.hidden .filter .rolling-block__content {
     transform: translateY(-200%);
}
 .portfolio-controls {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .portfolio-controls .seo-read-more {
     display: block;
}
 .portfolio-controls .filter,.portfolio-controls .seo-read-more {
     bottom: 40px;
     color: #fff;
     pointer-events: visiblePainted;
     position: absolute;
     right: 60px;
     z-index: 2;
}
 .portfolio-controls .filter {
     display: flex;
     display: -ms-flexbox;
}
 .portfolio-controls .filter .rolling-block {
     margin-right: 40px;
     opacity: .5;
     transition: opacity .35s;
}
 .portfolio-controls .filter .rolling-block:last-child {
     margin-right: 0;
}
 .portfolio-controls .filter .rolling-block.active {
     opacity: 1;
}
 .portfolio-controls .filter .rolling-block__content {
     transition: transform .75s ease-out 0s;
}
 .portfolio-controls .filter .roll-hover-btn {
     display: block;
}
 .portfolio-controls .filter .roll-hover-btn__label {
     letter-spacing: 1.5px;
}
 .portfolio-controls .filter.hidden .rolling-block__content {
     transform: translateY(-100%);
}
 .portfolio-controls .arrow-controls {
     height: 20px;
     left: 50%;
     pointer-events: visiblePainted;
     position: absolute;
     top: 60px;
     transform: translateX(-50%);
     width: 640px;
}
 .portfolio-controls .arrow-controls .rolling-block {
     color: #fff;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
}
 .portfolio-controls .arrow-controls.hidden .rolling-block__content {
     transform: translateY(-100%);
}
 .screen-panel_seo {
     background: #fff;
}
 .screen-panel_seo .seo-section {
     padding: 100px 0;
}
 .portfolio-page body {
     height: 100%;
     overflow: hidden;
     position: fixed;
     width: 100%;
}
 .portfolio-page .page-preloader__drop-line {
     display: none;
}
 .screen-panel_portfolio .scrolling {
     overflow: hidden;
}
 .prices-page .vintage-is-all,.prices-page .vintage-web-prod {
     z-index: 3;
}
 .pricing,.webdev-pricing {
     padding-top: 150px;
}
 .webdev-pricing {
     position: relative;
}
 .webdev-pricing .v-lines {
     height: 100%;
     z-index: 4;
}
 .webdev-pricing .v-lines__inner,.webdev-pricing .v-lines__outer {
     border-left: 1px solid rgba(0,0,0,.05);
     border-right: 1px solid rgba(0,0,0,.05);
}
 .evangelists,.webdev {
     margin-bottom: 90px;
     padding-bottom: 40px;
}
 .evangelists .title,.webdev .title {
     width: 900px;
}
 .evangelists .text,.webdev .text {
     width: 640px;
}
 .sites {
     background-color: #121212;
     color: #fff;
     position: relative;
     z-index: 1;
}
 .sites-list {
     list-style: none;
     position: relative;
}
 .sites-list__i {
     border-bottom: 1px solid #424242;
     display: flex;
     display: -ms-flexbox;
     justify-content: space-between;
     ms-flex-pack: justify;
     padding-bottom: 60px;
     padding-top: 60px;
     position: relative;
}
 .sites-list__i .info {
     width: 60%;
     z-index: 9;
}
 .sites-list__i .info__title {
     font-family: uni_sansbold,sans-serif;
     font-size: 28px;
     letter-spacing: 2px;
     line-height: 32px;
     margin-bottom: 30px;
}
 .sites-list__i .info__description {
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     line-height: 24px;
}
 .sites-list__i .price {
     align-self: flex-end;
     font-family: robotoregular,sans-serif;
     font-size: 12px;
     ms-flex-item-align: end;
     pointer-events: none;
     position: relative;
     text-align: right;
     text-transform: uppercase;
     width: 30%;
     z-index: 2;
}
 .sites-list__i .price .num {
     font-family: uni_sansbold,sans-serif;
     font-size: 34px;
     margin: 0 16px;
}
 .sites-list__i .price .txt {
     color: #fff;
     font-family: uni_sansbold,sans-serif;
     font-size: 16px;
     letter-spacing: 2px;
     text-transform: uppercase;
}
 .sites-list__i a.hover {
     display: block;
     z-index: 3;
}
 .sites-list__i .hover {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1;
}
 .sites-list__i .hover .rolling-block {
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     z-index: 2;
}
 .sites-list__i .hover .rolling-block__content {
     cursor: pointer;
     font-size: 20px;
     transform: translateY(-100%);
}
 .sites-list__i .hover .bg {
     bottom: 0;
     left: 70%;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 1;
}
 .sites-list__i .hover .bg__color {
     bottom: 0;
     left: 0;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     right: 0;
     top: 0;
     transform: scaleY(0);
     transition: opacity .35s,visibility .35s,transform .35s;
     visibility: hidden;
     z-index: 1;
}

 .sites-list__i .info .button:hover {
     background: #eb03f9;
     background: linear-gradient(90deg,#eb03f9,#02d1f6);
/*     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb03f9",endColorstr="#02d1f6",GradientType=1);
     height: 100%;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 100%;*/
}

 .sites-list__i .hover .gradient {
     background: #eb03f9;
     background: linear-gradient(90deg,#eb03f9,#02d1f6);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb03f9",endColorstr="#02d1f6",GradientType=1);
     height: 100%;
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 100%;
}
 .sites-list__i:hover .rolling-block__content {
     transform: translateY(0);
     transition-delay: .25s;
}
 .sites-list__i:hover .bg__color {
     opacity: 1;
     transform: scaleY(1);
     visibility: visible;
}
.button4:hover {
     background: #eb03f9;
     background: linear-gradient(90deg,#eb03f9,#02d1f6);
}
 .discuss .bottom {
     height: 120px;
     position: relative;
}
 .discuss .bottom .content-wrap {
     height: 100%;
     position: relative;
}
 .discuss .bottom__menu {
     height: 100%;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
}
 .prices-page {
     height: 100%;
     left: auto;
     overflow: hidden;
     position: static;
     top: auto;
}
 .prices-page body {
     background-color: #fff;
     height: 100%;
     overflow: hidden;
}
 .prices-page .fixed {
     z-index: 3;
}
 .prices-page .pop-up_contacts {
     display: none;
     position: fixed;
     transform: translateZ(0);
}
 .prices-page .menu__bottom-line {
     background-color: #121212;
}
 .prices-page .menu__bottom-line.inverted {
     background-color: #fff;
}
 .prices-page .vintage-is-all .rolling-block__content {
     fill: #121212;
}
 .prices-page .footer {
     background-color: #fff;
     padding-top: 80px;
}
 .prices-page .footer .v-lines__inner,.prices-page .footer .v-lines__outer {
     border-left: 1px solid #f2f2f2;
     border-right: 1px solid #f2f2f2;
}
 .prices-page .footer .text {
     margin-bottom: 30px;
     text-align: center;
}
 .prices-page .footer .text:last-of-type {
     margin-bottom: 80px;
}
 .prices-page .footer .discuss-wrap {
     height: 101px;
     margin: 0 auto 60px;
     overflow: hidden;
     width: 320px;
}
 .prices-page .footer .discuss-wrap .action-btn {
     border-top: 1px solid #121212;
     box-sizing: border-box;
     width: 100%;
}
 .prices-page .footer .discuss-wrap .action-btn:before {
     background-color: #121212;
}
 .prices-page .footer .discuss-wrap .action-btn__label {
     color: #121212;
     display: block;
     text-align: center;
}
 .prices-page .footer .discuss-wrap .action-btn__label:before {
     background-color: #121212;
}
 .prices-page .footer .discuss-wrap .action-btn__label .rolling-block-wrap:before,.prices-page .footer .discuss-wrap .action-btn__label span:before {
     background-color: #fff;
}
 .prices-page .footer .discuss-wrap .action-btn__line:after,.prices-page .footer .discuss-wrap .action-btn__line:before {
     background-color: #121212;
}
 .prices-page .footer .next-wrap.active:before,.prices-page .footer .prev-wrap.active:before {
     background-color: #f6f5f5;
}
 .prices-page .footer .socials,.prices-page .footer .socials-portfolio {
     color: #121212;
}
 .prices-page .footer .vintage-is-all .rolling-block__content {
     fill: #121212;
}
 .prices-page.menu-open .vintage-logo {
     color: #fff!important;
     transition: transform .5s,color .35s ease-out .5s;
}
 .prices-page.menu-open .menu-btn {
     transform: translateX(3px) translateZ(0);
     transition-delay: .5s;
}
 .prices-page.menu-open .menu-btn .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: c;
     transform-origin: 50% 50%;
}
 .prices-page.menu-open .menu-btn .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: e;
     transform-origin: 50% 50%;
}
 .prices-page.menu-open .menu-btn .menu-btn__line:nth-child(3) {
     visibility: hidden;
}
 .prices-page.menu-open .menu-btn .menu-btn__line__inner {
     background-color: #fff!important;
     transition: background-color .35s ease-out .5s;
}
 .prices-page.menu-open .langs .rolling-block__content,.prices-page.menu-open .vintage-logo .rolling-block__content {
     color: #fff!important;
     transition: transform .65s,color .35s ease-out .5s;
}
 .prices-page.menu-closing .langs .rolling-block__content,.prices-page.menu-closing .vintage-logo .rolling-block__content {
     transition: transform .65s,color .35s ease-out .35s;
}
 .prices-page.menu-closing .menu-btn .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: d;
     transform-origin: 50% 50%;
}
 .prices-page.menu-closing .menu-btn .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: f;
     transform-origin: 50% 50%;
}
 .prices-page.menu-closing .menu-btn .menu-btn__line:nth-child(3) {
     transition: visibility 1s linear .5s;
     visibility: visible;
}
 .prices-page.menu-closing .menu-btn .menu-btn__line__inner {
     transition: background-color .35s ease-out .35s;
}
 .prices-page.loaded {
     height: auto;
     overflow: auto;
     overflow-x: hidden;
}
 .prices-page.loaded body {
     height: auto;
     overflow: auto;
}
 .splash {
     background-color: #121212;
     height: 100%;
     left: 0;
     overflow: hidden;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 5;
}
 .splash__bottom-line {
     background-color: #fff;
     bottom: 0;
     display: none;
     height: 50px;
     left: 50%;
     position: absolute;
     width: 1px;
}
 .screen-panel_project-header .heading {
     height: 100%;
     left: 0;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: translateZ(0);
     transition: transform 2.5s cubic-bezier(.32,.32,0,.99) 0s;
     width: 100%;
     z-index: 2;
}
 .screen-panel_project-header .heading-text {
     top: 50%;
     transform: translateY(-50%);
}
 .screen-panel_project-header .heading-text h1 {
     color: inherit;
}
 .screen-panel_project-header .sub-heading {
     color: #fff;
     font-family: robotoregular,sans-serif;
     font-size: 14px;
     left: 50%;
     line-height: 22px;
     margin: 0 auto;
     position: absolute;
     text-align: center;
     top: 50%;
     transform: translate(-50%,90px);
     transition: transform 1.5s,opacity 1.5s,visibility 1.5s;
     transition-delay: 2s;
     width: 500px;
}
 .screen-panel_project-header .shadows {
     bottom: 0;
     left: 50%;
     max-width: 320px;
     opacity: .25;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     transition: opacity .75s,visibility .75s;
     transition-delay: 2s;
     width: 320px;
     z-index: 3;
}
 .screen-panel_project-header .bg {
     background-position: 50%;
     background-size: cover;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     transition: transform 2.5s ease-in-out,opacity 2.5s,visibility 2.5s;
     transition-delay: 0s;
     width: 100%;
     z-index: 0;
}
 .screen-panel_project-header .v-lines {
     opacity: .5;
     z-index: 1;
}
 .screen-panel_project-header .v-lines__inner,.screen-panel_project-header .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .screen-panel_project-header.hidden {
     background-color: #121213;
}
 .screen-panel_project-header.hidden .bg {
     opacity: 0;
     transform: scale(1.05);
     visibility: hidden;
}
 .screen-panel_project-header.hidden .heading {
     transform: translate3d(0,50px,0);
     transition: none;
}
 .screen-panel_project-header.hidden .sub-heading {
     opacity: 0;
     transform: translate(-50%,110px);
     visibility: hidden;
}
 .screen-panel_project-header.hidden .shadows {
     opacity: 0;
     visibility: hidden;
}
 .screen-panel_project-case {
     background-color: #fff;
}
 .screen-panel_project-case .scrolling__content {
     padding-top: 150px;
}
 .screen-panel_project-case .menu__bottom-line {
     background-color: #121212;
}
 .screen-panel_project-case .menu__bottom-line.inverted {
     background-color: #fff;
}
 .screen-panel_project-case .scrolling__content {
     position: relative;
     transform: translateZ(0);
}
 .screen-panel_project-case.hidden .inner-content-wrap {
     transform: translate3d(0,50px,0);
}
 .project-goals {
     margin-bottom: 120px;
}
 .project-goals .text {
     width: 84%;
}
 .project-goals .text p {
     margin-bottom: 20px;
}
 .project-goals .text p:last-child {
     margin-bottom: 0;
}
 .project-details {
     color: #121212;
     margin-bottom: 100px;
}
 .project-details .author-pic {
     background-position: 50%;
     background-size: cover;
     border-radius: 50%;
     display: block;
     height: 120px;
     margin: 0 auto 50px;
     overflow: hidden;
     position: relative;
     width: 120px;
}
 .project-details .author-signature {
     color: inherit;
     font-family: robotoregular,sans-serif;
     font-size: 12px;
     opacity: .5;
     padding-top: 30px;
     position: relative;
     text-align: center;
}
 .project-details .author-signature:before {
     content: "";
     display: block;
     height: 1px;
     left: 50%;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     width: 30px;
}
 .project-details .author-signature.author-signature_light:before {
     background-color: #fff;
}
 .project-details .author-signature.author-signature_dark:before {
     background-color: #121212;
}
 .project-details .text,.project-details .title {
     color: inherit;
     margin-bottom: 40px;
}
 .project-details .text {
     width: 66%;
}
 .project-details .text p {
     margin-bottom: 20px;
}
 .project-details .text p:last-child {
     margin-bottom: 0;
}
 .project-details .video {
     box-shadow: 8px 0 40px rgba(0,0,0,.3);
     display: block;
     margin-bottom: 20px;
     width: 100%;
}
 .project-details .video iframe {
     display: block;
}
 .project-details .details {
     display: block;
     margin: 0 auto;
     max-width: 100%;
     text-align: center;
}
 .project-details .details img {
     display: block;
     left: 50%;
     max-height: 100%;
     max-width: 100%;
     position: relative;
     transform: translateX(-50%);
}
 .project-details .details.details_fw,.project-details .details.details_fw img {
     max-width: none!important;
     width: 100%!important;
}
 .project-details .details.details_fw img {
     max-height: none!important;
}
 .project-details.bg {
     background-position: 50%;
     background-size: cover;
     padding-bottom: 80px;
     padding-top: 120px;
}
 .project-details.bg_center-bottom {
     background-position: bottom;
}
 .project-details.dark .text,.project-details.dark .title {
     color: #fff;
}
 .project-details.project-details_cite {
     padding-top: 75px;
}
 .project-details.project-details_cite .text {
     margin: 0 auto 30px;
     text-align: center;
}
 .project-details.hidden .author-pic {
     transform: scale(0);
}
 .project-details.hidden .author-signature {
     opacity: 0;
     transform: translateY(40px);
}
 .project-details.margin_x0 {
     margin-bottom: 0!important;
}
 .project-details.margin_x1 {
     margin-bottom: 20px!important;
}
 .project-details.margin_x2 {
     margin-bottom: 40px!important;
}
 .project-details.margin_x3 {
     margin-bottom: 60px!important;
}
 .project-details.margin_x4 {
     margin-bottom: 80px!important;
}
 .project-details.margin_x5 {
     margin-bottom: 100px!important;
}
 .big-number-title {
     align-items: center;
     display: flex;
     display: -ms-flexbox;
     margin-bottom: 40px;
     ms-flex-align: center;
}
 .big-number-title .title {
     flex: 1;
     margin-bottom: 0;
     ms-flex: 1;
}
 .big-number {
     font-family: uni_sansbold,sans-serif;
     font-size: 320px;
     line-height: 260px;
     margin-right: 50px;
}
 .project-results {
     background-color: #121212;
     box-sizing: border-box;
     padding-bottom: 140px;
     padding-top: 50px;
}
 .project-results .v-lines__inner,.project-results .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .project-results .title {
     color: #fff;
     width: 90%;
}
 .project-results .results-l {
     list-style: none;
     overflow: hidden;
}
 .project-results .results-l__i {
     border-bottom: 1px solid #424242;
     box-sizing: border-box;
     display: flex;
     display: -ms-flexbox;
     min-height: 100px;
     padding: 10px 0;
     position: relative;
}
 .project-results .results-l__i:first-child {
     border-top: 1px solid #424242;
}
 .project-results .result-ico {
     align-items: center;
     display: flex;
     display: -ms-flexbox;
     flex: 0 0 125px;
     justify-content: center;
     margin-right: 40px;
     ms-flex: 0 0 125px;
     ms-flex-align: center;
     ms-flex-pack: center;
     position: relative;
}
 .project-results .result-ico img,.project-results .result-ico svg {
     max-height: 60px;
     max-width: 60px;
}
 .project-results .result-ico svg {
     fill: #fff;
}
 .project-results .result-title {
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     letter-spacing: 1px;
     line-height: 140%;
     text-transform: uppercase;
}
 .project-results .controls,.project-results .result-title {
     align-items: center;
     color: #fff;
     display: flex;
     display: -ms-flexbox;
     ms-flex-align: center;
     position: relative;
}
 .project-results .controls {
     height: 130px;
     justify-content: center;
     ms-flex-pack: center;
}
 .project-results .controls.hidden .rolling-block__content {
     transform: translateY(-100%);
}
 .project-results .controls.hidden .arrow-controls__left,.project-results .controls.hidden .arrow-controls__right {
     left: 40px;
     opacity: 0;
}
 .project-results .arrow-controls {
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
}
 .project-results .arrow-controls__left {
     left: 0;
     transform: scaleX(-1) translateX(-100%);
     transition: left .35s,opacity .35s,width .35s;
}
 .project-results .arrow-controls__right {
     left: auto;
     right: 0;
     transform: none;
     transition: right .35s,opacity .35s,width .35s;
}
 .project-results .discuss-wrap {
     height: 102px;
     margin: 0 auto 60px;
     overflow-x: hidden;
     text-align: center;
     width: 320px;
}
 .project-results .discuss-btn {
     border-top: 1px solid #424242;
     width: 320px;
}
 .project-case-page {
     overflow: hidden;
}
 .project-case-page body {
     height: 100%;
     overflow: hidden;
     width: 100%;
}
 .project-case-page .scrolling {
     overflow-x: hidden;
     width: 100%;
}
 .project-case-page .pop-up_contacts {
     display: none;
     position: fixed;
     transform: translateZ(0);
}
 .project-case-page .scroll-down__lines:after,.project-case-page .scroll-down__lines:before {
     display: none;
}
 .contacts-page {
     left: auto;
     position: static;
     top: auto;
}
 .contacts-page,.contacts-page body {
     height: 100%;
     overflow: hidden;
}
 .contacts-page .v-lines {
     bottom: 0;
     height: auto;
     position: fixed;
     top: 0;
}
 .contacts-page .v-lines__inner,.contacts-page .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .contacts-page .pop-up_contacts {
     display: none;
     position: fixed;
     transform: translateZ(0);
}
 .contacts-page .page-preloader__drop-line {
     display: none;
}
 .contacts-page .screen-panel_contacts {
     overflow: visible;
     position: relative;
}
 .contacts-page .screen-panel_contacts .v-lines {
     transition: height 1s;
}
 .contacts-page .screen-panel_contacts.hidden {
     visibility: hidden;
}
 .contacts-page .screen-panel_contacts.hidden .v-lines {
     height: 0;
}
 .contacts-page .contacts {
     background: none;
     z-index: 2;
}
 .contacts-page.menu-open .vintage-logo {
     color: #fff!important;
     transition: transform .5s,color .35s ease-out .5s;
}
 .contacts-page.menu-open .menu-btn {
     transform: translateX(3px) translateZ(0);
     transition-delay: .5s;
}
 .contacts-page.menu-open .menu-btn .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: c;
     transform-origin: 50% 50%;
}
 .contacts-page.menu-open .menu-btn .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: e;
     transform-origin: 50% 50%;
}
 .contacts-page.menu-open .menu-btn .menu-btn__line:nth-child(3) {
     visibility: hidden;
}
 .contacts-page.menu-open .menu-btn .menu-btn__line__inner {
     background-color: #fff!important;
     transition: background-color .35s ease-out .5s;
}
 .contacts-page.menu-open .langs .rolling-block__content,.contacts-page.menu-open .vintage-logo .rolling-block__content {
     color: #fff!important;
     transition: transform .65s,color .35s ease-out .5s;
}
 .contacts-page.menu-closing .langs .rolling-block__content,.contacts-page.menu-closing .vintage-logo .rolling-block__content {
     transition: transform .65s,color .35s ease-out .35s;
}
 .contacts-page.menu-closing .menu-btn .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: d;
     transform-origin: 50% 50%;
}
 .contacts-page.menu-closing .menu-btn .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: f;
     transform-origin: 50% 50%;
}
 .contacts-page.menu-closing .menu-btn .menu-btn__line:nth-child(3) {
     transition: visibility 1s linear .5s;
     visibility: visible;
}
 .contacts-page.menu-closing .menu-btn .menu-btn__line__inner {
     transition: background-color .35s ease-out .35s;
}
 .contacts-page.loaded {
     height: auto;
     overflow: auto;
     overflow-x: hidden;
}
 .contacts-page.loaded body {
     height: auto;
     overflow: auto;
}
 .error-page {
     height: 100%;
     left: auto;
     overflow: hidden;
     position: static;
     top: auto;
}
 .error-page body {
     background-color: #262626;
     height: 100%;
     overflow: hidden;
}
 .error-page .page-preloader__drop-line,.error-page .vintage-web-prod {
     display: none;
}
 .error-page .screen-panel_error .v-lines {
     transition: height 1s;
}
 .error-page .screen-panel_error.hidden {
     visibility: hidden;
}
 .error-page .screen-panel_error.hidden .v-lines {
     height: 0;
}
 .error-page .inner-section.error {
     height: 100%;
}
 .error-page .inner-section.error .v-lines {
     z-index: 2;
}
 .error-page .inner-section.error .v-lines__inner,.error-page .inner-section.error .v-lines__outer {
     border-left: 1px solid #000;
     border-right: 1px solid #000;
}
 .error-page .inner-section.error .shadows {
     height: 100%;
     left: 50%;
     pointer-events: none;
     position: absolute;
     top: 0;
     transform: translateX(-50%);
     width: 320px;
     z-index: 2;
}
 .error-page .inner-section.error .inner-content-wrap {
     height: 100%;
}
 .error-page .inner-section.error.hidden .error-code,.error-page .inner-section.error.hidden .shadows {
     opacity: 0;
}
 .error-page .inner-section.error.hidden .error-subline {
     transform: scale(0);
}
 .error-page .inner-section.error.hidden .deep {
     opacity: 0;
}
 .error-page .error-message {
     left: 0;
     position: absolute;
     text-align: right;
     top: 50%;
     transform: translateY(-50%);
     width: 280px;
     z-index: 1;
}
 .error-page .error-message .rolling-block {
     color: #fff;
     font-family: roboto_condensedbold,sans-serif;
     font-size: 12px;
     height: 20px;
     letter-spacing: 2px;
     line-height: 20px;
     text-transform: uppercase;
     vertical-align: top;
}
 .error-page .error-message .rolling-block .rolling-block__content {
     height: 20px;
     transition-delay: .35s;
}
 .error-page .error-message .rolling-block .rolling-block__content span {
     display: inline-block;
     overflow: hidden;
     position: relative;
     vertical-align: top;
}
 .error-page .error-message .rolling-block .roll-hover-btn {
     color: #fe33aa;
}
 .error-page .error-code {
     display: block;
     left: 100%;
     margin-bottom: 50px;
     position: relative;
     width: 275px;
}
 .error-page .error-subline {
     background-color: #fff;
     height: 1px;
     left: 100%;
     margin-bottom: 30px;
     position: relative;
     transform: translateX(-100%);
     transform-origin: 0;
     width: 100px;
}
 .error-page .deep {
     height: 608px;
     left: 70%;
     position: absolute;
     top: 50%;
     transform: translate(-50%,-50%)!important;
     width: 441px;
     z-index: 0;
}
 .error-page .deep canvas {
     height: 100%;
     width: 100%;
}
 .error-page.menu-open .vintage-logo {
     color: #fff!important;
     transition: transform .5s,color .35s ease-out .5s;
}
 .error-page.menu-open .menu-btn {
     transform: translateX(3px) translateZ(0);
     transition-delay: .5s;
}
 .error-page.menu-open .menu-btn .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: c;
     transform-origin: 50% 50%;
}
 .error-page.menu-open .menu-btn .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: e;
     transform-origin: 50% 50%;
}
 .error-page.menu-open .menu-btn .menu-btn__line:nth-child(3) {
     visibility: hidden;
}
 .error-page.menu-open .menu-btn .menu-btn__line__inner {
     background-color: #fff!important;
     transition: background-color .35s ease-out .5s;
}
 .error-page.menu-open .langs .rolling-block__content,.error-page.menu-open .vintage-logo .rolling-block__content {
     color: #fff!important;
     transition: transform .65s,color .35s ease-out .5s;
}
 .error-page.menu-closing .langs .rolling-block__content,.error-page.menu-closing .vintage-logo .rolling-block__content {
     transition: transform .65s,color .35s ease-out .35s;
}
 .error-page.menu-closing .menu-btn .menu-btn__line:first-child {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: d;
     transform-origin: 50% 50%;
}
 .error-page.menu-closing .menu-btn .menu-btn__line:nth-child(2) {
     animation-duration: 1s;
     animation-fill-mode: forwards;
     animation-name: f;
     transform-origin: 50% 50%;
}
 .error-page.menu-closing .menu-btn .menu-btn__line:nth-child(3) {
     transition: visibility 1s linear .5s;
     visibility: visible;
}
 .error-page.menu-closing .menu-btn .menu-btn__line__inner {
     transition: background-color .35s ease-out .35s;
}
 .error-page.loaded {
     height: auto;
     overflow: hidden;
}
 .error-page.loaded body {
     height: auto;
     overflow: auto;
}
 @media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
     body,html {
         height: 100%;
         min-height: 0;
         overflow: hidden;
    }
     html.loaded .screen-panel.hidden {
         transition: none;
    }
     .screen-panel {
         transition: transform .65s ease-in-out;
    }
     .inner-section .pre-title__label span {
         transition: transform .5s;
    }
     .inner-section .pre-title__line {
         transform: scaleX(1);
         transition: transform .5s;
    }
     .inner-section .title:first-child .rolling-block__content {
         transition: transform .5s;
         transition-delay: .15s;
    }
     .inner-section .title:nth-child(2) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .3s;
    }
     .inner-section .title:nth-child(3) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .45s;
    }
     .inner-section .title:nth-child(4) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .6s;
    }
     .inner-section .title:nth-child(5) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .75s;
    }
     .inner-section .title:nth-child(6) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .9s;
    }
     .inner-section .title:nth-child(7) .rolling-block__content {
         transition: transform .5s;
         transition-delay: 1.05s;
    }
     .inner-section .text {
         transition: transform .75s,opacity .75s;
         transition-delay: .85s;
    }
     .inner-section .glitch__slide__svg-wrap {
         color: red;
         transition: transform .5s ease-out .5s;
    }
     .inner-section.hidden .pre-title__label span {
         transform: translateY(-100%);
         transition: none;
    }
     .inner-section.hidden .pre-title__line {
         transform: scaleX(0);
         transition: none;
    }
     .inner-section.hidden .title .rolling-block__content {
         transform: translateY(-100%);
         transition: none;
    }
     .inner-section.hidden .text {
         opacity: 0;
         transform: translateY(20px);
    }
     .inner-section.hidden .animated-columns li {
         color: #fff;
         transform: translateX(-20px);
    }
     .inner-section.hidden .animated-columns li .dash {
         opacity: 0!important;
    }
     .inner-section.hidden .glitch__slide__svg-wrap {
         transition: none;
    }
     .inner-section.hidden .slide-in {
         transform: translateX(-100%);
    }
     .animated-columns li:first-child {
         transition: color .35s linear .4s,transform .35s linear .4s;
    }
     .animated-columns li:first-child .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out .65s,transform .25s ease-out .15s;
    }
     .animated-columns li:nth-child(2) {
         transition: color .35s linear .86s,transform .35s linear .86s;
    }
     .animated-columns li:nth-child(2) .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out .86s,transform .5s ease-out .36s;
    }
     .animated-columns li:nth-child(3) {
         transition: color .35s linear 1.32s,transform .35s linear 1.32s;
    }
     .animated-columns li:nth-child(3) .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out 1.07s,transform .75s ease-out .57s;
    }
     .header {
         height: 100vh;
         left: 0;
         position: absolute;
         top: 0;
         width: 100%;
    }
     .header .heading-text {
         height: auto;
         left: 50%;
         opacity: 0;
         position: absolute;
         right: auto;
         top: 50%;
         transform: translate(-50%,-50%);
         transition: opacity 3.5s ease-out 1s;
    }
     .header .heading-text h1 {
         display: block;
         font-size: 115px;
    }
     .header .shadows {
         opacity: 0;
         transition: opacity 1s .5s;
    }
     .header.minified {
         height: 440px;
         transition: height 1s ease-in-out;
    }
     .header.minified .heading-text,.header.minified .shadows {
         opacity: 1;
    }
     .header.minified .header__bg {
         height: 100%;
    }
     .header.minified .scroll-down {
         transform: translateY(100%);
    }
     .pages-list {
         left: 50%;
         transform: translate(-180px,-50%);
    }
     .title .rolling-block__content {
         transform: translate3d(0,-5px,0);
    }
     .action-btn:hover .action-btn__label {
         transform: translateY(0);
    }
     .action-btn:hover .action-btn__label span:before {
         visibility: hidden;
    }
     .action-btn:hover .action-btn__line:after,.action-btn:hover .action-btn__line:before {
         top: 0;
    }
     .close-btn {
         height: 40px;
         pointer-events: visiblePainted;
         right: 60px;
         top: 40px;
         width: 40px;
         z-index: 10;
    }
     .close-btn .line {
         background-color: #fff;
    }
     .dots {
         display: none;
    }
     .slide-in {
         transform: translateX(0);
         transition: transform .35s;
         transition-delay: .85s;
    }
     .next-wrap,.prev-wrap {
         transform: translateY(0);
         transition: transform .35s;
         transition-delay: 1s;
    }
     .grid-list__i .ico {
         transform: none;
         transition: transform .95s;
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     body,html {
         height: 100%;
         min-height: 0;
         overflow: hidden;
    }
     html.loaded .screen-panel.hidden {
         transition: none;
    }
     .content-wrap {
         max-width: none;
         min-width: 0;
    }
     .screen-panel {
         transition: transform .65s ease-in-out;
    }
     .inner-content-wrap {
         max-width: none;
         padding-left: 60px;
         padding-right: 60px;
    }
     .inner-section .pre-title__label span {
         transition: transform .5s;
    }
     .inner-section .pre-title__line {
         transform: scaleX(1);
         transition: transform .5s;
    }
     .inner-section .title:first-child .rolling-block__content {
         transition: transform .5s;
         transition-delay: .15s;
    }
     .inner-section .title:nth-child(2) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .3s;
    }
     .inner-section .title:nth-child(3) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .45s;
    }
     .inner-section .title:nth-child(4) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .6s;
    }
     .inner-section .title:nth-child(5) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .75s;
    }
     .inner-section .title:nth-child(6) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .9s;
    }
     .inner-section .title:nth-child(7) .rolling-block__content {
         transition: transform .5s;
         transition-delay: 1.05s;
    }
     .inner-section .text {
         transition: transform .75s,opacity .75s;
         transition-delay: .85s;
    }
     .inner-section .glitch__slide__svg-wrap {
         color: red;
         transition: transform .5s ease-out .5s;
    }
     .inner-section.hidden .pre-title__label span {
         transform: translateY(-100%);
         transition: none;
    }
     .inner-section.hidden .pre-title__line {
         transform: scaleX(0);
         transition: none;
    }
     .inner-section.hidden .title .rolling-block__content {
         transform: translateY(-100%);
         transition: none;
    }
     .inner-section.hidden .text {
         opacity: 0;
         transform: translateY(20px);
    }
     .inner-section.hidden .animated-columns li {
         color: #fff;
         transform: translateX(-20px);
    }
     .inner-section.hidden .animated-columns li .dash {
         opacity: 0!important;
    }
     .inner-section.hidden .glitch__slide__svg-wrap {
         transition: none;
    }
     .inner-section.hidden .slide-in {
         transform: translateX(-100%);
    }
     .animated-columns li:first-child {
         transition: color .35s linear .4s,transform .35s linear .4s;
    }
     .animated-columns li:first-child .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out .65s,transform .25s ease-out .15s;
    }
     .animated-columns li:nth-child(2) {
         transition: color .35s linear .86s,transform .35s linear .86s;
    }
     .animated-columns li:nth-child(2) .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out .86s,transform .5s ease-out .36s;
    }
     .animated-columns li:nth-child(3) {
         transition: color .35s linear 1.32s,transform .35s linear 1.32s;
    }
     .animated-columns li:nth-child(3) .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out 1.07s,transform .75s ease-out .57s;
    }
     .header {
         height: 100vh;
         left: 0;
         position: absolute;
         top: 0;
         width: 100%;
    }
     .header .heading-text {
         height: auto;
         left: 50%;
         opacity: 0;
         position: absolute;
         right: auto;
         top: 50%;
         transform: translate(-50%,-50%);
         transition: opacity 3.5s ease-out 1s;
    }
     .header .heading-text h1 {
         display: block;
         font-size: 115px;
    }
     .header .shadows {
         opacity: 0;
         transition: opacity 1s .5s;
    }
     .header.minified {
         height: 440px;
         transition: height 1s ease-in-out;
    }
     .header.minified .heading-text,.header.minified .shadows {
         opacity: 1;
    }
     .header.minified .header__bg {
         height: 100%;
    }
     .header.minified .scroll-down {
         transform: translateY(100%);
    }
     .header__bg .shadows {
         width: 34%;
    }
     .vintage-logo {
         left: 60px;
         top: 40px;
    }
     .vintage-web-prod {
         bottom: 40px;
         left: 60px;
    }
     .menu-btn {
         right: 60px;
         top: 40px;
    }
     .menu__bottom-line {
         left: 60px;
         right: 60px;
    }
     .langs {
         right: 60px;
         top: 75px;
    }
     .portfolio-btn-block {
         bottom: 40px;
         right: 60px;
    }
     .vintage-is-all {
         bottom: 40px;
         left: 60px;
    }
     .socials {
         bottom: 40px;
         right: 60px;
    }
     .v-lines {
         left: 60px;
         right: 60px;
         transform: translateZ(0);
         width: auto;
    }
     .v-lines__inner {
         width: 34%;
    }
     .v-lines__outer {
         width: 100%;
    }
     .pages-list {
         left: 50%;
         transform: translate(-175px,-50%);
    }
     .pre-title {
         padding-left: 100px;
    }
     .pre-title__line {
         left: 0;
    }
     .title .rolling-block__content {
         transform: translate3d(0,-5px,0);
    }
     .action-btn:hover .action-btn__label {
         transform: translateY(0);
    }
     .action-btn:hover .action-btn__label span:before {
         visibility: hidden;
    }
     .action-btn:hover .action-btn__line:after,.action-btn:hover .action-btn__line:before {
         top: 0;
    }
     .close-btn {
         height: 40px;
         pointer-events: visiblePainted;
         right: 60px;
         top: 40px;
         width: 40px;
         z-index: 10;
    }
     .close-btn .line {
         background-color: #fff;
    }
     .dots {
         display: none;
    }
     .slide-in {
         transform: translateX(0);
         transition: transform .35s;
         transition-delay: .85s;
    }
     .next-wrap,.prev-wrap {
         transform: translateY(0);
         transition: transform .35s;
         transition-delay: 1s;
    }
     .no-flex .grid-list {
         display: block;
    }
     .grid-list__i .ico {
         transform: none;
         transition: transform .95s;
    }
     .grid-list__i .ico img,.grid-list__i .ico svg {
         max-width: 80px;
    }
     .no-flex .grid-list__i {
         float: left;
    }
     .fixed .socials-portfolio {
         right: 60px;
    }
     .fixed .socials-portfolio .portfolio {
         display: none;
    }
     .fixed .socials-portfolio .behance {
         margin-right: 0;
    }
     .fixed .vintage-web-prod {
         display: none;
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     body,html {
         height: 100%;
         min-height: 0;
         overflow: hidden;
    }
     html.loaded .screen-panel.hidden {
         transition: none;
    }
     .content-wrap {
         max-width: none;
         min-width: 0;
    }
     .screen-panel {
         transition: transform .65s ease-in-out;
    }
     .inner-content-wrap {
         padding-left: 30px;
         padding-right: 30px;
    }
     .inner-section .pre-title__label span {
         transition: transform .5s;
    }
     .inner-section .pre-title__line {
         transform: scaleX(1);
         transition: transform .5s;
    }
     .inner-section .title:first-child .rolling-block__content {
         transition: transform .5s;
         transition-delay: .15s;
    }
     .inner-section .title:nth-child(2) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .3s;
    }
     .inner-section .title:nth-child(3) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .45s;
    }
     .inner-section .title:nth-child(4) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .6s;
    }
     .inner-section .title:nth-child(5) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .75s;
    }
     .inner-section .title:nth-child(6) .rolling-block__content {
         transition: transform .5s;
         transition-delay: .9s;
    }
     .inner-section .title:nth-child(7) .rolling-block__content {
         transition: transform .5s;
         transition-delay: 1.05s;
    }
     .inner-section .text {
         transition: transform .75s,opacity .75s;
         transition-delay: .85s;
    }
     .inner-section .glitch__slide__svg-wrap {
         color: red;
         transition: transform .5s ease-out .5s;
    }
     .inner-section.hidden .pre-title__label span {
         transform: translateY(-100%);
         transition: none;
    }
     .inner-section.hidden .pre-title__line {
         transform: scaleX(0);
         transition: none;
    }
     .inner-section.hidden .title .rolling-block__content {
         transform: translateY(-100%);
         transition: none;
    }
     .inner-section.hidden .text {
         opacity: 0;
         transform: translateY(20px);
    }
     .inner-section.hidden .animated-columns li {
         color: #fff;
         transform: translateX(-20px);
    }
     .inner-section.hidden .animated-columns li .dash {
         opacity: 0!important;
    }
     .inner-section.hidden .glitch__slide__svg-wrap {
         transition: none;
    }
     .inner-section.hidden .slide-in {
         transform: translateX(-100%);
    }
     .animated-columns li:first-child {
         transition: color .35s linear .4s,transform .35s linear .4s;
    }
     .animated-columns li:first-child .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out .65s,transform .25s ease-out .15s;
    }
     .animated-columns li:nth-child(2) {
         transition: color .35s linear .86s,transform .35s linear .86s;
    }
     .animated-columns li:nth-child(2) .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out .86s,transform .5s ease-out .36s;
    }
     .animated-columns li:nth-child(3) {
         transition: color .35s linear 1.32s,transform .35s linear 1.32s;
    }
     .animated-columns li:nth-child(3) .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity .5s ease-out 1.07s,transform .75s ease-out .57s;
    }
     .header {
         height: 100vh;
         left: 0;
         position: absolute;
         top: 0;
         width: 100%;
    }
     .header .heading-text {
         height: auto;
         left: 50%;
         opacity: 0;
         position: absolute;
         right: auto;
         top: 50%;
         transform: translate(-50%,-50%);
         transition: opacity 3.5s ease-out 1s;
    }
     .header .heading-text h1 {
         display: block;
         font-size: 115px;
    }
     .header .shadows {
         opacity: 0;
         transition: opacity 1s .5s;
    }
     .header.minified {
         height: 440px;
         transition: height 1s ease-in-out;
    }
     .header.minified .heading-text,.header.minified .shadows {
         opacity: 1;
    }
     .header.minified .header__bg {
         height: 100%;
    }
     .header.minified .scroll-down {
         transform: translateY(100%);
    }
     .header__bg .shadows {
         width: 34%;
    }
     .vintage-logo {
         left: 30px !important;
         top: 20px;
    }
     .vintage-web-prod {
         bottom: 40px;
         left: 30px;
    }
     .menu-block .menu-btn-label {
         right: 80px;
    }
     .menu-btn {
         right: 30px;
         top: 40px;
    }
     .menu__bottom-line {
         left: 30px;
         right: 30px;
    }
     .langs {
         right: 30px;
         top: 75px;
    }
     .portfolio-btn-block {
         bottom: 40px;
         right: 30px;
    }
     .vintage-is-all {
         bottom: 40px;
         left: 30px;
    }
     .socials {
         bottom: 40px;
    }
     .socials,.socials-portfolio,.v-lines {
         right: 30px;
    }
     .v-lines {
         left: 30px;
         transform: translateZ(0);
         transition: none;
         width: auto;
    }
     .v-lines__inner {
         width: 34%;
    }
     .v-lines__outer {
         width: 100%;
    }
     .pages-list {
         left: 50%;
         transform: translate(-142px,-50%);
    }
     .pre-title {
         padding-left: 100px;
    }
     .pre-title__line {
         left: 0;
    }
     .title .rolling-block__content {
         transform: translate3d(0,-5px,0);
    }
     .action-btn:hover .action-btn__label {
         transform: translateY(0);
    }
     .action-btn:hover .action-btn__label span:before {
         visibility: hidden;
    }
     .action-btn:hover .action-btn__line:after,.action-btn:hover .action-btn__line:before {
         top: 0;
    }
     .close-btn {
         height: 40px;
         pointer-events: visiblePainted;
         right: 20px;
         top: 40px;
         width: 40px;
         z-index: 10;
    }
     .close-btn .line {
         background-color: #fff;
    }
     .dots {
         display: none;
    }
     .slide-in {
         transform: translateX(0);
         transition: transform .35s;
         transition-delay: .85s;
    }
     .next-wrap,.prev-wrap {
         transform: translateY(0);
         transition: transform .35s;
         transition-delay: 1s;
    }
     .no-flex .grid-list {
         display: block;
    }
     .grid-list__i .ico {
         transform: none;
         transition: transform .95s;
    }
     .grid-list__i .ico img,.grid-list__i .ico svg {
         max-width: 80px;
    }
     .no-flex .grid-list__i {
         float: left;
    }
     .fixed .socials-portfolio {
         right: 30px;
    }
     .fixed .socials-portfolio .portfolio {
         display: none;
    }
     .fixed .socials-portfolio .behance {
         margin-right: 0;
    }
     .fixed .vintage-web-prod {
         display: none;
    }
}

.tel{
  width: 135px !important;
  z-index: 99;
  position: absolute;
}



 @media only screen and (max-device-width:767px) {
   .sites-list__i .hover{
     display: none;
   }
     body,html {
         height: 100%;
         min-height: 0;
         overflow: hidden;
    }
     html.loaded .screen-panel.hidden {
         transition: none;
    }
     .menu-block .menu-btn-label {
         right: 50px;
    }
     .menu-block .menu-btn-label .label {
         display: none;
    }
     .menu-btn {
         right: 20px;
         top: 40px;
    }
     .menu {
         height: 100%;
         max-height: 100vh;
    }
     .menu__content {
         min-height: 0;
    }
     .menu__content .socials {
         bottom: 20px;
         display: inline-block;
         left: 20px;
         right: auto;
         width: auto;
    }
     .menu__content .vintage-is-all {
         display: none;
    }
     .pages-list {
         left: 20px;
         transform: translateY(-45%);
         width: 100%;
    }
     .pages-list .inner {
         padding-left: 50px;
    }
     .pages-list__i {
         padding-left: 10px;
    }
     .pages-list__i .line {
         left: 52px;
         transform: translateX(-100%) scaleX(0);
         transition: transform .35s;
         width: 37px;
    }
     .pages-list__i:hover {
         transform: translateX(-15px);
    }
     .pages-list__i:hover .num:before {
         transform: translateX(-3px) rotate(45deg) scale(1);
    }
     .pages-list__i:hover .line {
         transform: translateX(-100%) scaleX(1);
    }
     .content-wrap {
         max-width: none;
         min-width: 0;
    }
     .screen-panel {
         height: 100%;
         transition: transform .65s ease-in-out;
    }
     .inner-content-wrap {
         padding-left: 20px;
         padding-right: 20px;
    }
     .v-lines {
         display: none;
    }
     .vintage-logo {
       margin: 0 !important;
         left: 20px!important;
         top: 20px!important;
    }
     .vintage-logo .icon-vintage {
         display: none;
    }
     .vintage-logo .icon-v {
         display: block!important;
         visibility: visible!important;
    }
     .vintage-logo.minified .icon-v {
         transform: translateY(0)!important;
    }
     .vintage-web-prod {
         bottom: 40px;
         display: none;
         left: 20px;
    }
     .langs {
         right: 20px;
         top: 75px;
    }
     .langs .rolling-block__content {
         transform: translate3d(0,-100%,0);
         transition-delay: 0s;
    }
     .portfolio-btn-block {
         bottom: 40px;
         display: none;
         right: 20px;
    }
     .vintage-is-all {
         bottom: 40px;
         left: 20px;
         pointer-events: none;
    }
     .socials {
         bottom: 40px;
         right: 20px;
    }
     .menu__bottom-line {
         left: 20px;
         right: 20px;
    }
     .scroll-down {
         display: none;
    }
     .inner-section .title {
         font-size: 40px;
         margin-bottom: 30px;
         transition: opacity .5s ease-out .35s,transform .5s ease-out .35s;
         width: auto;
    }
     .inner-section .pre-title {
         margin-bottom: 30px;
         padding-left: 100px;
    }
     .inner-section .pre-title__line {
         left: 0;
         transform: scaleX(1);
         transition: transform .35s;
    }
     .inner-section .pre-title__label {
         letter-spacing: 1px;
    }
     .inner-section .pre-title__label span {
         transition: transform .35s;
    }
     .inner-section .text {
         transition: transform .5s,opacity .5s;
         transition-delay: .5s;
    }
     .inner-section.hidden .pre-title__label span {
         transform: translateY(-100%);
    }
     .inner-section.hidden .pre-title__line {
         transform: scaleX(0);
    }
     .inner-section.hidden .title {
         opacity: 0;
         transform: translateY(20px);
         transition: none;
    }
     .inner-section.hidden .text {
         opacity: 0;
         transform: translate3d(0,20px,0);
         transition: none;
    }
     .inner-section.hidden .animated-columns li {
         color: #fff;
         transform: translateX(-20px);
    }
     .inner-section.hidden .animated-columns li .dash {
         opacity: 0!important;
    }
     .header {
         height: 100vh;
         left: 0;
         position: absolute;
         top: 0;
         width: 100%;
    }
     .header .heading-text {
         height: auto;
         left: 50%;
         opacity: 0;
         position: absolute;
         right: auto;
         top: 50%;
         transform: translate(-50%,-50%);
         transition: opacity 3.5s ease-out 1s;
    }
     .header .heading-text h1 {
         display: block;
         font-size: 38px;
         letter-spacing: 5px;
    }
     .header .shadows {
         opacity: 0;
         transition: opacity 1s .5s;
    }
     .header.minified {
         height: 300px;
         transition: height 1s ease-in-out;
    }
     .header.minified .heading-text,.header.minified .shadows {
         opacity: 1;
    }
     .header.minified .header__bg {
         height: 100%;
    }
     .header.minified .scroll-down {
         transform: translateY(100%);
    }
     .animated-columns {
         display: block;
    }
     .animated-columns li {
         float: none;
         margin-bottom: 30px;
         padding-right: 0;
         position: relative;
    }
     .animated-columns li:first-child {
         transition: color .35s linear .4s,transform .35s linear .4s;
         width: auto;
    }
     .animated-columns li:first-child .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity 0s ease-out .65s,transform .25s ease-out .15s;
    }
     .animated-columns li:nth-child(2) {
         transition: color .35s linear .86s,transform .35s linear .86s;
         width: auto;
    }
     .animated-columns li:nth-child(2) .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity 0s ease-out .86s,transform .5s ease-out .36s;
    }
     .animated-columns li:nth-child(3) {
         transition: color .35s linear 1.32s,transform .35s linear 1.32s;
         width: auto;
    }
     .animated-columns li:nth-child(3) .dash {
         opacity: 1;
         transform: translateX(0);
         transition: opacity 0s ease-out 1.07s,transform .75s ease-out .57s;
    }
     .screen-panel.menu-open .langs .rolling-block__content {
         transform: translateZ(0);
         transition-delay: 1s;
    }
     .next-btn,.prev-btn {
         bottom: 0;
         height: 10px;
         position: absolute;
         width: 50px;
    }
     .next-btn:before,.prev-btn:before {
         background-color: #121212;
         content: "";
         display: block;
         height: 1px;
         left: 0;
         position: absolute;
         top: 5px;
         width: 100%;
    }
     .next-btn:after,.prev-btn:after {
         border: 3px solid transparent;
         border-right: 6px solid #121212;
         content: "";
         display: block;
         height: 1px;
         left: -4px;
         position: absolute;
         top: 2px;
         width: 1px;
    }
     .next-btn.disabled,.prev-btn.disabled {
         opacity: .2;
    }
     .prev-btn {
         left: 0;
    }
     .next-btn {
         right: 0;
         transform: scaleX(-1);
    }
     .portfolio-btn-block_2 {
         display: none;
    }
     .behance-btn-block {
         margin-right: 0!important;
    }
     .socials-portfolio .portfolio {
         display: none;
    }
     .grid-list {
         border: 1px solid #f2f2f2;
         display: block;
         height: 420px;
         position: relative;
    }
     .grid-list:before {
         background-color: #f2f2f2;
         height: 100%;
         left: 50%;
         top: 0;
         width: 1px;
    }
     .grid-list:after,.grid-list:before {
         content: "";
         display: block;
         position: absolute;
         visibility: visible;
    }
     .grid-list:after {
         border-bottom: 1px solid #f2f2f2;
         border-top: 1px solid #f2f2f2;
         height: 140px;
         left: 0;
         top: 50%;
         transform: translateY(-50%);
         width: 100%;
    }
     .grid-list__i {
         border: none;
         height: auto;
         position: absolute;
         transition: none!important;
         width: 50%;
    }
     .grid-list__i .ico {
         transform: translateZ(0);
         transition: transform 1.5s;
    }
     .grid-list__i .wrap:nth-child(2) .ico {
         transition-delay: .15s;
    }
     .grid-list__i .wrap:nth-child(3) .ico {
         transition-delay: .3s;
    }
     .grid-list__i:nth-child(odd) {
         border: none;
    }
     .grid-list__i .ico {
         transform: none;
         transition: transform .95s;
    }
     .grid-list__i .ico img,.grid-list__i .ico svg {
         max-width: 80px;
    }
     .grid-list__list-controls {
         display: block;
         height: 45px;
         position: relative;
    }
     .action-btn:hover .action-btn__label {
         transform: translateY(0);
    }
     .action-btn:hover .action-btn__label span:before {
         visibility: hidden;
    }
     .action-btn:hover .action-btn__line:after,.action-btn:hover .action-btn__line:before {
         top: 0;
    }
     .close-btn {
         height: 40px;
         pointer-events: visiblePainted;
         right: 20px;
         top: 40px;
         width: 40px;
         z-index: 10;
    }
     .close-btn .line {
         background-color: #fff;
    }
     .dots {
         display: none;
    }
     .footer-bottom {
         display: block;
    }
     .mobile-splash {
         display: block;
         webkit-backdrop-filter: blur(5px);
    }
     .pop-up_video video {
         height: auto;
         width: 100%;
    }
     .pop-up_video .video-popup__controls {
         width: 80%;
    }
     .fixed-hud.socials-portfolio {
         display: none;
    }
     .mobile-only {
         display: inline-block;
    }
}
 @media only screen and (max-width:960px) and (min-aspect-ratio:13/9) {
     .landscape-splash {
         display: flex;
         display: -ms-flexbox;
    }
}
 body {
     webkit-tap-highlight-color: rgba(0,0,0,0);
}
 @media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
     .home-page {
         position: fixed;
    }
     .screen-panel_home .visuals__slider {
         display: block;
         right: 60px;
         transition: opacity 3s,visibility 3s;
    }
     .screen-panel_home .visuals__slider img {
         right: 0;
    }
     .screen-panel_home.hidden {
         transform: none!important;
    }
     .contacts-actions {
         margin-left: 33%;
    }
     .contacts-actions.float-right {
         margin-left: 0;
    }
     .awards__list__i:first-child .description,.awards__list__i:first-child .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.1s cubic-bezier(.2,1,.55,1) 0s;
    }
     .awards__list__i:nth-child(2) .description,.awards__list__i:nth-child(2) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.2s cubic-bezier(.2,1,.55,1) 75ms;
    }
     .awards__list__i:nth-child(3) .description,.awards__list__i:nth-child(3) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.3s cubic-bezier(.2,1,.55,1) .15s;
    }
     .awards__list__i:nth-child(4) .description,.awards__list__i:nth-child(4) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.4s cubic-bezier(.2,1,.55,1) .225s;
    }
     .awards__list__i:nth-child(5) .description,.awards__list__i:nth-child(5) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.5s cubic-bezier(.2,1,.55,1) .3s;
    }
     .awards__list__i:nth-child(6) .description,.awards__list__i:nth-child(6) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.6s cubic-bezier(.2,1,.55,1) .375s;
    }
     .business .dots {
         left: -5px;
         top: 5px;
    }
     .business .dots,.business .pre-title__line {
         transition-delay: .4s;
    }
     .business .pre-title__lable {
         transition-delay: 0s;
    }
     .awards .dots {
         left: -5px;
    }
     .awards .dots,.awards .pre-title__line {
         transition-delay: .4s;
    }
     .awards .pre-title__lable {
         transition-delay: 0s;
    }
     .maniacs .dots {
         left: -5px;
    }
     .maniacs .dots,.maniacs .pre-title__line {
         transition-delay: .4s;
    }
     .maniacs .pre-title__lable {
         transition-delay: 0s;
    }
     .maniacs .text .perfect {
         color: inherit!important;
         transition: none;
    }
     .two-ways .effectiveness-creativity {
         transition: opacity .5s,visibility .5s;
    }
     .two-ways.hidden .effectiveness-creativity {
         opacity: 0;
         visibility: hidden;
    }
     .effectiveness-creativity .shadows {
         position: absolute;
         transition: opacity .5s;
    }
     .effectiveness-creativity .effectiveness__animation {
         transform: translateX(-10px) translateY(10px) scale(1);
         transform-origin: 0 0;
    }
     .effectiveness-creativity .creativity__animation {
         transform: translateX(20px) scale(1);
         transform-origin: 100% 0;
    }
     .contacts .socials-portfolio {
         transform: translateY(4px);
    }
     .mail-pnone .rolling-block__content {
         transition: transform .35s;
         transition-delay: .5s;
    }
     .action-btns .action-btn {
         transition: transform .5s ease-out .5s;
    }
}
 @media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px) {
     .two-ways .inner-content-wrap {
         max-width: 960px;
    }
     .screen-panel_home .web-production {
         left: 60px;
         transform: translate(-25px,-150px);
    }
     .screen-panel_about .vintage-web-prod {
         display: none;
    }
     .effectiveness-creativity .effectiveness__animation {
         transform: translateX(-10px) translateY(10px) scale(.8);
         transform-origin: 0 0;
    }
     .effectiveness-creativity .creativity .rolling-block {
         right: 40px;
         top: 200px;
    }
     .effectiveness-creativity .creativity .play-ico {
         left: 110px;
         top: 40%;
    }
     .effectiveness-creativity .creativity__animation {
         transform: translateX(20px) scale(.85);
         transform-origin: 100% 0;
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     .home-page {
         position: fixed;
    }
     .home-page .inner-section .glitch {
         left: 60px;
         right: 60px;
    }
     .screen-panel_home .web-production {
         left: 60px;
         transform: translate(-25px,-150px);
    }
     .screen-panel_home .visuals__slider {
         display: block;
         right: 60px;
         transition: opacity 3s,visibility 3s;
    }
     .screen-panel_home .visuals__slider img {
         right: 0;
    }
     .screen-panel_home .fixed .socials-portfolio .portfolio {
         display: block;
    }
     .screen-panel_home .fixed .socials-portfolio .behance {
         margin-right: 0;
    }
     .screen-panel_home .fixed .vintage-web-prod {
         display: block;
    }
     .screen-panel_home.hidden {
         transform: none!important;
    }
     .screen-panel_about .vintage-web-prod {
         display: none;
    }
     .contacts-actions {
         margin-left: 33%;
    }
     .contacts-actions.float-right {
         margin-left: 0;
         width: 67%;
    }
     .mail-pnone:nth-child(2) {
         width: 34%;
    }
     .features .v-lines {
         display: block;
    }
     .features .v-lines__inner,.features .v-lines__outer {
         border-left: 1px solid #000;
         border-right: 1px solid #000;
    }
     .features__stage {
         left: 60px;
         right: 60px;
         width: auto;
    }
     .features__stage__shadows {
         width: 34%;
    }
     .features-pagination {
         left: 60px;
    }
     .business__tasks li {
         padding-right: 20px;
         width: 33%;
    }
     .business__tasks li:nth-child(2) {
         width: 34%;
    }
     .awards__list__i {
         width: 17%;
    }
     .awards__list__i:first-child,.awards__list__i:nth-child(6) {
         width: 16%;
    }
     .awards__list__i:first-child .description,.awards__list__i:first-child .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.1s cubic-bezier(.2,1,.55,1) 0s;
    }
     .awards__list__i:nth-child(2) .description,.awards__list__i:nth-child(2) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.2s cubic-bezier(.2,1,.55,1) 75ms;
    }
     .awards__list__i:nth-child(3) .description,.awards__list__i:nth-child(3) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.3s cubic-bezier(.2,1,.55,1) .15s;
    }
     .awards__list__i:nth-child(4) .description,.awards__list__i:nth-child(4) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.4s cubic-bezier(.2,1,.55,1) .225s;
    }
     .awards__list__i:nth-child(5) .description,.awards__list__i:nth-child(5) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.5s cubic-bezier(.2,1,.55,1) .3s;
    }
     .awards__list__i:nth-child(6) .description,.awards__list__i:nth-child(6) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.6s cubic-bezier(.2,1,.55,1) .375s;
    }
     .business .dots {
         left: -5px;
         top: 5px;
         transition-delay: .4s;
    }
     .business.hidden .dots {
         left: 70px;
         transform: scale(0);
    }
     .business .pre-title__line {
         transition-delay: .4s;
    }
     .business .pre-title__lable {
         transition-delay: 0s;
    }
     .business .title {
         width: auto;
    }
     .awards .dots {
         left: -5px;
    }
     .awards .dots,.awards .pre-title__line {
         transition-delay: .4s;
    }
     .awards .pre-title__lable {
         transition-delay: 0s;
    }
     .awards.hidden .dots {
         left: 70px;
    }
     .maniacs .dots {
         left: -5px;
    }
     .maniacs .dots,.maniacs .pre-title__line {
         transition-delay: .4s;
    }
     .maniacs .pre-title__lable {
         transition-delay: 0s;
    }
     .maniacs .text .perfect {
         color: inherit!important;
         transition: none;
    }
     .maniacs.hidden .dots {
         left: 70px;
    }
     .maniacs.hidden .text {
         color: #fff;
    }
     .two-ways .effectiveness-creativity {
         transition: opacity .5s,visibility .5s;
    }
     .two-ways.hidden .effectiveness-creativity {
         opacity: 0;
         visibility: hidden;
    }
     .effectiveness-creativity .shadows {
         position: absolute;
         transition: opacity .5s;
         width: 34%;
    }
     .effectiveness-creativity .effectiveness .rolling-block {
         left: 0;
         top: 200px;
    }
     .effectiveness-creativity .effectiveness__animation {
         transform: translateX(-10px) translateY(10px) scale(.8);
         transform-origin: 0 0;
    }
     .effectiveness-creativity .creativity .rolling-block {
         right: 40px;
         top: 200px;
    }
     .effectiveness-creativity .creativity .play-ico {
         left: 110px;
         top: 40%;
    }
     .effectiveness-creativity .creativity__animation {
         transform: translateX(20px) scale(.85);
         transform-origin: 100% 0;
    }
     .contacts,.contacts .content-wrap {
         min-height: 100vh;
    }
     .contacts .socials-portfolio {
         right: 60px;
         transform: translateY(4px);
         width: auto;
    }
     .contacts .socials-portfolio .rolling-block__content {
         color: #fff;
    }
     .mail-pnone {
         width: 33%;
    }
     .mail-pnone .rolling-block__content {
         transition: transform .35s;
         transition-delay: .5s;
    }
     .action-btns {
         width: 100%;
    }
     .action-btns .col:first-child {
         width: 51.5%;
    }
     .action-btns .col:nth-child(2) {
         width: 48.5%;
    }
     .action-btns .action-btn {
         transition: transform .5s ease-out .5s;
    }
     .action-btns .action-btn__label,.action-btns .phone .rolling-block__content {
         font-size: 18px;
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .home-page {
         position: fixed;
    }
    .tel{
      right: 150px !important;
    }
     .home-page .inner-section .glitch {
         left: 30px;
         right: 30px;
    }
     .screen-panel_home .web-production {
         left: 30px;
         transform: translate(-25px,-150px);
    }
     .screen-panel_home .visuals__slider {
         display: block;
         right: 30px;
         transition: opacity 3s,visibility 3s;
    }
     .screen-panel_home .visuals__slider img {
         right: 0;
    }
     .screen-panel_home.hidden {
         transform: none!important;
    }
     .screen-panel_about .vintage-web-prod {
         display: none;
    }
     .contacts-actions {
         margin-left: 33%;
    }
     .contacts-actions.float-right {
         margin-left: 0;
         width: 67%;
    }
     .mail-pnone {
         width: 33%;
    }
     .mail-pnone:nth-child(2) {
         width: 34%;
    }
     .business .title {
         width: auto;
    }
     .awards__list__i:first-child .description,.awards__list__i:first-child .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.1s cubic-bezier(.2,1,.55,1) 0s;
    }
     .awards__list__i:nth-child(2) .description,.awards__list__i:nth-child(2) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.2s cubic-bezier(.2,1,.55,1) 75ms;
    }
     .awards__list__i:nth-child(3) .description,.awards__list__i:nth-child(3) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.3s cubic-bezier(.2,1,.55,1) .15s;
    }
     .awards__list__i:nth-child(4) .description,.awards__list__i:nth-child(4) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.4s cubic-bezier(.2,1,.55,1) .225s;
    }
     .awards__list__i:nth-child(5) .description,.awards__list__i:nth-child(5) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.5s cubic-bezier(.2,1,.55,1) .3s;
    }
     .awards__list__i:nth-child(6) .description,.awards__list__i:nth-child(6) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.6s cubic-bezier(.2,1,.55,1) .375s;
    }
     .no-flex .awards__list__i {
         width: 17%;
    }
     .no-flex .awards__list__i:first-child,.no-flex .awards__list__i:nth-child(6) {
         width: 16%;
    }
     .maniacs .text .perfect {
         color: inherit!important;
         transition: none;
    }
     .two-ways .effectiveness-creativity {
         transition: opacity .5s,visibility .5s;
    }
     .two-ways.hidden .effectiveness-creativity {
         opacity: 0;
         visibility: hidden;
    }
     .effectiveness-creativity .shadows {
         position: absolute;
         transition: opacity .5s;
         width: 34%;
    }
     .effectiveness-creativity .effectiveness .rolling-block {
         left: 0;
         top: 180px;
    }
     .effectiveness-creativity .effectiveness__animation {
         transform: translateX(-5px) translateY(15px) scale(.65);
         transform-origin: 0 0;
    }
     .effectiveness-creativity .creativity .rolling-block {
         right: 40px;
         top: 180px;
    }
     .effectiveness-creativity .creativity .play-ico {
         left: 185px;
         top: 35%;
    }
     .effectiveness-creativity .creativity__animation {
         transform: translateX(15px) scale(.75);
         transform-origin: 100% 0;
    }
     .contacts,.inner-content-wrap {
         transform: translateZ(0);
    }
     .action-btns {
         width: 100%;
    }
     .action-btns .col:first-child {
         width: 51.5%;
    }
     .action-btns .col:nth-child(2) {
         width: 48.5%;
    }
     .action-btns .action-btn {
         transition: transform .5s ease-out .5s;
    }
     .action-btns .action-btn__label,.action-btns .phone .rolling-block__content {
         font-size: 18px;
    }
     .mail-pnone .rolling-block__content {
         transition: transform .35s;
         transition-delay: .5s;
    }
}
 @media only screen and (max-device-width:767px) {

   .tel{
     right: 65px !important;
   }
     .home-page {
         position: fixed;
    }
     .screen-panel_home {
         transition: background-color 3s,transform .65s ease-in-out;
    }
     .screen-panel_home .fixed .socials-portfolio .portfolio {
         display: none;
    }
     .screen-panel_home .fixed .socials-portfolio .behance {
         margin-right: 0;
    }
     .screen-panel_home .fixed .vintage-web-prod {
         display: none;
    }
     .screen-panel_home .web-production {
         left: 20px;
         right: 50px;
         transform: translateY(-150px);
         width: auto;
    }
     .screen-panel_home .web-production>svg {
         left: -4%;
         position: absolute;
    }
     .screen-panel_home .web-production>svg>g>g:first-child {
         display: none;
    }
     .screen-panel_home .world-best-line {
         background-color: #fff;
         bottom: 118px;
         display: block;
         height: 1px;
         position: absolute;
         right: -30px;
         transition: width .35s ease-out 1s;
         width: 80px;
    }
     .screen-panel_home .world-best {
         bottom: auto;
         font-size: 12px;
         right: -30px;
         width: 65%;
    }
     .screen-panel_home .world-best p {
         letter-spacing: 1px;
         text-align: right;
         white-space: normal;
    }
     .screen-panel_home .video-bg,.screen-panel_home .visuals video {
         display: none;
    }
     .screen-panel_home .visuals__slider {
         display: block;
         right: 20px;
         transform: translateY(-50%);
         transition: opacity 3s,visibility 3s;
    }
     .screen-panel_home .visuals__slider img {
         right: -20px;
    }
     .screen-panel_home .scroll-down {
         display: block;
    }
     .screen-panel_home.hidden {
         transform: translateZ(0)!important;
    }
     .screen-panel_home.hidden .world-best-line {
         width: 0;
    }
     .screen-panel_about .vintage-logo {
         color: #121212!important;
    }
     .screen-panel_about .menu-btn__line__inner {
         background-color: #121212;
    }
     .screen-panel_about .menu-btn-label {
         color: #121212;
    }
     .screen-panel_about .langs .rolling-block__content {
         transition: transform .65s ease-out 0s,color .35s ease-out .35s;
    }
     .screen-panel_about .fixed .socials-portfolio,.screen-panel_about .fixed .vintage-web-prod {
         display: none;
    }
     .screen-panel_about .scrolling__content {
         padding-top: 120px;
    }
     .contacts-actions {
         margin-left: 0;
    }
     .mail-pnone:nth-child(2) {
         width: 100%;
    }
     .features__stage {
         left: 20px;
         right: 20px;
         width: auto;
    }
     .features__stage__shadows {
         display: none;
         width: 34%;
    }
     .features-pagination {
         left: 20px;
    }
     .business .dots {
         left: -5px;
         top: 5px;
         transition-delay: .4s;
    }
     .business.hidden .dots {
         left: 70px;
         transform: scale(0);
    }
     .business .pre-title__line {
         transition-delay: .4s;
    }
     .business .pre-title__lable {
         transition-delay: 0s;
    }
     .business .title {
         width: auto;
    }
     .awards .dots {
         left: -5px;
    }
     .awards .dots,.awards .pre-title__line {
         transition-delay: .4s;
    }
     .awards .pre-title__lable {
         transition-delay: 0s;
    }
     .awards.hidden .dots {
         left: 70px;
    }
     .awards__list {
         border: 1px solid #f2f2f2;
         height: 280px;
         overflow: hidden;
         position: relative;
         width: 100%;
    }
     .awards__list .ico-wrap {
         border: none;
    }
     .awards__list:after,.awards__list:before {
         background-color: rgba(0,0,0,.05);
         bottom: 0;
         clear: none;
         content: "";
         display: block;
         height: auto;
         left: 50%;
         position: absolute;
         top: 0;
         visibility: visible;
         width: 1px;
    }
     .awards__list:before {
         bottom: auto;
         height: 1px;
         left: 0;
         top: 50%;
         width: 100%;
    }
     .awards__list__i {
         border: none;
         float: none;
         position: absolute;
         width: 50%;
    }
     .awards__list__i:first-child,.awards__list__i:nth-child(6) {
         width: 50%;
    }
     .awards__list__i:nth-child(odd) {
         border: none;
    }
     .awards__list__i:first-child .description,.awards__list__i:first-child .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.1s cubic-bezier(.2,1,.55,1) 0s;
    }
     .awards__list__i:nth-child(2) .description,.awards__list__i:nth-child(2) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.2s cubic-bezier(.2,1,.55,1) 75ms;
    }
     .awards__list__i:nth-child(3) .description,.awards__list__i:nth-child(3) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.3s cubic-bezier(.2,1,.55,1) .15s;
    }
     .awards__list__i:nth-child(4) .description,.awards__list__i:nth-child(4) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.4s cubic-bezier(.2,1,.55,1) .225s;
    }
     .awards__list__i:nth-child(5) .description,.awards__list__i:nth-child(5) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.5s cubic-bezier(.2,1,.55,1) .3s;
    }
     .awards__list__i:nth-child(6) .description,.awards__list__i:nth-child(6) .ico {
         transform: translateY(0) translateZ(0);
         transition: transform 1.6s cubic-bezier(.2,1,.55,1) .375s;
    }
     .awards__list-controls,.clients-l__list-controls {
         display: block;
         height: 45px;
         position: relative;
    }
     .maniacs .dots {
         left: -5px;
         transition-delay: .4s;
    }
     .maniacs .title {
         font-size: 38px;
    }
     .maniacs .pre-title__line {
         transition-delay: .4s;
    }
     .maniacs .pre-title__lable {
         transition-delay: 0s;
    }
     .maniacs .text br {
         display: none;
    }
     .maniacs .text .perfect {
         color: inherit!important;
         transition: none;
    }
     .maniacs.hidden .dots {
         left: 70px;
    }
     .maniacs.hidden .text {
         color: #fff;
    }
     .two-ways .bg-pt {
         width: 100%;
    }
     .two-ways .bg-pt.bg-pt_right {
         display: none;
    }
     .two-ways .effectiveness {
         left: -5px;
         right: -5px;
         width: auto;
    }
     .two-ways .effectiveness .rolling-block {
         transform: translateX(5px);
    }
     .two-ways .creativity {
         display: none;
    }
     .two-ways .effectiveness-creativity .shadows {
         left: auto;
         right: -20px;
         transform: none;
         transition: opacity .5s;
         width: 34%;
    }
     .creativity-mob {
         display: block;
    }
     .creativity-mob .bg-pt {
         width: 100%;
    }
     .creativity-mob .bg-pt.bg-pt_left {
         display: none;
    }
     .creativity-mob .bg-pt.bg-pt_right {
         left: -20px;
         right: -20px;
         width: auto;
    }
     .creativity-mob .bg-pt .bg-pt__inner {
         width: 100%;
    }
     .creativity-mob .creativity {
         left: -5px;
         right: -5px;
         width: auto;
    }
     .creativity-mob .creativity .rolling-block {
         right: 35px;
         top: 180px;
         transform: translateX(-5px) translateY(30px);
    }
     .creativity-mob .creativity .play-ico {
         left: 0;
         top: 53%;
    }
     .creativity-mob .effectiveness {
         display: none;
    }
     .creativity-mob .effectiveness-creativity .shadows {
         left: -20px;
         right: auto;
         transform: none;
         transition: opacity .5s;
         width: 34%;
    }
     .creativity-mob .effectiveness-creativity .creativity__animation {
         transform: translateX(2%) scale(1);
    }
     .clients {
         overflow: hidden;
    }
     .clients .content-wrap {
         padding-top: 115px;
    }
     .clients.hidden .ico {
         transform: translateY(100%);
         transition: none;
    }
     .clients-l {
         border: 1px solid #f2f2f2;
         height: 430px;
         overflow: hidden;
         position: relative;
         width: auto;
    }
     .clients-l:after,.clients-l:before {
         clear: none;
         content: "";
         display: block;
         position: absolute;
         visibility: visible;
    }
     .clients-l:before {
         background-color: rgba(0,0,0,.05);
         height: 100%;
         left: 50%;
         top: 0;
         width: 1px;
    }
     .clients-l:after {
         border-bottom: 1px solid rgba(0,0,0,.05);
         border-top: 1px solid rgba(0,0,0,.05);
         height: 33%;
         left: 0;
         top: 50%;
         transform: translateY(-50%);
         width: 100%;
    }
     .contacts {
         min-height: 100vh;
    }
     .contacts .inner-content-wrap {
         padding-bottom: 0;
    }
     .mail-pnone {
         float: none;
         margin-bottom: 40px;
         width: auto;
    }
     .mail-pnone .rolling-block__content {
         transition: transform .35s;
         transition-delay: .5s;
    }
     .action-btns {
         float: none;
         margin-bottom: 40px;
         position: relative;
         width: auto;
    }
     .action-btns .line {
         display: block;
    }
     .action-btns .col {
         float: none;
         width: auto!important;
    }
     .action-btns .action-btn {
         transition: transform .5s ease-out .5s;
    }
     .portfolio-btn-block_2 {
         display: none;
    }
     .behance-btn-block {
         margin-right: 0!important;
    }
     .screen-panel_contacts .mobile-splash {
         background-color: hsla(0,0%,7%,.975);
    }
     .contacts .socials-portfolio {
         right: 20px;
         transform: translateY(4px);
         width: auto;
    }
     .contacts .socials-portfolio .rolling-block__content {
         color: #fff;
    }
     .pop-up_contacts {
         box-sizing: border-box;
         height: 100%;
         padding-bottom: 60px;
    }
     .pop-up_contacts .scrolling {
         bottom: 0;
         box-sizing: border-box;
         display: block;
         left: 0;
         padding-bottom: 0;
         padding-top: 0;
         position: absolute;
         right: 0;
         top: 0;
    }
     .contacts__content {
         margin: 0 20px;
         padding-top: 70px;
         width: auto;
    }
     .contacts__content .area {
         height: 100px;
    }
     .contacts__content .action-btn {
         height: 80px;
    }
     .contacts__content .input-area {
         height: 60px;
         top: 55%;
    }
     .contacts__content .field__area,.contacts__content .field__input,.contacts__content .field__title {
         float: none;
         width: auto;
    }
     .contacts__content .field__title {
         transform-origin: 0 0;
         transition: transform .35s;
    }
     .contacts__content .bottom-field {
         overflow: hidden;
         padding-top: 30px;
    }
     .contacts__content .attach-file-btn {
         left: 0;
         margin-bottom: 10px;
         position: relative;
         right: auto;
         text-align: left;
         top: auto;
         transform: none;
    }
     .area.active .field__title,.field.active .field__title {
         transform: translateY(-15%) scale(.6);
    }
}
 @media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
     .about-page body {
         padding-top: 440px;
    }
     .vintage-video {
         background-image: url(../img/content/about/v_textured.jpg);
         background-position: 50%;
         background-size: cover;
    }
     .talents .next-wrap,.talents .prev-wrap {
         transform: translateY(0);
         transition: transform .35s;
         transition-delay: 1s;
    }
     .talents.hidden .next-wrap,.talents.hidden .prev-wrap {
         transform: translateY(-100%);
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     .about-page body {
         padding-top: 440px;
    }
     .about-page .vintage-web-prod {
         display: none;
    }
     .animated-columns li {
         padding-right: 20px;
         width: 33%;
    }
     .animated-columns li:nth-child(2) {
         width: 34%;
    }
     .vintage-video {
         background-image: url(../img/content/about/v_textured.jpg);
         background-position: 50%;
         background-size: cover;
    }
     .awards-list .amount {
         font-size: 170px;
         width: 33%;
    }
     .awards-list .amount p {
         position: relative;
         transition: transform .5s,opacity .5s linear;
    }
     .awards-list.hidden .amount p {
         opacity: 0;
         transform: translateY(20px);
         transition: none;
    }
     .beginning .title {
         width: auto;
    }
     .people .text_highlighted {
         width: 33%;
    }
     .people .line {
         left: 33%;
         transform: translate(-1px,-58px) scaleY(1);
         transition: transform .75s ease-out .75s;
    }
     .people .numbers {
         transition: transform .75s,opacity .75s linear;
         transition-delay: .5s;
    }
     .people .numbers .description {
         display: block;
         margin-top: 20px;
    }
     .people.hidden .numbers {
         opacity: 0;
         transform: translateX(-20px);
         transition: none;
    }
     .people.hidden .line {
         transform: translate(-1px,-58px) scaleY(0);
         transition: none;
    }
     .talents .next-wrap,.talents .prev-wrap {
         transform: translateY(0);
         transition: transform .35s;
         transition-delay: 1s;
    }
     .talents.hidden .next-wrap,.talents.hidden .prev-wrap {
         transform: translateY(-100%);
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .about-page body {
         padding-top: 440px;
    }
     .about-page .vintage-web-prod {
         display: none;
    }
     .beginning .title,.our-days .title {
         width: auto;
    }
     .animated-columns li {
         padding-right: 20px;
         width: 33%;
    }
     .animated-columns li:nth-child(2) {
         width: 34%;
    }
     .vintage-video {
         background-image: url(../img/content/about/v_textured.jpg);
         background-position: 50%;
         background-size: cover;
         height: 65vh;
    }
     .awards .title {
         width: auto;
    }
     .awards-list .amount {
         font-size: 150px;
         width: 33%;
    }
     .awards-list .amount p {
         position: relative;
         transition: transform .5s,opacity .5s linear;
    }
     .awards-list .grid-list__i .ico {
         transition: transform .95s;
    }
     .awards-list .grid-list__i .ico img {
         max-width: 80px;
    }
     .awards-list.hidden .amount p {
         opacity: 0;
         transform: translateY(20px);
         transition: none;
    }
     .awards-list.hidden .ico {
         transition: none;
    }
     .our-days .current {
         padding-right: 120px;
    }
     .our-days .future .pre-title__line,.our-days .future .pre-title span {
         transition-delay: .5s;
    }
     .our-days .future.hidden .pre-title__line,.our-days .future.hidden .pre-title span {
         transition: none;
    }
     .people .text_highlighted {
         width: 33%;
    }
     .people .line {
         height: 200px;
         left: 33%;
         transform: translate(-1px,-75px) scaleY(1);
         transition: transform .75s ease-out .75s;
    }
     .people .numbers {
         transition: transform .75s,opacity .75s linear;
         transition-delay: .5s;
    }
     .people .numbers .description {
         display: block;
         margin-top: 20px;
    }
     .people.hidden .numbers {
         opacity: 0;
         transform: translateX(-20px);
         transition: none;
    }
     .people.hidden .line {
         transform: translate(-1px,-75px) scaleY(0);
         transition: none;
    }
     .footer .members-of .title {
         font-size: 50px;
    }
     .footer .members-of {
         margin-bottom: 40px;
    }
     .footer .members-of .col {
         min-height: 120px;
    }
     .footer .members-of .col img {
         display: block;
         float: none;
         margin-right: 25px;
    }
     .footer .members-of .col .descr-text {
         margin-top: 20px;
         transform: none;
    }
     .footer .socials-portfolio {
         right: 30px;
    }
     .talents .next-wrap,.talents .prev-wrap {
         transform: translateZ(0);
         transition: transform .35s;
         transition-delay: 1s;
    }
     .talents.hidden .next-wrap,.talents.hidden .prev-wrap {
         transform: translate3d(0,-100%,0);
    }
}
 @media only screen and (max-device-width:767px) {
     .about-page body {
         padding-top: 300px;
    }
     .mobile-splash {
         background-color: hsla(0,0%,7%,.975);
    }
     .fixed .langs,.glitch,.header .shadows {
         display: none;
    }
     .beginning .title,.our-days .title {
         line-height: 100%;
         width: auto;
    }
     .beginning .text br {
         display: none;
    }
     .breaking-moment {
         margin-bottom: 100px;
    }
     .breaking-moment .title {
         line-height: 100%;
         margin-bottom: 40px;
         width: auto;
    }
     .animated-columns li {
         padding-right: 20px;
         width: auto;
    }
     .animated-columns li:nth-child(2) {
         width: auto;
    }
     .our-days .title {
         line-height: 100%;
         width: auto;
    }
     .our-days .current,.our-days .future {
         float: none;
         padding-right: 0;
         width: auto;
    }
     .our-days .current {
         margin-bottom: 30px;
    }
     .our-days .future .pre-title {
         padding: 0;
    }
     .our-days .future .pre-title span {
         transition-delay: .5s;
    }
     .our-days .future .pre-title__line {
         display: none;
    }
     .our-days .future.hidden .pre-title span {
         transition: none;
    }
     .awards .title,.education .title {
         line-height: 100%;
         width: auto;
    }
     .awards .text,.education .text {
         width: auto;
    }
     .awards-list .amount {
         display: none;
    }
     .vintage-video {
         background-image: url(../img/content/about/v_textured.jpg);
         background-position: 50%;
         background-size: cover;
         height: 65vh;
    }
     .awards-list.hidden .ico {
         transform: translateY(100%);
         transition: none;
    }
     .people .numbers {
         transition: transform .5s,opacity .5s;
         transition-delay: .5s;
    }
     .people .numbers__i .number {
         display: block;
         font-size: 65px;
    }
     .people .numbers__i .description {
         display: block;
         font-size: 10px;
         transform: translateY(-5px);
    }
     .people .text {
         width: auto;
    }
     .people .line {
         height: 120px;
         left: 50%;
         transform: none;
    }
     .people.hidden .numbers {
         opacity: 0;
         transform: translateX(-20px);
         transition: none;
    }
     .footer {
         padding-bottom: 0;
    }
     .talents .text {
         margin-bottom: 40px;
         width: auto;
    }
     .talents .share-talent {
         margin-bottom: 60px;
         position: relative;
         top: auto;
         width: auto;
    }
     .talents .share-talent-btn {
         text-align: center;
         transition: transform .5s;
         transition-delay: .5s;
         width: 100%;
    }
     .talents .members-of {
         margin-bottom: 40px;
    }
     .talents .members-of .title {
         margin-bottom: 0;
         transition-delay: 1s;
    }
     .talents .members-of .col {
         float: none;
         height: 50px;
         margin-bottom: 20px;
         width: auto;
    }
     .talents .members-of .col img {
         bottom: auto;
         position: relative;
    }
     .talents .members-of .col .descr-text,.talents .members-of .col .text {
         bottom: auto;
         padding-top: 10px;
         position: relative;
    }
     .talents .members-of .col:nth-child(2) {
         display: flex;
         display: -ms-flexbox;
         flex-wrap: wrap;
         float: none;
         height: auto;
         margin-bottom: 0;
         ms-flex-wrap: wrap;
         transition: transform .5s,opacity .5s;
         transition-delay: 1s;
         width: 100%;
    }
     .talents .members-of .col:nth-child(2) .slide-in-wrap {
         display: block;
         margin-bottom: 20px;
         width: 50%;
    }
     .talents .members-of .col:nth-child(3) {
         float: left;
         transition: transform .5s,opacity .5s;
         transition-delay: 1s;
         width: 50%;
    }
     .talents .members-of .slide-in {
         overflow-y: visible;
    }
     .talents .members-of .slide-in img {
         margin-bottom: 10px;
    }
     .talents .members-of .slide-in .descr-text {
         transform: none;
    }
     .talents .approach-wrap,.talents .portfolio-wrap {
         transition: transform .5s ease-out 1.5s;
    }
     .talents .socials-portfolio {
         right: 20px;
    }
     .talents .socials-portfolio .facebook {
         margin-right: 50px;
    }
     .talents .socials-portfolio .behance {
         margin-right: 0;
    }
     .talents .socials-portfolio .portfolio {
         display: none;
    }
     .talents .bottom {
         height: 140px;
    }
     .talents.hidden .share-talent-btn {
         transform: translateX(-100%);
         transition: none;
    }
     .talents.hidden .col {
         transition: none;
    }
     .talents.hidden .col:nth-child(2),.talents.hidden .col:nth-child(3) {
         opacity: 0;
         transform: translateX(-20px);
    }
     .talents.hidden .approach-wrap,.talents.hidden .portfolio-wrap {
         transform: translateY(-100%);
         transition: none;
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     .screen-panel_approach-header.hidden {
         transform: none;
         visibility: hidden;
    }
     .screen-panel_approach-body .vintage-web-prod {
         display: none;
    }
     .screen-panel_approach-body .levels-slider {
         height: 540px;
         position: absolute;
         right: 100px;
         top: 87px;
         transform: translateZ(0);
         transition: opacity .5s ease-in-out .25s,transform .5s ease-in-out .25s;
         width: 580px;
    }
     .screen-panel_approach-body .algorithm .steps__i,.screen-panel_approach-body .prestart .steps__i {
         flex: 0 0 33%;
         ms-flex: 0 0 33%;
    }
     .screen-panel_approach-body .algorithm .steps__i:nth-child(2),.screen-panel_approach-body .prestart .steps__i:nth-child(2) {
         flex: 0 0 34%;
         ms-flex: 0 0 34%;
    }
     .screen-panel_approach-body .question .shadows {
         width: calc((100% - 2 * 60px) * .34);
    }
     .screen-panel_approach-body .footer .contacts-btn-wrap {
         right: 60px;
         width: calc((100% - 2 * 60px) * .33);
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .screen-panel_approach-header.hidden {
         transform: none;
         visibility: hidden;
    }
     .screen-panel_approach-body .vintage-web-prod {
         display: none;
    }
     .screen-panel_approach-body .levels-progress {
         padding-left: 0;
    }
     .screen-panel_approach-body .levels-progress .progress {
         height: 460px;
    }
     .screen-panel_approach-body .levels-slider {
         height: 450px;
         position: absolute;
         right: 30px;
         top: 270px;
         transform: translateZ(0);
         transition: opacity .5s ease-in-out .25s,transform .5s ease-in-out .25s;
         width: 520px;
    }
     .screen-panel_approach-body .levels-hit-area {
         top: 220px;
    }
     .screen-panel_approach-body .levels-slider__i {
         width: 70%;
    }
     .screen-panel_approach-body .levels-slider__i .num {
         flex: 0 0 30px;
         ms-flex: 0 0 30px;
    }
     .screen-panel_approach-body .levels-slider__i.active {
         width: 100%;
    }
     .screen-panel_approach-body .levels-slider__i.active .num {
         flex: 0 0 95px;
         height: 50px;
         ms-flex: 0 0 95px;
    }
     .screen-panel_approach-body .levels-slider__i.active .num span {
         font-size: 70px;
         line-height: 50px;
         top: 0;
         transform: rotate(0deg) translateZ(0);
    }
     .screen-panel_approach-body .levels-slider__i.active .title {
         font-size: 30px;
    }
     .screen-panel_approach-body .levels-slider__i.active .description {
         opacity: 1;
         transition: opacity .75s linear .35s,visibility .75s linear .35s,transform .75s linear .35s;
         visibility: visible;
    }
     .screen-panel_approach-body .levels-slider__i.active .description .description_italic:before {
         display: none;
    }
     .screen-panel_approach-body .algorithm .steps__i,.screen-panel_approach-body .prestart .steps__i {
         flex: 0 0 33%;
         ms-flex: 0 0 33%;
    }
     .screen-panel_approach-body .algorithm .steps__i:nth-child(2),.screen-panel_approach-body .prestart .steps__i:nth-child(2) {
         flex: 0 0 34%;
         ms-flex: 0 0 34%;
    }
     .screen-panel_approach-body .question .shadows {
         width: calc((100% - 2 * 30px) * .34);
    }
     .screen-panel_approach-body .footer .contacts-btn-wrap {
         right: 30px;
         width: calc((100% - 2 * 30px) * .33);
    }
}
 @media only screen and (max-device-width:767px) {
     .screen-panel_approach-header .mobile-splash,.screen-panel_approach-header .shadows {
         display: none;
    }
     .screen-panel_approach-header .scroll-down {
         display: block;
    }
     .screen-panel_approach-body .menu-btn__line__inner {
         background-color: #121212;
    }
     .screen-panel_approach-body .menu-btn-label,.screen-panel_approach-body .vintage-logo {
         color: #121212;
    }
     .screen-panel_approach-body .intro {
         margin-bottom: 60px;
    }
     .screen-panel_approach-body .intro .text {
         width: 100%;
    }
     .screen-panel_approach-body .levels .levels-progress {
         margin: 0 auto 50px;
         padding-left: 0;
         position: relative;
         width: 80px;
    }
     .screen-panel_approach-body .levels .levels-progress .progress {
         box-shadow: 8px 0 20px rgba(0,0,0,.1);
         height: 230px;
    }
     .screen-panel_approach-body .levels .levels-progress p {
         display: none;
    }
     .screen-panel_approach-body .levels .levels-slider {
         display: block;
         position: relative;
         right: auto;
         top: auto;
         width: auto;
    }
     .screen-panel_approach-body .levels .levels-slider__header {
         font-family: roboto_condensedbold,sans-serif;
         font-size: 12px;
         height: 18px;
         letter-spacing: 1px;
         margin-bottom: 30px;
         overflow: hidden;
         position: relative;
         text-transform: uppercase;
    }
     .screen-panel_approach-body .levels .levels-slider__header .current,.screen-panel_approach-body .levels .levels-slider__header .next {
         display: flex;
         display: -ms-flexbox;
         left: 0;
         position: absolute;
         right: 0;
         top: 0;
    }
     .screen-panel_approach-body .levels .levels-slider__header .next {
         transform: translateY(-100%);
    }
     .screen-panel_approach-body .levels .mobile-controls {
         display: block;
         font-family: roboto_condensedbold,sans-serif;
         font-size: 12px;
         height: 18px;
         left: 0;
         letter-spacing: 1px;
         position: absolute;
         right: 0;
         transform: translateY(-230px);
    }
     .screen-panel_approach-body .levels .mobile-controls__next-btn,.screen-panel_approach-body .levels .mobile-controls__prev-btn {
         height: 100%;
         overflow: hidden;
         position: absolute;
         top: 0;
         width: 60px;
    }
     .screen-panel_approach-body .levels .mobile-controls__next-btn .current,.screen-panel_approach-body .levels .mobile-controls__next-btn .next,.screen-panel_approach-body .levels .mobile-controls__prev-btn .current,.screen-panel_approach-body .levels .mobile-controls__prev-btn .next {
         height: 18px;
         position: absolute;
         top: 0;
    }
     .screen-panel_approach-body .levels .mobile-controls__next-btn .current span,.screen-panel_approach-body .levels .mobile-controls__next-btn .next span,.screen-panel_approach-body .levels .mobile-controls__prev-btn .current span,.screen-panel_approach-body .levels .mobile-controls__prev-btn .next span {
         position: absolute;
         top: 0;
         transform: rotate(90deg);
    }
     .screen-panel_approach-body .levels .mobile-controls__next-btn .next,.screen-panel_approach-body .levels .mobile-controls__prev-btn .next {
         transform: translateY(-100%);
    }
     .screen-panel_approach-body .levels .mobile-controls__prev-btn {
         left: 0;
    }
     .screen-panel_approach-body .levels .mobile-controls__next-btn,.screen-panel_approach-body .levels .mobile-controls__next-btn .current,.screen-panel_approach-body .levels .mobile-controls__next-btn .next {
         right: 0;
    }
     .screen-panel_approach-body .levels .mobile-controls__next-btn .current span,.screen-panel_approach-body .levels .mobile-controls__next-btn .next span {
         transform: translateX(-100%) rotate(90deg);
    }
     .screen-panel_approach-body .levels .levels-slider__header__num {
         flex: 0 0 30px;
         ms-flex: 0 0 30px;
    }
     .screen-panel_approach-body .levels .levels-slider__header__num span {
         display: inline-block;
         position: relative;
         transform: rotate(-90deg);
    }
     .screen-panel_approach-body .levels .levels-slider__header__title {
         white-space: nowrap;
    }
     .screen-panel_approach-body .levels .levels-slider__i {
         left: 0;
         opacity: 0;
         position: absolute;
         top: auto;
         visibility: hidden;
         width: 100%;
    }
     .screen-panel_approach-body .levels .levels-slider__i .num {
         flex: 0 0 30px;
         ms-flex: 0 0 30px;
    }
     .screen-panel_approach-body .levels .levels-slider__i .title-description {
         padding-top: 4px;
    }
     .screen-panel_approach-body .levels .levels-slider__i .title-description .title {
         font-family: roboto_condensedbold,sans-serif;
         font-size: 16px;
         letter-spacing: 1px;
         line-height: 100%;
         margin-bottom: 30px;
         text-transform: uppercase;
    }
     .screen-panel_approach-body .levels .levels-slider__i .title-description .description {
         opacity: 1;
         right: 0;
         visibility: visible;
         width: auto;
    }
     .screen-panel_approach-body .levels .levels-slider__i .title-description .description:before {
         background-color: #121212;
         content: "";
         display: block;
         height: 1px;
         left: 0;
         position: absolute;
         top: -15px;
         width: 13px;
    }
     .screen-panel_approach-body .levels .levels-hit-area,.screen-panel_approach-body .levels .levels-slider__i .title-description .description_italic:before {
         display: none;
    }
     .screen-panel_approach-body .algorithm,.screen-panel_approach-body .prestart {
         padding-bottom: 60px;
    }
     .screen-panel_approach-body .algorithm .title,.screen-panel_approach-body .prestart .title {
         margin-bottom: 40px;
    }
     .screen-panel_approach-body .algorithm .steps,.screen-panel_approach-body .prestart .steps {
         flex-direction: column;
         ms-flex-direction: column;
    }
     .screen-panel_approach-body .algorithm .steps__i,.screen-panel_approach-body .prestart .steps__i {
         flex: 0 0 100%;
         margin-bottom: 40px;
         ms-flex: 0 0 100%;
    }
     .screen-panel_approach-body .algorithm .steps__i .ico,.screen-panel_approach-body .prestart .steps__i .ico {
         margin-bottom: 25px;
    }
     .screen-panel_approach-body .approach .title {
         width: 100%;
    }
     .screen-panel_approach-body .approach .steps {
         display: block;
         height: 180px;
         margin-bottom: 0;
         overflow: hidden;
         position: relative;
    }
     .screen-panel_approach-body .approach .steps__i {
         position: absolute;
         text-align: center;
         width: 100%;
    }
     .screen-panel_approach-body .approach .steps__i .ico {
         margin: 0 auto 20px;
    }
     .screen-panel_approach-body .approach .step-text,.screen-panel_approach-body .approach .step-title {
         padding: 0 20px;
    }
     .screen-panel_approach-body .approach .steps-controls {
         display: block;
         height: 45px;
         position: relative;
    }
     .screen-panel_approach-body .approach .descriptions {
         width: 100%;
    }
     .screen-panel_approach-body .approach .descriptions:before {
         display: none;
    }
     .screen-panel_approach-body .question {
         padding: 75px 0;
    }
     .screen-panel_approach-body .question .shadows {
         display: none;
    }
     .screen-panel_approach-body .footer .text,.screen-panel_approach-body .question .text,.screen-panel_approach-body .result-block__text,.screen-panel_approach-body .results__text {
         width: 100%;
    }
     .screen-panel_approach-body .footer .contacts-btn-wrap {
         position: relative;
         right: auto;
         text-align: left;
         top: auto;
         width: 100%;
    }
     .screen-panel_approach-body .footer .contacts-btn-wrap:before {
         background-color: #d0d0d0;
         content: "";
         display: block;
         height: 1px;
         left: 0;
         position: absolute;
         top: 0;
         width: 100%;
         z-index: 1;
    }
     .screen-panel_approach-body .footer .contacts-btn-wrap:after {
         background-color: #d0d0d0;
         content: "";
         display: block;
         height: 1px;
         left: 0;
         position: absolute;
         top: 100px;
         width: 100%;
         z-index: -1;
    }
     .screen-panel_approach-body .footer .contacts-btn-wrap .action-btn {
         display: inline-block;
         width: auto;
    }
     .screen-panel_approach-body .footer .socials-portfolio,.screen-panel_approach-body .footer .vintage-is-all {
         color: #121212;
    }
}
 @media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
     .screen-panel_portfolio {
         transition: none;
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     .screen-panel_portfolio {
         transition: none;
    }
     .screen-panel_portfolio .fixed .vintage-web-prod {
         display: block;
    }
     .screen-panel_portfolio .arrow-controls__left,.screen-panel_portfolio .arrow-controls__right {
         display: none;
    }
     .screen-panel_portfolio .v-lines {
         transition: none;
    }
     .screen-panel_portfolio .v-lines__inner {
         width: 320px;
    }
     .screen-panel_portfolio .v-lines__outer {
         width: 100%;
    }
     .screen-panel_portfolio .filter {
         right: 60px;
    }
     .screen-panel_portfolio .project-title .rolling-block__content {
         transform: none;
    }
     .screen-panel_portfolio .portfolio-slider {
         height: 400px;
         overflow-x: hidden;
         transform: translate3d(0,-170px,0);
    }
     .screen-panel_portfolio .projects-list {
         height: 400px;
         width: 100%;
    }
     .screen-panel_portfolio .projects-list__i .gradient {
         display: none;
    }
     .screen-panel_portfolio .projects-list__i:hover .project-preview {
         box-shadow: none;
    }
     .screen-panel_portfolio .menu__content .vintage-is-all {
         display: block;
    }
     .screen-panel_portfolio.hidden {
         transform: none;
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .screen-panel_portfolio {
         transition: none;
    }
     .screen-panel_portfolio .v-lines {
         left: 30px;
         right: 30px;
         transform: none;
         transition: none;
         width: auto;
    }
     .screen-panel_portfolio .v-lines__inner {
         width: 320px;
    }
     .screen-panel_portfolio .v-lines__outer {
         width: 100%;
    }
     .screen-panel_portfolio .portfolio-controls .arrow-controls {
         top: calc((50vh - 340px / 2) / 2);
    }
     .screen-panel_portfolio .filter {
         right: 30px;
    }
     .screen-panel_portfolio .project-title .rolling-block__content {
         transform: none;
    }
     .screen-panel_portfolio .menu__content .vintage-is-all {
         display: block;
    }
     .screen-panel_portfolio.hidden {
         transform: none;
    }
}
 @media only screen and (max-device-width:767px) {
     .screen-panel_portfolio .fixed .vintage-web-prod {
         display: none;
    }
     .screen-panel_portfolio .scrolling {
         overflow: scroll;
    }
     .screen-panel_portfolio .scrolling__content {
         height: auto;
    }
     .screen-panel_portfolio .filter,.screen-panel_portfolio .shadows,.screen-panel_portfolio .v-lines {
         display: none;
    }
     .screen-panel_portfolio .project-title {
         left: 0;
         right: auto;
    }
     .screen-panel_portfolio .project-title .rolling-block__content {
         transform: none;
    }
     .screen-panel_portfolio .projects-list__i .gradient {
         display: none;
    }
     .screen-panel_portfolio .projects-list__i:hover .project-preview {
         box-shadow: none;
    }
     .screen-panel_portfolio .arrow-controls,.screen-panel_portfolio .heading {
         display: none;
    }
     .screen-panel_portfolio .portfolio-slider {
         height: auto;
         left: 0;
         overflow: auto;
         padding: 150px 20px 0;
         position: relative;
         top: auto;
         transform: none;
         width: auto;
    }
     .screen-panel_portfolio .portfolio-slider:after {
         content: "";
         display: block;
         height: 50px;
         left: 0;
         position: absolute;
         top: 0;
         width: 10px;
         z-index: 100;
    }
     .screen-panel_portfolio .portfolio-slider.hidden .projects-list__i {
         transform: translateX(-110%);
         transition: none;
    }
     .screen-panel_portfolio .portfolio-slider.hidden .projects-list__i .rolling-block__content {
         transform: translateY(-100%);
         transition: none;
    }
     .screen-panel_portfolio .projects-list {
         height: auto;
         position: relative;
    }
     .screen-panel_portfolio .projects-list__i {
         height: 180px;
         left: 0;
         margin-bottom: 70px;
         position: relative;
         top: 0;
         transform: translateX(0);
         transition: transform .5s;
         width: 100%;
    }
     .screen-panel_portfolio .projects-list__i:first-child {
         transition-delay: 75ms;
    }
     .screen-panel_portfolio .projects-list__i:first-child .rolling-block__content {
         transition-delay: .575s;
    }
     .screen-panel_portfolio .projects-list__i:nth-child(2) {
         transition-delay: .15s;
    }
     .screen-panel_portfolio .projects-list__i:nth-child(2) .rolling-block__content {
         transition-delay: .65s;
    }
     .screen-panel_portfolio .projects-list__i:nth-child(3) {
         transition-delay: .225s;
    }
     .screen-panel_portfolio .projects-list__i:nth-child(3) .rolling-block__content {
         transition-delay: .725s;
    }
     .screen-panel_portfolio .projects-list__i:nth-child(4) {
         transition-delay: .3s;
    }
     .screen-panel_portfolio .projects-list__i:nth-child(4) .rolling-block__content {
         transition-delay: .8s;
    }
     .screen-panel_portfolio .projects-list__i:nth-child(5) {
         transition-delay: .375s;
    }
     .screen-panel_portfolio .projects-list__i:nth-child(5) .rolling-block__content {
         transition-delay: .875s;
    }
     .screen-panel_portfolio .project-preview {
         height: 100%;
    }
     .screen-panel_portfolio .menu__content .vintage-is-all {
         display: none;
    }
     .screen-panel_portfolio .scrolling .vintage-is-all {
         display: block;
    }
     .screen-panel_portfolio .scrolling .socials-portfolio {
         bottom: 40px;
         display: block;
         width: 100%;
    }
     .screen-panel_portfolio .footer-bottom {
         margin: 0 20px;
    }
     .screen-panel_portfolio.hidden {
         transform: none;
         visibility: hidden;
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     .prices-page .vintage-web-prod {
         display: none;
    }
     .prices-page .footer .discuss-wrap {
         width: 34%;
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .prices-page .vintage-web-prod {
         display: none;
    }
     .prices-page .footer .discuss-wrap {
         width: 34%;
    }
     .fixed .vintage-logo {
         left: 30px;
    }
     .evangelists .title,.webdev .title {
         width: auto;
    }
}
 @media only screen and (max-device-width:767px) {
     .prices-page .fixed-hud .menu-btn-label,.prices-page .fixed-hud.vintage-logo {
         color: #121212;
    }
     .prices-page .fixed-hud .menu-btn__line__inner {
         background-color: #121212;
    }
     .prices-page .footer .discuss-wrap {
         position: relative;
         width: 100%;
    }
     .prices-page .footer .discuss-wrap:before {
         top: 0;
         z-index: 1;
    }
     .prices-page .footer .discuss-wrap:after,.prices-page .footer .discuss-wrap:before {
         background-color: #d0d0d0;
         content: "";
         display: block;
         height: 1px;
         left: 0;
         position: absolute;
         width: 100%;
    }
     .prices-page .footer .discuss-wrap:after {
         top: 100px;
         z-index: -1;
    }
     .prices-page .footer .discuss-wrap .action-btn {
         display: inline-block;
         width: auto;
    }
     .evangelists .text,.webdev .text {
         width: auto;
    }
     .sites-list__i {
         display: block;
         padding-bottom: 40px;
         padding-top: 40px;
    }
     .sites-list__i .info {
         margin-bottom: 10px;
         width: auto;
    }
     .sites-list__i .info__title {
         font-size: 20px;
         letter-spacing: 2px;
    }
     .sites-list__i .price {
         text-align: left;
         top: 20px;
         width: auto;
    }
     .sites-list__i .hover .rolling-block {
         white-space: nowrap;
    }
     .sites-list__i .hover .bg {
         left: -20px;
         right: -20px;
    }
     .prices-page .footer .text {
         text-align: left;
    }
     .socials-portfolio {
         right: 20px;
    }
     .socials-portfolio .behance {
         margin: 0;
    }
     .prev-next-page {
         display: none;
    }
}
 @media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
     .project-case-page {
         position: fixed;
    }
     .project-case-page .heading-text {
         height: auto;
         transition: opacity 1s;
    }
     .project-case-page .heading-text h1 {
         display: block;
         font-size: 140px;
         line-height: 100%;
         text-align: center;
         white-space: normal;
    }
     .project-case-page .heading-text .sub-heading {
         left: auto;
         position: relative;
         top: auto;
         transform: none;
    }
     .project-case-page .heading-text.heading-text_sm h1 {
         font-size: 100px;
    }
     .screen-panel_project-header.hidden {
         transform: none!important;
         visibility: hidden;
    }
     .screen-panel_project-header.hidden .heading-text {
         opacity: 0;
    }
     .screen-panel_project-header.hidden .sub-heading {
         transform: none;
    }
     .project-details .details {
         transition: transform .75s,opacity .75s,visibility .75s;
         transition-delay: .75s;
    }
     .project-details .author-pic {
         transition: transform .5s;
    }
     .project-details .author-signature {
         transition: transform .75s,opacity .75s,visibility .75s;
         transition-delay: .75s;
    }
     .project-details.hidden .details {
         opacity: 0;
         transform: translateY(40px);
         visibility: hidden;
    }
     .project-results .results-l__i {
         transition: transform .35s,opacity .35s;
    }
     .project-results .results-l__i:first-child {
         transition-delay: .45s;
    }
     .project-results .results-l__i:nth-child(2) {
         transition-delay: .55s;
    }
     .project-results .results-l__i:nth-child(3) {
         transition-delay: .65s;
    }
     .project-results .results-l__i:nth-child(4) {
         transition-delay: .75s;
    }
     .project-results .results-l__i:nth-child(5) {
         transition-delay: .85s;
    }
     .project-results .results-l__i:nth-child(6) {
         transition-delay: .95s;
    }
     .project-results .results-l__i:nth-child(7) {
         transition-delay: 1.05s;
    }
     .project-results .results-l__i:nth-child(8) {
         transition-delay: 1.15s;
    }
     .project-results .results-l__i:nth-child(9) {
         transition-delay: 1.25s;
    }
     .project-results .results-l__i:nth-child(10) {
         transition-delay: 1.35s;
    }
     .project-results .results-l__i:nth-child(11) {
         transition-delay: 1.45s;
    }
     .project-results .results-l__i:nth-child(12) {
         transition-delay: 1.55s;
    }
     .project-results .results-l__i:nth-child(13) {
         transition-delay: 1.65s;
    }
     .project-results .results-l__i:nth-child(14) {
         transition-delay: 1.75s;
    }
     .project-results .results-l__i:nth-child(15) {
         transition-delay: 1.85s;
    }
     .project-results .results-l__i:nth-child(16) {
         transition-delay: 1.95s;
    }
     .project-results .results-l__i:nth-child(17) {
         transition-delay: 2.05s;
    }
     .project-results .results-l__i:nth-child(18) {
         transition-delay: 2.15s;
    }
     .project-results .results-l__i:nth-child(19) {
         transition-delay: 2.25s;
    }
     .project-results .results-l__i:nth-child(20) {
         transition-delay: 2.35s;
    }
     .project-results .results-l__i:nth-child(21) {
         transition-delay: 2.45s;
    }
     .project-results .results-l__i:nth-child(22) {
         transition-delay: 2.55s;
    }
     .project-results .results-l__i:nth-child(23) {
         transition-delay: 2.65s;
    }
     .project-results .results-l__i:nth-child(24) {
         transition-delay: 2.75s;
    }
     .project-results .results-l__i:nth-child(25) {
         transition-delay: 2.85s;
    }
     .project-results .results-l__i:nth-child(26) {
         transition-delay: 2.95s;
    }
     .project-results .results-l__i:nth-child(27) {
         transition-delay: 3.05s;
    }
     .project-results .results-l__i:nth-child(28) {
         transition-delay: 3.15s;
    }
     .project-results .results-l__i:nth-child(29) {
         transition-delay: 3.25s;
    }
     .project-results .results-l__i:nth-child(30) {
         transition-delay: 3.35s;
    }
     .project-results .results-l__i:nth-child(31) {
         transition-delay: 3.45s;
    }
     .project-results .results-l__i:nth-child(32) {
         transition-delay: 3.55s;
    }
     .project-results .results-l__i:nth-child(33) {
         transition-delay: 3.65s;
    }
     .project-results .results-l__i:nth-child(34) {
         transition-delay: 3.75s;
    }
     .project-results .results-l__i:nth-child(35) {
         transition-delay: 3.85s;
    }
     .project-results .results-l__i:nth-child(36) {
         transition-delay: 3.95s;
    }
     .project-results .results-l__i:nth-child(37) {
         transition-delay: 4.05s;
    }
     .project-results .results-l__i:nth-child(38) {
         transition-delay: 4.15s;
    }
     .project-results .results-l__i:nth-child(39) {
         transition-delay: 4.25s;
    }
     .project-results .results-l__i:nth-child(40) {
         transition-delay: 4.35s;
    }
     .project-results .results-l__i:nth-child(41) {
         transition-delay: 4.45s;
    }
     .project-results .results-l__i:nth-child(42) {
         transition-delay: 4.55s;
    }
     .project-results .results-l__i:nth-child(43) {
         transition-delay: 4.65s;
    }
     .project-results .results-l__i:nth-child(44) {
         transition-delay: 4.75s;
    }
     .project-results .results-l__i:nth-child(45) {
         transition-delay: 4.85s;
    }
     .project-results .results-l__i:nth-child(46) {
         transition-delay: 4.95s;
    }
     .project-results .results-l__i:nth-child(47) {
         transition-delay: 5.05s;
    }
     .project-results .results-l__i:nth-child(48) {
         transition-delay: 5.15s;
    }
     .project-results .results-l__i:nth-child(49) {
         transition-delay: 5.25s;
    }
     .project-results .results-l__i:nth-child(50) {
         transition-delay: 5.35s;
    }
     .project-results .results-l__i:nth-child(51) {
         transition-delay: 5.45s;
    }
     .project-results .results-l__i:nth-child(52) {
         transition-delay: 5.55s;
    }
     .project-results .results-l__i:nth-child(53) {
         transition-delay: 5.65s;
    }
     .project-results .results-l__i:nth-child(54) {
         transition-delay: 5.75s;
    }
     .project-results .results-l__i:nth-child(55) {
         transition-delay: 5.85s;
    }
     .project-results .results-l__i:nth-child(56) {
         transition-delay: 5.95s;
    }
     .project-results .results-l__i:nth-child(57) {
         transition-delay: 6.05s;
    }
     .project-results .results-l__i:nth-child(58) {
         transition-delay: 6.15s;
    }
     .project-results .results-l__i:nth-child(59) {
         transition-delay: 6.25s;
    }
     .project-results .results-l__i:nth-child(60) {
         transition-delay: 6.35s;
    }
     .project-results .results-l__i:nth-child(61) {
         transition-delay: 6.45s;
    }
     .project-results .results-l__i:nth-child(62) {
         transition-delay: 6.55s;
    }
     .project-results .results-l__i:nth-child(63) {
         transition-delay: 6.65s;
    }
     .project-results .results-l__i:nth-child(64) {
         transition-delay: 6.75s;
    }
     .project-results .results-l__i:nth-child(65) {
         transition-delay: 6.85s;
    }
     .project-results .results-l__i:nth-child(66) {
         transition-delay: 6.95s;
    }
     .project-results .results-l__i:nth-child(67) {
         transition-delay: 7.05s;
    }
     .project-results .results-l__i:nth-child(68) {
         transition-delay: 7.15s;
    }
     .project-results .results-l__i:nth-child(69) {
         transition-delay: 7.25s;
    }
     .project-results .results-l__i:nth-child(70) {
         transition-delay: 7.35s;
    }
     .project-results.hidden .results-l__i {
         opacity: 0;
         transform: translateX(-100%);
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     .project-case-page {
         position: fixed;
    }
     .project-case-page .project-results .discuss-wrap {
         width: 34%;
    }
     .project-case-page .heading-text {
         height: auto;
         transition: opacity 1s;
    }
     .project-case-page .heading-text h1 {
         display: block;
         font-size: 140px;
         line-height: 100%;
         text-align: center;
         white-space: normal;
    }
     .project-case-page .heading-text .sub-heading {
         left: auto;
         position: relative;
         top: auto;
         transform: none;
    }
     .project-case-page .heading-text.heading-text_sm h1 {
         font-size: 100px;
    }
     .screen-panel_project-header.hidden {
         transform: none!important;
         visibility: hidden;
    }
     .screen-panel_project-header.hidden .heading-text {
         opacity: 0;
    }
     .screen-panel_project-header.hidden .sub-heading {
         transform: none;
    }
     .screen-panel_project-case .vintage-web-prod {
         display: none;
    }
     .project-details .details {
         transition: transform .75s,opacity .75s,visibility .75s;
         transition-delay: .75s;
    }
     .project-details .author-pic {
         transition: transform .5s;
    }
     .project-details .author-signature {
         transition: transform .75s,opacity .75s,visibility .75s;
         transition-delay: .75s;
    }
     .project-details.hidden .details {
         opacity: 0;
         transform: translateY(40px);
         visibility: hidden;
    }
     .project-results .results-l__i {
         transition: transform .35s,opacity .35s;
    }
     .project-results .results-l__i:first-child {
         transition-delay: .45s;
    }
     .project-results .results-l__i:nth-child(2) {
         transition-delay: .55s;
    }
     .project-results .results-l__i:nth-child(3) {
         transition-delay: .65s;
    }
     .project-results .results-l__i:nth-child(4) {
         transition-delay: .75s;
    }
     .project-results .results-l__i:nth-child(5) {
         transition-delay: .85s;
    }
     .project-results .results-l__i:nth-child(6) {
         transition-delay: .95s;
    }
     .project-results .results-l__i:nth-child(7) {
         transition-delay: 1.05s;
    }
     .project-results .results-l__i:nth-child(8) {
         transition-delay: 1.15s;
    }
     .project-results .results-l__i:nth-child(9) {
         transition-delay: 1.25s;
    }
     .project-results .results-l__i:nth-child(10) {
         transition-delay: 1.35s;
    }
     .project-results .results-l__i:nth-child(11) {
         transition-delay: 1.45s;
    }
     .project-results .results-l__i:nth-child(12) {
         transition-delay: 1.55s;
    }
     .project-results .results-l__i:nth-child(13) {
         transition-delay: 1.65s;
    }
     .project-results .results-l__i:nth-child(14) {
         transition-delay: 1.75s;
    }
     .project-results .results-l__i:nth-child(15) {
         transition-delay: 1.85s;
    }
     .project-results .results-l__i:nth-child(16) {
         transition-delay: 1.95s;
    }
     .project-results .results-l__i:nth-child(17) {
         transition-delay: 2.05s;
    }
     .project-results .results-l__i:nth-child(18) {
         transition-delay: 2.15s;
    }
     .project-results .results-l__i:nth-child(19) {
         transition-delay: 2.25s;
    }
     .project-results .results-l__i:nth-child(20) {
         transition-delay: 2.35s;
    }
     .project-results .results-l__i:nth-child(21) {
         transition-delay: 2.45s;
    }
     .project-results .results-l__i:nth-child(22) {
         transition-delay: 2.55s;
    }
     .project-results .results-l__i:nth-child(23) {
         transition-delay: 2.65s;
    }
     .project-results .results-l__i:nth-child(24) {
         transition-delay: 2.75s;
    }
     .project-results .results-l__i:nth-child(25) {
         transition-delay: 2.85s;
    }
     .project-results .results-l__i:nth-child(26) {
         transition-delay: 2.95s;
    }
     .project-results .results-l__i:nth-child(27) {
         transition-delay: 3.05s;
    }
     .project-results .results-l__i:nth-child(28) {
         transition-delay: 3.15s;
    }
     .project-results .results-l__i:nth-child(29) {
         transition-delay: 3.25s;
    }
     .project-results .results-l__i:nth-child(30) {
         transition-delay: 3.35s;
    }
     .project-results .results-l__i:nth-child(31) {
         transition-delay: 3.45s;
    }
     .project-results .results-l__i:nth-child(32) {
         transition-delay: 3.55s;
    }
     .project-results .results-l__i:nth-child(33) {
         transition-delay: 3.65s;
    }
     .project-results .results-l__i:nth-child(34) {
         transition-delay: 3.75s;
    }
     .project-results .results-l__i:nth-child(35) {
         transition-delay: 3.85s;
    }
     .project-results .results-l__i:nth-child(36) {
         transition-delay: 3.95s;
    }
     .project-results .results-l__i:nth-child(37) {
         transition-delay: 4.05s;
    }
     .project-results .results-l__i:nth-child(38) {
         transition-delay: 4.15s;
    }
     .project-results .results-l__i:nth-child(39) {
         transition-delay: 4.25s;
    }
     .project-results .results-l__i:nth-child(40) {
         transition-delay: 4.35s;
    }
     .project-results .results-l__i:nth-child(41) {
         transition-delay: 4.45s;
    }
     .project-results .results-l__i:nth-child(42) {
         transition-delay: 4.55s;
    }
     .project-results .results-l__i:nth-child(43) {
         transition-delay: 4.65s;
    }
     .project-results .results-l__i:nth-child(44) {
         transition-delay: 4.75s;
    }
     .project-results .results-l__i:nth-child(45) {
         transition-delay: 4.85s;
    }
     .project-results .results-l__i:nth-child(46) {
         transition-delay: 4.95s;
    }
     .project-results .results-l__i:nth-child(47) {
         transition-delay: 5.05s;
    }
     .project-results .results-l__i:nth-child(48) {
         transition-delay: 5.15s;
    }
     .project-results .results-l__i:nth-child(49) {
         transition-delay: 5.25s;
    }
     .project-results .results-l__i:nth-child(50) {
         transition-delay: 5.35s;
    }
     .project-results .results-l__i:nth-child(51) {
         transition-delay: 5.45s;
    }
     .project-results .results-l__i:nth-child(52) {
         transition-delay: 5.55s;
    }
     .project-results .results-l__i:nth-child(53) {
         transition-delay: 5.65s;
    }
     .project-results .results-l__i:nth-child(54) {
         transition-delay: 5.75s;
    }
     .project-results .results-l__i:nth-child(55) {
         transition-delay: 5.85s;
    }
     .project-results .results-l__i:nth-child(56) {
         transition-delay: 5.95s;
    }
     .project-results .results-l__i:nth-child(57) {
         transition-delay: 6.05s;
    }
     .project-results .results-l__i:nth-child(58) {
         transition-delay: 6.15s;
    }
     .project-results .results-l__i:nth-child(59) {
         transition-delay: 6.25s;
    }
     .project-results .results-l__i:nth-child(60) {
         transition-delay: 6.35s;
    }
     .project-results .results-l__i:nth-child(61) {
         transition-delay: 6.45s;
    }
     .project-results .results-l__i:nth-child(62) {
         transition-delay: 6.55s;
    }
     .project-results .results-l__i:nth-child(63) {
         transition-delay: 6.65s;
    }
     .project-results .results-l__i:nth-child(64) {
         transition-delay: 6.75s;
    }
     .project-results .results-l__i:nth-child(65) {
         transition-delay: 6.85s;
    }
     .project-results .results-l__i:nth-child(66) {
         transition-delay: 6.95s;
    }
     .project-results .results-l__i:nth-child(67) {
         transition-delay: 7.05s;
    }
     .project-results .results-l__i:nth-child(68) {
         transition-delay: 7.15s;
    }
     .project-results .results-l__i:nth-child(69) {
         transition-delay: 7.25s;
    }
     .project-results .results-l__i:nth-child(70) {
         transition-delay: 7.35s;
    }
     .project-results.hidden .results-l__i {
         opacity: 0;
         transform: translateX(-100%);
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .project-case-page {
         position: fixed;
    }
     .project-case-page .project-results .discuss-wrap {
         width: 34%;
    }
     .project-case-page .fixed .vintage-logo {
         left: 30px;
    }
     .project-case-page .heading-text {
         height: auto;
         transition: opacity 1s;
    }
     .project-case-page .heading-text h1 {
         display: block;
         font-size: 140px;
         line-height: 100%;
         text-align: center;
         white-space: normal;
    }
     .project-case-page .heading-text .sub-heading {
         left: auto;
         position: relative;
         top: auto;
         transform: none;
    }
     .project-case-page .heading-text.heading-text_sm h1 {
         font-size: 100px;
    }
     .project-case-page .shadows {
         width: 33%;
    }
     .project-case-page .screen-panel_project-header.hidden {
         transform: none;
         visibility: hidden;
    }
     .project-case-page .screen-panel_project-header.hidden .heading-text {
         opacity: 0;
    }
     .project-case-page .screen-panel_project-header.hidden .sub-heading {
         transform: none;
    }
     .project-case-page .screen-panel_project-case .vintage-web-prod {
         display: none;
    }
     .project-case-page .project-details .details {
         transition: transform .75s,opacity .75s,visibility .75s;
         transition-delay: .75s;
    }
     .project-case-page .project-details .author-pic {
         transition: transform .5s;
    }
     .project-case-page .project-details .author-signature {
         transition: transform .75s,opacity .75s,visibility .75s;
         transition-delay: .75s;
    }
     .project-case-page .project-details.hidden .details {
         opacity: 0;
         transform: translateY(40px);
         visibility: hidden;
    }
     .project-case-page .project-results .results-l__i {
         transition: transform .35s,opacity .35s;
    }
     .project-case-page .project-results .results-l__i:first-child {
         transition-delay: .45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(2) {
         transition-delay: .55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(3) {
         transition-delay: .65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(4) {
         transition-delay: .75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(5) {
         transition-delay: .85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(6) {
         transition-delay: .95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(7) {
         transition-delay: 1.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(8) {
         transition-delay: 1.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(9) {
         transition-delay: 1.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(10) {
         transition-delay: 1.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(11) {
         transition-delay: 1.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(12) {
         transition-delay: 1.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(13) {
         transition-delay: 1.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(14) {
         transition-delay: 1.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(15) {
         transition-delay: 1.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(16) {
         transition-delay: 1.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(17) {
         transition-delay: 2.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(18) {
         transition-delay: 2.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(19) {
         transition-delay: 2.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(20) {
         transition-delay: 2.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(21) {
         transition-delay: 2.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(22) {
         transition-delay: 2.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(23) {
         transition-delay: 2.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(24) {
         transition-delay: 2.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(25) {
         transition-delay: 2.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(26) {
         transition-delay: 2.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(27) {
         transition-delay: 3.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(28) {
         transition-delay: 3.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(29) {
         transition-delay: 3.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(30) {
         transition-delay: 3.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(31) {
         transition-delay: 3.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(32) {
         transition-delay: 3.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(33) {
         transition-delay: 3.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(34) {
         transition-delay: 3.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(35) {
         transition-delay: 3.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(36) {
         transition-delay: 3.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(37) {
         transition-delay: 4.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(38) {
         transition-delay: 4.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(39) {
         transition-delay: 4.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(40) {
         transition-delay: 4.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(41) {
         transition-delay: 4.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(42) {
         transition-delay: 4.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(43) {
         transition-delay: 4.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(44) {
         transition-delay: 4.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(45) {
         transition-delay: 4.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(46) {
         transition-delay: 4.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(47) {
         transition-delay: 5.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(48) {
         transition-delay: 5.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(49) {
         transition-delay: 5.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(50) {
         transition-delay: 5.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(51) {
         transition-delay: 5.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(52) {
         transition-delay: 5.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(53) {
         transition-delay: 5.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(54) {
         transition-delay: 5.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(55) {
         transition-delay: 5.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(56) {
         transition-delay: 5.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(57) {
         transition-delay: 6.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(58) {
         transition-delay: 6.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(59) {
         transition-delay: 6.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(60) {
         transition-delay: 6.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(61) {
         transition-delay: 6.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(62) {
         transition-delay: 6.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(63) {
         transition-delay: 6.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(64) {
         transition-delay: 6.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(65) {
         transition-delay: 6.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(66) {
         transition-delay: 6.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(67) {
         transition-delay: 7.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(68) {
         transition-delay: 7.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(69) {
         transition-delay: 7.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(70) {
         transition-delay: 7.35s;
    }
     .project-case-page .project-results .discuss-btn {
         width: auto;
    }
     .project-case-page .project-results.hidden .results-l__i {
         opacity: 0;
         transform: translateX(-100%);
    }
     .project-case-page .socials-portfolio {
         right: 30px;
    }
     .big-number {
         font-size: 240px;
         line-height: 220px;
    }
}
 @media only screen and (max-device-width:767px) {
     .project-case-page {
         position: fixed;
    }
     .project-case-page .screen-panel_project-header .mobile-splash {
         display: none;
    }
     .project-case-page .scroll-down {
         display: block;
    }
     .project-case-page .heading-text {
         height: auto;
         margin: 0 20px;
         transition: opacity 1s;
    }
     .project-case-page .heading-text h1 {
         display: block;
         font-size: 50px;
         line-height: 100%;
         margin-bottom: 20px;
         text-align: left;
         white-space: normal;
    }
     .project-case-page .heading-text .sub-heading {
         left: auto;
         position: relative;
         text-align: left;
         top: auto;
         transform: none;
         width: auto;
    }
     .project-case-page .heading-text .sub-heading br {
         display: none;
    }
     .project-case-page .heading-text.heading-text_sm h1 {
         font-size: 30px;
    }
     .project-case-page .shadows {
         display: none;
    }
     .project-case-page .project-details,.project-case-page .project-goals {
         margin-bottom: 70px;
    }
     .project-case-page .project-details .text,.project-case-page .project-goals .text {
         width: auto;
    }
     .project-case-page .project-details .author-pic {
         transition: transform .5s;
    }
     .project-case-page .project-details .author-signature {
         transition: transform .75s,opacity .75s,visibility .75s;
         transition-delay: .75s;
    }
     .project-case-page .project-details.bg {
         padding-bottom: 40px;
         padding-top: 70px;
    }
     .project-case-page .project-details.project-details_cite {
         padding-bottom: 70px;
    }
     .project-case-page .project-results {
         padding-bottom: 0;
    }
     .project-case-page .project-results .results-l__i {
         justify-content: space-between;
         ms-flex-pack: justify;
         transition: transform .35s,opacity .35s;
    }
     .project-case-page .project-results .results-l__i:first-child {
         transition-delay: .45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(2) {
         transition-delay: .55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(3) {
         transition-delay: .65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(4) {
         transition-delay: .75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(5) {
         transition-delay: .85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(6) {
         transition-delay: .95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(7) {
         transition-delay: 1.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(8) {
         transition-delay: 1.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(9) {
         transition-delay: 1.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(10) {
         transition-delay: 1.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(11) {
         transition-delay: 1.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(12) {
         transition-delay: 1.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(13) {
         transition-delay: 1.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(14) {
         transition-delay: 1.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(15) {
         transition-delay: 1.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(16) {
         transition-delay: 1.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(17) {
         transition-delay: 2.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(18) {
         transition-delay: 2.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(19) {
         transition-delay: 2.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(20) {
         transition-delay: 2.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(21) {
         transition-delay: 2.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(22) {
         transition-delay: 2.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(23) {
         transition-delay: 2.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(24) {
         transition-delay: 2.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(25) {
         transition-delay: 2.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(26) {
         transition-delay: 2.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(27) {
         transition-delay: 3.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(28) {
         transition-delay: 3.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(29) {
         transition-delay: 3.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(30) {
         transition-delay: 3.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(31) {
         transition-delay: 3.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(32) {
         transition-delay: 3.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(33) {
         transition-delay: 3.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(34) {
         transition-delay: 3.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(35) {
         transition-delay: 3.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(36) {
         transition-delay: 3.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(37) {
         transition-delay: 4.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(38) {
         transition-delay: 4.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(39) {
         transition-delay: 4.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(40) {
         transition-delay: 4.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(41) {
         transition-delay: 4.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(42) {
         transition-delay: 4.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(43) {
         transition-delay: 4.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(44) {
         transition-delay: 4.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(45) {
         transition-delay: 4.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(46) {
         transition-delay: 4.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(47) {
         transition-delay: 5.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(48) {
         transition-delay: 5.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(49) {
         transition-delay: 5.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(50) {
         transition-delay: 5.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(51) {
         transition-delay: 5.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(52) {
         transition-delay: 5.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(53) {
         transition-delay: 5.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(54) {
         transition-delay: 5.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(55) {
         transition-delay: 5.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(56) {
         transition-delay: 5.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(57) {
         transition-delay: 6.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(58) {
         transition-delay: 6.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(59) {
         transition-delay: 6.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(60) {
         transition-delay: 6.35s;
    }
     .project-case-page .project-results .results-l__i:nth-child(61) {
         transition-delay: 6.45s;
    }
     .project-case-page .project-results .results-l__i:nth-child(62) {
         transition-delay: 6.55s;
    }
     .project-case-page .project-results .results-l__i:nth-child(63) {
         transition-delay: 6.65s;
    }
     .project-case-page .project-results .results-l__i:nth-child(64) {
         transition-delay: 6.75s;
    }
     .project-case-page .project-results .results-l__i:nth-child(65) {
         transition-delay: 6.85s;
    }
     .project-case-page .project-results .results-l__i:nth-child(66) {
         transition-delay: 6.95s;
    }
     .project-case-page .project-results .results-l__i:nth-child(67) {
         transition-delay: 7.05s;
    }
     .project-case-page .project-results .results-l__i:nth-child(68) {
         transition-delay: 7.15s;
    }
     .project-case-page .project-results .results-l__i:nth-child(69) {
         transition-delay: 7.25s;
    }
     .project-case-page .project-results .results-l__i:nth-child(70) {
         transition-delay: 7.35s;
    }
     .project-case-page .project-results .result-ico {
         margin: 0;
         width: 40%;
    }
     .project-case-page .project-results .result-title {
         width: 50%;
    }
     .project-case-page .project-results .controls {
         display: block;
         height: 175px;
    }
     .project-case-page .project-results .controls .rolling-block {
         left: 50%;
         position: absolute;
         top: 25%;
         transform: translate(-50%,-50%);
         white-space: nowrap;
    }
     .project-case-page .project-results .controls .arrow-controls {
         top: 50%;
         transform: translateY(-50%);
    }
     .project-case-page .project-results .discuss-wrap {
         position: relative;
         width: 100%;
    }
     .project-case-page .project-results .discuss-wrap:before {
         content: "";
         display: block;
         height: 1px;
         left: 0;
         position: absolute;
         top: 0;
         width: 100%;
         z-index: 1;
    }
     .project-case-page .project-results .discuss-wrap:after {
         content: "";
         display: block;
         height: 1px;
         left: 0;
         position: absolute;
         top: 100px;
         width: 100%;
         z-index: -1;
    }
     .project-case-page .project-results .discuss-wrap .action-btn {
         display: inline-block;
         width: auto;
    }
     .project-case-page .project-results.hidden .results-l__i {
         opacity: 0;
         transform: translateX(-100%);
    }
     .big-number-title {
         display: block;
         margin-bottom: 40px;
    }
     .big-number-title .title {
         margin-bottom: 30px;
    }
     .big-number {
         font-family: uni_sansbold,sans-serif;
         font-size: 160px;
         line-height: 100%;
         margin-right: 0;
    }
     .socials-portfolio {
         right: 20px;
    }
     .socials-portfolio .behance {
         margin: 0;
    }
     .prev-next-page {
         display: none;
    }
}
 @media only screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:834px) and (max-width:834px),screen and (min-device-width:834px) and (max-device-width:834px) and (min-device-height:1112px) and (max-device-height:1112px) and (min-width:1112px) and (max-width:1112px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1024px) and (max-width:1024px),screen and (min-device-width:1024px) and (max-device-width:1024px) and (min-device-height:1366px) and (max-device-height:1366px) and (min-width:1366px) and (max-width:1366px) {
     .contacts-page .contacts {
         height: auto;
         min-height: 0;
    }
     .contacts-page .contacts .inner-content-wrap {
         padding-bottom: 150px;
    }
     .contacts-page .contacts .content-wrap {
         min-height: 0;
    }
     .contacts-page .vintage-web-prod {
         display: none;
    }
     .screen-panel_contacts {
         height: auto;
         min-height: 0;
    }
     .screen-panel_contacts.hidden {
         transform: none!important;
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     .contacts-page {
         min-height: 100%;
    }
     .contacts-page .contacts {
         height: auto;
         min-height: 0;
    }
     .contacts-page .contacts .inner-content-wrap {
         padding-bottom: 130px;
    }
     .contacts-page .contacts .content-wrap {
         height: 100%;
         min-height: 0;
    }
     .contacts-page .vintage-web-prod {
         display: none;
    }
     .screen-panel_contacts {
         height: auto;
    }
     .screen-panel_contacts.hidden {
         transform: none!important;
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .contacts-page .contacts {
         height: auto;
         min-height: 0;
    }
     .contacts-page .vintage-web-prod {
         display: none;
    }
     .screen-panel_contacts {
         height: auto;
    }
     .screen-panel_contacts.hidden {
         transform: none!important;
    }
}
 @media only screen and (max-device-width:767px) {
     .contacts-page .vintage-web-prod {
         display: none;
    }
     .screen-panel_contacts {
         height: auto;
    }
     .screen-panel_contacts.hidden {
         transform: none;
    }
}
 @media only screen and (min-width:1024px) and (max-width:1024px) {
     .screen-panel_error {
         height: 100%;
    }
     .screen-panel_error .error-message {
         left: 60px;
         width: 250px;
    }
     .screen-panel_error .error-code {
         left: 100%;
         transform: translateX(-175px);
         transition: transform .75s,opacity .75s;
    }
     .screen-panel_error .error-subline {
         transform: scaleX(-1);
         transition: transform .75s;
    }
     .screen-panel_error .deep {
         transition: opacity 1s linear .75s;
    }
     .screen-panel_error .inner-section.error .shadows {
         opacity: .75;
         transition: opacity 1s linear .35s;
    }
     .screen-panel_error .inner-section.error .v-lines {
         transition: height 1s;
    }
     .screen-panel_error .inner-section.error .v-lines__inner {
         width: 320px;
    }
     .screen-panel_error .inner-section.error.hidden .shadows {
         opacity: 0;
    }
     .screen-panel_error .inner-section.error.hidden .v-lines {
         height: 0;
    }
     .screen-panel_error .inner-section.error.hidden .error-code {
         opacity: 0;
         transform: translateX(-150px);
    }
     .screen-panel_error .inner-section.error.hidden .error-subline {
         transform: scaleX(0);
    }
     .screen-panel_error.hidden {
         transform: none;
    }
}
 @media only screen and (min-width:768px) and (max-width:1023px) {
     .screen-panel_error {
         height: 100%;
    }
     .screen-panel_error .error-message {
         left: 30px;
         width: 275px;
    }
     .screen-panel_error .error-code {
         left: 0;
         transform: translateX(0);
    }
     .screen-panel_error .deep {
         transition: opacity 1s linear .75s;
    }
     .screen-panel_error .inner-section.error .shadows {
         opacity: .75;
    }
     .screen-panel_error .inner-section.error .v-lines__inner {
         width: 320px;
    }
     .screen-panel_error .inner-section.error.hidden .error-code {
         left: 0;
         transform: translateX(20px);
    }
     .screen-panel_error.hidden {
         transform: none;
    }
}
 @media (max-width:340px) {
.tel{
  top: 10px !important;
  right: 15px !important;
}
 }
 @media (max-width:1500px) {
.vintage-logo{
  left: 15px !important;
}
 }
.menu-open .logo-w{
  z-index: 26;
}
.screen-panel .logo-w{
  z-index: 26;
}
.prices-page .home .footer{
  padding-bottom: 0;
}
.menu-open.screen-panel .logo-w{
  z-index: 26 !important;
}
 @media only screen and (max-device-width:767px) {
   .home .mobile-splash{
     background-color: rgba(255, 255, 255, 0.9) !important;
   }
   .home .menu-btn__line .menu-btn__line__inner{
     background: #000 !important;
   }
   .logo-b{
     z-index: 25 !important;
   }

     .screen-panel_error {
         height: 100%;
    }
     .screen-panel_error .error-message {
         left: 20px;
         text-align: left;
         width: auto;
    }
     .screen-panel_error .error-subline {
         left: 0;
         margin-bottom: 15px;
         transform: scaleX(1);
         transform-origin: 0 0;
    }
     .screen-panel_error .error-code {
         left: 0;
         margin-bottom: 30px;
         transform: none;
         width: 180px;
    }
     .screen-panel_error .footer-bottom {
         display: none;
    }
     .screen-panel_error .deep {
         height: 425px;
         left: 85%;
         transition: opacity 1s linear .75s;
         width: 308px;
    }
     .screen-panel_error .inner-section.error .shadows {
         left: 100%;
         width: 250px;
    }
     .screen-panel_error.hidden {
         transform: none;
    }
}
.wp-block-table{
width:80%;
margin:0 auto;
border: 1px solid #ccc;
    border-spacing: 0;
    border-collapse: collapse;
}
.wp-block-table td{
border: 1px solid #ccc;
    padding: 7px 12px;
}