.color-layer-svg-main{background-image:url(../img/backgrounds/bg-main.svg)}
.color-layer-svg-menu{background-image:url(../img/backgrounds/bg-menu.svg)}
.svg-background-1,.svg-background-2,.svg-background-3{background-color:#f7f7f7;background-repeat:no-repeat;background-position:center bottom;-moz-background-size:cover;background-size:cover}
.svg-background-1{background-image:url(../img/backgrounds/bg-about.svg)}
.svg-background-2{background-position:right bottom;background-image:url(../img/backgrounds/bg-about-half.svg)}
.svg-background-3{background-position:right top,left bottom;background-image:url(../img/backgrounds/bg-contact.svg),url(../img/backgrounds/bg-contact-2.svg)}
@media (orientation: landscape) {
.svg-background-1{background-image:url(../img/backgrounds/bg-about.svg)}
.svg-background-3{background-image:url(../img/backgrounds/bg-contact.svg),url(../img/backgrounds/bg-contact-2.svg)}
}
@media (orientation: portrait) {
.svg-background-1{background-image:url(../img/backgrounds/bg-about-portrait.svg)}
.svg-background-3{background-position:right top;background-image:url(../img/backgrounds/bg-contact-portrait.svg)}
}
.media-bg-1{background-image:url(../img/backgrounds/1000x1500-media-bg-1.jpg)}
.media-bg-2{background-image:url(../img/backgrounds/1000x1500-media-bg-4.jpg)}
.media-bg-3{background-image:url(../img/backgrounds/1000x1500-media-bg-5.jpg)}
.media-bg-4{background-image:url(../img/backgrounds/1000x1500-media-bg-6.jpg)}
.swiper-image-1{background-image:url(../img/sliders/1000x1500-slide-1.jpg)}
.swiper-image-2{background-image:url(../img/sliders/1000x1500-slide-2.jpg)}
.swiper-image-3{background-image:url(../img/sliders/1000x1500-slide-3.jpg)}
.swiper-image-4{background-image:url(../img/sliders/1000x1500-slide-4.jpg)}
.swiper-image-5{background-image:url(../img/sliders/1000x1500-slide-5.jpg)}
.swiper-slide-1{background-image:url(../img/sliders/1000x1200-slide-1.jpg)}
.swiper-slide-2{background-image:url(../img/sliders/1000x1200-slide-2.jpg)}
.swiper-slide-3{background-image:url(../img/sliders/1000x1200-slide-3.jpg)}
.swiper-slide-4{background-image:url(../img/sliders/1000x1200-slide-4.jpg)}
.swiper-slide-5{background-image:url(../img/sliders/1000x1200-slide-5.jpg)}
.works-slide-1{background-image:url(../img/sliders/1920x1080-slide-1.jpg)}
.works-slide-2{background-image:url(../img/sliders/1920x1080-slide-2.jpg)}
.works-slide-3{background-image:url(../img/sliders/1920x1080-slide-3.jpg)}
.about-intro{background-image:url(../img/backgrounds/1920x1080-1.jpg)}
.works-intro{background-image:url(../img/backgrounds/1920x1080-2.jpg)}
.contact-intro{background-image:url(../img/backgrounds/1920x1080-3.jpg)}
@media (orientation: landscape) {
.about-intro{background-image:url(../img/backgrounds/1920x1080-1.jpg)}
.works-intro{background-image:url(../img/backgrounds/1920x1080-2.jpg)}
.contact-intro{background-image:url(../img/backgrounds/1920x1080-3.jpg)}
}
@media (orientation: portrait) {
.about-intro{background-image:url(../img/backgrounds/1080x1920-1.jpg)}
.works-intro{background-image:url(../img/backgrounds/1080x1920-2.jpg)}
.contact-intro{background-image:url(../img/backgrounds/1080x1920-3.jpg)}
}
.my-gallery__descr::after{background-image:url(../img/backgrounds/bg-gallery-item.svg)}
.image-block-1{background-image:url(../img/backgrounds/1200x800-image-block-1.jpg)}
.image-block-2{background-image:url(../img/backgrounds/1200x800-image-block-2.jpg)}
.image-block-3{background-image:url(../img/backgrounds/1200x800-image-block-3.jpg)}
.image-block-4{background-image:url(../img/backgrounds/1200x800-image-block-4.jpg)}
.inner-video{background-image:url(../img/backgrounds/1920x1080-inner-video.jpg)}
@font-face{font-family:"FogtwoNo5";font-style:normal;font-weight:400;src:url(../fonts/FogtwoNo5/FogtwoNo5d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/FogtwoNo5/FogtwoNo5.woff2) format("woff2"),url(../fonts/FogtwoNo5/FogtwoNo5.woff) format("woff"),url(../fonts/FogtwoNo5/FogtwoNo5.ttf) format("truetype"),url(../fonts/FogtwoNo5/FogtwoNo5.svg#FogtwoNo5) format("svg")}
@font-face{font-family:"Lato";font-style:normal;font-weight:300;src:url(../fonts/Lato-Light/Lato-Lightd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Light/Lato-Light.woff2) format("woff2"),url(../fonts/Lato-Light/Lato-Light.woff) format("woff"),url(../fonts/Lato-Light/Lato-Light.ttf) format("truetype"),url(../fonts/Lato-Light/Lato-Light.svg#Lato) format("svg")}
@font-face{font-family:"Lato";font-style:normal;font-weight:400;src:url(../fonts/Lato-Regular/Lato-Regulard41d.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Regular/Lato-Regular.woff2) format("woff2"),url(../fonts/Lato-Regular/Lato-Regular.woff) format("woff"),url(../fonts/Lato-Regular/Lato-Regular.ttf) format("truetype"),url(../fonts/Lato-Regular/Lato-Regular.svg#Lato) format("svg")}
@font-face{font-family:"Lato";font-style:normal;font-weight:700;src:url(../fonts/Lato-Bold/Lato-Boldd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Bold/Lato-Bold.woff2) format("woff2"),url(../fonts/Lato-Bold/Lato-Bold.woff) format("woff"),url(../fonts/Lato-Bold/Lato-Bold.ttf) format("truetype"),url(../fonts/Lato-Bold/Lato-Bold.svg#Lato) format("svg")}
*,::before,::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button:active,button:focus{outline:none!important}
button::-moz-focus-inner{border:0!important}
input::-moz-focus-inner{border:0!important}
::-moz-selection{background-color:rgba(123,72,183,0.7);color:#fff;text-shadow:none}
::selection{background-color:rgba(123,72,183,0.7);color:#fff;text-shadow:none}
::-webkit-scrollbar{display:none;width:5px;background:#cab6e2}
@media only screen and (min-width: 768px) {
::-webkit-scrollbar{display:block}
}
::-webkit-scrollbar-track{border-radius:20px;background-color:#cab6e2}
::-webkit-scrollbar-thumb{background-color:#7b48b7;border-radius:10px}
html,body{width:100%;height:100%;overflow:hidden}
html{font-family:sans-serif;font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{position:relative;min-width:320px;overflow-x:hidden!important;font:normal 400 1.6rem/1.6 Lato,sans-serif}
header{min-width:320px}
section{position:relative;min-width:320px}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0}
img{display:block;width:100%;height:auto}
.overflow-hidden{overflow:hidden!important}
.fullheight{position:static;height:auto}
@media only screen and (min-width: 1200px) {
.fullheight{position:relative;height:100%}
}
.fullheight-mobile{position:relative;height:100%}
.color-layer{position:absolute;top:0;left:0;width:100%;height:100%}
.color-layer-black{background-color:rgba(12,12,40,0.4)}
.color-layer-gradient-bottom{background:-webkit-gradient(linear,left top,left bottom,from(rgba(123,72,183,0.1)),to(rgba(123,72,183,0.5)));background:-moz-linear-gradient(top,rgba(123,72,183,0.1) 0%,rgba(123,72,183,0.5) 100%);background:-o-linear-gradient(top,rgba(123,72,183,0.1) 0%,rgba(123,72,183,0.5) 100%);background:linear-gradient(to bottom,rgba(123,72,183,0.1) 0%,rgba(123,72,183,0.5) 100%);mix-blend-mode:multiply}
.color-layer-gradient{background:-moz-linear-gradient(315deg,rgba(86,55,137,0.6) 0%,rgba(152,25,154,0.6) 35%,rgba(15,15,84,0.6) 100%);background:-o-linear-gradient(315deg,rgba(86,55,137,0.6) 0%,rgba(152,25,154,0.6) 35%,rgba(15,15,84,0.6) 100%);background:linear-gradient(135deg,rgba(86,55,137,0.6) 0%,rgba(152,25,154,0.6) 35%,rgba(15,15,84,0.6) 100%);mix-blend-mode:multiply}
.color-layer-svg{background-repeat:no-repeat;background-position:center bottom;-moz-background-size:cover;background-size:cover}
.cursor{display:block;position:fixed;width:20px;height:20px;margin-top:-10px;margin-left:-10px;-moz-border-radius:50%;border-radius:50%;background-color:#ad85f9;mix-blend-mode:multiply;pointer-events:none;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .4s cubic-bezier(0.75,-0.27,0.3,1.33);transition:-webkit-transform .4s cubic-bezier(0.75,-0.27,0.3,1.33);-o-transition:transform .4s cubic-bezier(0.75,-0.27,0.3,1.33);-moz-transition:transform .4s cubic-bezier(0.75,-0.27,0.3,1.33),-moz-transform .4s cubic-bezier(0.75,-0.27,0.3,1.33);transition:transform .4s cubic-bezier(0.75,-0.27,0.3,1.33);transition:transform .4s cubic-bezier(0.75,-0.27,0.3,1.33),-webkit-transform .4s cubic-bezier(0.75,-0.27,0.3,1.33),-moz-transform .4s cubic-bezier(0.75,-0.27,0.3,1.33);z-index:9999}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.cursor{visibility:hidden}
}
.touch .cursor{display:none}
.cursor-s{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6)}
.cursor-l{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}
#main .media__content{-webkit-transform:translate3d(100px,0,0);-moz-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);opacity:0}
#main .headline__subtitle,#main .headline__title,#main .headline__descr,#main .headline__btnholder{opacity:0;-webkit-transform:translateY(3rem);-moz-transform:translateY(3rem);-ms-transform:translateY(3rem);transform:translateY(3rem)}
#main .intro__socials,#main .intro__copyright{opacity:0}
#main .main__intro .color-layer{opacity:0}
#main .intro__headline{opacity:1;-webkit-transition:opacity .6s ease-in-out;-o-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}
#main.animate-in .media__content{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-webkit-transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;transition:all .6s}
#main.animate-in .headline__subtitle{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .6s 0.3s,-webkit-transform .6s .3s;transition:opacity .6s 0.3s,-webkit-transform .6s .3s;-o-transition:opacity .6s 0.3s,transform .6s .3s;-moz-transition:opacity .6s 0.3s,transform .6s 0.3s,-moz-transform .6s .3s;transition:opacity .6s 0.3s,transform .6s .3s;transition:opacity .6s 0.3s,transform .6s 0.3s,-webkit-transform .6s 0.3s,-moz-transform .6s .3s}
#main.animate-in .headline__title{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .6s 0.4s,-webkit-transform .6s .4s;transition:opacity .6s 0.4s,-webkit-transform .6s .4s;-o-transition:opacity .6s 0.4s,transform .6s .4s;-moz-transition:opacity .6s 0.4s,transform .6s 0.4s,-moz-transform .6s .4s;transition:opacity .6s 0.4s,transform .6s .4s;transition:opacity .6s 0.4s,transform .6s 0.4s,-webkit-transform .6s 0.4s,-moz-transform .6s .4s}
#main.animate-in .headline__descr{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .6s 0.5s,-webkit-transform .6s .5s;transition:opacity .6s 0.5s,-webkit-transform .6s .5s;-o-transition:opacity .6s 0.5s,transform .6s .5s;-moz-transition:opacity .6s 0.5s,transform .6s 0.5s,-moz-transform .6s .5s;transition:opacity .6s 0.5s,transform .6s .5s;transition:opacity .6s 0.5s,transform .6s 0.5s,-webkit-transform .6s 0.5s,-moz-transform .6s .5s}
#main.animate-in .headline__btnholder{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .6s 0.6s,-webkit-transform .6s .6s;transition:opacity .6s 0.6s,-webkit-transform .6s .6s;-o-transition:opacity .6s 0.6s,transform .6s .6s;-moz-transition:opacity .6s 0.6s,transform .6s 0.6s,-moz-transform .6s .6s;transition:opacity .6s 0.6s,transform .6s .6s;transition:opacity .6s 0.6s,transform .6s 0.6s,-webkit-transform .6s 0.6s,-moz-transform .6s .6s}
#main.animate-in .intro__socials,#main.animate-in .intro__copyright{opacity:1;-webkit-transition:opacity .8s 1s;-o-transition:opacity .8s 1s;-moz-transition:opacity .8s 1s;transition:opacity .8s 1s}
#main.animate-in .main__intro .color-layer{opacity:1;-webkit-transition:opacity .8s 1s;-o-transition:opacity .8s 1s;-moz-transition:opacity .8s 1s;transition:opacity .8s 1s}
#main.notify-is-visible .intro__headline{opacity:0;-webkit-transition:opacity .6s ease-in-out;-o-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}
#main.notify-is-visible .media__cover{opacity:.6;visibility:visible}
#notify .popup-title__subtitle,#notify .popup-title__title,#notify .popup-title__text{opacity:0;-webkit-transform:translateY(3rem);-moz-transform:translateY(3rem);-ms-transform:translateY(3rem);transform:translateY(3rem)}
#notify .form input,#notify .form .inputs-description,#notify .form button{opacity:0;-webkit-transform:translateY(3rem);-moz-transform:translateY(3rem);-ms-transform:translateY(3rem);transform:translateY(3rem)}
#notify.animate-in{opacity:1;visibility:visible;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
#notify.animate-in .popup-title__subtitle,#notify.animate-in .popup-title__title,#notify.animate-in .popup-title__text{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#notify.animate-in .form input,#notify.animate-in .form .inputs-description,#notify.animate-in .form button{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#notify.animate-in .popup-title__subtitle{-webkit-transition:opacity .6s 0s,-webkit-transform .6s 0;transition:opacity .6s 0s,-webkit-transform .6s 0;-o-transition:opacity .6s 0s,transform .6s 0;-moz-transition:opacity .6s 0s,transform .6s 0s,-moz-transform .6s 0;transition:opacity .6s 0s,transform .6s 0;transition:opacity .6s 0s,transform .6s 0s,-webkit-transform .6s 0s,-moz-transform .6s 0}
#notify.animate-in .popup-title__title{-webkit-transition:opacity .6s 0.1s,-webkit-transform .6s .1s;transition:opacity .6s 0.1s,-webkit-transform .6s .1s;-o-transition:opacity .6s 0.1s,transform .6s .1s;-moz-transition:opacity .6s 0.1s,transform .6s 0.1s,-moz-transform .6s .1s;transition:opacity .6s 0.1s,transform .6s .1s;transition:opacity .6s 0.1s,transform .6s 0.1s,-webkit-transform .6s 0.1s,-moz-transform .6s .1s}
#notify.animate-in .popup-title__text{-webkit-transition:opacity .6s 0.2s,-webkit-transform .6s .2s;transition:opacity .6s 0.2s,-webkit-transform .6s .2s;-o-transition:opacity .6s 0.2s,transform .6s .2s;-moz-transition:opacity .6s 0.2s,transform .6s 0.2s,-moz-transform .6s .2s;transition:opacity .6s 0.2s,transform .6s .2s;transition:opacity .6s 0.2s,transform .6s 0.2s,-webkit-transform .6s 0.2s,-moz-transform .6s .2s}
#notify.animate-in .form input,#notify.animate-in .form .inputs-description{-webkit-transition:opacity .6s 0.3s,-webkit-transform .6s .3s;transition:opacity .6s 0.3s,-webkit-transform .6s .3s;-o-transition:opacity .6s 0.3s,transform .6s .3s;-moz-transition:opacity .6s 0.3s,transform .6s 0.3s,-moz-transform .6s .3s;transition:opacity .6s 0.3s,transform .6s .3s;transition:opacity .6s 0.3s,transform .6s 0.3s,-webkit-transform .6s 0.3s,-moz-transform .6s .3s}
#notify.animate-in .form button{-webkit-transition:opacity .6s 0.4s,color 0.5s,-webkit-transform .6s .4s;transition:opacity .6s 0.4s,color 0.5s,-webkit-transform .6s .4s;-o-transition:opacity .6s 0.4s,transform .6s 0.4s,color .5s;-moz-transition:opacity .6s 0.4s,transform .6s 0.4s,color 0.5s,-moz-transform .6s .4s;transition:opacity .6s 0.4s,transform .6s 0.4s,color .5s;transition:opacity .6s 0.4s,transform .6s 0.4s,color 0.5s,-webkit-transform .6s 0.4s,-moz-transform .6s .4s}
#notify.animate-out{opacity:0;visibility:hidden}
.inner .section-slogan .left{opacity:0;-webkit-transform:translateX(-30px);-moz-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
.inner .section-slogan .right{opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
.inner .intro__scroll{opacity:0}
.inner.animate-in .section-slogan .left,.inner.animate-in .section-slogan .right{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.inner.animate-in .intro__scroll{opacity:1;-webkit-transition:all .3s .6s ease-in-out;-o-transition:all .3s .6s ease-in-out;-moz-transition:all .3s .6s ease-in-out;transition:all .3s .6s ease-in-out}
#nav .menu__item{-webkit-transform:translateX(5rem);-moz-transform:translateX(5rem);-ms-transform:translateX(5rem);transform:translateX(5rem);opacity:0;-webkit-transition:translateX 0.3s,opacity .3s;-o-transition:translateX 0.3s,opacity .3s;-moz-transition:translateX 0.3s,opacity .3s;transition:translateX 0.3s,opacity .3s}
#nav .color-layer-svg-menu{opacity:0;-webkit-transition:opacity .8s;-o-transition:opacity .8s;-moz-transition:opacity .8s;transition:opacity .8s}
#nav.animate-in{opacity:1;visibility:visible;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
#nav.animate-in .menu__item{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}
#nav.animate-in .menu__item:nth-of-type(1){-webkit-transition:opacity .6s 0.6s,-webkit-transform .6s .6s;transition:opacity .6s 0.6s,-webkit-transform .6s .6s;-o-transition:transform .6s 0.6s,opacity .6s .6s;-moz-transition:transform .6s 0.6s,opacity .6s 0.6s,-moz-transform .6s .6s;transition:transform .6s 0.6s,opacity .6s .6s;transition:transform .6s 0.6s,opacity .6s 0.6s,-webkit-transform .6s 0.6s,-moz-transform .6s .6s}
#nav.animate-in .menu__item:nth-of-type(2){-webkit-transition:opacity .6s 0.7s,-webkit-transform .6s .7s;transition:opacity .6s 0.7s,-webkit-transform .6s .7s;-o-transition:transform .6s 0.7s,opacity .6s .7s;-moz-transition:transform .6s 0.7s,opacity .6s 0.7s,-moz-transform .6s .7s;transition:transform .6s 0.7s,opacity .6s .7s;transition:transform .6s 0.7s,opacity .6s 0.7s,-webkit-transform .6s 0.7s,-moz-transform .6s .7s}
#nav.animate-in .menu__item:nth-of-type(3){-webkit-transition:opacity .6s 0.8s,-webkit-transform .6s .8s;transition:opacity .6s 0.8s,-webkit-transform .6s .8s;-o-transition:transform .6s 0.8s,opacity .6s .8s;-moz-transition:transform .6s 0.8s,opacity .6s 0.8s,-moz-transform .6s .8s;transition:transform .6s 0.8s,opacity .6s .8s;transition:transform .6s 0.8s,opacity .6s 0.8s,-webkit-transform .6s 0.8s,-moz-transform .6s .8s}
#nav.animate-in .menu__item:nth-of-type(4){-webkit-transition:opacity .6s 0.9s,-webkit-transform .6s .9s;transition:opacity .6s 0.9s,-webkit-transform .6s .9s;-o-transition:transform .6s 0.9s,opacity .6s .9s;-moz-transition:transform .6s 0.9s,opacity .6s 0.9s,-moz-transform .6s .9s;transition:transform .6s 0.9s,opacity .6s .9s;transition:transform .6s 0.9s,opacity .6s 0.9s,-webkit-transform .6s 0.9s,-moz-transform .6s .9s}
#nav.animate-in .color-layer-svg-menu{opacity:1;-webkit-transition:opacity .8s .9s;-o-transition:opacity .8s .9s;-moz-transition:opacity .8s .9s;transition:opacity .8s .9s}
#nav.animate-out{opacity:0;visibility:hidden;-webkit-transition:opacity .6s 0.6s,visibility 0 1.2s;-o-transition:opacity .6s 0.6s,visibility 0 1.2s;-moz-transition:opacity .6s 0.6s,visibility 0 1.2s;transition:opacity .6s 0.6s,visibility 0 1.2s}
#nav.animate-out .menu__item{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:0}
#nav.animate-out .menu__item:nth-of-type(4){-webkit-transition:opacity .3s 0;-o-transition:opacity .3s 0;-moz-transition:opacity .3s 0;transition:opacity .3s 0}
#nav.animate-out .menu__item:nth-of-type(3){-webkit-transition:opacity .3s .1s;-o-transition:opacity .3s .1s;-moz-transition:opacity .3s .1s;transition:opacity .3s .1s}
#nav.animate-out .menu__item:nth-of-type(2){-webkit-transition:opacity .3s .2s;-o-transition:opacity .3s .2s;-moz-transition:opacity .3s .2s;transition:opacity .3s .2s}
#nav.animate-out .menu__item:nth-of-type(1){-webkit-transition:opacity .3s .3s;-o-transition:opacity .3s .3s;-moz-transition:opacity .3s .3s;transition:opacity .3s .3s}
#header .header__logo,#header .header__controls{opacity:0}
#header .header__underline{width:0;-webkit-transition:width 0.3s,background-color .6s;-o-transition:width 0.3s,background-color .6s;-moz-transition:width 0.3s,background-color .6s;transition:width 0.3s,background-color .6s}
#header .menu-trigger{-webkit-transition:color .6s;-o-transition:color .6s;-moz-transition:color .6s;transition:color .6s}
#header .menu-trigger svg{-webkit-transition:fill .6s;-o-transition:fill .6s;-moz-transition:fill .6s;transition:fill .6s}
#header .header__logo img{-webkit-transition:opacity .6s;-o-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s}
#header .header__logo::after{-webkit-transition:opacity .6s;-o-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s}
#header{-webkit-transition:height 0.5s,background-color 0.5s,opacity 0.5s,visibility .5s;-o-transition:height 0.5s,background-color 0.5s,opacity 0.5s,visibility .5s;-moz-transition:height 0.5s,background-color 0.5s,opacity 0.5s,visibility .5s;transition:height 0.5s,background-color 0.5s,opacity 0.5s,visibility .5s}
#header.animate-in .header__underline{width:50%;-webkit-transition:width 0.3s,background-color .6s;-o-transition:width 0.3s,background-color .6s;-moz-transition:width 0.3s,background-color .6s;transition:width 0.3s,background-color .6s}
#header.animate-in .header__logo,#header.animate-in .header__controls{opacity:1;-webkit-transition:opacity .8s .3s;-o-transition:opacity .8s .3s;-moz-transition:opacity .8s .3s;transition:opacity .8s .3s}
#header.menu-is-visible .underline-1,#header.menu-is-visible .underline-2{background-color:#7f8678;-webkit-transition:background-color .6s;-o-transition:background-color .6s;-moz-transition:background-color .6s;transition:background-color .6s}
#header.menu-is-visible .menu-trigger{color:#fff;-webkit-transition:color .6s;-o-transition:color .6s;-moz-transition:color .6s;transition:color .6s}
#header.menu-is-visible .menu-trigger.light-desktop{color:#262626}
#header.menu-is-visible .menu-trigger.light-desktop svg{fill:#000}
#header.menu-is-visible .menu-trigger.dark-desktop{color:#262626}
#header.menu-is-visible .menu-trigger.dark-desktop svg{fill:#000;-webkit-transition:fill .6s;-o-transition:fill .6s;-moz-transition:fill .6s;transition:fill .6s}
#header.menu-is-visible .header__logo img{opacity:1;-webkit-transition:opacity .6s;-o-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s}
#header.menu-is-visible .header__logo::after{opacity:0;-webkit-transition:opacity .6s;-o-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s}
#header.inner-is-visible .underline-1,#header.inner-is-visible .underline-2{background-color:#fff}
#header.inner-is-visible .menu-trigger{color:#fff}
#header.inner-is-visible .menu-trigger.light-desktop{color:#fff}
#header.inner-is-visible .menu-trigger.light-desktop svg{fill:#fff}
#header.inner-is-visible .menu-trigger.dark-desktop{color:#fff}
#header.inner-is-visible .menu-trigger.dark-desktop svg{fill:#fff}
#header.inner-is-visible .header__logo img{opacity:0}
#header.inner-is-visible .header__logo::after{opacity:1}
#header.notify-is-visible{opacity:0;visibility:hidden;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
#header.smaller{height:60px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(255,255,255,0.5)}
#header.smaller .underline-1,#header.smaller .underline-2{background-color:transparent}
#header.smaller .menu-trigger{color:#262626}
#header.smaller .menu-trigger.light-desktop{color:#262626}
#header.smaller .menu-trigger.light-desktop svg{fill:#000}
#header.smaller .menu-trigger.dark-desktop{color:#262626}
#header.smaller .menu-trigger.dark-desktop svg{fill:#000}
#header.smaller .header__logo img{opacity:1}
#header.smaller .header__logo::after{opacity:0}
#header.dark.inner-is-visible .underline-1,#header.dark.inner-is-visible .underline-2{background-color:#fff}
#header.dark.inner-is-visible .menu-trigger{color:#fff}
#header.dark.inner-is-visible .menu-trigger svg{fill:#fff}
#header.dark.inner-is-visible .header__logo img{opacity:1}
#header.dark.smaller{background-color:rgba(123,72,183,0.3)}
#header.dark.smaller .underline-1,#header.dark.smaller .underline-2{background-color:transparent}
#header.dark.smaller .menu-trigger{color:#fff}
#header.dark.smaller .menu-trigger svg{fill:#fff}
#header.dark.smaller .header__logo img{opacity:1}
@media only screen and (min-width: 1200px) {
#header.notify-is-visible{opacity:1;visibility:visible}
#header.notify-is-visible .header__controls{opacity:0;visibility:hidden;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
}
@media only screen and (min-width: 1400px) {
#header.smaller{height:70px}
}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin:0;padding:0}
ul,ol{margin:0;padding:0}
p{font:normal 400 1.6rem/1.6 Lato,sans-serif;color:#3d3d3d}
p span{font-weight:700}
h1{font:normal 400 4.4rem/1 FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;color:#000}
@media only screen and (min-width: 768px) {
h1{font-size:6rem}
}
@media only screen and (min-width: 1400px) {
h1{font-size:7.8rem}
}
.headline__subtitle{display:block;font:normal 400 1.4rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.2rem;margin-bottom:2.2rem;padding-left:2px;padding-top:1.8rem;color:#636363}
@media only screen and (min-width: 768px) {
.headline__subtitle{margin-bottom:2.4rem}
}
.headline__descr{font:normal 400 1.6rem/1.6 Lato,sans-serif;margin-top:1.5rem;padding-left:2px;color:#3d3d3d;max-width:440px}
.headline__btnholder{margin-top:2.4rem}
h2{font:normal 400 4rem/1 FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;color:#000}
@media only screen and (min-width: 768px) {
h2{font-size:5rem}
}
@media only screen and (min-width: 1400px) {
h2{font-size:6rem}
}
.block__subtitle{display:block;font:normal 400 1.4rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.2rem;margin-bottom:2.3rem;padding-left:2px;color:#636363}
.block__text{font:normal 400 1.6rem/1.6 Lato,sans-serif;margin-top:1.7rem;padding-left:2px;color:#3d3d3d}
.block__text.half-text{max-width:500px}
.block__btnholder{margin-top:2.4rem}
.section-slogan{font:normal 400 5.4rem/.9 FogtwoNo5,serif;text-transform:uppercase;color:rgba(255,255,255,0.5)}
.section-slogan span{font-weight:400;display:block}
.section-slogan span.left{text-align:center}
.section-slogan span.right{text-align:center}
@media only screen and (min-width: 768px) {
.section-slogan{font-size:8rem}
}
@media only screen and (min-width: 1200px) {
.section-slogan{font-size:16rem}
.section-slogan span.left{text-align:left}
.section-slogan span.right{text-align:right}
}
@media only screen and (min-width: 1400px) {
.section-slogan{font-size:20rem}
}
h3{font:normal 400 3rem/1.2 FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;color:#000}
h3 small{display:block;font:normal 400 1.2rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.16rem;color:#636363}
h4{font:normal 400 2.8rem/1.2 FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;color:#000}
h4 small{display:block;font:normal 400 1.2rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.16rem;color:#636363}
.team__descr{font:normal 400 1.6rem/1.6 Lato,sans-serif;color:#3d3d3d}
h5{font:normal 400 2.5rem/1.2 FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;color:#000}
.contact-data__item p{color:#3d3d3d}
.contact-data__item a{display:block;font:normal 400 1.6rem/1.6 Lato,sans-serif;color:#3d3d3d;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.no-touch .contact-data__item a:hover{color:#000}
.contact-data__item ul{display:block}
.contact-data__item ul li{font:normal 400 1.6rem/1.6 Lato,sans-serif;color:#3d3d3d}
.contact-data__item ul li a{display:block;font:normal 400 1.6rem/1.6 Lato,sans-serif;color:#3d3d3d;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.no-touch .contact-data__item ul li a:hover{color:#000}
.socials{display:block;position:relative}
.socials li{display:inline-block;margin-right:-3px}
.socials-text{font:normal 700 1.2rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.16rem;color:#636363;padding-left:2px}
.socials-text li::after{content:"/";display:inline-block;height:auto;margin:0 .7rem 0 .5rem;font:normal 400 1.2rem/1.2 Lato,sans-serif;color:#636363}
.socials-text li:last-of-type::after{display:none}
.socials-text li a{color:#636363;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.no-touch .socials-text li a:hover{color:#000}
.socials-icons{font-size:1.4rem;color:#636363}
.socials-icons li{margin-right:1.8rem}
.socials-icons li a{display:block;height:2.4rem;line-height:2.4rem;color:#636363;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.no-touch .socials-icons li:hover a{color:#000}
.copyright{font:normal 400 1.2rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.16rem;color:#636363;padding-left:2px}
.copyright a{font-weight:700;color:#636363;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.no-touch .copyright a:hover{color:#000}
blockquote{position:relative;text-align:center;padding-top:6.4rem}
blockquote p{font:normal 400 3rem/1.4 FogtwoNo5,serif;color:#1a1a1a}
blockquote p span{display:block;position:absolute;top:0;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font:normal 400 20rem/.8 FogtwoNo5,serif;color:#7c61af}
blockquote cite{display:block;font:normal 400 1.2rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.16rem;color:#636363;margin-top:2.2rem}
blockquote cite span{display:block}
@media only screen and (min-width: 768px) {
blockquote{padding-top:7.4rem}
blockquote p{font-size:3.4rem}
blockquote p span{font-size:26rem}
}
.menu-trigger{display:block;position:relative;width:100px;height:24px;padding-right:40px;text-align:right;font:normal 400 1.4rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.2rem;text-decoration:none;color:#262626;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.menu-trigger svg{-webkit-transition:fill .3s ease-in-out;-o-transition:fill .3s ease-in-out;-moz-transition:fill .3s ease-in-out;transition:fill .3s ease-in-out}
.menu-trigger.light-desktop{color:#262626}
.menu-trigger.light-desktop svg{fill:#000}
.menu-trigger.dark-desktop{color:#262626}
.menu-trigger.dark-desktop svg{fill:#000}
.no-touch .menu-trigger:hover .menu-trigger__caption .menu-trigger__hover{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.menu-trigger.menu-opened .menu-trigger__icon{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.menu-trigger.menu-opened .menu-trigger__caption .menu-trigger__close{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s .9s ease-in-out,-webkit-transform .3s .9s;transition:opacity .3s .9s ease-in-out,-webkit-transform .3s .9s;-o-transition:transform .3s 0.9s,opacity .3s .9s ease-in-out;-moz-transition:transform .3s 0.9s,opacity .3s .9s ease-in-out,-moz-transform .3s .9s;transition:transform .3s 0.9s,opacity .3s .9s ease-in-out;transition:transform .3s 0.9s,opacity .3s .9s ease-in-out,-webkit-transform .3s 0.9s,-moz-transform .3s .9s}
.no-touch .menu-trigger.menu-opened:hover .menu-trigger__caption .menu-trigger__hover{opacity:0;-webkit-transform:translateX(101%);-moz-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%)}
@media only screen and (min-width: 1200px) {
.menu-trigger.light-desktop{color:#fff}
.menu-trigger.light-desktop svg{fill:#fff}
.menu-trigger.dark-desktop{color:#262626}
.menu-trigger.dark-desktop svg{fill:#000}
}
.menu-trigger__icon{display:block;position:absolute;top:0;right:0;width:24px;height:24px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out}
.menu-trigger__caption{display:block;position:relative;overflow:hidden;width:100%;height:24px}
.menu-trigger__caption em{display:block;position:absolute;top:0;right:0;line-height:24px;opacity:0;-webkit-transform:translateX(101%);-moz-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s;transition:opacity .3s ease-in-out,-webkit-transform .3s;-o-transition:transform 0.3s,opacity .3s ease-in-out;-moz-transition:transform 0.3s,opacity .3s ease-in-out,-moz-transform .3s;transition:transform 0.3s,opacity .3s ease-in-out;transition:transform 0.3s,opacity .3s ease-in-out,-webkit-transform 0.3s,-moz-transform .3s}
.round-button{display:inline-block;position:relative;height:50px;line-height:50px;padding-right:70px;padding-left:3px}
.no-touch .round-button:hover .button__icon{color:#fff}
.no-touch .round-button:hover .button__icon svg{fill:#fff}
.no-touch .round-button:hover .button__icon::after{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);-ms-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}
.no-touch .round-button:hover .button__caption{color:#000}
.button__caption{font:normal 700 1.4rem/50px Lato,sans-serif;text-transform:uppercase;letter-spacing:.1rem;color:#000;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.button__icon{display:block;position:absolute;top:0;right:0;width:50px;height:50px;line-height:50px;-moz-border-radius:50%;border-radius:50%;border:1px solid #7c61af;text-align:center;color:#7c61af;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out;z-index:1}
.button__icon::after{content:"";display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) scale(0);-moz-transform:translateX(-50%) translateY(-50%) scale(0);-ms-transform:translateX(-50%) translateY(-50%) scale(0);transform:translateX(-50%) translateY(-50%) scale(0);height:50px;width:50px;-moz-border-radius:50%;border-radius:50%;background-color:#7b48b7;z-index:-1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.button__icon svg{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:18px;height:18px;fill:#7c61af;-webkit-transition:fill .3s ease-in-out;-o-transition:fill .3s ease-in-out;-moz-transition:fill .3s ease-in-out;transition:fill .3s ease-in-out}
.button__icon .material-icons{line-height:50px;font-size:1.8rem}
.intro__scroll{display:block;position:absolute;bottom:0;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:70px;overflow:hidden}
.intro__scroll::after{content:"";display:block;position:absolute;top:0;left:12px;width:1px;height:100%;background-color:#fff;-webkit-animation:scrollBtn 1s ease-in-out 0 infinite;-moz-animation:scrollBtn 1s ease-in-out 0 infinite;animation:scrollBtn 1s ease-in-out 0 infinite}
@-webkit-keyframes scrollBtn {
0%{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
68%{opacity:1;-webkit-transform:translateY(100%);transform:translateY(100%)}
69%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@-moz-keyframes scrollBtn {
0%{opacity:1;-moz-transform:translateY(-100%);transform:translateY(-100%)}
68%{opacity:1;-moz-transform:translateY(100%);transform:translateY(100%)}
69%{opacity:0;-moz-transform:translateY(100%);transform:translateY(100%)}
100%{opacity:0;-moz-transform:translateY(-100%);transform:translateY(-100%)}
}
@keyframes scrollBtn {
0%{opacity:1;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}
68%{opacity:1;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}
69%{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}
100%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}
}
.inner-video-trigger{display:block;width:100px;height:100px;-moz-border-radius:50%;border-radius:50%;background-color:transparent;border:1px solid #fff;font:normal 400 2.2rem/100px FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;text-align:center;color:#fff;overflow:hidden;z-index:1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.inner-video-trigger::after{content:"";display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(0);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(0);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(0);transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(0);height:100px;width:100px;-moz-border-radius:100px;border-radius:100px;background-color:#fff;z-index:-1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.no-touch .inner-video-trigger:hover{color:#000}
.no-touch .inner-video-trigger:hover::after{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(1);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(1);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(1);transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(1)}
.btn{position:relative;display:inline-block;border:none;outline:0;padding:0;font:normal 400 1.4rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.2rem;text-decoration:none;color:#000;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.btn-solid{background-color:#7b48b7;height:50px;line-height:50px;width:auto;min-width:140px;padding:0 4.6rem;text-align:center;font:normal 400 1.4rem/50px Lato,sans-serif;text-transform:uppercase;letter-spacing:.2rem;color:#fff;overflow:hidden;border:1px solid #7b48b7;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:1}
.btn-solid::after{content:"";display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) scale(0);-moz-transform:translateX(-50%) translateY(-50%) scale(0);-ms-transform:translateX(-50%) translateY(-50%) scale(0);transform:translateX(-50%) translateY(-50%) scale(0);height:400%;width:150%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;z-index:-1;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.no-touch .btn-solid:hover{color:#000}
.no-touch .btn-solid:hover::after{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);-ms-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}
.form-container{position:relative;padding-top:1.4rem}
.form{opacity:1;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.form.is-hidden{opacity:0}
form{position:relative;width:100%}
form input,form textarea{position:relative;display:block;width:100%;border:none;outline:none;margin:0;padding:0;background-color:transparent;padding:1.6rem .2rem;font:normal 300 1.6rem/1.7 Lato,sans-serif;border-bottom:1px solid rgba(0,0,0,0.4);color:#000}
form input:focus,form textarea:focus{border-bottom:1px solid #7b48b7}
form input{height:5rem;margin-bottom:2.4rem}
form input.margin-s{margin-bottom:.5rem}
form textarea{height:14rem;margin-bottom:.5rem}
form .inputs-description{display:block;width:100%;margin-bottom:1.6rem;text-align:right;font:normal 400 1.3rem/1.2 Lato,sans-serif;color:#636363}
form ::-webkit-input-placeholder{color:#929292}
form :-moz-placeholder{color:#929292}
form ::-moz-placeholder{color:#929292}
form :-ms-input-placeholder{color:#929292}
form input:focus:required:invalid,form textarea:focus:required:invalid{color:#000}
form input:required:valid,form textarea:required:valid{color:#000}
.reply-group{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100%;max-width:300px;padding:0 15px;text-align:center;opacity:0;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.reply-group.is-visible{opacity:1}
.notify .reply-group{left:0;top:2rem;bottom:auto;right:auto;-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);max-width:44rem;padding:0;text-align:left}
.reply-group__icon{text-align:center;font-size:4rem;color:#7b48b7;margin-bottom:1.2rem}
.reply-group__svg{display:inline-block;width:4rem;height:4rem;fill:#7b48b7;margin-bottom:1.2rem}
.reply-group__title{font:normal 400 2.5rem/1 FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;color:#000;margin-bottom:.6rem}
p.reply-group__title{color:#000}
.reply-group__text{display:block;font:normal 400 1.6rem/1.6 Lato,sans-serif;color:#3d3d3d}
.video-background{position:absolute;top:0;left:0;width:100%;height:100%}
#video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}
#main-video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;background-position:center center;-moz-background-size:contain;background-size:contain;-o-object-fit:cover;object-fit:cover}
#bgndKenburns{display:block;position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background-color:#ffc0cb}
#triangles-js,#particles-js{position:absolute;width:100%;height:100%;min-height:320px;background-color:transparent}
.header{display:block;position:fixed;top:0;left:0;width:100%;height:70px;z-index:12;background-color:transparent}
@media only screen and (min-width: 1200px) {
.header{height:80px}
}
@media only screen and (min-width: 1400px) {
.header{height:100px}
}
.header__logo{position:absolute;left:10%;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.header__logo img{display:block;width:auto;height:auto;opacity:1;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.header__logo::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;opacity:0;z-index:-1;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.header__logo.replace-to-light::after{background-image:url(../img/logo-light.svg)}
@media only screen and (min-width: 1200px) {
.header__logo{left:6rem}
}
@media only screen and (min-width: 1400px) {
.header__logo{left:8rem}
}
.header__controls{position:absolute;right:10%;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media only screen and (min-width: 1200px) {
.header__controls{right:6rem}
}
@media only screen and (min-width: 1400px) {
.header__controls{right:8rem}
}
.header__underline{position:absolute;bottom:0;width:50%;height:1px;background-color:#7f8678}
.header__underline.underline-1{left:50%}
.header__underline.underline-2{right:50%}
.header__underline.light-desktop{background-color:#7f8678}
.header__underline.dark-desktop{background-color:#7f8678}
@media only screen and (min-width: 1200px) {
.header__underline.light-desktop{background-color:#fff}
.header__underline.dark-desktop{background-color:#7f8678}
}
.main{position:relative;height:100%;overflow-y:auto;padding-top:70px;background-color:#fcfcfc;opacity:0;visibility:hidden;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.main.active-section{opacity:1;visibility:visible}
@media only screen and (min-width: 1200px) {
.main{padding-top:0;overflow:hidden}
}
.main__intro{position:relative;background-color:#fcfcfc}
.intro__headline{position:relative;margin:10rem 0;padding:0 10%}
@media only screen and (min-width: 1200px) {
.intro__headline{position:absolute;left:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;margin:0;padding:0 6rem;margin-top:1rem}
}
@media only screen and (min-width: 1400px) {
.intro__headline{padding:0 8rem;margin-top:1.4rem}
}
.intro__socials{position:relative;padding:0 10%}
@media only screen and (min-width: 1200px) {
.intro__socials{position:absolute;bottom:2.8rem;left:6rem;padding:0}
}
@media only screen and (min-width: 1400px) {
.intro__socials{position:absolute;bottom:3.8rem;left:8rem}
}
.intro__copyright{position:relative;padding:0 10%;margin-top:.6rem;margin-bottom:2.3rem}
@media only screen and (min-width: 1200px) {
.intro__copyright{position:absolute;right:6rem;bottom:2.8rem;margin:0;padding:0}
}
@media only screen and (min-width: 1400px) {
.intro__copyright{position:absolute;right:8rem;bottom:3.8rem}
}
.main__media{position:relative;height:100vh;min-height:568px;overflow:hidden}
.media__content{position:relative;width:100%;height:100%;background-color:#7b48b7}
.media__image{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-moz-background-size:cover;background-size:cover}
.media__cover{opacity:0;visibility:hidden;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.media__countdown{position:absolute;right:10%;bottom:2.3rem;text-align:right}
.media__countdown #countdown{position:relative;font:normal 400 6rem/1 FogtwoNo5,serif;letter-spacing:.16rem;text-transform:uppercase;color:#fff}
.media__countdown .help-text{display:block;font:normal 700 1.2rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.16rem;color:#fff;margin-top:.8rem}
.media__countdown .countdown-period{color:rgba(255,255,255,0.5);letter-spacing:normal}
@media only screen and (min-width: 768px) {
.media__countdown #countdown{font-size:9rem}
}
@media only screen and (min-width: 1200px) {
.media__countdown{position:absolute;right:6rem;bottom:2.8rem}
}
@media only screen and (min-width: 1400px) {
.media__countdown{position:absolute;right:8rem;bottom:3.8rem}
.media__countdown #countdown{font-size:13rem}
}
.nav{display:block;position:fixed;top:0;left:0;width:100%;height:100%;padding-top:70px;background-color:#f7f7f7;overflow-y:auto;z-index:11;opacity:0;visibility:hidden}
@media only screen and (min-width: 1200px) {
.nav{padding-top:0}
}
.nav__menu,.nav__media{position:relative}
.nav__menu{padding:10rem 0}
@media only screen and (min-width: 1200px) {
.nav__menu{height:100%;padding:0}
}
.nav__media{height:100vh;min-height:568px;background-color:#fff;overflow:hidden}
@media only screen and (min-width: 1200px) {
.nav__media{height:100%}
}
.media__container{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;background-repeat:no-repeat;background-position:center;-moz-background-size:cover;background-size:cover}
.media__container .photo-hover{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center;-moz-background-size:cover;background-size:cover;opacity:0;visibility:hidden;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;pointer-events:none}
.media__container .photo-hover.active{opacity:1;visibility:visible}
.menu{display:block;position:relative;width:100%;padding:0 10%}
@media only screen and (min-width: 1200px) {
.menu{position:absolute;left:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 6rem}
}
@media only screen and (min-width: 1400px) {
.menu{padding:0 8rem}
}
.menu__item{display:block;position:relative;width:100%;margin-bottom:2rem}
.menu__item:first-of-type{padding-top:1.3rem}
.menu__item:last-of-type{margin-bottom:1.3rem}
.menu__link{display:inline-block;position:relative;padding-left:3.6rem;color:#000;-webkit-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;-moz-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
.no-touch .menu__link:hover{color:#7b48b7}
.menu__link.active-trigger{color:#7b48b7}
.no-touch .menu__link.active-trigger:hover{color:#623a92}
.link__number{display:block;position:absolute;top:6px;left:0;font:normal 400 1.4rem/1.2 Lato,sans-serif}
@media only screen and (min-width: 768px) {
.link__number{top:7px}
}
@media only screen and (min-width: 1400px) {
.link__number{top:10px}
}
.link__caption{display:inline-block;font:normal 400 4.4rem/1 FogtwoNo5,serif;text-transform:uppercase}
@media only screen and (min-width: 768px) {
.link__caption{font-size:6rem}
}
@media only screen and (min-width: 1400px) {
.link__caption{font-size:7.8rem}
}
.notify{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;padding-top:70px;background-color:#f7f7f7;overflow-y:auto;z-index:13;opacity:0;visibility:hidden;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.notify .form-container{max-width:440px}
@media only screen and (min-width: 1200px) {
.notify{position:absolute;top:0;left:0;padding-top:0;z-index:10;background-color:rgba(247,247,247,0.5)}
}
.popup-controls{position:absolute;top:0;left:0;width:100%;height:70px;padding:2.3rem 10%}
@media only screen and (min-width: 1200px) {
.popup-controls{top:80px;height:80px;padding:2.8rem 6rem}
}
@media only screen and (min-width: 1400px) {
.popup-controls{top:100px;height:100px;padding:3.8rem 8rem}
}
.popup-content{position:relative;padding:7rem 10%}
@media only screen and (min-width: 1200px) {
.popup-content{position:absolute;left:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;padding:0 6rem}
}
@media only screen and (min-width: 1400px) {
.popup-content{padding:0 8rem}
}
.popup-title{position:relative;max-width:440px;padding-top:0;margin-bottom:2.6rem}
@media only screen and (min-width: 1200px) {
.popup-title{padding-top:8rem}
}
.popup-title__subtitle{display:block;font:normal 400 1.4rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.2rem;margin-bottom:2.3rem;padding-left:2px;color:#636363}
.popup-title__title{font:normal 400 4rem/1 FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;color:#000}
.popup-title__text{font:normal 400 1.6rem/1.6 Lato,sans-serif;margin-top:1.7rem;padding-left:2px;color:#3d3d3d;max-width:440px}
.notify-close{display:block;position:relative;height:2.4rem;width:2.4rem;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out;z-index:1}
.notify-close::before,.notify-close::after{content:"";display:block;position:absolute;top:1.1rem;left:-.3rem;width:3rem;height:.1rem;background-color:#000;-webkit-transition:background-color .3s;-o-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}
.notify-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.notify-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.no-touch .notify-close:hover::before,.no-touch .notify-close:hover::after{background-color:#636363}
.notify-close.is-scaled-up{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f7f7f7;overflow-y:auto;z-index:3;opacity:0;visibility:hidden}
.inner.active-section{opacity:1;visibility:visible}
@media only screen and (min-width: 1200px) {
.inner{padding-top:0}
}
.inner__container{position:relative}
.content-block{position:relative;padding:7rem 10%}
@media only screen and (min-width: 1200px) {
.content-block{padding:8rem 6rem}
}
@media only screen and (min-width: 1400px) {
.content-block{padding:10rem 8rem}
}
.grid-block{position:relative;padding:0 -moz-calc(10% - 1.5rem);padding:0 calc(10% - 1.5rem)}
@media only screen and (min-width: 1200px) {
.grid-block{padding:0 4.5rem}
}
@media only screen and (min-width: 1400px) {
.grid-block{padding:0 6.5rem}
}
.image-block{position:relative;width:100%;height:320px;background-color:#ffc0cb;background-repeat:no-repeat;background-position:center center;-moz-background-size:cover;background-size:cover}
@media only screen and (min-width: 768px) {
.image-block{height:600px}
}
@media only screen and (min-width: 1200px) {
.image-block{height:100%}
}
.block__content{margin-bottom:4rem}
.block__content.no-margin-bottom{margin-bottom:0}
.content-wrapper{position:relative}
.media-wrapper{position:relative;overflow:hidden;padding:0}
.inner__intro{position:relative;min-height:568px;background-color:#7b48b7;background-repeat:no-repeat;background-position:center;-moz-background-size:cover;background-size:cover}
.intro__caption{position:absolute;left:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;padding:0 -moz-calc(10% - 1.5rem);padding:0 calc(10% - 1.5rem)}
@media only screen and (min-width: 1200px) {
.intro__caption{padding:0 4.5rem}
}
@media only screen and (min-width: 1400px) {
.intro__caption{padding:0 6.5rem}
}
.inner__content{position:relative}
.inner-video{position:relative;width:100%;height:600px;background-color:#7b48b7;background-repeat:no-repeat;background-position:center center;-moz-background-size:cover;background-size:cover}
@media only screen and (min-width: 1400px) {
.inner-video{height:740px}
}
.inner-video__button{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.show-skillbar{display:block;padding:0;margin-bottom:2.6rem}
.show-skillbar:last-of-type{margin-bottom:0}
@media only screen and (min-width: 1400px) {
.show-skillbar{margin-bottom:3rem}
}
.skillbar{position:relative;width:100%;height:3rem;border-bottom:1px solid rgba(0,0,0,0.1)}
@media only screen and (min-width: 1400px) {
.skillbar{height:3.2rem}
}
.skillbar-title{position:absolute;top:0;left:0;font:normal 400 2.4rem/1.2 FogtwoNo5,serif;color:#000}
@media only screen and (min-width: 1400px) {
.skillbar-title{font-size:2.6rem}
}
.skillbar-bar{display:inline-block;position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:#7b48b7}
.skill-bar-percent{display:block;position:absolute;top:0;right:2px;font:normal 400 2.4rem/1.2 FogtwoNo5,serif;-webkit-font-feature-settings:lnum;-moz-font-feature-settings:lnum;font-feature-settings:lnum;color:#000}
@media only screen and (min-width: 1400px) {
.skill-bar-percent{font-size:2.6rem}
}
.team{position:relative;padding-top:4rem}
.team__item{position:relative;margin-bottom:4rem}
.team__item:last-of-type{margin-bottom:0}
@media only screen and (min-width: 768px) {
.team__item:nth-of-type(3){margin-bottom:0}
}
@media only screen and (min-width: 1200px) {
.team__item{margin-bottom:0}
}
.team__descr{margin-top:1.4rem}
.team__image{display:block;position:relative;margin-bottom:2.2rem}
.team__socials{margin-top:1.5rem}
.contact-data{position:relative;padding-top:4rem}
.contact-data__block{position:relative;margin-top:4rem}
.contact-data__block:first-of-type{margin-top:0}
@media only screen and (min-width: 1200px) {
.contact-data__block{margin-top:0}
}
.contact-data__item{margin-bottom:4rem}
.contact-data__item:last-of-type{margin-bottom:0}
@media only screen and (min-width: 768px) {
.contact-data__item:nth-of-type(3){margin-bottom:0}
}
.swiper,.swiper-2{height:100%;background-color:#7b48b7}
.swiper-2{background-color:#f18af9}
.swiper-works{position:relative;width:100%;height:600px;background-color:#7b48b7}
@media only screen and (min-width: 1400px) {
.swiper-works{height:740px}
}
.swiper-slide{position:relative;width:100%;height:100%;background-color:transparent}
.works-slide{background-position:center center;background-repeat:no-repeat;-moz-background-size:cover;background-size:cover}
.slide-image{position:relative;width:100%;height:100%;background-color:#7b48b7;background-position:center center;background-repeat:no-repeat;-moz-background-size:cover;background-size:cover}
.slide-caption{display:block;position:absolute;right:10%;bottom:5rem;font:normal 400 6rem/1 FogtwoNo5,serif;color:#fff}
@media only screen and (min-width: 768px) {
.slide-caption{font-size:11rem}
}
@media only screen and (min-width: 1200px) {
.slide-caption{right:6rem}
}
@media only screen and (min-width: 1400px) {
.slide-caption{right:8rem;font-size:16rem}
}
.swiper-button-prev::after,.swiper-button-next::after{display:none}
.swiper-button-prev.main-swiper-controls,.swiper-button-next.main-swiper-controls{width:auto;height:auto;top:auto;margin-top:0;bottom:2.3rem;font:normal 700 1.2rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.16rem;color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:color .3s;-o-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
.no-touch .swiper-button-prev.main-swiper-controls:hover,.no-touch .swiper-button-next.main-swiper-controls:hover{color:#fff}
.swiper-button-prev.works-swiper-controls,.swiper-button-next.works-swiper-controls{width:50px;height:50px;margin-top:-25px;line-height:50px;-moz-border-radius:50%;border-radius:50%;border:1px solid #fff;text-align:center;color:#fff;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.swiper-button-prev.works-swiper-controls::after,.swiper-button-next.works-swiper-controls::after{content:"";display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) scale(0);-moz-transform:translateX(-50%) translateY(-50%) scale(0);-ms-transform:translateX(-50%) translateY(-50%) scale(0);transform:translateX(-50%) translateY(-50%) scale(0);height:50px;width:50px;-moz-border-radius:50%;border-radius:50%;background-color:#fff;z-index:-1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.swiper-button-prev.works-swiper-controls .material-icons,.swiper-button-next.works-swiper-controls .material-icons{line-height:50px;font-size:1.8rem}
.swiper-button-prev.works-swiper-controls svg,.swiper-button-next.works-swiper-controls svg{display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:18px;height:18px;fill:#fff;-webkit-transition:fill .3s ease-in-out;-o-transition:fill .3s ease-in-out;-moz-transition:fill .3s ease-in-out;transition:fill .3s ease-in-out}
.no-touch .swiper-button-prev.works-swiper-controls:hover,.no-touch .swiper-button-next.works-swiper-controls:hover{color:#000}
.no-touch .swiper-button-prev.works-swiper-controls:hover svg,.no-touch .swiper-button-next.works-swiper-controls:hover svg{fill:#000}
.no-touch .swiper-button-prev.works-swiper-controls:hover::after,.no-touch .swiper-button-next.works-swiper-controls:hover::after{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);-ms-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}
@media only screen and (min-width: 1200px) {
.swiper-button-prev.main-swiper-controls,.swiper-button-next.main-swiper-controls{bottom:2.8rem}
}
@media only screen and (min-width: 1400px) {
.swiper-button-prev.main-swiper-controls,.swiper-button-next.main-swiper-controls{bottom:3.8rem}
}
.swiper-button-next.main-next{right:10%}
.swiper-button-next.main-next::before{content:"*";display:inline-block;height:auto;margin:0 .6rem;font:normal 400 1.2rem/1.2 Lato,sans-serif}
.swiper-button-next.works-next{right:10%}
@media only screen and (min-width: 1200px) {
.swiper-button-next.main-next,.swiper-button-next.works-next{right:6rem}
}
@media only screen and (min-width: 1400px) {
.swiper-button-next.main-next,.swiper-button-next.works-next{right:8rem}
}
.swiper-button-prev.main-prev{left:auto;right:-moz-calc(10% + 56px);right:calc(10% + 56px)}
.swiper-button-prev.works-prev{left:10%}
@media only screen and (min-width: 1200px) {
.swiper-button-prev.main-prev{right:116px}
.swiper-button-prev.works-prev{left:6rem}
}
@media only screen and (min-width: 1400px) {
.swiper-button-prev.main-prev{right:136px}
.swiper-button-prev.works-prev{left:8rem}
}
.swiper-pagination.works-pagination{bottom:1.9rem}
.swiper-pagination.works-pagination .swiper-pagination-bullet{opacity:1;width:12px;height:12px;-moz-border-radius:50%;border-radius:50%;background-color:transparent;border:1px solid #fff}
.swiper-pagination.works-pagination .swiper-pagination-bullet-active{background-color:#fff}
.google-map{position:relative;width:100%;height:600px;background-color:#7b48b7;background-repeat:no-repeat;background-position:center center;-moz-background-size:cover;background-size:cover}
@media only screen and (min-width: 1400px) {
.google-map{height:740px}
}
#google-container{position:relative;width:100%;height:600px}
@media only screen and (min-width: 768px) {
#google-container{height:600px}
}
@media only screen and (min-width: 1400px) {
#google-container{height:740px}
}
#zoom-in,#zoom-out{position:relative;height:44px;width:44px;cursor:pointer;margin-right:3rem;-moz-border-radius:50%;border-radius:50%;border:1px solid #7b48b7;background-color:#fff;color:#623a92;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:1}
#zoom-in::after,#zoom-out::after{content:"";display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) scale(0);-moz-transform:translateX(-50%) translateY(-50%) scale(0);-ms-transform:translateX(-50%) translateY(-50%) scale(0);transform:translateX(-50%) translateY(-50%) scale(0);height:44px;width:44px;-moz-border-radius:50%;border-radius:50%;background-color:#7b48b7;z-index:-1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.no-touch #zoom-in:hover,.no-touch #zoom-out:hover{color:#fff}
.no-touch #zoom-in:hover::after,.no-touch #zoom-out:hover::after{-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);-ms-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}
#zoom-in i,#zoom-out i{font-size:1.2rem;display:block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
#zoom-out{margin-top:.6rem;margin-bottom:1.9rem}
@media only screen and (min-width: 768px) {
#zoom-out{margin-bottom:.4rem}
}
@media only screen and (min-width: 1400px) {
#zoom-out{margin-bottom:1.9rem}
}
.my-gallery{position:relative;padding-top:4rem}
.my-gallery__item{display:block;position:relative;overflow:hidden;cursor:pointer;margin-bottom:30px}
.my-gallery__item:last-of-type{margin-bottom:0}
.my-gallery__item img{opacity:1;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
@media only screen and (min-width: 768px) {
.my-gallery__item:nth-of-type(5){margin-bottom:0}
}
@media only screen and (min-width: 1200px) {
.my-gallery__item:nth-of-type(4){margin-bottom:0}
}
.no-touch .my-gallery__item:hover img{opacity:.1}
.no-touch .my-gallery__item:hover .my-gallery__descr::after{opacity:1}
.no-touch .my-gallery__item:hover .my-gallery__descr h3{opacity:1}
.my-gallery__descr{position:absolute;top:0;left:15px;width:-moz-calc(100% - 30px);width:calc(100% - 30px);height:100%;z-index:1}
.my-gallery__descr::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;background-repeat:no-repeat;background-position:center bottom;-moz-background-size:cover;background-size:cover;background-position:right bottom;z-index:-1;opacity:0;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.my-gallery__descr h3{position:absolute;bottom:2.4rem;left:0;padding:0 30px;opacity:0;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.my-gallery__descr p{display:none}
.pswp__caption__center h3{font:normal 400 3rem/1.2 FogtwoNo5,serif;text-transform:uppercase;letter-spacing:.1rem;color:#fff}
.pswp__caption__center h3 small{display:block;font:normal 400 1.2rem/1.2 Lato,sans-serif;text-transform:uppercase;letter-spacing:.16rem;color:rgba(255,255,255,0.5)}
.pswp__caption__center p{font:normal 400 1.6rem/1.6 Lato,sans-serif;margin-top:1.4rem;color:rgba(255,255,255,0.7)}
.pswp__counter{font:normal 300 2.4rem/46px FogtwoNo5,serif;letter-spacing:-.1rem;-webkit-font-feature-settings:lnum;-moz-font-feature-settings:lnum;font-feature-settings:lnum}
.pswp__ui--fit .pswp__top-bar{opacity:1}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{height:44px;width:44px;background-color:transparent}
.pswp__button--arrow--right:before{right:0;background-position:-88px -44px}
.pswp__button--arrow--left:before{left:0;background-position:-132px -44px}
.pswp__bg{background-color:#251637}
.pswp__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#251637;background-repeat:repeat;pointer-events:none;z-index:-1}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,0.4)}
.pswp__button--close{position:relative;background-color:#f18af9}
.pswp__button--close:active{opacity:1}