.background{background:#fff;position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;background:url(/background.png) no-repeat 50%;background-size:cover}.background--animation-started{background:#fff}.background-mobile{position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;z-index:1;background:url(/background.png) no-repeat 50%;background-size:cover}.background div{padding:1px}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#2e3192;font-family:Qurany}.logo:hover{cursor:pointer}.logo__text{position:relative;font-size:1.5em;width:7.5em;height:1em;overflow:hidden;margin:0 0 0 .5em}.logo__text__inner{position:absolute;top:0;left:0}.logo--showing .logo__text__inner{-webkit-animation:logoTextInnerShow .5s forwards;animation:logoTextInnerShow .5s forwards}.logo__picture{position:relative;font-size:8px;width:7em;height:5em}.logo__picture__box{position:absolute;display:inline-block;width:.85em;height:.85em;background:#2e3192}.logo__picture--showing .logo__picture__box{-webkit-animation:logoTextPictureBoxShow 1s linear forwards;animation:logoTextPictureBoxShow 1s linear forwards}.logo:hover .logo__picture__box,.logo__picture--with-anim .logo__picture--with-anim:hover .logo__picture__box,.logo__picture--with-anim .logo__picture__box{-webkit-animation:logoTextPictureBox 1s linear infinite;animation:logoTextPictureBox 1s linear infinite}@-webkit-keyframes logoTextPictureBox{0%{opacity:1}25%{opacity:.35}50%{opacity:1}75%{opacity:.35}to{opacity:1}}@keyframes logoTextPictureBox{0%{opacity:1}25%{opacity:.35}50%{opacity:1}75%{opacity:.35}to{opacity:1}}@-webkit-keyframes logoTextPictureBoxShow{0%{opacity:0}25%{opacity:.35}50%{opacity:1}75%{opacity:.35}to{opacity:1}}@keyframes logoTextPictureBoxShow{0%{opacity:0}25%{opacity:.35}50%{opacity:1}75%{opacity:.35}to{opacity:1}}@-webkit-keyframes logoTextInnerShow{0%{top:1em}to{top:0}}@keyframes logoTextInnerShow{0%{top:1em}to{top:0}}.sidebar{position:fixed;width:calc(50% - 600px);left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:95%;top:1.5em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidebar__logo{-webkit-transform:translateX(1.5em);transform:translateX(1.5em);opacity:0;-webkit-transition:all .3s;transition:all .3s}.sidebar__logo--visible{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.sidebar__menu{-webkit-transform:rotate(-90deg) translateX(2.5em);transform:rotate(-90deg) translateX(2.5em);width:calc(100vh - 18em);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sidebar__menu__item{position:relative;-webkit-transition:color .5s;transition:color .5s;margin:0 1em;padding:0 .5em;font-weight:600;text-decoration:none;text-transform:uppercase;color:#000;opacity:0;-webkit-animation:sidebarMenuItem .5s forwards;animation:sidebarMenuItem .5s forwards;cursor:pointer}.sidebar__menu__item--active{color:#c2bdce}.sidebar__menu__item__line{position:absolute;top:calc(50% - 3px);left:0;width:0;height:3px;background:#000;-webkit-transition:all .35s;transition:all .35s}.sidebar__menu__item--active .sidebar__menu__item__line{width:100%;background:#c2bdce}.sidebar__menu__item:hover .sidebar__menu__item__line{width:50%}.sidebar__follow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3em;margin:0 0 5em 0;opacity:0;position:relative;-webkit-animation:sidebarFollow .5s forwards;animation:sidebarFollow .5s forwards;text-decoration:none;cursor:pointer}.sidebar__follow__icon-container svg{width:1.1em;fill:#111;-webkit-transition:fill .35s;transition:fill .35s}.sidebar__follow__text{white-space:nowrap;font-weight:600;text-transform:uppercase;color:#c2bdce}.sidebar__follow__delimiter{margin:0 .5em .25em .5em;height:3px;width:2.5em;background:#c2bdce;-webkit-transition:all .5s;transition:all .5s}.sidebar__follow:hover .sidebar__follow__delimiter{width:1.5em;margin:0 1.5em .25em .5em}.sidebar__follow:hover .sidebar__follow__icon-container svg{fill:#c2bdce}@media screen and (max-device-width:1366px){.sidebar{width:85px}}@media screen and (max-height:720px){.sidebar__menu__item{font-size:.75em;margin:0 .5em}.sidebar__follow__text{font-size:.75em}}@media screen and (max-device-width:720px) and (orientation:landscape){.sidebar{display:none}}@media screen and (max-device-width:450px){.sidebar{display:none}}@-webkit-keyframes sidebarMenuItem{0%{opacity:0;top:1.5em}to{opacity:1;top:0}}@keyframes sidebarMenuItem{0%{opacity:0;top:1.5em}to{opacity:1;top:0}}@-webkit-keyframes sidebarFollow{0%{opacity:0;left:1.5em}to{opacity:1;left:0}}@keyframes sidebarFollow{0%{opacity:0;left:1.5em}to{opacity:1;left:0}}@-webkit-keyframes sidebarFollowDelimiter{50%{width:0}to{width:3em}}@keyframes sidebarFollowDelimiter{50%{width:0}to{width:3em}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preloader__logo{-webkit-transform:scale(2);transform:scale(2)}.preloader__progress{margin:2.5em 0 0;width:100%;max-width:480px;text-align:center}.preloader__progress__bar{height:3px;background:#e8e8e8;-webkit-transition:all .35s;transition:all .35s}.preloader__progress__text{margin:1em 0 0;font-size:1.25em;font-weight:400}.headline__inner[data-v-5e7e3700]{position:relative;overflow:hidden;display:inline-block}.headline__bar[data-v-5e7e3700]{height:100%;width:100%;position:absolute;top:0;left:0;-webkit-animation:headlineBar-data-v-5e7e3700 1.5s ease-in-out forwards;animation:headlineBar-data-v-5e7e3700 1.5s ease-in-out forwards}.headline__text[data-v-5e7e3700]{-webkit-animation:headlineText-data-v-5e7e3700 1.5s ease-in-out forwards;animation:headlineText-data-v-5e7e3700 1.5s ease-in-out forwards}@-webkit-keyframes headlineBar-data-v-5e7e3700{0%{left:-100%}45%,55%{left:0}to{left:100%}}@keyframes headlineBar-data-v-5e7e3700{0%{left:-100%}45%,55%{left:0}to{left:100%}}@-webkit-keyframes headlineText-data-v-5e7e3700{0%,44%{opacity:0}45%{opacity:1}}@keyframes headlineText-data-v-5e7e3700{0%,44%{opacity:0}45%{opacity:1}}.revealer{position:relative;left:-2.5em;-webkit-animation:revealer 2.5s forwards;animation:revealer 2.5s forwards}.revealer__word{height:1.5em;opacity:0;-webkit-animation:revealerLetter 1s forwards;animation:revealerLetter 1s forwards}@-webkit-keyframes revealer{0%{left:-1em}to{left:0}}@keyframes revealer{0%{left:-1em}to{left:0}}@-webkit-keyframes revealerLetter{0%{opacity:0}to{opacity:1}}@keyframes revealerLetter{0%{opacity:0}to{opacity:1}}.about__logo{margin:3em 0 0}.about__main-headline{margin:2.5em 0 1em}.about__text-1{font-size:1.75em;font-weight:600;margin:0 0 1em;line-height:1.5;letter-spacing:.05em}.about__text-2{font-weight:500;font-size:1em;line-height:2.15;margin:3.5em 0 0;letter-spacing:.05em}@media screen and (max-device-width:450px){.about__main-headline{margin:1em 0 .5em}.about__text-1{margin:.5em 0 2.5em;font-weight:500;font-size:1.5em}.about__text-2{font-weight:300;margin:0;line-height:2.5;font-size:1.15em}}.skills{margin:10em 0}.skills__headline{font-weight:600;font-size:1.25em;text-transform:uppercase}.skills__items{margin:2.5em 0;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.skills__item,.skills__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.skills__item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-weight:400;position:relative;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:7.5em;opacity:0}.skills__item__icon{width:50%}.skills__item__icon--angularjs,.skills__item__icon--node{width:40%}.skills__item__icon--php,.skills__item__icon--webgl{width:65%}.skills__item__icon--java{width:30%}.skills__item__name{position:absolute;bottom:-1em;left:0;width:100%}.skills--visible .skills__item{-webkit-animation:skillsItem 1s forwards;animation:skillsItem 1s forwards}@media screen and (max-device-width:1024px){.skills__items{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.skills__item{width:25%;-ms-flex-pack:distribute;justify-content:space-around;margin:0 0 2.5em}}@media screen and (max-device-width:450px){.skills__item{width:33.33333%;display:inline-block;-webkit-box-flex:1;-ms-flex:auto;flex:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.skills__item__icon--webgl{margin-bottom:1em;width:75%}.skills__item__icon--php{margin-bottom:.5em}.skills__item__name{position:inherit}.skills__items{display:block}}@-webkit-keyframes skillsItem{0%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes skillsItem{0%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.projects__list{margin:0 0 5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project{width:33.33333%;height:400px;background:#ccc;-webkit-transform:translateY(1.5em);transform:translateY(1.5em);opacity:0;-webkit-transition:all .5s;transition:all .5s;position:relative;cursor:pointer;overflow:hidden}.project__outer{display:block;width:100%;height:100%}.project--visible{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.project__background{background:url(../img/1.16ee0517.png) no-repeat 50%;background-size:cover}.project__background,.project__hover-background{position:absolute;top:0;left:0;width:100%;height:100%}.project__hover-background{z-index:1;-webkit-transition:opacity .35s;transition:opacity .35s;background:#2e3192;opacity:0}.project:hover .project__hover-background{opacity:.85}.project__inner{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:0 1.5em}.project__headline{font-size:1.75em;font-weight:600;letter-spacing:.05em;margin:0 0 .5em}.project__link{font-size:1em;text-transform:uppercase;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project__link__line{-webkit-transition:all .35s;transition:all .35s;width:1.5em;background:#fff;height:3px;margin:-.25em 0 0 1em}.project__link__line--showing{-webkit-animation:projectLinkLineShowing .75s forwards;animation:projectLinkLineShowing .75s forwards}.project__link:hover .project__link__line{width:2.5em}@-webkit-keyframes projectLinkLineShowing{0%,25%{width:0}to{width:1.5em}}@keyframes projectLinkLineShowing{0%,25%{width:0}to{width:1.5em}}.client{width:25%;text-align:center;margin:2.5em 0;opacity:0;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translateY(1.5em);transform:translateY(1.5em);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.client__picture{width:35%;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:filter .1s linear,-webkit-filter .1s linear;transition:filter .1s linear,-webkit-filter .1s linear}.client__picture:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.client__picture--siemens{width:60%}.client__picture--ulmart{width:30%}.client__picture--universal{width:50%}.client__picture--2see{width:55%}.client__picture--seagate{width:70%}.client__picture--loreal{width:60%}.client--visible{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.clients__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 5em}.clients__headline{font-size:1.25em;font-weight:600;text-transform:uppercase;margin:0 0 1em}.clients__text{line-height:2;font-weight:400;letter-spacing:.05em;margin:0 0 1em}@media screen and (max-device-width:1024px){.project{width:50%}.client__picture{margin:0 10px}}@media screen and (max-device-width:450px){.project{width:100%}.client{width:50%}}.contact__form{position:absolute;z-index:1;top:0;left:0;width:100%;height:10em;padding:1.5em;background:#fff;max-width:1200px;margin:0 auto}.contact__form__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 0 1.5em}.contact__form__row__input-container{-webkit-box-flex:1;-ms-flex:1;flex:1}.contact__form__row__input-container:first-of-type{margin:0 .5em 0 0}.contact__form__row__input-container:last-of-type{margin:0 0 0 .5em}.contact__form__row__input-container:only-of-type{margin:0}.contact__form__input{opacity:0;font:inherit;border:0;margin:0;outline:none;padding:.25em 0;width:100%;letter-spacing:.05em;font-weight:300;font-size:1.1em;border-bottom:2px solid #1a1d63;background:none;-webkit-animation:contactFormInput 1s forwards;animation:contactFormInput 1s forwards}.contact__form__input--error{border-bottom-color:#e81e2f;position:relative;opacity:1;-webkit-animation:contactFormInputError .5s linear forwards!important;animation:contactFormInputError .5s linear forwards!important}.contact__form__input ::-webkit-input-placeholder{-webkit-transition:all .35s;transition:all .35s;color:#c2bcce}.contact__form__input ::-moz-placeholder{-moz-transition:all .35s;transition:all .35s;color:#c2bcce}.contact__form__input :-ms-input-placeholder{-ms-transition:all .35s;transition:all .35s;color:#c2bcce}.contact__form__input :-moz-placeholder{-moz-transition:all .35s;transition:all .35s;color:#c2bcce}.contact__form__input:hover::-webkit-input-placeholder{color:#1a1d63}.contact__form__input:hover::-moz-placeholder{color:#1a1d63}.contact__form__input:hover:-ms-input-placeholder{color:#1a1d63}.contact__form__input:hover:-moz-placeholder{color:#1a1d63}.contact__form__row .contact__form__input{-webkit-animation:contactFormInput 1.5s forwards;animation:contactFormInput 1.5s forwards}.contact__form__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1.5em 0 1em}.contact__form__response{margin:0 0 0 .5em;font-size:1.25em;letter-spacing:.05em;font-weight:400;-webkit-transition:all .35s;transition:all .35s}.contact__form__response--idle{opacity:0;-webkit-transform:translateX(-1em);transform:translateX(-1em)}.contact__form__response--fail{color:#e81e2f}.contact__form__disclaimer{font-size:.85em;font-weight:300;letter-spacing:.05em;color:#c2bcce}.contact__form__disclaimer a{text-decoration:none;position:relative;color:inherit}.contact__form__disclaimer a:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#c2bcce;-webkit-transition:width .35s;transition:width .35s}.contact__form__disclaimer a:hover:after{width:50%}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}@media screen and (max-device-width:450px){.contact__form{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.25em;padding:1em;width:calc(100% - 1.5em)}.contact__form__row{display:block;margin:0}.contact__form__row__input-container{margin:0!important}.contact__form__input{border-radius:0;margin:.25em 0!important}}@-webkit-keyframes contactForm{0%,50%{opacity:0}to{opacity:1}}@keyframes contactForm{0%,50%{opacity:0}to{opacity:1}}@-webkit-keyframes contactFormInput{25%{opacity:0;width:0}to{opacity:1;width:calc(100% - .5em)}}@keyframes contactFormInput{25%{opacity:0;width:0}to{opacity:1;width:calc(100% - .5em)}}@-webkit-keyframes contactFormInputError{0%{left:-.5em}25%{left:.5em}50%{left:-.25em}75%{left:.25em}to{left:0}}@keyframes contactFormInputError{0%{left:-.5em}25%{left:.5em}50%{left:-.25em}75%{left:.25em}to{left:0}}.contact{position:relative}.contact__block-outer{height:14em}.contact__block-container{position:relative;height:14em}.contact__block-container:after{content:"";display:block;position:absolute;left:100%;width:100%;height:0;top:100%;background:#fff;-webkit-transition:all .5s;transition:all .5s}.contact__block-container--visible:after{top:0;height:14em}.contact__block{position:absolute;top:100%;width:100%;height:0;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;background:#fff}.contact__block--visible{top:0;height:14em}.contact__block-inner{padding:3em 0 3em 3em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contact__info{text-align:right}.contact__info__button-container{height:2.75em}.contact__headline{letter-spacing:.05em;font-size:1.25em;font-weight:600}.contact__line{font-size:1em;letter-spacing:.05em;font-weight:400;margin:1em 0 0}.contact__phone{font-size:1.15em;font-weight:600;letter-spacing:.1em}.contact__email-container{display:inline-block;margin:.5em 0 1.75em;position:relative}.contact__email-container:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#c2bcce;-webkit-transition:width .35s;transition:width .35s}.contact__email-container:hover:after{width:50%}.contact__email{overflow:hidden;display:inline-block;cursor:pointer;font-size:1em;font-weight:400;letter-spacing:.05em;padding:0}@media screen and (max-device-width:1024px){.contact__block-inner{overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media screen and (orientation:landscape){.contact__block-inner{overflow:hidden;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}}@media screen and (max-device-width:450px) and (orientation:portrait){.contact__info{margin:1em 0 0;text-align:left}.contact__block--visible,.contact__block-container{height:22.5em}.contact__block-outer{height:24.5em;overflow:hidden}.contact__block-container--visible:after{height:22.5em}}.project-page__back{color:#c2bdce;margin:2em 0;font-weight:500;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-animation:projectPageBack .5s;animation:projectPageBack .5s}.project-page__back__line{display:inline-block;width:2em;margin:0 .5em 3px 0;height:3px;background:#c2bdce;-webkit-transition:width .35s;transition:width .35s}.project-page__back:after{content:"";display:block;background:#111;position:absolute;bottom:-5px;left:0;width:0;-webkit-transition:width .35s;transition:width .35s;height:2px}.project-page__back:hover .project-page__back:after{width:100%}.project-page__back:hover .project-page__back__line{width:3em}.project-page__main-headline{margin:2.5em 0 .5em}.project-page__info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-page__info__item{width:50%;margin:0 0 1.5em}.project-page__info__item__link{text-decoration:none;color:inherit;display:inline-block;position:relative}.project-page__info__item__link:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#111;-webkit-transition:width .35s;transition:width .35s}.project-page__info__item__link:hover:after{width:50%}.project-page__info__headline{font-size:1.25em;text-transform:uppercase;font-weight:500;letter-spacing:.05em}.project-page__info__text{line-height:1.75}.project-page__media__picture{width:100%}.project-page__media__item{margin:.5em 0 1em;opacity:0;-webkit-transform:translateY(3.5em);transform:translateY(3.5em);-webkit-transition:all .5s;transition:all .5s}.project-page__media__item--visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.project-page__contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project-page__contact__form-container{position:absolute;left:0;width:calc(100% - 3em)}.project-page__contact__form-container .contact-form{position:relative}.project-page__contact__form__close{display:none;fill:#c2bcce;width:2.5em;height:2.5em;position:absolute;z-index:100;right:-1em;top:1em}@-webkit-keyframes projectPageBack{0%{opacity:0}to{opacity:1}}@keyframes projectPageBack{0%{opacity:0}to{opacity:1}}@media screen and (max-device-width:450px){.project-page__contact{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.project-page__contact__form-container .contact__form{background:#fff;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:16em;-webkit-transition:all .35s;transition:all .35s;width:calc(100% + .5em);padding:3em 1em 1em}.project-page__contact__form-container--focused .contact__form{height:100vh}.project-page__contact__form__close{display:block}}@font-face{font-family:Muller;src:url(../fonts/MullerLight.fbb65c9c.otf) format("opentype");font-weight:100;font-display:block}@font-face{font-family:Muller;src:url(../fonts/MullerRegular.efd160ca.otf) format("opentype");font-weight:300;font-display:block}@font-face{font-family:Muller;src:url(../fonts/MullerMedium.3bf0f256.otf) format("opentype");font-weight:400;font-display:block}@font-face{font-family:Muller;src:url(../fonts/MullerBold.8b23c9a4.otf) format("opentype");font-weight:500;font-display:block}@font-face{font-family:Muller;src:url(../fonts/MullerExtraBold.4b267650.otf) format("opentype");font-weight:600;font-display:block}@font-face{font-family:Muller;src:url(../fonts/MullerBlack.f81dc646.otf) format("opentype");font-weight:700;font-display:block}@font-face{font-family:Muller;src:url(../fonts/MullerHeavy.4ff456da.otf) format("opentype");font-weight:800}@font-face{font-family:Qurany;src:url(../fonts/Qurany.28a93cc5.ttf) format("truetype");font-weight:300;font-display:block}body{margin:0;padding:0;width:100%;font-size:16px;font-family:Muller;font-weight:200;background:#111;overflow-x:hidden}#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-container{position:relative;z-index:1;width:1200px;max-width:1200px;margin:0 auto}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .35s;transition:opacity .35s}.fade-enter,.fade-leave-to{opacity:0}.main-headline{font-size:3.5em;font-weight:500;color:#2e3192;letter-spacing:.05em}.button{cursor:pointer;font-size:.85em;letter-spacing:.1em;font-weight:600;text-transform:uppercase;color:#fff;display:inline-block;white-space:nowrap;overflow:hidden;position:relative}.button__text{margin:0 0 -.25em}.button__inner{-webkit-animation:buttonInner 1s forwards;animation:buttonInner 1s forwards;background:#1a1d63;position:relative;padding:1em 1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .35s;transition:all .35s}.button:hover .button__inner{background:#000}.button__icon{height:1em;fill:#fff;margin:0 0 0 1em;-webkit-transition:all .35s;transition:all .35s}.button--flat .button__inner{background:none;color:#c2bcce}.button--flat:hover .button__inner{background:none;color:#1a1d63}.button--flat .button__icon{fill:#c2bcce}.button--flat .button__inner:hover .button__icon{fill:#1a1d63}@-webkit-keyframes buttonInner{0%{right:100%}to{right:0}}@keyframes buttonInner{0%{right:100%}to{right:0}}.copyrights{text-align:right;color:#c2bcce;margin:2.5em 0;font-weight:300;letter-spacing:.05em}.copyrights__privacy-policy{color:inherit;text-decoration:none;position:relative;margin:0 1em 0 0}.copyrights__privacy-policy:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#c2bcce;-webkit-transition:width .35s;transition:width .35s}.copyrights__privacy-policy:hover:after{width:50%}@media screen and (max-device-width:1366px){.main-container{width:100%;margin:0 25px 0 90px}}@media screen and (max-device-width:1024px){#app{width:100%;overflow-x:hidden}body{font-size:14px}}@media screen and (max-device-width:450px),screen and (max-device-width:768px) and (orientation:landscape){.main-container{margin:0 18px}}@media screen and (max-device-width:450px){.main-headline{letter-spacing:.05em}.main-container{margin:0 18px}body{font-size:12px}.copyrights{text-align:left;margin:1em 0;line-height:2}.copyrights__rights-reserved{display:block}}