html, body{
    padding:0;
    margin: 0;
    font-family: 'PT Sans Caption', sans-serif;
}
.middle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    margin-right: -4px;
}
.empty{
    position: relative;
    display: inline-block;
    width: 80%;
    height: 1px;
    vertical-align: middle;
}
#all-content {
    position: relative;
    overflow: hidden;
    /*margin-bottom: 396px;*/
    /*margin-bottom: 560px;*/
    background: #fff;
}
body{
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
*{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

input, textarea, select { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; }
#content-size{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
@-webkit-keyframes jumpteam {
    0% {transform: translateY(-5px)}
    50% {transform: translateY(0px)}
    100% {transform: translateY(-5px)}
}
@keyframes jumpteam {
    0% {transform: translateY(-5px)}
    50% {transform: translateY(0px)}
    100% {transform: translateY(-5px)}
}

#burger{
    position: absolute;
    display: block;
    width: 27px;
    height: 27px;
    left: 45px;
    top: 42px;
    z-index: 88;
    cursor: pointer;
    transition: all 150ms ease-out;
    /*visibility: hidden;*/
}
#burger.zindex{
    z-index: auto;
}
#burger:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 3px;
    background: #fff;
    box-shadow: 0 0 3px #cccccc;
    transition: all 150ms ease-out;
}
#burger:before{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 13px;
    background: #fff;
    box-shadow: 0 0 3px #cccccc;
    transition: all 150ms ease-out;
}
/*#burger.close:after{*/
    /*top: 6px;*/
    /*transform: rotate(-45deg);*/
    /*background: #fff;*/
    /*box-shadow: 0 0 0px #cccccc;*/
/*}*/
/*#burger.close:before{*/
    /*top: 6px;*/
    /*transform: rotate(45deg);*/
    /*background: #fff;*/
    /*box-shadow: 0 0 0px #cccccc;*/
/*}*/
#burger:hover:after{
    width: 110%;
    left: -10%;
}
#burger:hover:before{
    width: 110%;
    left: 10%;
}
/*#burger.close:hover:after{*/
    /*width: 100%;*/
    /*left: 0%;*/
    /*background: #FC4950;*/
/*}*/
/*#burger.close:hover:before{*/
    /*width: 100%;*/
    /*left: 0%;*/
    /*background: #FC4950;*/
/*}*/

#menu-burger{
    position: absolute;
    display: none;
    width: 27px;
    height: 27px;
    right: 45px;
    top: 31px;
    z-index: 90;
}
#menu-burger:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 3px;
    background: #fff;
    box-shadow: 0 0 3px #cccccc;
    transition: all 150ms ease-out;
}
#menu-burger:before{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 13px;
    background: #fff;
    box-shadow: 0 0 3px #cccccc;
    transition: all 150ms ease-out;
}


#close-showreel{
    position: fixed;
    display: none;
    width: 27px;
    height: 27px;
    left: 45px;
    top: 42px;
    z-index: 90;
    cursor: pointer;
    transition: all 150ms ease-out;
    /*visibility: hidden;*/
}
#close-showreel:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 6px;
    transform: rotate(-45deg);
    background: #fff;
}
#close-showreel:before{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 6px;
    transform: rotate(45deg);
    background: #fff;
}
#close-showreel:hover:after{
    width: 100%;
    left: 0%;
    background: #FC4950;
}
#close-showreel:hover:before{
    width: 100%;
    left: 0%;
    background: #FC4950;
}



#main-menu{
    position: fixed;
    left: 0px;
    top: -85px;
    height: 85px;
    width: 100%;
    background: rgba(25, 36, 50, 1);
    z-index: 91;
    transition: all 50ms ease-in;
    /*transition: all 300ms cubic-bezier(.2,.94,.38,1);*/
    text-align: center;
}
#left-menu{
    position: fixed;
    left: -350px;
    top: 0px;
    height: 100%;
    width: 350px;
    background: rgba(25, 36, 50, 1);
    z-index: 89;
    transition: all 50ms ease-in;
    text-align: center;
}
#left-menu-items{
    padding: 200px 75px;
}
#left-menu.active{
    transition: all 100ms ease-out;
    left: 0px;
}

#main-menu.active{
    top: 0px;
    transition: all 100ms ease-out;
}
#menu-items{
    position: relative;
    display: inline-block;
    margin-left: -40px;
}
#menu-items a{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 30px;
    line-height: 85px;
    height: 85px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    font-family: 'Circe';
}
#menu-items a:hover{
    color: #03d29e;
}
#menu-items a.active{
    color: #03d29e;
}
#left-menu-items a{
    position: relative;
    display: block;
    vertical-align: top;
    line-height: 40px;
    height: 40px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    text-decoration: none;
    font-family: 'Circe';
    transition: 400ms ease-out;
    transition-property: left, opacity;
    opacity: 1;
    left: 0px;
}
#left-menu-items a:hover{
    color: #03d29e;
}
#left-menu-items a.active{
    color: #03d29e;
}
#left-menu.active a{
    opacity: 1;
    left: 0px;
}
#left-menu.active a:nth-child(1){
    transition-delay: 200ms;
}
#left-menu.active a:nth-child(3){
    transition-delay: 300ms;
}
#left-menu.active a:nth-child(4){
    transition-delay: 400ms;
}
#left-menu.active a:nth-child(5){
    transition-delay: 500ms;
}
#left-menu.active a:nth-child(6){
    transition-delay: 600ms;
}
#menu-items a#menu-logo{
    width: 126px;
    height: 85px;
    background: url(../img/menu_logo.png) no-repeat 50% 50%;
    background-size: contain;
}
#close-menu{
    position: absolute;
    display: block;
    visibility: hidden;
    width: 21px;
    height: 21px;
    left: 45px;
    top: 50%;
    margin-top: -10px;
    background: url(../img/close_menu.png) no-repeat 50% 50%;
    background-size: 100% 100%;
    cursor: pointer;
}
#index-header{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #ef373e; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef373e 1%, #fc4950 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ef373e 1%,#fc4950 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ef373e 1%,#fc4950 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef373e', endColorstr='#fc4950',GradientType=0 ); /* IE6-9 */
}
#index-figure{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../img/figure.png) no-repeat 50% -900%;
    transition: all 4s cubic-bezier(.2,.94,.67,1);
    opacity: 0;
    background-size: cover;
}
#index-figure.disable-anim{
    transition-duration: 0s;
}
#index-header.activebg #index-figure{
    background-position: 50% 50%;
    opacity: 1;
}

#index-video{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#index-video-after{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #FC4950;
    opacity: 0;
}
#index-video-after.green{
    background: #03d29e;
}
#main-video{
    position: absolute;
    left: 50%;
    top: 50%;
}

#header-white{
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 100;
}
.header-white{
    position: absolute;
    left: 0px;
    top: 0%;
    width: 25%;
    height: 100%;
    transition: all 0.5s linear;
    transition-delay: 100ms;
    opacity: 1;
}
.header-white:after{
    position: absolute;
    display: block;
    content: "";
    left: 0px;
    top: 0%;
    width: 100%;
    height: 100%;
    background: #f4f4ed;
    opacity: 1;
    /*transition: all 2s cubic-bezier(.2,.94,.67,1.27);*/
    /*transition: all 800s linear;*/
}
/*#header-white.red .header-white{*/
    /*background: rgb(253,74,81); !* Old browsers *!*/
    /*background: -moz-linear-gradient(top, rgba(253,74,81,1) 0%, rgba(238,54,62,1) 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(top, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(to bottom, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4a51', endColorstr='#ee363e',GradientType=0 ); !* IE6-9 *!*/
/*}*/
.header-white:nth-child(2){
    left: 25%;
    /*transition-duration: 600ms;*/
    transition-delay: 0ms;
    opacity: 1;
}
.header-white:nth-child(3){
    left: 50%;
    /*transition-duration: 800ms;*/
    transition-delay: 400ms;
    opacity: 1;
}
.header-white:nth-child(4){
    /*transition-duration: 1200ms;*/
    left: 75%;
    transition-delay: 500ms;
}
#header-white.active .header-white{
    top: 100%;
    opacity: 1;
}
#header-white.active .header-white:nth-child(3){
    opacity: 0.5;
}
#header-white.active .header-white:nth-child(4){
    opacity: 0.5;
}
#header-white.showreellines .header-white{
    top: 0px;
    /*transition: all 1s cubic-bezier(.2,.94,.67,1);*/
    transition: all 0.4s linear;
    transition-delay: 100ms;
}
#header-white.opacity .header-white{
    opacity: 0.5;
}
#header-white.showreellines .header-white:after{
    opacity: 1;
}
#header-white.showreellines .header-white{
    opacity: 1 !important;
}
#header-white.showreellines .header-white:nth-child(2){
    transition-delay: 0ms;
}
#header-white.showreellines .header-white:nth-child(3){
    /*opacity: 1;*/
    transition-delay: 400ms;
}
#header-white.showreellines .header-white:nth-child(4){
    transition-delay: 500ms;
    /*opacity: 1;*/
}
/*#header-white.opacity .header-white:after{*/
    /*opacity: 0.5;*/
/*}*/


/*.header-white.opacity:after{*/
    /*!*transition-delay: 500ms;*!*/
    /*opacity: 0.3;*/
/*}*/


.page-title{
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    top: 50%;
    margin-top: -50px;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Circe';
}
.page-title span{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    top: 140px;
    transition: all 300ms ease-out;
}
.page-title.active span{
    top: 0px;
}

#preloader{
    position: absolute;
    display: block;
    width: 119px;
    height: 171px;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -85px;
    background: url(../img/preloader.png) no-repeat 50% 50%;
    background-size: 100% 100%;
    opacity: 1;
    transition: all 300ms linear;
}
#preloader.hide{
    opacity: 0;
    visibility: hidden;
}
#preloader-circle{
    position: absolute;
    width: 113px;
    height: 113px;
    background: url(../img/preloader_circle.png) no-repeat 50% 50%;
    background-size: 100% 100%;
    top: 0px;
    right: 0px;
    -webkit-animation: rotatepre  5s infinite linear;
    animation: rotatepre 5s infinite linear;
}
@-webkit-keyframes rotatepre {
    0% {transform: rotate(0deg)}
    50% {transform: rotate(180deg)}
    100% {transform: rotate(359deg)}
}
@keyframes rotatepre {
    0% {transform: rotate(0deg)}
    50% {transform: rotate(180deg)}
    100% {transform: rotate(359deg)}
}
#index-logo{
    position: absolute;
    display: block;
    width: 119px;
    height: 131px;
    left: 50%;
    margin-left: -60px;
    top: 10%;
    background: url(../img/project_logo.png) no-repeat 50% 0%;
    background-size: 100% auto;
    z-index: 3;
}
#index-logo:hover{
    background-position: 0 -179px;
}
/*#index-logo:after{*/
    /*position: absolute;*/
    /*display: block;*/
    /*content: "";*/
    /*width: 119px;*/
    /*height: 41px;*/
    /*top: 141px;*/
    /*background: url(../img/project_logo.png) no-repeat 50% -30px;*/
    /*background-size: 100% auto;*/
    /*transition: all 200ms ease-in;*/
    /*opacity: 0;*/
/*}*/
/*#index-logo:hover:after{*/
    /*transition: all 500ms ease-out;*/
    /*opacity: 1;*/
/*}*/
/*#index-logo.active{*/
    /*opacity: 1;*/
/*}*/

#map-logo{
    position: absolute;
    display: none;
    width: 119px;
    height: 131px;
    left: 50%;
    margin-left: -60px;
    top: 10%;
    background: url(../img/black_logo.png) no-repeat 50% 0%;
    background-size: 100% auto;
    z-index: 10;
}


#index-header-text{
    position: absolute;
    left: 0px;
    top: -40px;
    z-index: 3;
    width: 100%;
    /*width: 5000px;*/
    height: 100%;
    -webkit-animation: textmove  12s infinite linear;
    animation: textmove 12s infinite linear;
    background: url(../img/main_texts.png) repeat-x 0 55%;
    pointer-events: none;
}
#index-header-text.serv{
    -webkit-animation: textmove1  16s infinite linear;
    animation: textmove1 16s infinite linear;
}
#index-header-text.proj{
    -webkit-animation: textmove2  26s infinite linear;
    animation: textmove2 26s infinite linear;
}

#index-header-text.en_class{
    background: url(../img/main_texts_en.png) repeat-x 0 55%;
    animation: textmove_en 12s infinite linear;
}

@-webkit-keyframes textmove {
    0% {background-position: 0px 55%;}
    100% {background-position: -3210px 55%;}
}
@keyframes textmove {
    0% {background-position: 0px 55%;}
    100% {background-position: -3210px 55%;}
}

@-webkit-keyframes textmove_en {
    0% {background-position: 0px 55%;}
    100% {background-position: -2698px 55%;}
}
@keyframes textmove_en {
    0% {background-position: 0px 55%;}
    100% {background-position: -2698px 55%;}
}

@-webkit-keyframes textmove1 {
    0% {background-position: 0px 55%;}
    100% {background-position: -4610px 55%;}
}
@keyframes textmove1 {
    0% {background-position: 0px 55%;}
    100% {background-position: -4610px 55%;}
}
@-webkit-keyframes textmove2 {
    0% {background-position: 0px 55%;}
    100% {background-position: -6172px 55%;}
}
@keyframes textmove2 {
    0% {background-position: 0px 55%;}
    100% {background-position: -6172px 55%;}
}


#main-arrow{
    position: absolute;
    width: 28px;
    height: 20px;
    background: url(../img/main_arrow.png) no-repeat left top;
    background-size: 200% auto;
    left: 50%;
    margin-left: -14px;
    bottom: 55px;
    cursor: pointer;
    transition: all 300ms ease-out;
    opacity: 0;
    margin-bottom: 40px;
    transition-delay: 200ms;
}
#main-arrow.active{
    opacity: 1;
    margin-bottom: 0;
}
#main-arrow:hover{
    animation: arrow-animate 0.6s infinite;
    -webkit-animation: arrow-animate 0.6s infinite;
    background-position: right top;
}

@keyframes arrow-animate {
    50%{background-position: 100% 100%}
    100%{background-position: 100% 0%}
}
@-webkit-keyframes arrow-animate {
    50%{background-position: 100% 100%}
    100%{background-position: 100% 0%}
}

#volume-but{
    position: absolute;
    display: none;
    width: 31px;
    height: 27px;
    background: url(../img/sound.png) no-repeat 0 0;
    left: 46px;
    bottom: 50px;
    cursor: pointer;
}
#volume-but:hover{
    background-position: 0 -28px;
}
#volume-but.disable{
    width: 15px;
}
#lang{
    position: absolute;
    display: none;
    width: 31px;
    height: 27px;
    left: 46px;
    bottom: 50px;
    cursor: pointer;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
}

#top-social{
    position: absolute;
    display: block;
    right: 46px;
    bottom: 50px;
}
#top-social.right-contacts{
    transition: all 300ms cubic-bezier(.2,.94,.38,1.02);
    transition-delay: 300ms;
}
#top-social.right-contacts.hidden{
    transition: all 300ms ease-in;
    right: -150px;
}
.top-soc{
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/top_social.png) no-repeat;
    margin-left: 35px;
}
.top-soc.fb{
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
}
.top-soc.vk{
    background-position: -22px 0px;
}
.top-soc.in{
    background-position: -44px 0px;
}
.top-soc.fb:hover{
    background-position: 0px -22px;
}
.top-soc.vk:hover{
    background-position: -22px -22px;
}
.top-soc.in:hover{
    background-position: -44px -22px;
}
#menu-social{
    position: absolute;
    display: none;
    left: 25%;
    bottom: 50px;
}
#menu-social .top-soc{
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/top_social.png) no-repeat;
    margin-right: 35px;
    margin-left: 0px;
}
#menu-social .top-soc.fb{
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
}
#menu-social .top-soc.vk{
    background-position: -22px 0px;
}
#menu-social .top-soc.in{
    background-position: -44px 0px;
}
#menu-social .top-soc.fb:hover{
    background-position: 0px -22px;
}
#menu-social .top-soc.vk:hover{
    background-position: -22px -22px;
}
#menu-social .top-soc.in:hover{
    background-position: -44px -22px;
}

#index-header a.top-more{
    position: absolute;
    display: block;
    width: 204px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border: #03d19f solid 3px;
    left: 50%;
    margin-left: -105px;
    bottom: 157px;
    color: #fff;
    font-family: 'Circe';
    margin-bottom: 40px;
    opacity: 0;
    transition: all 300ms ease-out;
    transition-delay: 300ms;
}
#index-header a.top-more:before{
    position: absolute;
    display: block;
    content: "";
    background: #03d19f;
    left: -1px;
    bottom: -1px;
    width: 102%;
    height: 0%;
    transition: all 200ms cubic-bezier(.2,.94,.38,1.02);
}
#index-header a.top-more span{
    position: relative;
    z-index: 1;
}
#index-header a.top-more:hover:before{
    height: 104%;
}
#index-header a.top-more.active{
    opacity: 1;
    margin-bottom: 0;
}




/*#index-header a.but-3d{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 210px;*/
    /*height: 51px;*/
    /*left: 50%;*/
    /*margin-left: -105px;*/
    /*bottom: 157px;*/
/*}*/
/*#index-header a.but-3d span{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 204px;*/
    /*height: 45px;*/
    /*line-height: 45px;*/
    /*font-size: 17px;*/
    /*text-align: center;*/
    /*text-decoration: none;*/
    /*border: #03d19f solid 3px;*/
    /*color: #fff;*/
    /*font-family: 'Circe';*/
    /*transform: scale(1, 1);*/
    /*transition: all 300ms linear;*/
/*}*/
/*#index-header a.but-3d span:nth-child(2){*/
    /*transform: scale(1, 0);*/
    /*top: 45px;*/
    /*background: #03d19f;*/
/*}*/
/*#index-header a.but-3d:hover span{*/
    /*transform: scale(1, 0);*/
/*}*/
/*#index-header a.but-3d:hover span:nth-child(2){*/
    /*transform: scale(1, 1);*/
    /*top: 0px;*/
/*}*/


/**
 * CSS3 3D Hover effects [2]
 * See tutorial on: http://webbb.be/blog/little-css3-3d-hover-effects/
 */
/*#index-header a.but-3d {*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 210px;*/
    /*height: 45px;*/
    /*left: 50%;*/
    /*margin-left: -105px;*/
    /*bottom: 157px;*/
    /*color: #fff;*/
    /*!*overflow: hidden;*!*/
    /*text-decoration: none;*/
    /*display: inline-block;*/
    /*line-height: 45px;*/
    /*font-size: 17px;*/
    /*text-align: center;*/
    /*text-decoration: none;*/
    /*font-family: 'Circe';*/
    /*vertical-align: top;*/
    /*perspective: 600px;*/
    /*perspective-origin: 50% 50%;*/
/*}*/
/*#index-header a.but-3d span {*/
    /*display: block; position: relative;*/
    /*transition: all 200ms ease-in-out;*/
    /*transform-origin: 50% 0%;*/
    /*transform-style: preserve-3d;*/
    /*height: 43px;*/
    /*border: #03d19f solid 3px;*/
/*}*/
/*#index-header a.but-3d:hover {color: #fff; }*/
/*#index-header a.but-3d:hover span {*/
    /*background: #000 color: white;*/
    /*transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );*/
/*}*/
/*#index-header a.but-3d span:after {*/
    /*content: attr(data-content);*/
    /*display: inline-block;position: absolute; left: -3px; top: auto; right:auto; bottom: -1px;*/
    /*width: 204px;*/
    /*height: 43px;*/
    /*border: #03d19f solid 3px;*/
    /*color: #fff; background: #03d19f;*/
    /*transform-origin: 50% 0%;*/
    /*transform: translate3d( 0px, 100%, 0px ) rotateX( -90deg );*/
/*}*/









#about-galleries{
    position: relative;
    display: block;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd4a51+0,ee363e+100 */
    background: rgb(253,74,81); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,74,81,1) 0%, rgba(238,54,62,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4a51', endColorstr='#ee363e',GradientType=0 ); /* IE6-9 */
    padding: 0px 0 1px;
}
#about-galleries.white {
    background: #fff;
}
/*.gallery-block.whitebg .gallery-images-items}*/

.gallery-block{
    position: relative;
    width: 50%;
    padding-right: 50%;
    margin-bottom: 184px;
    text-align: center;
}
.gallery-block.half{
    margin-top: 80px;
    width: 62.5%;
    padding-right: 37.5%;
    margin-bottom: 80px;
}
.gallery-block.right{
    padding-right: 0%;
    padding-left: 50%;
}
.gallery-block-text{
    position: relative;
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    text-align: left;
}
.gallery-block-text h3{
    line-height: 35px;
    margin-top: 125px;
    color: #fff;
    font-weight: 400;
    opacity: 0;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 200ms;
}
.gallery-block-text.opinions{
    vertical-align: top;
}
.gallery-block-text.opinions h3{
    color: #111;
}
#about-galleries.white .gallery-block-text h3{
    color: #111;
}
.gallery-images{
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 1;
    margin-right: -1px;
}
.gallery-block.half .gallery-images{
    width: 37.5%;
}

.gallery-block.right .gallery-images{
    right: auto;
    left: 0px;
    margin-left: -1px;
}
.gallery-block.active .gallery-block-text h3{
    margin-top: 35px;
    opacity: 1;
}
.gallery-block.active .gallery-block-text h3 span{
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out;
}
.gallery-block.active .gallery-block-text h3 span.active{
    transform: translateY(0px);
    opacity: 1;
}

.gallery-small-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    opacity: 0;
    margin-left: 100px;
    transition: all 400ms cubic-bezier(.66,.34,.52,2.23);
}
#about-galleries.white .gallery-small-title{
    color: #ccc;
}
.gallery-block.active .gallery-small-title{
    margin-left: 0;
    opacity: 1;
}
#about-galleries.white .gallery-block.active .gallery-small-title{
    opacity: 1;
}

.gallery-images-hover{
    position: absolute;
    display: block;
    width: 0%;
    height: 100%;
    top: 0px;
    left: 0px;
    transition: all 400ms cubic-bezier(.2,.94,.38,1.02);
    overflow: hidden;
}
#about-galleries.white .gallery-images-hover{
    /*background: #fff;*/
}

.gallery-block.whitebg .gallery-images-hover{
    /*background: #fff;*/
}
.gallery-images-hover.disable-anim{
    transition: all 0ms linear;
}
.gallery-images-hover-start{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*background: #FC4950;*/
    transition: all 400ms cubic-bezier(.12,.68,.45,.99);
    overflow: hidden;
}
/*.gallery-images-hover-start{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*!*background: #FC4950;*!*/
    /*transition: all 400ms cubic-bezier(.12,.68,.45,.99);*/
    /*overflow: hidden;*/
/*}*/

.image-hover-color{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgb(253,74,81); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,74,81,1) 0%, rgba(238,54,62,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4a51', endColorstr='#ee363e',GradientType=0 ); /* IE6-9 */
}
#about-galleries.white .gallery-images-hover-start{
    /*background: #fff;*/
}
.gallery-block.whitebg .gallery-images-hover-start{
    /*background: #fff;*/
}

.gallery-block.active .gallery-images-hover-start{
    left: 0%;
    width: 0%;
}
.gallery-block.right.active .gallery-images-hover-start{
    left: 100%;
    width: 0%;
}
.gallery-images-items{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*background: #FC4950;*/
}
.gallery-block.whitebg .gallery-images-items{
    /*background: #fff;*/
}

.gallery-images-item{
    position: absolute;
    display: block;
    width: 0%;
    height: 100%;
    top: 0px;
    left: 100%;
    /*opacity: 0;*/
    transition: all 500ms cubic-bezier(.2,.94,.38,1);
}
.gallery-block.right .gallery-images-item{
    left: 0%;
}
.gallery-block.active .gallery-images-item{
    /*opacity: 1;*/
    width: 0%;
    left: 100%;
}
.gallery-block.active .gallery-images-item.active{
    /*opacity: 1;*/
    width: 100%;
    left: 0px;
}
.gallery-images-item.disable-anim{
    transition: all 0ms ease-in-out;
}
.gallery-images-dots{
    position: absolute;
    bottom: -50px;
    width: 100%;
    text-align: center;
}
.gallery-images-dot{
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    border: #fff solid 2px;
    margin: 0 13px;
    cursor: pointer;
}
.gallery-images-dot.active{
    background: #fff;
}
.gallery-block.whitebg .gallery-images-dot{
    border: #898989 solid 2px;
}
.gallery-block.whitebg .gallery-images-dot.active{
    background: #898989;
}

.gallery-prev{
    position: absolute;
    width: 84px;
    height: 84px;
    left: -84px;
    top: 100%;
    background: #03d19f url(../img/prev.png) repeat-x 0 50%;
    cursor: pointer;
    transition: all 400ms cubic-bezier(.2,.94,.38,1.02);
    opacity: 0;
}
.gallery-next{
    position: absolute;
    width: 84px;
    height: 84px;
    left: 0px;
    top: 100%;
    background: #03d19f url(../img/next.png) repeat-x 0 50%;
    cursor: pointer;
    transition: all 400ms cubic-bezier(.2,.94,.38,1.02);
    opacity: 0;
}
.gallery-prev:hover{
    background-color: #07b188;
    background-position: -84px 50%;
}
.gallery-next:hover{
    background-color: #07b188;
    background-position: 84px 50%;
}
.gallery-block.active .gallery-prev{
    opacity: 1;
}
.gallery-block.active .gallery-next{
    opacity: 1;
}



.gallery-block.right .gallery-prev{
    left: auto;
    right: 0px;
}
.gallery-block.right .gallery-next{
    left: 100%;
}
.gallery-block-text a{
    position: relative;
    display: block;
    width: 204px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border: #03d19f solid 3px;
    margin-top: 50px;
    color: #fff;
    font-family: 'Circe';
}
.gallery-block-text a:before{
    position: absolute;
    display: block;
    content: "";
    background: #03d19f;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    transition: all 200ms cubic-bezier(.2,.94,.38,1.02);
}
.gallery-block-text a span{
    position: relative;
    z-index: 1;
}
.gallery-block-text a:hover:before{
    height: 100%;
}
.gallery-block-text.opinions{
    padding: 50px 0;
    padding-left: 124px;
    /*background: url(../img/skob.png) no-repeat 0 0;*/
}
.gallery-block-text.opinions:before{
    position: absolute;
    display: block;
    content: "";
    width: 167px;
    height: 134px;
    left: 0px;
    top: 0px;
    background: url(../img/skob.png) no-repeat 0 0;
}
.gallery-block-text.opinions.toleft:before{
    animation: kavleft 0.6s ease-in-out forwards;
}

@keyframes kavleft {
    0%{
        left: 0px;
        opacity: 1;
    }
    50%{
        left: -50px;
        opacity: 0;
    }
    51%{
        left: 50px;
        opacity: 0;
    }
    100%{
        left: 0px;
        opacity: 1;
    }
}
.gallery-block-text.opinions.toright:before{
    animation: kavright 0.6s ease-in-out forwards;
}

@keyframes kavright {
    0%{
        left: 0px;
        opacity: 1;
    }
    50%{
        left: 50px;
        opacity: 0;
    }
    51%{
        left: -50px;
        opacity: 0;
    }
    100%{
        left: 0px;
        opacity: 1;
    }
}


.gallery-block-text.opinions h3:nth-child(1){
    font-size: 40px;
    line-height: 46px;
    font-weight: 600;
    font-family: 'Circe';
}
.gallery-block-text.opinions h3:nth-child(2){
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    opacity: 0.6;
}
.gallery-block-text.opinions h3:nth-child(3){
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    font-family: 'Circe';
}
.gallery-block-text.opinions h3:nth-child(4){
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 0px;
}
.gallery-block.whitebg .gallery-images-hover{
    background: #fff;
}



#main-projects-title{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 160px 0 120px;
    opacity: 0;
}
#main-projects-title.active{
    opacity: 1;
}
#main-projects-title .black-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #cccccc;
    font-family: 'geometria';
    /*font-family: 'Circe';*/
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 600ms;
}
#main-projects-title.active .black-title{
    opacity: 1;
}
#main-projects-title h3{
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 35px;
    color: #111;
    font-weight: 400;
    width: 760px;
    margin: 35px auto;
    opacity: 0;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 700ms;
}

#main-projects-title.active h3{
    transform: translateY(0px);
    opacity: 1;
}

#main-projects-title a{
    position: relative;
    display: block;
    width: 204px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border: #03d19f solid 3px;
    margin: 0 auto;
    color: #111;
    font-weight: 600;
    opacity: 0;
    font-family: 'Circe';
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 900ms;
}
#main-projects-title.active a{
    transform: translateY(0px);
    opacity: 1;
}
#main-projects-title a:before{
    position: absolute;
    display: block;
    content: "";
    background: #03d19f;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    transition: all 200ms cubic-bezier(.2,.94,.38,1.02);
}
#main-projects-title a span{
    position: relative;
    z-index: 1;
    color: #111;
    font-weight: 600;
    line-height: 45px;
    font-size: 17px;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}
#main-projects-title a:hover:before{
    height: 100%;
}

#main-projects{
    font-size: 0;
}
.project-item{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    overflow: hidden;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    opacity: 0;
    margin-top: 200px;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    margin-bottom: -1px;
}
.project-item.active{
    opacity: 1;
    margin-top: 0px;
}
.project-item-bg{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1);
}
.project-item-hover{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/pro_hover.png) no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    transition: all 200ms linear;
}
.project-item:hover .project-item-hover{
    opacity: 0.8;
}
.project-item:hover .project-item-bg{
    transform: scale(1.2);
}
.project-item-text{
    position: relative;
    display: inline-block;
    width: 380px;
    vertical-align: middle;
    text-align: left;
    opacity: 0;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(0.8);
}
.project-item:hover .project-item-text{
    opacity: 1;
    transform: scale(1);
}
.square-item:hover .project-item-text{
    opacity: 1;
    transform: scale(1);
}
.project-item-text span{
    position: relative;
    display: block;
    color: #fff;
    /*opacity: 0;*/
    /*top: 50px;*/
    /*transition: all 200ms ease-out;*/
}
.project-item:hover .project-item-text span{
    /*top: 0px;*/
    /*transition: all 400ms cubic-bezier(.2,.94,.38,1.02);*/
    /*opacity: 1;*/
}
.project-item-text span:nth-child(1){
    text-transform: uppercase;
    font-family: 'geometria';
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    padding-bottom: 28px;
    margin-bottom: 34px;
    font-weight: 600;
}
.project-item-text span:nth-child(1):after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
.project-item-text span:nth-child(2){
    font-size: 33px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 1px;
    padding-bottom: 27px;
}
.project-item-text span:nth-child(3){
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
}
.project-item:hover .project-item-text span:nth-child(1){
    transition-delay: 100ms;
}
.project-item:hover .project-item-text span:nth-child(2){
    transition-delay: 200ms;
}
.project-item:hover .project-item-text span:nth-child(3){
    transition-delay: 300ms;
}







#services-ways{
    position: absolute;
    display: block;
    width: 100%;
    /*margin-top: 100px;*/
    font-size: 0;
    height: auto;
    overflow: hidden;
    bottom: 8%;
}
#ways{
    position: relative;
    display: block;
    width: 100%;
    /*margin-top: 100px;*/
    font-size: 0;
    height: 770px;
    overflow: hidden;
}
#ways.red{
    height: 610px;
}
.way{
    position: relative;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    background: #f4f4ed;
    height: 700px;
    padding: 30px 0;
    text-align: center;
    transition: top 1200ms cubic-bezier(.12,.68,.45,.99);
    top: 100px;
    /*cursor: pointer;*/
}
#ways.red .way{
    top:350px;
    opacity: 0;
    height: 280px;
    padding: 115px 0;
    background: #f1373f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1373f 0%, #fb464e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f1373f 0%,#fb464e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f1373f 0%,#fb464e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1373f', endColorstr='#fb464e',GradientType=0 ); /* IE6-9 */
}
#services-ways .way{
    background: none;
    height: auto !important;
}
/*.way:nth-child(1){*/
    /*height: 280px;*/
/*}*/
/*.way:nth-child(2){*/
    /*height: 480px;*/
/*}*/
/*.way:nth-child(3){*/
    /*height: 580px;*/
/*}*/
/*.way:nth-child(4){*/
    /*height: 420px;*/
/*}*/
#ways.red .way:hover{
    background: #ee353d;
}
/*#ways.red .way:nth-child(1){*/
    /*height: 280px;*/
/*}*/
/*#ways.red .way:nth-child(2){*/
    /*height: 380px;*/
/*}*/
/*#ways.red .way:nth-child(3){*/
    /*height: 480px;*/
/*}*/
/*#ways.red .way:nth-child(4){*/
    /*height: 380px;*/
/*}*/

.way-text{
    position: relative;
    display: inline-block;
    text-align: left;
    width: 260px;
}
.way-text span{
    position: relative;
    display: block;
    color: #111;
    font-size: 16px;
    line-height: 26px;
    opacity: 0;
    top: 100px;
    font-weight: 600;
    padding-left: 36px;
    transition: all 300ms ease-out;
}
#ways.red .way-text span{
    color: #fff;
    font-weight: 400;
    opacity: 0;
}
/*#ways.red .way-text span{*/
    /*color: #fff;*/
    /*font-weight: 400;*/
    /*opacity: 0.5;*/
/*}*/
.way-text span:before{
    position: absolute;
    display: block;
    content: "";
    background: #03d19f;
    width: 20px;
    height: 3px;
    left: 0px;
    top: 12px;
}
#services-ways .way-text span {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
}
#services-ways .way-text span:nth-child(2) {
    font-size: 33px;
    line-height: 36px;
}
.way-text span{
    position: relative;
    display: block;
    color: #111;
    font-size: 16px;
    line-height: 26px;
    opacity: 0;
    top: 100px;
    font-weight: 600;
    padding-left: 36px;
    transition: all 300ms ease-out;
}
#ways.red .way-text span{
    color: #fff;
    font-weight: 400;
    opacity: 0;
}
/*#ways.red .way-text span{*/
    /*color: #fff;*/
    /*font-weight: 400;*/
    /*opacity: 0.5;*/
/*}*/
.way-text span:before{
    position: absolute;
    display: block;
    content: "";
    background: #03d19f;
    width: 20px;
    height: 3px;
    left: 0px;
    top: 12px;
}
#services-ways .way-text span {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
}
#services-ways .way-text span:nth-child(2) {
    font-size: 33px;
    line-height: 36px;
}


.way-text span:nth-child(1){
    /*opacity: 1;*/
    padding-left: 0px;
}
.way-text span:nth-child(2){
    padding-left: 0px;
    font-size: 33px;
    line-height: 36px;
    font-family: 'Circe';
    font-weight: 600;
    /*opacity: 1;*/
    padding: 10px 0 20px;
}

.way-text span:nth-child(1):before{
    display: none;
}
.way-text span:nth-child(2):before{
    display: none;
}
#services-ways .way-text span:nth-child(3):before{
    display: none;
}
/*.way span:nth-child(1){*/
    /*transition-delay: 200ms;*/
/*}*/
/*.way span:nth-child(2){*/
    /*transition-delay: 250ms;*/
/*}*/
/*.way span:nth-child(3){*/
    /*transition-delay: 300ms;*/
/*}*/
/*.way span:nth-child(4){*/
    /*transition-delay: 350ms;*/
/*}*/
/*.way span:nth-child(5){*/
    /*transition-delay: 400ms;*/
/*}*/
/*.way span:nth-child(6){*/
    /*transition-delay: 450ms;*/
/*}*/
/*.way span:nth-child(7){*/
    /*transition-delay: 500ms;*/
/*}*/
/*.way span:nth-child(8){*/
    /*transition-delay: 550ms;*/
/*}*/
/*.way span:nth-child(9){*/
    /*transition-delay: 600ms;*/
/*}*/
/*.way span:nth-child(10){*/
    /*transition-delay: 650ms;*/
/*}*/


/*.way:nth-child(2) span:nth-child(1){*/
    /*transition-delay: 400ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(2){*/
    /*transition-delay: 450ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(3){*/
    /*transition-delay: 500ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(4){*/
    /*transition-delay: 550ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(5){*/
    /*transition-delay: 600ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(6){*/
    /*transition-delay: 650ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(7){*/
    /*transition-delay: 700ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(8){*/
    /*transition-delay: 750ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(9){*/
    /*transition-delay: 800ms;*/
/*}*/
/*.way:nth-child(2) span:nth-child(10){*/
    /*transition-delay: 850ms;*/
/*}*/


/*.way:nth-child(3) span:nth-child(1){*/
    /*transition-delay: 600ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(2){*/
    /*transition-delay: 650ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(3){*/
    /*transition-delay: 700ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(4){*/
    /*transition-delay: 750ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(5){*/
    /*transition-delay: 800ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(6){*/
    /*transition-delay: 850ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(7){*/
    /*transition-delay: 900ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(8){*/
    /*transition-delay: 950ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(9){*/
    /*transition-delay: 1000ms;*/
/*}*/
/*.way:nth-child(3) span:nth-child(10){*/
    /*transition-delay: 1050ms;*/
/*}*/


/*.way:nth-child(4) span:nth-child(1){*/
    /*transition-delay: 800ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(2){*/
    /*transition-delay: 850ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(3){*/
    /*transition-delay: 900ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(4){*/
    /*transition-delay: 950ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(5){*/
    /*transition-delay: 1000ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(6){*/
    /*transition-delay: 1050ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(7){*/
    /*transition-delay: 1100ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(8){*/
    /*transition-delay: 1150ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(9){*/
    /*transition-delay: 1200ms;*/
/*}*/
/*.way:nth-child(4) span:nth-child(10){*/
    /*transition-delay: 1250ms;*/
/*}*/


#ways.active .way span{
    opacity: 1;
    top: 0px;
}
#ways.active .way span:nth-child(1){
    opacity: 1;
}
#ways.active .way span:nth-child(2){
    opacity: 1;
}

#ways.active .way:nth-child(1){
    transition-delay: 100ms;
    top: 100px;
}
#ways.active .way:nth-child(2){
    transition-delay: 200ms;
    top: 0px;
    padding-top: 215px;
}
#ways.active .way:nth-child(3){
    transition-delay: 0ms;
    top: 50px;
    padding-top: 165px;
}
#ways.active .way:nth-child(4){
    transition-delay: 100ms;
    top: 100px;
}
#services-ways.active .way span{
    opacity: 1;
    top: 0px;
}
#services-ways.active .way span:nth-child(1){
    opacity: 1;
}
#services-ways.active .way span:nth-child(2){
    opacity: 1;
}

#ways.red .way-text span{
    color: rgba(255,255,255,0.65);
}
#ways.red.active .way-text span:nth-child(1){
    color: rgba(255,255,255,1);
}
#ways.red.active .way-text span:nth-child(2){
    color: rgba(255,255,255,1);
}


#services-ways.active .way span:nth-child(3){
    padding-left: 0px;
    opacity: 0.5;
    white-space: nowrap;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 25px;
}

#services-ways.active .way:nth-child(1){
    transition-delay: 100ms;
    top: 0px;
}
#services-ways.active .way:nth-child(2){
    transition-delay: 200ms;
    top: 0px;
}
#services-ways.active .way:nth-child(3){
    transition-delay: 0ms;
    top: 0px;
}
#services-ways.active .way:nth-child(4){
    transition-delay: 100ms;
    top: 0px;
}
#ways.red.active .way{
    opacity: 1;
}
/*#ways.red.active .way:nth-child(1){*/
    /*transition-delay: 100ms;*/
    /*top: 100px;*/
/*}*/
/*#ways.red.active .way:nth-child(2){*/
    /*transition-delay: 200ms;*/
    /*top: 100px;*/
/*}*/
/*#ways.red.active .way:nth-child(3){*/
    /*transition-delay: 0ms;*/
    /*top: 0px;*/
/*}*/
/*#ways.red.active .way:nth-child(4){*/
    /*transition-delay: 100ms;*/
    /*top: 50px;*/
/*}*/
/*#ways.red.active .way.active{*/
    /*padding-top: 165px;*/
    /*top: 100px;*/
/*}*/

#opinions{
    position: relative;
    display: block;
    width: 100%;
    /*background: url(../img/opinions.png);*/
    /*background-size: 100% 100%;*/
    padding: 110px 0 80px;
    text-align: center;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd4a51+0,ee363e+100 */
}
.red-bg{
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0px;
    height: 0px;
    background: rgb(253,74,81); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,74,81,1) 0%, rgba(238,54,62,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4a51', endColorstr='#ee363e',GradientType=0 ); /* IE6-9 */
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.green-bg{
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0px;
    height: 0px;
    background: #03d19f; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #03d19f 0%, #0cc8bd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #03d19f 0%,#0cc8bd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #03d19f 0%,#0cc8bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d19f', endColorstr='#0cc8bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.gray-bg{
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0px;
    height: 0px;
    background: #f4f4ed;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#opinions.active{
    opacity: 1;
}
#opinions.active .red-bg{
    height: 100%;
}
.square-item.active .red-bg{
    transition-delay: 200ms;
    height: 100%;
}
.square-item.active .green-bg{
    transition-delay: 200ms;
    height: 100%;
}
.color.active .red-bg{
    transition-delay: 200ms;
    height: 100%;
}
.square-item.active .gray-bg{
    transition-delay: 200ms;
    height: 100%;
}
#footer-contacts.active .gray-bg{
    height: 100%;
}
#opinions .white-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    /*font-family: 'Circe';*/
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 600ms;
}
#opinions.active .white-title{
    opacity: 0.6;
}
#opinions h3{
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 35px;
    color: #fff;
    font-weight: 500;
    width: 920px;
    opacity: 0;
    margin: 35px auto;
}
#opinions.active h3{
    opacity:1;
}
#opinions h3 span{
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out;
}
#opinions h3 span.active{
    transform: translateY(0px);
    opacity: 1;
}
#opinions-items{
    position: relative;
    display: block;
    /*height: 582px;*/
}
.opinion-text-item{
    position: relative;
    opacity: 0;
}
.opinion-text-item.active{
    opacity: 1;
}






.color{
    position: relative;
    display: block;
    width: 100%;
    /*background: url(../img/opinions.png);*/
    /*background-size: 100% 100%;*/
    padding: 110px 0 80px;
    text-align: center;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd4a51+0,ee363e+100 */
    background: #fff;
}
.color.color0{
    background: #03d19f; /* Old browsers */
    background: -moz-linear-gradient(180deg,  #03d19f 0%, #0cc8bd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(180deg,  #03d19f 0%,#0cc8bd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(180deg,  #03d19f 0%,#0cc8bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d19f', endColorstr='#0cc8bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color.color1{
    background: rgb(253,74,81); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,74,81,1) 0%, rgba(238,54,62,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4a51', endColorstr='#ee363e',GradientType=0 ); /* IE6-9 */
}
.color.color2{
    background: #f4f4ed;
}
.color.active{
    opacity: 1;
}
.color .white-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Circe';
    font-weight: 500;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 600ms;
}
.color.color0 .white-title{
    color: #fff;
}
.color.color1 .white-title{
    color: #fff;
}
.color.color2 .white-title{
    color: #111;
}
.color.color3 .white-title{
    color: #111;
}
.color.active .white-title{
    opacity: 0.6;
}
.color h3{
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 35px;
    color: #fff;
    font-weight: 500;
    width: 920px;
    opacity: 0;
    margin: 35px auto;
}
.color.active h3{
    opacity:1;
}
.color h3 span{
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out;
}
.color h3 span.active{
    transform: translateY(0px);
    opacity: 1;
}







.cyan-way{
    position: relative;
    margin: 30px 0;
}
.cyan-way-text{
    position: relative;
    display: block;
}
.cyan-way-text span{
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    opacity: 0;
    /*top: 100px;*/
    font-weight: 600;
    padding-left: 36px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
}
.cyan-way-text span:before{
    position: absolute;
    display: block;
    content: "";
    background: #ee363e;
    width: 20px;
    height: 3px;
    left: 0px;
    top: 12px;
}
.main-services-item.active .cyan-way-text span:nth-child(1){
    transition-delay: 300ms;
}
.main-services-item.active .cyan-way-text span:nth-child(2){
    transition-delay: 400ms;
}
.main-services-item.active .cyan-way-text span:nth-child(3){
    transition-delay: 500ms;
}
.main-services-item.active .cyan-way-text span:nth-child(4){
    transition-delay: 600ms;
}
.main-services-item.active .cyan-way-text span:nth-child(5){
    transition-delay: 700ms;
}
.main-services-item.active .cyan-way-text span:nth-child(6){
    transition-delay: 800ms;
}
.main-services-item.active .cyan-way-text span:nth-child(7){
    transition-delay: 900ms;
}
.main-services-item.active .cyan-way-text span{
    opacity: 1;
}

.animate-title span{
    position: relative;
    display: inline-block;
    opacity: 0;
    margin-top: 0;
    transition: all 500ms ease-out;
}
.animate-title span.active{
    opacity: 1;
    margin-top: 0px;
}
.bottom-lines{
    position: relative;
    display: block;
    width: 100%;
    height: 230px;
}
.bottom-line{
    position: absolute;
    display: block;
    transition: all 1200ms cubic-bezier(.2,.94,.38,1);
    width: 25%;
    background: #ee363e;
    height: 1000%;
}
.bottom-line:nth-child(2){
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    left: 25%;
}
.bottom-line:nth-child(3){
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    left: 50%;
}
.bottom-line:nth-child(4){
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    left: 75%;
}
.bottom-lines.active .bottom-line:nth-child(1){
    height: 0%;
}
.bottom-lines.active .bottom-line:nth-child(2){
    height: 100%;
}
.bottom-lines.active .bottom-line:nth-child(3){
    height: 50%;
}
.bottom-lines.active .bottom-line:nth-child(4){
    height: 0%;
}









#project-header{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 20%;
}
#project-header-red{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
}
#project-header-lines{
    position: relative;
    display: block;
    width: 100%;
    height: 120%;
    transition: all 500ms ease-out;
    transition-delay: 500ms;
}
.project-header-line{
    position: absolute;
    left: 0px;
    top: -100%;
    width: 25%;
    height: 100%;
    /*transition: all 1300ms cubic-bezier(.12,.68,.45,.99);*/
    transition: all 500ms ease-out;
    transition-delay: 500ms;
    overflow: hidden;
}
.project-header-line-image{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 100%;
}
.project-header-line-image:first-child{
    left: 0px;
}
.project-header-line:nth-child(2){
    left: 25%;
    transition-delay: 0ms;
}
.project-header-line:nth-child(3){
    left: 50%;
    transition-delay: 200ms;
}
.project-header-line:nth-child(4){
    left: 75%;
    transition-delay: 500ms;
}
.project-header-line.active{
    top: -16%;
}
.project-header-line:nth-child(2).active{
    top: 0px;
}
.project-header-line:nth-child(3).active{
    top: -8%;
}
.project-header-line:nth-child(4).active{
    top: -16%;
}
.project-header-line.active .project-header-line-image{
    top: 16%;
}
.project-header-line:nth-child(2).active .project-header-line-image{
    top: 0px;
}
.project-header-line:nth-child(3).active .project-header-line-image{
    top: 8%;
}
.project-header-line:nth-child(4).active .project-header-line-image{
    top: 16%;
}
.project-header-line.active.full{
    top: 0%;
    /*transition-delay: 0s;*/
}
.project-header-line:nth-child(2).active.full{
    top: 0px;
}
.project-header-line:nth-child(3).active.full{
    top: 0%;
}
.project-header-line:nth-child(4).active.full{
    top: 0%;
}
#project-header-lines.full{
    height: 100%;
}

.project-header-red{
    position: absolute;
    left: 0px;
    top: 0%;
    width: 25%;
    height: 100%;
    background: #f1373f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1373f 0%, #fb464e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f1373f 0%,#fb464e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f1373f 0%,#fb464e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1373f', endColorstr='#fb464e',GradientType=0 ); /* IE6-9 */
}
.project-header-red:nth-child(2){
    left: 25%;
    top: 0%;
}
.project-header-red:nth-child(3){
    left: 50%;
    top: 0%;
}
.project-header-red:nth-child(4){
    left: 75%;
}
.project-title-items{
    width: 56%;
    position: relative;
    display: inline-block;
    height: 300px;
    vertical-align: middle;
    text-align: center;
}
.project-title-item{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 98%;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}
#project-title span{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    opacity: 1;
    top: 150px;
    transition: all 300ms ease-out;
    transition-delay: 1000ms;
}
#project-title.active .project-title-item span{
    top: 0px ;
}


.project-content{
    position: relative;
    padding: 140px 140px;
    white-space: nowrap;
}
.project-content.full{
    padding: 0px 0 140px;
}
h1{
    position: relative;
    display: block;
    font-family: 'Circe';
    font-size: 50px;
    line-height: 60px;
    color:#000;
    margin-top: 0;
    top: 0px;
    font-weight: 600;
}
h2{
    font-family: 'Circe';
    font-size: 40px;
    line-height: 46px;
    color:#000;
    font-weight: 600;
}
h3{
    position: relative;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 24px;
    line-height: 28px;
    color:#000;
    font-weight: 600;
    margin: 20px 0 5px 0;
}


#services-header{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 230px;
}
#services-header-red{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
}
.services-header-red{
    position: absolute;
    left: 0px;
    top: 0%;
    width: 25%;
    height: 100%;
    background: #f1373f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1373f 0%, #fb464e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f1373f 0%,#fb464e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f1373f 0%,#fb464e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1373f', endColorstr='#fb464e',GradientType=0 ); /* IE6-9 */
}
.services-header-red:nth-child(2){
    left: 25%;
    padding-bottom: 230px;
}
.services-header-red:nth-child(3){
    left: 50%;
    padding-bottom: 115px;
}
.services-header-red:nth-child(4){
    left: 75%;
}




#content-lines{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    pointer-events: none;
}
.content-line{
    position: absolute;
    width: 2px;
    background: rgba(200, 200, 200, 0.2);
    top: 0px;
    height: 100%;
    margin-left: -1px;
}
.content-line:nth-child(1){
    left: 25%;
}
.content-line:nth-child(2){
    left: 50%;
}
.content-line:nth-child(3){
    left: 75%;
}



#video-block{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}
.video-block{
    position: absolute;
    left:0;
    top:0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.video-block video{
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
}
#project-video{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
}
/*#video-block1-video{*/
/*}*/
/*#video-block2-video{*/
    /*position: absolute;*/
    /*display: none;*/
    /*left: 0px;*/
    /*top: 0px;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: 1;*/
    /*background: #000;*/
/*}*/
/*#video-block3-video{*/
    /*position: absolute;*/
    /*display: none;*/
    /*left: 0px;*/
    /*top: 0px;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: 1;*/
    /*background: #000;*/
/*}*/
/*#video-block4-video{*/
    /*position: absolute;*/
    /*display: none;*/
    /*left: 0px;*/
    /*top: 0px;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*z-index: 1;*/
    /*background: #000;*/
/*}*/
#video-block1{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 70px;
    /*overflow: hidden;*/
}
#project-video1{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
}
#video-block2{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    margin-bottom: 70px;
}
#project-video2{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
}
#video-block3{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    margin-bottom: 70px;
}
#project-video3{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
}
.close-video{
    position: absolute;
    display: none;
    width: 27px;
    height: 27px;
    right: 40px;
    top: 42px;
    cursor: pointer;
    transition: all 150ms ease-out;
    z-index: 100;
    /*visibility: hidden;*/
}
#video-block .close-video{
    right: auto;
    left: 40px;
}
#video-block1 .close-video{
    right: auto;
    left: 40px;
}
#video-block2 .close-video{
    right: auto;
    left: 40px;
}
#video-block3 .close-video{
    right: auto;
    left: 40px;
}
.close-video:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 6px;
    transform: rotate(-45deg);
    background: #fff;
}
.close-video:before{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 6px;
    transform: rotate(45deg);
    background: #fff;
}
.close-video:hover:after{
    width: 100%;
    left: 0%;
    background: #FC4950;
}
.close-video:hover:before{
    width: 100%;
    left: 0%;
    background: #FC4950;
}

#progress-bar{
    position: absolute;
    display: none;
    width: 90%;
    left: 5%;
    height: 1px;
    background: #fff;
    bottom: 50px;
    transition: all 100ms ease-out;
    z-index: 2;
    cursor: pointer;
}
#progress-line{
    position: absolute;
    display: block;
    width: 0%;
    left: 0px;
    height: 100%;
    background: #03d19e;
}
#progress-bar:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 10px;
    left: 0px;
    top: -5px;
    transition: all 100ms ease-out;
}
#progress-bar:hover{
    height: 10px;
    bottom: 45px;
}
#progress-bar:hover:after{
    top: 0px;
}

#progress-bar1{
    position: absolute;
    display: none;
    width: 90%;
    left: 5%;
    height: 1px;
    background: #fff;
    bottom: 50px;
    transition: all 100ms ease-out;
    z-index: 2;
    cursor: pointer;
}
#progress-line1{
    position: absolute;
    display: block;
    width: 0%;
    left: 0px;
    height: 100%;
    background: #03d19e;
}
#progress-bar1:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 10px;
    left: 0px;
    top: -5px;
    transition: all 100ms ease-out;
}
#progress-bar1:hover{
    height: 10px;
    bottom: 45px;
}
#progress-bar1:hover:after{
    top: 0px;
}

#progress-bar2{
    position: absolute;
    display: none;
    width: 90%;
    left: 5%;
    height: 1px;
    background: #fff;
    bottom: 50px;
    transition: all 100ms ease-out;
    z-index: 2;
    cursor: pointer;
}
#progress-line2{
    position: absolute;
    display: block;
    width: 0%;
    left: 0px;
    height: 100%;
    background: #03d19e;
}
#progress-bar2:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 10px;
    left: 0px;
    top: -5px;
    transition: all 100ms ease-out;
}
#progress-bar2:hover{
    height: 10px;
    bottom: 45px;
}
#progress-bar2:hover:after{
    top: 0px;
}

#progress-bar3{
    position: absolute;
    display: none;
    width: 90%;
    left: 5%;
    height: 1px;
    background: #fff;
    bottom: 50px;
    transition: all 100ms ease-out;
    z-index: 2;
    cursor: pointer;
}
#progress-line3{
    position: absolute;
    display: block;
    width: 0%;
    left: 0px;
    height: 100%;
    background: #03d19e;
}
#progress-bar3:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 10px;
    left: 0px;
    top: -5px;
    transition: all 100ms ease-out;
}
#progress-bar3:hover{
    height: 10px;
    bottom: 45px;
}
#progress-bar3:hover:after{
    top: 0px;
}

#showreel-progress-bar{
    position: absolute;
    display: none;
    width: 90%;
    left: 5%;
    height: 1px;
    background: #fff;
    bottom: 50px;
    transition: all 100ms ease-out;
    z-index: 2;
    cursor: pointer;
}
#showreel-progress-line{
    position: absolute;
    display: block;
    width: 0%;
    left: 0px;
    height: 100%;
    background: #03d19e;
}
#showreel-progress-bar:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 10px;
    left: 0px;
    top: -5px;
    transition: all 100ms ease-out;
}
#showreel-progress-bar:hover{
    height: 10px;
    bottom: 45px;
}
#showreel-progress-bar:hover:after{
    top: 0px;
}
#video-block-red{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
}
#video-block-red1{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
}
#video-block-red2{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
}
#video-block-red3{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
}
#video-block-lines{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
#video-block-lines1{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
#video-block-lines2{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
#video-block-lines3{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.video-block-line{
    position: absolute;
    left: 0px;
    bottom: 0%;
    width: 25%;
    height: 0%;
}
.video-block-line:nth-child(1){
    left: 0%;
    bottom: 50%;
}
.video-block-line:nth-child(2){
    left: 25%;
    bottom: 0%;
}
.video-block-line:nth-child(3){
    left: 50%;
    bottom: 30%;
}
.video-block-line:nth-child(4){
    left: 75%;
    bottom: 60%;
}
.video-block-red{
    position: absolute;
    left: 0px;
    bottom: 0%;
    width: 25%;
    height: 100%;
    background: #f1373f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1373f 0%, #fb464e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f1373f 0%,#fb464e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f1373f 0%,#fb464e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1373f', endColorstr='#fb464e',GradientType=0 ); /* IE6-9 */
}
.video-block-red:nth-child(2){
    left: 25%;
}
.video-block-red:nth-child(3){
    left: 50%;
}
.video-block-red:nth-child(4){
    left: 75%;
}
#projects-top-play{
    position: absolute;
    display: block;
    width: 78px;
    height: 78px;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: 100px;
    background: url(../img/play.png);
    cursor: pointer;
    z-index: 1;
    transition: all 300ms linear;
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    transition: all 200ms cubic-bezier(.2,.94,.38,2);
}
#projects-top-play:hover{
    margin-left: -25px;
}
.play-but{
    position: absolute;
    display: block;
    width: 78px;
    height: 78px;
    left: 50%;
    top: 50%;
    margin-left: -39px;
    margin-top: -39px;
    background: url(../img/play.png);
    cursor: pointer;
    z-index: 1;
    transition: all 200ms cubic-bezier(.2,.94,.38,2);
    opacity: 1;
    visibility: visible;
}
.play-but:hover{
    margin-left: -34px;
}
.play-but.hidden{
    visibility: hidden;
    opacity: 0;
}
.pause-but{
    position: absolute;
    display: block;
    width: 78px;
    height: 78px;
    left: 50%;
    top: 50%;
    margin-left: -39px;
    margin-top: -39px;
    background: url(../img/pause.png);
    cursor: pointer;
    z-index: 1;
    transition: all 200ms cubic-bezier(.2,.94,.38,2);
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}
.pause-but:hover{
    transform: scale(1.08);
}
.pause-but.hidden{
    visibility: hidden;
    opacity: 0;
}
#showreel-block .play-but{
    z-index: 1;
    /*display: none;*/
}
.block-small-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #b9b9b9;
    font-family: 'geometria';
    font-weight: 500;
    line-height: 20px;
}
.block-item{
    position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 16px;
    line-height: 28px;
}
.block-item-text{
    position: relative;
    padding-right: 20%;
}
.block-item.fourth{
    width: 25%;
    margin-right: -4px;

}
.block-item.half{
    width: 50%;
    margin-right: -4px;
}
.block-item:last-child .block-item-text{
    padding-right: 20px;
}

.fadeInUp{
    opacity: 0;
    top: 300px;
    transition: all 500ms ease-in;
}
.fadeInUp.getUp{
    opacity: 1;
    top: 0px;
    transition: all 500ms ease-out;
}
.fadeInUp.getUp.delay150{
    transition-delay: 150ms;
}
.fadeInUp.getUp.delay300{
    transition-delay: 300ms;
}
.fadeInUp.getUp.delay450{
    transition-delay: 450ms;
}
#project-logo{
    position: absolute;
    display: block;
    width: 119px;
    height: 130px;
    left: 50%;
    margin-left: -60px;
    top: 10%;
    background: url(../img/project_logo.png) no-repeat 50% 0%;
    background-size: 100% auto;
    /*transition: all 300ms linear;*/
    /*transition-delay: 500ms;*/
    opacity: 0;
    z-index: 3;
}
#project-logo.active{
    opacity: 1;
}
#project-logo:hover{
    background-position: 0 -179px;
}

#project-title{
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    line-height: 60px;
    top: 50%;
    margin-top: -142px;
    font-weight: 600;
    color: #fff;
    font-family: 'Circe';
    /*margin-top: 100px;*/
    /*opacity: 0;*/
    /*transition: all 500ms ease-out;*/
}
/*#project-title span{*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*opacity: 0;*/
    /*margin-top: 0;*/
    /*transition: all 500ms ease-out;*/
/*}*/
/*#project-title span.active{*/
    /*opacity: 1;*/
    /*margin-top: 0px;*/
/*}*/
.prev-project{
    position: relative;
    display: inline-block;
    width: 130px;
    height: 24px;
    left: 0%;
    padding-right: 0px;
    vertical-align: middle;
    top: -5px;
    background: url(../img/projects/left.png) no-repeat 19px 50%;
    transition: all 400ms cubic-bezier(.2,.94,.38,2);
    transition-delay: 400ms;
}
.prev-project.active{
    transition: all 300ms cubic-bezier(.2,.94,.38,2);
    transition-delay: 0ms;
}
.prev-project.active:hover{
    transition: all 300ms cubic-bezier(.2,.94,.38,1);
    background-position: 0px 50%;
}
.next-project{
    position: relative;
    display: inline-block;
    width: 130px;
    height: 24px;
    left: 0%;
    padding-left: 0px;
    vertical-align: middle;
    top: -5px;
    background: url(../img/projects/right.png) no-repeat 0px 50%;
    transition: all 400ms cubic-bezier(.2,.94,.38,2);
    transition-delay: 400ms;
}
.next-project.active{
    transition: all 300ms cubic-bezier(.2,.94,.38,2);
    transition-delay: 0ms;
}
.next-project.active:hover{
    transition: all 300ms cubic-bezier(.2,.94,.38,1);
    background-position: 19px 50%;
}
.photos{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.photos:last-child{
    margin-top: 150px;
}
.photos img{
    position: relative;
    display: block;
    width: 100%;
}
.photos-info{
    position: relative;
    display: block;
    padding: 80px;
    white-space: normal;
    font-size: 16px;
    line-height: 28px;
}
#partners{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    font-size: 0;
}
#projects{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    font-size: 0;
}
.square-item{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    overflow: hidden;
}
#partners .square-item{
    border-top: rgba(200, 200, 200, 0.2) solid 2px;
}
#projects .square-item{
    margin-bottom: 0px;
}
.square-item.red{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1373f+0,fb464e+100 */
    background: rgb(253,74,81); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,74,81,1) 0%, rgba(238,54,62,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(253,74,81,1) 0%,rgba(238,54,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4a51', endColorstr='#ee363e',GradientType=0 ); /* IE6-9 */
}
.square-item.green{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03d19f+0,0cc8bd+100 */
    background: #03d19f; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #03d19f 0%, #0cc8bd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #03d19f 0%,#0cc8bd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #03d19f 0%,#0cc8bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d19f', endColorstr='#0cc8bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.square-item-text{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 30px;
    font-size: 25px;
    line-height: 38px;
    color: #fff;
    font-weight: 400;
    text-align: left;
}
.square-item-title{
    font-size: 14px;
    /*font-family: "Circe";*/
    font-family: "geometria";
    text-transform: uppercase;
    line-height: 20px;
    color: #fff;
    opacity: 0.6;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 10px;
}

.square-item-pro-bg{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 500ms ease-out;
}
.square-item:hover .square-item-pro-bg{
    transform: scale(1.2);
}

#footer-contacts{
    position: relative;
    padding: 120px 0;
    /*background: #f4f4ed;*/
    text-align: center;
    z-index: 1;
}
#footer-contacts span{
    position: relative;
    display: block;
    /*font-family: "Circe";*/
    font-family: 'geometria';
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 20px;
    /*font-weight: 400;*/
    color: #111;
    transition: all 400ms ease-out;
    opacity: 0;
    top: 20px;
    transition-delay: 300ms;
    margin-bottom: 20px;
}

#footer-contacts.active span{
    opacity: 0.4;
    top: 0px;
    height: 20px;
    margin-bottom: 0;
}


#footer-contacts h3{
    position: relative;
    display: block;
    line-height: 35px;
    opacity: 0;
    color: #111;
    font-weight: 600;
    width: 760px;
    margin: 35px auto;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 400ms;
}

#footer-contacts.active h3{
    transform: translateY(0px);
    opacity: 1;
}

#footer-contacts a{
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    background-color: #fff;
    margin: 25px 13px 0;
}
#footer-contacts a:hover{
    background-color: #03d19f;
}
#footer-contacts a{
    background-image: url(../img/contacts_icons.png);
}
#footer-contacts a.footer-phone{
    background-position: -70px 0;
}

#footer-contacts a.footer-mail:hover{
    background-position: 0 -70px;
}
#footer-contacts a.footer-phone:hover{
    background-position: -70px -70px;
}
.footer-contacts-links{
    position: relative;
    opacity: 0;
    transform: translateY(60px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 500ms;
}
#footer-contacts.active .footer-contacts-links{
    transform: translateY(0px);
    opacity: 1;
}


#footer{
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 446px;
    /* height: 560px; */
    padding-top: 164px;
    background: #192432;
}
#index-footer #footer{
    padding-top: 164px !important;
}
#footer-field{
    padding: 125px 140px;
    text-align: justify;
    margin: 0 auto;
    /*max-width: 1200px;*/
}
.footer-row{
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 19px;
    line-height: 26px;
    color: #fff;
}
/*.footer-row span{*/
    /*position: relative;*/
    /*display: block;*/
    /*font-size: 14px;*/
    /*text-transform: uppercase;*/
    /*line-height: 20px;*/
    /*margin-bottom: 5px;*/
    /*color: rgba(255, 255, 255, 0.21);*/
    /*!*font-weight: 600;*!*/
    /*!*font-family: 'Circe';*!*/
    /*font-family: "geometria";*/
    /*font-weight: 600;*/
    /*letter-spacing: 2px;*/
/*}*/

.footer-row span{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.21);
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    overflow: hidden;
    height: 0;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    opacity: 0;
    top: 20px;
    /*transition-delay: 600ms;*/
    margin-bottom: 25px;
}
.footer-row:nth-child(2) span{
    transition-delay: 200ms;
}
.footer-row:nth-child(3) span{
    transition-delay: 400ms;
}
#footer.active .footer-row span{
    opacity: 1;
    top: 0px;
    height: 20px;
    margin-bottom: 5px
}
.footer-row-info{
    position: relative;
    display: block;
    opacity: 0;
    top: 70px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 400ms;
}
/*.footer-row:nth-child(2) .footer-row-info{*/
    /*transition-delay: 500ms;*/
/*}*/
/*.footer-row:nth-child(3) .footer-row-info{*/
    /*transition-delay: 600ms;*/
/*}*/
#footer.active .footer-row-info{
    opacity: 1;
    top: 20px;
}


.footer-row a{
    color: #fff;
    text-decoration: none;
}
.footer-row a:hover{
    color: #03d19f;
}
.footer-row input{
    position: relative;
    display: block;
    width: 350px;
    height: 40px;
    line-height: 40px;
    outline: none;
    border: 0;
    font-size: 19px;
    color: #fff;
    border-bottom: #314154 solid 2px;
    background: none;
}
.footer-row input.error{
    border-bottom: #f1373f solid 2px;
}
#subscribe-ok{
    position: absolute;
    display: none;
    right: 10px;
    top: -4px;
    color: #fff;
    font-size: 19px;
    line-height: 49px;
}
.footer-soc{
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/footer_social.png) no-repeat;
    margin-right: 10px;
    margin-top: 25px;
}
.footer-soc.fb{
    background-position: 0px 0px;
}
.footer-soc.vk{
    background-position: -22px 0px;
}
.footer-soc.in{
    background-position: -44px 0px;
}
.footer-soc.fb:hover{
    background-position: 0px -22px;
}
.footer-soc.vk:hover{
    background-position: -22px -22px;
}
.footer-soc.in:hover{
    background-position: -44px -22px;
}
#copyright{
    position: absolute;
    display: block;
    font-size: 14px;
    line-height: 20px;
    left: 0px;
    top: 210px;
    width: 400px;
    color: #314154;
}
/*#subscribe-button{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 26px;*/
    /*height: 26px;*/
    /*right: 0px;*/
    /*top: 29px;*/
    /*opacity: 0.2;*/
    /*background: url(../img/subscribe.png);*/
    /*background-size: 100% 100%;*/
    /*cursor: pointer;*/
/*}*/
/*#subscribe-button:hover{*/
    /*opacity: 1;*/
/*}*/

#subscribe-button{
    position: absolute;
    display: block;
    width: 98px;
    height: 9px;
    right: -15px;
    padding-left: 50px;
    vertical-align: middle;
    top: 14px;
    background: url(../img/subscribe_arrow.png) no-repeat 80% 50%;
    background-size: auto 100%;
    transition: all 400ms cubic-bezier(.2,.94,.38,2);
    cursor: pointer;
}
#subscribe-button:hover{
    transition: all 300ms cubic-bezier(.2,.94,.38,1);
    background-position: 100% 50%;
}
#subscribe-button:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    content: "";
    left: 0px;
    top: 0px;
}

/*.project-gallery{*/
    /*position: relative;*/
    /*width: 50%;*/
    /*padding-right: 50%;*/
    /*margin-bottom: 170px;*/
    /*text-align: center;*/
/*}*/
/*.project-gallery.right{*/
    /*padding-right: 0%;*/
    /*padding-left: 50%;*/
/*}*/
/*.project-gallery-text{*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*width: 70%;*/
    /*vertical-align: middle;*/
    /*text-align: left;*/
/*}*/
/*.project-gallery-text h3{*/
    /*line-height: 35px;*/
/*}*/
/*.project-images{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 50%;*/
    /*height: 100%;*/
    /*top: 0px;*/
    /*right: 0px;*/
/*}*/
/*.project-gallery.right .project-images{*/
    /*right: auto;*/
    /*left: 0px;*/
/*}*/
/*.project-images-hover{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 0%;*/
    /*height: 100%;*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*background: #f9444c;*/
/*}*/
/*.project-images-items{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*background: #f9444c;*/
/*}*/
/*.project-images-item{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*opacity: 0;*/
/*}*/
/*.project-images-item.active{*/
    /*opacity: 1;*/
/*}*/
/*.project-images-dots{*/
    /*position: absolute;*/
    /*bottom: -30px;*/
    /*width: 100%;*/
    /*text-align: center;*/
/*}*/
/*.project-images-dot{*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*width: 5px;*/
    /*height: 5px;*/
    /*border-radius: 10px;*/
    /*border: #898989 solid 2px;*/
    /*margin: 0 13px;*/
    /*cursor: pointer;*/
/*}*/
/*.project-images-dot.active{*/
    /*background: #898989;*/
/*}*/
/*.gallery-prev{*/
    /*position: absolute;*/
    /*width: 84px;*/
    /*height: 84px;*/
    /*left: -84px;*/
    /*top: 100%;*/
    /*background: #03d19f url(../img/prev.png) no-repeat 50% 50%;*/
    /*cursor: pointer;*/
/*}*/
/*.gallery-next{*/
    /*position: absolute;*/
    /*width: 84px;*/
    /*height: 84px;*/
    /*left: 0px;*/
    /*top: 100%;*/
    /*background: #03d19f url(../img/next.png) no-repeat 50% 50%;*/
    /*cursor: pointer;*/
/*}*/
/*.gallery-prev:hover{*/
    /*background: #07b188 url(../img/prev.png) no-repeat 50% 50%;*/
/*}*/
/*.gallery-next:hover{*/
    /*background: #07b188 url(../img/next.png) no-repeat 50% 50%;*/
/*}*/



/*.project-gallery.right .gallery-prev{*/
    /*left: auto;*/
    /*right: 0px;*/
/*}*/
/*.project-gallery.right .gallery-next{*/
    /*left: 100%;*/
/*}*/


#about-top-images{
    position: absolute;
    display: block;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
}
.about-top-image{
    position: absolute;
    display: block;
    width: 25%;
    height: 0px;
    bottom: 0px;
    top: 100%;
    margin-bottom: 0px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
}
.about-top-image:nth-child(1){
    background: url(../img/about/top1.png) no-repeat 50% 50%;
    background-size: cover;
}
.about-top-image:nth-child(2){
    left: 25%;
    background: url(../img/about/top2.png) no-repeat 50% 50%;
    background-size: cover;
}
.about-top-image:nth-child(3){
    left: 50%;
    background: url(../img/about/top3.png) no-repeat 50% 50%;
    background-size: cover;
}
.about-top-image:nth-child(4){
    left: 75%;
    background: url(../img/about/top4.png) no-repeat 50% 50%;
    background-size: cover;
}

.about-top-image.active:nth-child(1){
    height: 48%;
    top: 76%;
    transition-delay: 0ms;
}
.about-top-image.active:nth-child(2){
    height: 41%;
    max-height: 400px;
    transition-delay: 100ms;
}
.about-top-image.active:nth-child(3){
    height: 70%;
    top: 50%;
    transition-delay: 200ms;
}
.about-top-image.active:nth-child(4){
    height: 70%;
    top: 35%;
    transition-delay: 300ms;
}


#about-top-images.service .about-top-image:nth-child(1){
    background: url(../img/services/top1.png) no-repeat 50% 50%;
    background-size: cover;
}
#about-top-images.service .about-top-image:nth-child(2){
    background: url(../img/services/top2.png) no-repeat 50% 50%;
    background-size: cover;
}
#about-top-images.service .about-top-image:nth-child(3){
    background: url(../img/services/top3.png) no-repeat 50% 50%;
    background-size: cover;
}
#about-top-images.service .about-top-image:nth-child(4){
    background: url(../img/services/top4.png) no-repeat 50% 50%;
    background-size: cover;
}



#about-top-images.service .about-top-image.active:nth-child(1){
    height: 65%;
    top: 35%;
    transition-delay: 0ms;
}
#about-top-images.service .about-top-image.active:nth-child(2){
    height: 50%;
    max-height: 600px;
    top: 90%;
    transition-delay: 100ms;
}
#about-top-images.service .about-top-image.active:nth-child(3){
    height: 50%;
    top: 65%;
    transition-delay: 200ms;
}
#about-top-images.service .about-top-image.active:nth-child(4){
    height: 15%;
    top: 85%;
    transition-delay: 300ms;
}


#about-title{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 80px 0;
    opacity: 0;
}
#about-title.active{
    opacity: 1;
}
#about-title .black-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #cccccc;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 400ms ease-out;
    opacity: 0;
    top: 20px;
    transition-delay: 600ms;
    margin-bottom: 20px;
}
#about-title.active .black-title{
    opacity: 1;
    top: 0px;
    height: 20px;
    margin-bottom: 0;
}

#about-title h3{
    position: relative;
    display: block;
    line-height: 35px;
    opacity: 0;
    color: #111;
    font-weight: 600;
    width: 760px;
    margin: 35px auto;
    transform: translateY(50px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 800ms;
}

#about-title.active h3{
    transform: translateY(0px);
    opacity: 1;
}

.about-global-title{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 100px 0;
    opacity: 0;
}
.about-global-title.bottom{
    position: absolute;
    display: block;
    bottom: 0px;
    padding: 20px 0;
}
.about-global-title.active{
    opacity: 1;
}
.about-global-title .black-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #cccccc;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 600ms;
}
.about-global-title.active .black-title{
    opacity: 1;
}
.about-global-title h3{
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 35px;
    color: #111;
    font-weight: 600;
    width: 760px;
    margin: 35px auto;
}
.about-global-title.bottom h3{
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-family: 'geometria';
    font-weight: 400;
    opacity: 0.6;
    width: 870px;
}
.about-global-title h3 span{
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out;
}
.about-global-title h3 span.active{
    transform: translateY(0px);
    opacity: 1;
}

.about-team{
    position: relative;
    text-align: center;
    margin-bottom: 100px;
    font-size: 0;
}
.team-item{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 315px;
    height: 655px;
    margin: 0 4%;
    z-index: 1;
    opacity: 0;
    top: 300px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
}
.team-item:nth-child(2n){
    transition-delay: 100ms;
}
.team-item:nth-child(3n){
    transition-delay: 200ms;
}
.team-item-image{
    position: absolute;
    display: block;
    width: 315px;
    height: 505px;
    left: 0px;
    top: 0px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
}
.team-item-title{
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #111;
    line-height: 30px;
    top: 550px;
    /*opacity: 0;*/
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 100ms;
    font-family: 'Circe';
}
.team-item-post{
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #111;
    line-height: 21px;
    top: 590px;
    opacity: 1;
    font-family: 'Circe';
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 200ms;
}
.team-item:nth-child(2) .team-item-image{
    transition-delay: 100ms;
}
.team-item:nth-child(2) .team-item-title{
    transition-delay: 100ms;
}
.team-item:nth-child(2) .team-item-post{
    transition-delay: 100ms;
}
.team-item:nth-child(3) .team-item-image{
    transition-delay: 200ms;
}
.team-item:nth-child(3) .team-item-title{
    transition-delay: 200ms;
}
.team-item:nth-child(3) .team-item-post{
    transition-delay: 200ms;
}
.team-item-info{
    position: absolute;
    display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
    background: #03d19f; /* Old browsers */
    background: -moz-linear-gradient(180deg,  #03d19f 0%, #0cc8bd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(180deg,  #03d19f 0%,#0cc8bd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(180deg,  #03d19f 0%,#0cc8bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d19f', endColorstr='#0cc8bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    transition: all 400ms cubic-bezier(.2,.94,.38,1);
    font-family: 'Circe';
    bottom: -40px;
    opacity: 0;
}
.team-item-info-title{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    margin-top: 40px;
    opacity: 0;
    top: 40px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 100ms;
}
.team-item-info-post{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    opacity: 0;
    top: 40px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 200ms;
    padding: 10px 0;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.team-item-info-post:after{
    position: absolute;
    display: block;
    content: "";
    width: 30px;
    left: 50%;
    margin-left: -15px;
    top: 100%;
    height: 3px;
    background: #fff;
}
.team-item-info-desc{
    position: relative;
    opacity: 0;
    top: 40px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 300ms;
    padding: 0 30px;
}
.team-item-info-full{
    position: relative;
    margin-top: 30px;
    opacity: 0;
    transition: all 300ms linear;
}

.team-item.active{
    opacity: 1;
    top: 0px;
}
/*.team-item.active .team-item-image{*/
    /*top: 0px;*/
    /*!*height: 505px;*!*/
/*}*/
/*.team-item.active .team-item-title{*/
    /*opacity: 1;*/
    /*top: 550px;*/
/*}*/
/*.team-item.active .team-item-post{*/
    /*opacity: 0.7;*/
    /*top: 590px;*/
/*}*/


.team-item.hover .team-item-info{
    opacity: 1;
    height: 310px;
    bottom: 0px;
}
.team-item.hover .team-item-info-title{
    opacity: 1;
    top: 0px;
}
.team-item.hover .team-item-info-post{
    opacity: 1;
    top: 0px;
}
.team-item.hover .team-item-info-desc{
    opacity: 1;
    top: 0px;
}

.show-full-info{
    position: absolute;
    display: block;
    bottom: 330px;
    left: 50%;
    margin-left: -8px;
    width: 28px;
    height: 22px;
    visibility: hidden;
    margin-bottom: -200px;
    background: url(../img/cyan_arrow.png) no-repeat 0 0;
    cursor: pointer;
    opacity: 0;
}
.show-full-info:hover{
    animation: arrow-animate 0.6s infinite;
    -webkit-animation: arrow-animate 0.6s infinite;
    background-position: right top;
}
.show-full-info:after{
    position: absolute;
    display: block;
    content: "";
    top: 0px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 22px;
}


.team-item.hover .show-full-info{
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    /*transition-delay: 300ms;*/
    opacity: 1;
    visibility: visible;
    margin-bottom: 0;
}
.team-item.hover .team-item-info.full{
    height: 655px;
}

.team-item.hover .team-item-info.full .team-item-info-full{
    opacity:1;
}
.team-item.showinfo .show-full-info{
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    /*transition-delay: 300ms;*/
    opacity: 1;
    visibility: visible;
    margin-bottom: 0;
}
.team-item.showinfo .team-item-info.full{
    height: 655px;
}

.team-item.showinfo .team-item-info.full .team-item-info-full{
    opacity:1;
}

.about-team.bottom .team-item-info{
    display: none !important;
}



#about-gallery{
    position: relative;
    display: block;
    margin: 100px 0 230px;
    font-size: 0;
    /*background: #fff;*/
}
.about-gallery{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    overflow: hidden;
    z-index: 1;
    margin-bottom: -1px;
}
.about-gallery:nth-child(2n){
    top: 120px;
}
.about-gallery.active .gallery-images-hover-start{
    left: 0%;
    width: 0%;
}
.about-gallery.right.active .gallery-images-hover-start{
    left: 100%;
    width: 0%;
}

.about-gallery .gallery-images-hover-start{
    background: #fff;
}
.about-gallery .gallery-images-hover{
    background: #fc4950;
}
/*.about-gallery:nth-child(1) .gallery-images-hover{*/
    /*transition-delay: 0ms;*/
/*}*/
/*.about-gallery:nth-child(2) .gallery-images-hover{*/
    /*transition-delay: 200ms;*/
/*}*/
/*.about-gallery:nth-child(3) .gallery-images-hover{*/
    /*transition-delay: 400ms;*/
/*}*/
/*.about-gallery:nth-child(4) .gallery-images-hover{*/
    /*transition-delay: 600ms;*/
/*}*/

.about-gallery .gallery-images-items{
    /*background: #fff;*/
}

#about-gallery .gallery-prev{
    position: absolute;
    top: 50%;
    margin-top: 36px;
    left: 50%;
    margin-left: -84px;
    opacity: 1;
    z-index: 2;
}
#about-gallery .gallery-next{
    position: absolute;
    top: 50%;
    margin-top: 36px;
    left: 50%;
    opacity: 1;
    z-index: 2;
}
.about-gallery.active .gallery-images-item{
    /*opacity: 1;*/
    width: 100%;
    left: 0px;
}

#about-gallery .gallery-images-item{
    display: none;
}
#about-gallery .gallery-images-item.active{
    display: block;
}

#about-half-texts{
    position: relative;
    font-size: 0px;
    margin: 100px 0 100px;
}
#about-half-texts1{
    position: relative;
    font-size: 0px;
    margin: 100px 0 100px;
}
#about-half-texts-second{
    position: relative;
    font-size: 0px;
    margin: 0px 0 100px;
}
.about-half-text{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    opacity: 0;
    z-index: 1;
}
.about-half-text .block-item{
    width: 40%;
    margin-left: 10%;
}
.about-half-text .block-item span{
    position: relative;
    display: block;
    opacity: 0;
    top: 30px;
    transition: all 300ms ease-out;
}
.about-half-text .block-item span:nth-child(1){  transition-delay: 1000ms;  }
.about-half-text .block-item span:nth-child(2){  transition-delay: 1100ms;  }
.about-half-text .block-item span:nth-child(3){  transition-delay: 1200ms;  }
.about-half-text .block-item span:nth-child(4){  transition-delay: 1300ms;  }
.about-half-text .block-item span:nth-child(5){  transition-delay: 1400ms;  }
.about-half-text .block-item span:nth-child(6){  transition-delay: 1500ms;  }
.about-half-text .block-item span:nth-child(7){  transition-delay: 1600ms;  }
.about-half-text .block-item span:nth-child(8){  transition-delay: 1700ms;  }
.about-half-text .block-item span:nth-child(9){  transition-delay: 1800ms;  }
.about-half-text .block-item span:nth-child(10){  transition-delay: 1900ms;  }
.about-half-text .block-item span:nth-child(11){  transition-delay: 2000ms;  }
.about-half-text .block-item span:nth-child(12){  transition-delay: 2100ms;  }

.about-half-text .block-item:nth-child(2) span:nth-child(1){  transition-delay: 1300ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(2){  transition-delay: 1400ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(3){  transition-delay: 1500ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(4){  transition-delay: 1600ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(5){  transition-delay: 1700ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(6){  transition-delay: 1800ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(7){  transition-delay: 1900ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(8){  transition-delay: 2000ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(9){  transition-delay: 2100ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(10){  transition-delay: 2200ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(11){  transition-delay: 2300ms;  }
.about-half-text .block-item:nth-child(2) span:nth-child(12){  transition-delay: 2400ms;  }

.about-half-text.active .block-item span{
    opacity: 1;
    top: 0;
}
.about-half-text-info{
    padding: 0 37px 0 97px;
}
#about-half-texts-second .about-half-text-info{
    padding-right: 80px;
}

.about-half-text-info p{
    font-size: 18px;
    color: #111;
    line-height: 26px;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 400ms;
}


.about-half-text-info p{
    position: relative;
    display: block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 600ms;
}

.about-half-text.active .about-half-text-info p{
    transform: translateY(0px);
    opacity: 1;
}

/*#about-global .about-half-text-info p{*/
    /*font-size: 20px;*/
    /*color: #111;*/
    /*line-height: 28px;*/
    /*opacity: 0;*/
    /*transform: translateY(50px);*/
    /*transition: all 600ms cubic-bezier(.2,.94,.38,1);*/
    /*transition-delay: 600ms;*/
/*}*/

/*#about-links h3{*/
    /*position: relative;*/
    /*display: block;*/
    /*line-height: 35px;*/
    /*color: #fff;*/
    /*font-weight: 600;*/
    /*width: 750px;*/
    /*opacity: 0;*/
    /*margin: 35px auto;*/
    /*transform: translateY(30px);*/
    /*transition: all 600ms cubic-bezier(.2,.94,.38,1);*/
    /*transition-delay: 400ms;*/
/*}*/
/*.about-half-text.active .about-half-text-info p{*/
    /*transform: translateY(0px) !important;*/
    /*opacity: 1 !important;*/
/*}*/


.about-half-text-info b{
    font-size: 24px;
    color: #111;
    line-height: 40px;
    position: relative;
    display: block;
    top: 200px;
    padding-left: 50px;
    opacity: 0;
    transition: all 400ms ease-out;
}
.about-half-text-info b:after{
    position: absolute;
    display: block;
    content: "";
    width: 23px;
    height: 3px;
    background: #35dab1;
    left: 10px;
    top: 18px;
}
.about-half-text h2{
    position: relative;
    display: block;
    opacity: 1;
    width: 100%;
    height: auto;
    overflow: hidden;
    /*top: 50%;*/
    /*margin-top: -50px;*/
    font-size: 50px;
    line-height: 50px;
    color: #111;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: left;
    font-family: 'Circe';
    margin: 0;
    margin-bottom: 30px;
    margin-top: 30px;
}
#about-half-texts-second .about-half-text h2{
    margin-top: 0;
}
.about-half-text h2 span{
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    top: 200px;
    transition: all 300ms ease-out;
    transition-delay: 300ms;
}
.about-half-text.active span{
    top: 0px;
}
iframe{
    margin-bottom: 40px !important;
}


#about-links h3{
    position: relative;
    display: block;
    line-height: 35px;
    color: #fff;
    font-weight: 600;
    width: 750px;
    opacity: 0;
    margin: 35px auto;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 400ms;
}
#about-links.active h3{
    transform: translateY(0px);
    opacity: 1;
}



/*.about-half-text p span{*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*opacity: 0;*/
    /*transform: translateY(50px);*/
    /*transition: all 300ms ease-out;*/
/*}*/
/*.about-half-text p span.active{*/
    /*transform: translateY(0px);*/
    /*opacity: 1;*/
/*}*/

/*.page-title{*/
    /*position: absolute;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: auto;*/
    /*overflow: hidden;*/
    /*top: 50%;*/
    /*margin-top: -50px;*/
    /*font-size: 50px;*/
    /*line-height: 50px;*/
    /*color: #fff;*/
    /*font-weight: 600;*/
    /*letter-spacing: 2px;*/
    /*text-align: center;*/
    /*font-family: 'Circe';*/
/*}*/
/*.page-title span{*/
    /*position: relative;*/
    /*display: block;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*top: 100px;*/
    /*transition: all 300ms ease-out;*/
/*}*/
/*.page-title.active span{*/
    /*top: 0px;*/
/*}*/



.about-half-text .black-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #cccccc;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 400ms ease-out;
    opacity: 0;
    top: 20px;
    transition-delay: 200ms;
    margin-bottom: 20px;
}
.about-half-text.active .black-title{
    opacity: 1;
    top: 0px;
    height: 20px;
    margin-bottom: 0;
}

.about-half-text.active{
    opacity: 1;
}
.about-half-text.active b{
    opacity: 1;
    top: 40px;
}
.about-half-text.active b:nth-child(2){
    transition-delay: 100ms;
}
.about-half-text.active b:nth-child(3){
    transition-delay: 200ms;
}
.about-half-text.active b:nth-child(4){
    transition-delay: 300ms;
}
.about-half-text.active b:nth-child(5){
    transition-delay: 400ms;
}
.about-half-text.active b:nth-child(6){
    transition-delay: 500ms;
}
.about-half-text.active b:nth-child(7){
    transition-delay: 600ms;
}
.about-half-text.active b:nth-child(8){
    transition-delay: 700ms;
}



#about-ways{
    position: relative;
    display: block;
    width: 100%;
    margin-top: 100px;
    font-size: 0;
    height: 700px;
    overflow: hidden;
}
.about-way{
    position: relative;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    height: 700px;
    padding: 80px 0;
    text-align: center;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    top: 100%;
    background: #03d19f; /* Old browsers */
    background: -moz-linear-gradient(180deg,  #03d19f 0%, #0cc8bd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(180deg,  #03d19f 0%,#0cc8bd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(180deg,  #03d19f 0%,#0cc8bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d19f', endColorstr='#0cc8bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    /*cursor: pointer;*/
}
.about-way:hover{
    background: #03d19f; /* Old browsers */
    background: -moz-linear-gradient(180deg,  #0ab188 0%, #0cc8bc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(180deg,  #0ab188 0%,#0cc8bc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(180deg,  #0ab188 0%,#0cc8bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ab188', endColorstr='#0cc8bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.about-way-text{
    position: relative;
    display: inline-block;
    text-align: left;
    width: 260px;
}
.about-way-text span{
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    opacity: 0;
    top: 50px;
    transition: all 200ms ease-out;
}
.about-way-text span:nth-child(1){
    opacity: 1;
}
.about-way-text span:nth-child(2){
    font-size: 33px;
    line-height: 36px;
    font-weight: 600;
    opacity: 1;
    padding: 10px 0 20px;
}
.about-way span:nth-child(1){
    transition-delay: 200ms;
}
.about-way span:nth-child(2){
    transition-delay: 250ms;
}
.about-way span:nth-child(3){
    transition-delay: 300ms;
}
#about-ways.active span{
    opacity: 1;
    top: 0px;
}
#about-ways.active span:nth-child(1){
    opacity: 1;
}
#about-ways.active span:nth-child(2){
    opacity: 1;
}

#about-ways.active .about-way:nth-child(1){
    transition-delay: 100ms;
    top: 100px;
    height: 500px;
}
#about-ways.active .about-way:nth-child(2){
    transition-delay: 200ms;
    top: 0px;
    height: 600px;
}
#about-ways.active .about-way:nth-child(2) .about-way-text{
    top:100px;
}
#about-ways.active .about-way:nth-child(3){
    transition-delay: 0ms;
    top: 50px;
    height: 650px;
}
#about-ways.active .about-way:nth-child(3) .about-way-text{
    top:50px;
}
#about-ways.active .about-way:nth-child(4){
    transition-delay: 100ms;
    top: 100px;
    height: 500px;
}
#about-links{
    position: relative;
    display: block;
    width: 100%;
    background: #192432;
    padding: 110px 0 80px;
    text-align: center;
    z-index: 1;
}
#about-links.active{
    opacity: 1;
}
#about-links .white-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 2px;
    transition: all 400ms ease-out;
    opacity: 0;
    top: 20px;
    transition-delay: 200ms;
    margin-bottom: 20px;
}
#about-links.active .white-title{
    opacity: 0.4;
    top: 0px;
    height: 20px;
    margin-bottom: 0;
}


#about-links h3{
    position: relative;
    display: block;
    line-height: 35px;
    color: #fff;
    font-weight: 600;
    width: 750px;
    opacity: 0;
    margin: 35px auto;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 400ms;
}
#about-links.active h3{
    transform: translateY(0px);
    opacity: 1;
}


/*#about-links h3 span{*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*opacity: 0;*/
    /*transform: translateY(50px);*/
    /*transition: all 300ms ease-out;*/
/*}*/
/*#about-links h3 span.active{*/
    /*transform: translateY(0px);*/
    /*opacity: 1;*/
/*}*/
#about-team-title{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 80px 0;
    opacity: 0;
}
#about-team-title.active{
    opacity: 1;
}
#about-team-title .black-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #cccccc;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 600ms;
}
#about-team-title.active .black-title{
    opacity: 1;
}
#about-team-title h3{
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 35px;
    color: #111;
    font-weight: 600;
    width: 660px;
    margin: 35px auto;
    opacity: 0;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 700ms;
}
/*#about-team-title h3 span{*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*opacity: 0;*/
    /*transform: translateY(50px);*/
    /*transition: all 300ms ease-out;*/
/*}*/
/*#about-team-title h3 span.active{*/
    /*transform: translateY(0px);*/
    /*opacity: 1;*/
/*}*/

#about-team-title.active h3{
    transform: translateY(0px);
    opacity: 1;
}



#about-global{
    position: relative;
    height: 900px;
    width: 100%;
    background: #f4f4ed;
    font-size: 0;
    margin-bottom: 300px;
}
#about-global-map{
    position: absolute;
    display: block;
    width: 1319px;
    height: 628px;
    left: 50%;
    margin-left: -660px;
    top: 58px;
    background: url(../img/about/map.png);
}
#about-global-map.gray{
    background: url(../img/about/map_gray.png);
}
.marker{
    position: absolute;
    width: 1px;
    height: 1px;
    margin-top: -50px;
    opacity: 0;
    transition: all 300ms cubic-bezier(.66,.34,.52,1.5);
}
.marker:after{
    position: absolute;
    display: block;
    content: "";
    width: 35px;
    height: 51px;
    left: -17px;
    top: -50px;
    background: url(../img/about/marker.png);
}
.marker.active{
    margin-top: 0px;
    opacity: 1;
}



#about-global h1{
    font-size: 150px;
    line-height: 150px;
    font-weight: 600 !important;
    color: #f74751;
    margin-bottom: 0px;
}
#about-global p{
    font-family: 'Circe';
}
.global-bottom-lines{
    position: absolute;
    display: block;
    width: 100%;
    top: 100%
}
.global-bottom-lines .bottom-line{
    background: #f4f4ed;
}
.global-bottom-lines.active .bottom-line:nth-child(1){
    height: 194px;
}
.global-bottom-lines.active .bottom-line:nth-child(2){
    height: 120px;
}
.global-bottom-lines.active .bottom-line:nth-child(3){
    height: 290px;
}
.global-bottom-lines.active .bottom-line:nth-child(4){
    height: 194px;
}


#map{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 280px;
    left: 0px;
    top: 0px;
    background: url(../img/map1.jpg) no-repeat 39% -280px;
    background-size: 2560px auto;
}
#map:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url(../img/about/map_hover.png) no-repeat 50% 0%;
    background-size: 100% auto;
    pointer-events: none;
}
#marker{
    position: absolute;
    display: block;
    width: 60px;
    height: 88px;
    left: 50%;
    margin-left: -30px;
    top: 300px;
    background: url(../img/marker.png) no-repeat 50% 0%;
    background-size: 100% 100%;
    margin-top: -50px;
    opacity: 0;
    transition: all 300ms ease-out;
    z-index: 3;
    cursor: pointer;
    animation: arrow-marker 2s infinite;
    -webkit-animation: arrow-marker 2s infinite;
}
#marker:hover{
    transform: scale(1.1);
}
#marker.active{
    opacity: 1;
    margin-top: 0;
}
#marker.hidden{
    margin-top: 0px;
    opacity:0;
}

.marker:after{
    position: absolute;
    display: block;
    content: "";
    width: 35px;
    height: 51px;
    left: -17px;
    top: -50px;
    background: url(../img/about/marker.png);
    background-size: 100% 100%;
}
.marker.active{
    margin-top: 0px;
    opacity: 1;
}


@keyframes arrow-marker {
    10%{top: 300px;}
    20%{top: 295px;}
    30%{top: 300px;}
    100%{top: 300px;}
}
@-webkit-keyframes arrow-marker {
    10%{top: 300px;}
    20%{top: 295px;}
    30%{top: 300px;}
    100%{top: 300px;}
}
@keyframes arrow-marker-fast {
    10%{top: 300px;}
    40%{top: 295px;}
    80%{top: 300px;}
    100%{top: 300px;}
}
@-webkit-keyframes arrow-marker-fast {
    10%{top: 300px;}
    40%{top: 295px;}
    80%{top: 300px;}
    100%{top: 300px;}
}

#close-contacts{
    position: absolute;
    display: none;
    width: 27px;
    height: 27px;
    left: 75%;
    margin-left: -66px;
    top: 42px;
    z-index: 90;
    cursor: pointer;
    transition: all 150ms ease-out;
    /*visibility: hidden;*/
}
#close-contacts:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 6px;
    transform: rotate(-45deg);
    background: #111;
}
#close-contacts:before{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    top: 6px;
    transform: rotate(45deg);
    background: #111;
}
#close-contacts:hover:after{
    width: 100%;
    left: 0%;
    background: #FC4950;
}
#close-contacts:hover:before{
    width: 100%;
    left: 0%;
    background: #FC4950;
}


.contacts-bottom-lines{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 280px;
    pointer-events: none;
    z-index: 2;
}
.contacts-bottom-lines.zindex{
    z-index: 3;
}
.contacts-bottom-lines .bottom-line{
    background: #fff;
    bottom: 0px;
    transition: all 300ms linear;
}
.contacts-bottom-lines .bottom-line:nth-child(1){
    height: 200px;
}
.contacts-bottom-lines .bottom-line:nth-child(2){
    height: 0%;
}
.contacts-bottom-lines .bottom-line:nth-child(3){
    height: 120px;
    transition-delay: 100ms;
}
.contacts-bottom-lines.open .bottom-line:nth-child(2){
    pointer-events: all;
}
.contacts-bottom-lines.open .bottom-line:nth-child(3){
    pointer-events: all;
}
.contacts-bottom-lines .bottom-line:nth-child(4){
    height: 280px;
}
.contacts-bottom-lines.open .bottom-line{
}
.contacts-bottom-lines.open .bottom-line:nth-child(2){
    height: 100%;
    opacity: 0.9;
}
.contacts-bottom-lines.open .bottom-line:nth-child(3){
    height: 100%;
    opacity: 0.9;
}

#contact-text{
    position: absolute;
    display: none;
    line-height: 35px;
    font-size: 26px;
    color: #111;
    font-weight: 600;
    width: 400px;
    margin: 35px auto;
    /* opacity: 0; */
    /* visibility: hidden; */
    top: 200px;
    /* margin-top: -100px; */
    text-align: center;
    left: 50%;
    margin-left: -200px;
    z-index: 3;
}
#contact-text.active{
    opacity: 1;
}
#contact-text span{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #959595;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    /* margin-left: 100px; */
    transition: all 400ms linear;
    transition-delay: 600ms;
    margin-bottom: 30px;
}
#contact-text a{
    color: #111;
}
#contact-text a:hover{
    color: #03d19f;
}
#map-social{
    position: relative;
    display: block;
    margin-top: 40px;
    text-align: center;
    padding-top: 0px;
}
#contact-arrow{
    position: relative;
    display: block;
    width: 100px;
    height: 131px;
    margin: 40px auto 20px;
    background: url(../img/contacts_arrow.png) no-repeat 50% 0;
    cursor: pointer;
    transition: all 400ms cubic-bezier(.2,.94,.38,2);
}
#contact-arrow:hover{
    transition: all 300ms cubic-bezier(.2,.94,.38,1);
    background-position: 50% 20px;
}

.map-soc{
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/map_social.png) no-repeat;
    margin: 0 10px;
}
.map-soc.fb{
    width: 21px;
    background-position: 0px 0px;
}
.map-soc.vk{
    background-position: -22px 0px;
}
.map-soc.in{
    background-position: -44px 0px;
}
.map-soc.fb:hover{
    background-position: 0px -22px;
}
.map-soc.vk:hover{
    background-position: -22px -22px;
}
.map-soc.in:hover{
    background-position: -44px -22px;
}


#project-cyan{
    position: relative;
    display: block;
    width: 100%;
    background: url(../img/opinions.png);
    background-size: 100% 100%;
    padding: 110px 0 80px;
    text-align: center;
    z-index: 1;
}
#project-cyan.active{
    opacity: 1;
}
#project-cyan .white-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'geometria';
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 600ms;
}
#project-cyan.active .white-title{
    opacity: 0.5;
}
#project-cyan h3{
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 35px;
    color: #fff;
    font-weight: 600;
    width: 740px;
    opacity: 0;
    margin: 35px auto;
}
#project-cyan.active h3{
    opacity: 1;
}
#project-cyan h3 span{
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out;
}
#project-cyan h3 span.active{
    transform: translateY(0px);
    opacity: 1;
}

#project-cyan a{
    position: relative;
    display: block;
    width: 204px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border: #fc4950 solid 3px;
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 1200ms;
    font-family: 'Circe';
}
#project-cyan.active a{
    opacity: 1;
}
#project-cyan a:before{
    position: absolute;
    display: block;
    content: "";
    background: #fc4950;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    transition: all 200ms cubic-bezier(.2,.94,.38,1.02);
}
#project-cyan a span{
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 600;
    line-height: 45px;
    font-size: 17px;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}
#project-cyan a:hover:before{
    height: 100%;
}



#project-list{
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}
.project-list-block{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.project-list-block.full{
    width: 100%;
    margin-bottom: -1px;
}
.project-list-item{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    /*z-index: 1;*/
}
.project-list-block.full .project-list-item{
    width: 50%;
}
.project-list-link{
    position: relative;
    display: block;
    width: 100%;
    color: #111;
    cursor: pointer;
}
.project-list-link.red{
    color: #fff;
    background: #f1373f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1373f 0%, #fb464e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f1373f 0%,#fb464e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f1373f 0%,#fb464e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1373f', endColorstr='#fb464e',GradientType=0 ); /* IE6-9 */
}
.project-list-data{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    width: 500px;
}
.project-list-data small{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}
.project-list-data span{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'geometria';
    font-weight: 600;
    letter-spacing: 2px;
    opacity: 0.4;
}
.project-list-data h2{
    font-size: 50px;
    line-height: 62px;
    margin: 20px 0;
    font-weight: 600;
}
.project-list-data h2 span{
    font-size: 50px;
    font-weight: 600;
    text-transform: none;
}
.project-list-data h2 span br{
    font-size: 0px;
    display: none;
}
.project-list-link.red h2{
    color: #fff;
}

.project-link-arrow{
    position: absolute;
    width: 111px;
    height: 14px;
    left: 0%;
    margin-left: 50px;
    top: 50%;
    margin-top: -7px;
    background: url(../img/projects/left.png) no-repeat 100% 0;
    z-index: 10;
    transition: all 400ms cubic-bezier(.2,.94,.38,2);
    transition-delay: 400ms;
    opacity: 0;
}
.project-link-arrow.right{
    left: 100%;
    margin-left: -160px;
    background: url(../img/projects/right.png) no-repeat 0 0;
}
.project-link-arrow.top{
    left: 50%;
    margin-left: -7px;
    top: 0px;
    margin-top: 50px;
    width: 13px;
    height: 111px;
    background: url(../img/projects/top.png) no-repeat 0 100%;
}
.project-link-arrow.bottom{
    left: 50%;
    margin-left: -7px;
    bottom: 0px;
    margin-bottom: 50px;
    top: auto;
    width: 13px;
    height: 111px;
    background: url(../img/projects/bottom.png) no-repeat 0 0%;
}
.project-list-link.active .project-link-arrow.left{
    margin-left: -55px;
    opacity: 1;
}
.project-list-link.active .project-link-arrow.right{
    margin-left: -55px;
    opacity: 1;
}
.project-list-link.active .project-link-arrow.top{
    margin-top: -55px;
    opacity: 1;
}
.project-list-link.active .project-link-arrow.bottom{
    margin-bottom: -55px;
    opacity: 1;
}
.project-link-arrow.nodelay{
    transition-delay: 0ms;
}
.project-list-link.active.hover .project-link-arrow.left{
    margin-left: -111px;
    transition: all 400ms cubic-bezier(.2,.94,.38,1);
    -webkit-transition: all 400ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
}
.project-list-link.active.hover .project-link-arrow.right{
    margin-left: 0px;
    transition: all 400ms cubic-bezier(.2,.94,.38,1);
    -webkit-transition: all 400ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
}
.project-list-link.active.hover .project-link-arrow.top{
    margin-top: -111px;
    transition: all 400ms cubic-bezier(.2,.94,.38,1);
    -webkit-transition: all 400ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
}
.project-list-link.active.hover .project-link-arrow.bottom{
    margin-bottom: -111px;
    transition: all 400ms cubic-bezier(.2,.94,.38,1);
    -webkit-transition: all 400ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
}

.slide-sub-title.animate span {
}
.slide-sub-title.red span {
    color: #8e3d55;
}


.project-list-link.active.hover .project-link-arrow.left.hov{
    animation: leftarr 0.3s forwards;
    -webkit-animation: leftarr 0.3s forwards;
}
.project-list-link.active.hover .project-link-arrow.right.hov{
    animation: rightarr 0.3s forwards;
    -webkit-animation: rightarr 0.3s forwards;
}
.project-list-link.active.hover .project-link-arrow.top.hov{
    animation: toparr 0.3s forwards;
    -webkit-animation: toparr 0.3s forwards;
}
.project-list-link.active.hover .project-link-arrow.bottom.hov{
    animation: bottomarr 0.3s forwards;
    -webkit-animation: bottomarr 0.3s forwards;
}

@keyframes leftarr {
    0%{background-size: 100% 100%}
    50%{background-size: 70% 100%}
    100%{background-size: 100% 100%}
}
@-webkit-keyframes leftarr {
    0%{background-size: 100% 100%}
    50%{background-size: 70% 100%; left: 20px;}
    100%{background-size: 100% 100%}
}
@keyframes rightarr {
    0%{background-size: 100% 100%}
    50%{background-size: 70% 100%}
    100%{background-size: 100% 100%}
}
@-webkit-keyframes rightarr {
    0%{background-size: 100% 100%}
    50%{background-size: 70% 100%; margin-left: -20px;}
    100%{background-size: 100% 100%}
}
@keyframes toparr {
    0%{background-size: 100% 100%}
    50%{background-size: 100% 70%}
    100%{background-size: 100% 100%}
}
@-webkit-keyframes toparr {
    0%{background-size: 100% 100%}
    50%{background-size: 100% 70%; top: 20px;}
    100%{background-size: 100% 100%}
}
@keyframes bottomarr {
    0%{background-size: 100% 100%}
    50%{background-size: 100% 70%}
    100%{background-size: 100% 100%}
}
@-webkit-keyframes bottomarr {
    0%{background-size: 100% 100%}
    50%{background-size: 100% 70%; top: -20px;}
    100%{background-size: 100% 100%}
}



#projects-filter{
    position: relative;
    margin-bottom: 0px;
    font-size: 0;
    z-index: 10;
}
.projects-filter-item{
    position: relative;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    font-family: 'Circe';
    font-weight: 300;
    line-height: 85px;
    background: #03d29e;
    text-align: center;
    color: #fff;
    font-size: 18px;
    transition: all 100ms linear;
    cursor: pointer;
    text-decoration: none;
}
.projects-filter-item span{
    position: relative;
}
.projects-filter-item span:after{
    position: absolute;
    display: block;
    width: 0%;
    height: 2px;
    background: #fff;
    content: "";
    top: 100%;
    left: 0px;
}
.projects-filter-item:hover{
    background: #0ab188;
}
.projects-filter-item:hover span:after{
    animation: border-show 0.6s forwards ease-in-out;
}
@keyframes border-show {
    0%{
        left:0%;
        width: 0%;
    }
    50% {
        left: 0%;
        width: 100%
    }
    100% {
        left: 100%;
        width: 0%;
    }
}

.projects-filter-item.active{
    background: #0ab188;
}
.projects-filter-item.active span:after{
    width: 100%;
}
.projects-filter-item.active:hover span:after{
    animation: none;
}
.project-list-image{
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}
.project-list-image-bg{
    position: absolute;
    display: block;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0px;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
}
.project-list-image.active .project-list-image-bg{
    height: 100%;
}
/*.project-list-image.active .project-list-image-bg{*/
    /*transform: scale(1.1);*/
/*}*/
.project-list-image.active.hover .project-list-image-bg{
    transform: scale(1.1);
}
.project-list-link h2{
    position: relative;
    height: auto;
    overflow: hidden;
    font-size: 50px;
    line-height: 56px;
    margin: 20px 0;
    font-weight: 600;
    color: #fff;
}
.project-list-link h2 span{
    position: relative;
    display: block;
    width: 100%;
    color: #111;
    text-align: left;
    top: 300px;
    opacity: 1;
    transition: all 300ms ease-out;
    transition-delay: 300ms;
}
.project-list-link.red h2 span{
    color: #fff;
}
.project-list-link.active h2 span{
    top: 0px;
}





/*.project-list-link h2 span{*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*opacity: 0;*/
    /*top: 40px;*/
    /*transition: all 300ms ease-out;*/
/*}*/
/*.project-list-link h2 span.active{*/
    /*top: 0px;*/
    /*opacity: 1;*/
/*}*/
.project-list-link small{
    opacity: 0;
}
.project-list-link.active small{
    opacity: 1;
}
.project-list-link small span{
    position: relative;
    display: inline-block;
    opacity: 0;
    top: 40px;
    transition: all 300ms ease-out;
}
.project-list-link small span.active{
    top: 0px;
    opacity: 1;
}
.project-list-link p{
    opacity: 0;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 700ms;
}
.project-list-link.active p{
    transform: translateY(0px);
    opacity: 1;
}
.project-list-link p span{
    position: relative;
    display: inline-block;
    opacity: 0;
    top: 40px;
    transition: all 300ms ease-out;
}
.project-list-link p span.active{
    top: 0px;
    opacity: 1;
}


.partner-logo{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1)  rotateY(-90deg);
    opacity: 0;
    transition: all 500ms ease-out;
    /*-webkit-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
    /*transition: 0.3s;*/
}
.partner-logo:hover{
    /*-webkit-filter: grayscale(0);*/
    /*filter: grayscale(0);*/
}
.square-item.active .partner-logo{
    transform: scale(1) rotateY(0deg);
    opacity: 1;
}
.square-item.active .partner-logo:hover{
    /*-webkit-filter: grayscale(0);*/
    /*filter: grayscale(0);*/
    opacity: 1;
}
.square-item{
    cursor: pointer;
    overflow: hidden;
}
.square-item:nth-child(1) .partner-logo{ transition-delay: 0ms; }
.square-item:nth-child(2) .partner-logo{ transition-delay: 100ms; }
.square-item:nth-child(3) .partner-logo{ transition-delay: 200ms; }
.square-item:nth-child(5) .partner-logo{ transition-delay: 0ms; }
.square-item:nth-child(6) .partner-logo{ transition-delay: 100ms; }
.square-item:nth-child(7) .partner-logo{ transition-delay: 200ms; }
.square-item:nth-child(8) .partner-logo{ transition-delay: 300ms; }
.square-item:nth-child(8) .partner-logo.nodelay{
    transition-delay: 0ms !important;
}
.square-item .project-item-text{
    width: 270px;
}
.square-item .project-item-text span:nth-child(2) {
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 1px;
    padding-bottom: 27px;
}
.square-item:hover .project-item-hover{
    opacity: 0.8;
}
.square-item:hover .project-item-bg{
    transform: scale(1.2);
}
.square-item:hover .project-item-text span{
    top: 0px;
    transition: all 400ms cubic-bezier(.2,.94,.38,1.02);
    opacity: 1;
}
.square-item:hover .project-item-text span:nth-child(1){
    transition-delay: 100ms;
}
.square-item:hover .project-item-text span:nth-child(2){
    transition-delay: 200ms;
}
.square-item:hover .project-item-text span:nth-child(3){
    transition-delay: 300ms;
}

.square-item.hover .project-item-hover{
    opacity: 0.8;
}
.square-item.hover .project-item-hover{
    opacity: 0.8;
}
.square-item.hover .project-item-bg{
    transform: scale(1.2);
}
/*.square-item.hover .project-item-text span{*/
    /*top: 0px;*/
    /*transition: all 400ms cubic-bezier(.2,.94,.38,1.02);*/
    /*opacity: 1;*/
/*}*/
/*.square-item.hover .project-item-text span:nth-child(1){*/
    /*transition-delay: 100ms;*/
/*}*/
/*.square-item.hover .project-item-text span:nth-child(2){*/
    /*transition-delay: 200ms;*/
/*}*/
/*.square-item.hover .project-item-text span:nth-child(3){*/
    /*transition-delay: 300ms;*/
/*}*/
.square-project-bg{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: scale(1);
    transition: all 400ms cubic-bezier(.2,.94,.38,1.02);
}
.square-item:hover .square-project-bg{
    transform: scale(1.2);
}


#main-services{
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0px;
}
.main-services-item{
    position: relative;
    display: block;
    width: 100%;
}
.main-services-item:nth-child(1){
    height: 940px;
}
.main-services-item:nth-child(2){
    height: 800px;
}
.main-services-item:nth-child(3){
    height: 800px;
}
.main-services-item:nth-child(4){
    height: 900px;
}
.main-service-block{
    position: absolute;
    display: block;
    width: 25%;
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    margin-top: 400px;
    opacity: 0;
    overflow: hidden;
}
.service-block-photo{
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: scale(1);
    /*animation: shake 20s linear alternate infinite;*/
}
.main-service-block video{
    position: absolute;
    display: block;
    /*left: 0px;*/
    top: 0px;
    height: 100%;
    width: auto;
    /*opacity: 0;*/
    transform: scale(1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.main-service-block video.active {
    transform: scale(1.2);
    opacity: 1;
}
/*.main-service-block video{*/
    /*position: absolute;*/
    /*display: block;*/
    /*!*left: 0px;*!*/
    /*top: 0px;*/
    /*height: 100%;*/
    /*width: auto;*/
/*}*/
@keyframes shake {
    50% {
        transform: scale(1.3);
    }
}
.main-service-block.cyan{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03d29e+0,0cc8bd+100 */
    background: #03d29e; /* Old browsers */
    background: -moz-linear-gradient(top,  #03d29e 0%, #0cc8bd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #03d29e 0%,#0cc8bd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #03d29e 0%,#0cc8bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d29e', endColorstr='#0cc8bd',GradientType=0 ); /* IE6-9 */
}
.main-service-block.gray{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03d29e+0,0cc8bd+100 */
    background: #f4f4ed; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4ed 0%, #e1e1da 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f4f4ed 0%,#e1e1da 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f4f4ed 0%,#e1e1da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4ed', endColorstr='#e1e1da',GradientType=0 ); /* IE6-9 */
}
.main-service-block:nth-child(1){
    left: 0%;
    transition-delay: 100ms;
}
.main-service-block:nth-child(2){
    left: 25%;
    transition-delay: 0ms;
}
.main-service-block:nth-child(3){
    left: 50%;
    transition-delay: 200ms;
}
.main-service-block:nth-child(4){
    left: 75%;
    transition-delay: 300ms;
}
.main-services-item:nth-child(1) .main-service-block:nth-child(1){
    /*height: 800px;*/
    /*top:-230px;*/
    height: 820px;
    top: 0px;
}

.main-services-item:nth-child(1) .main-service-block:nth-child(2){
    height: 700px;
    top:0px;
}
.main-services-item:nth-child(1) .main-service-block:nth-child(3){
    height: 940px;
    top:0px;
}
.main-services-item:nth-child(1) .main-service-block:nth-child(3) video{
    left: -50%;
}
.main-services-item:nth-child(1) .main-service-block:nth-child(4){
    height: 820px;
    top:0px;
}
.main-services-item:nth-child(1) .main-service-block:nth-child(4) video{
    right: -50%;
}

.main-services-item:nth-child(2) .main-service-block:nth-child(1){
    height: 820px;
    top:-120px;
}
.main-services-item:nth-child(2) .main-service-block:nth-child(2){
    height: 1040px;
    top:-240px;
}
.main-services-item:nth-child(2) .main-service-block:nth-child(3){
    height: 800px;
    top:0px;
}
.main-services-item:nth-child(2) .main-service-block:nth-child(4){
    height: 1020px;
    top:-120px;
}

.main-services-item:nth-child(3) .main-service-block:nth-child(1){
    height: 1020px;
    top: -100px;
}
.main-services-item:nth-child(3) .main-service-block:nth-child(2){
    height: 800px;
    top:0px;
}
.main-services-item:nth-child(3) .main-service-block:nth-child(3){
    height: 940px;
    top:0px;
}
.main-services-item:nth-child(3) .main-service-block:nth-child(4){
    height: 700px;
    top:100px;
}

.main-services-item:nth-child(4) .main-service-block:nth-child(1){
    height: 780px;
    top: 120px;
}
.main-services-item:nth-child(4) .main-service-block:nth-child(2){
    height: 900px;
    top: 0px;
}
.main-services-item:nth-child(4) .main-service-block:nth-child(3){
    height: 760px;
    top: 140px;
}
.main-services-item:nth-child(4) .main-service-block:nth-child(4){
    height: 900px;
    top: 0px;
}



.main-services-item.active .main-service-block{
    margin-top: 0;
    opacity: 1;
}

.main-service-info{
    position: absolute;
    display: block;
    left: 7.8%;
    width: 34.4%;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}
.main-services-item:nth-child(1) .main-service-info{
    top: 100px;
}
.main-services-item:nth-child(2) .main-service-info{
    top: 100px;
    left: 57.8%;
}
.main-services-item:nth-child(3) .main-service-info{
    top: 100px;
}
.main-services-item:nth-child(4) .main-service-info{
    top: 250px;
    left: 57.8%;
}
.main-services-item .white-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 2px;
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 600ms;
}
.main-services-item.active .white-title{
    opacity: 0.5;
}
.main-service-info h2{
    position: relative;
    height: auto;
    overflow: hidden;
    font-size: 50px;
    line-height: 56px;
    margin: 20px 0;
    font-weight: 600;
    color: #fff;
}
.main-service-info h2 span{
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    top: 150px;
    transition: all 300ms ease-out;
    transition-delay: 300ms;
}
.main-service-info.active span{
    top: 0px;
}




.main-service-info p{
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 500ms;
}
.main-service-info.active p{
    transform: translateY(0px);
    opacity: 1;
}
/*.main-service-info a{*/
    /*position: relative;*/
    /*display: block;*/
    /*width: 204px;*/
    /*height: 45px;*/
    /*line-height: 45px;*/
    /*font-size: 17px;*/
    /*text-align: center;*/
    /*text-decoration: none;*/
    /*border: #cccccc solid 3px;*/
    /*margin-top: 50px;*/
    /*color: #fff;*/
    /*opacity: 0;*/
    /*transition: all 300ms linear;*/
    /*transition-delay: 1000ms;*/
    /*font-family: 'Circe';*/

/*}*/


.main-service-info a{
    position: relative;
    display: block;
    width: 204px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border: #fc4950 solid 3px;
    left: 0;
    top: 30px;
    opacity: 0;
    /*margin-left: -105px;*/
    /*bottom: 157px;*/
    color: #fff;
    font-family: 'Circe';
    transition: all 200ms linear;
    transition-delay: 800ms;
}
.main-service-info a:before{
    position: absolute;
    display: block;
    content: "";
    background: #fc4950;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    transition: all 200ms cubic-bezier(.2,.94,.38,1.02);
}
.main-service-info a span{
    position: relative;
    z-index: 1;
}
.main-service-info a:hover:before{
    height: 100%;
}

.main-services-item.active .main-service-info a{
    opacity: 1;
}

/*.main-service-info a:before{*/
    /*position: absolute;*/
    /*display: block;*/
    /*content: "";*/
    /*background: #fc4950;*/
    /*left: 0px;*/
    /*bottom: 0px;*/
    /*width: 100%;*/
    /*height: 0%;*/
    /*height: 100%;*/
    /*transition: all 200ms cubic-bezier(.2,.94,.38,1.02);*/
/*}*/
/*.main-service-info a span{*/
    /*position: relative;*/
    /*z-index: 1;*/
/*}*/
/*.main-service-info a:hover:before{*/
    /*height: 100%;*/
/*}*/

#company-projects{
    position: relative;
    height: 460px;
    width: 100%;
    z-index: 1;
}
#company-projects-lines{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0px;
}
.company-projects-line{
    position: absolute;
    display: block;
    width: 25%;
    height: 100%;
    top: 0px;
    left: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd4a51+1,ee363e+100 */
    background: #fd4a51; /* Old browsers */
    background: -moz-linear-gradient(top,  #fd4a51 1%, #ee363e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fd4a51 1%,#ee363e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fd4a51 1%,#ee363e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4a51', endColorstr='#ee363e',GradientType=0 ); /* IE6-9 */
}
.company-projects-line.cyan{
    background: #03d19f; /* Old browsers */
    background: -moz-linear-gradient(top,  #03d19f 0%, #0cc8bd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #03d19f 0%,#0cc8bd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(top,  #03d19f 0%,#0cc8bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d19f', endColorstr='#0cc8bd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.company-projects-line:nth-child(1){
    left: 0%;
    height: 100%;
}
.company-projects-line:nth-child(2){
    left: 25%;
    height: 140%;
}
.company-projects-line:nth-child(3){
    left: 50%;
    height: 120%;
}
.company-projects-line:nth-child(4){
    left: 75%;
    height: 100%;
}

.company-projects-txt{
    position: relative;
    display: inline-block;
    width:30%;
    margin-left: 10%;
    vertical-align: middle;
    text-align: left;
    margin-top: 100px;
}
.company-projects-txt:first-child{
    margin-right: 10%;
}
.company-projects-txt h3{
    line-height: 35px;
    margin-top: 35px;
    color: #fff;
    font-weight: 400;
    opacity: 0;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 300ms;
}
.company-projects-txt.active h3{
    transform: translateY(0px);
    opacity: 1;
}
/*.company-projects-txt.active h3 span{*/
    /*opacity: 0;*/
    /*transition: all 300ms linear;*/
/*}*/
/*.company-projects-txt.active h3 span.active{*/
    /*opacity: 1;*/
/*}*/

.company-projects-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    /*font-family: 'Circe';*/
    /*font-weight: 400;*/
    font-family: "geometria";
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    opacity: 0;
    margin-left: 100px;
    transition: all 400ms cubic-bezier(.66,.34,.52,2.23);
}
.company-projects-txt.active .company-projects-title{
    margin-left: 0;
    opacity: 0.6;
}
.company-projects-txt a{
    position: relative;
    display: block;
    width: 204px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border: #03d19f solid 3px;
    margin-top: 50px;
    color: #fff;
    font-family: 'Circe';
    opacity: 0;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 500ms;
}
.company-projects-txt.active a{
    transform: translateY(0px);
    opacity: 1;
}
.company-projects-txt a:before{
    position: absolute;
    display: block;
    content: "";
    background: #03d19f;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    transition: all 200ms cubic-bezier(.2,.94,.38,1.02);
}
.company-projects-txt a span{
    position: relative;
    z-index: 1;
}
.company-projects-txt a:hover:before{
    height: 100%;
}

.company-projects-txt.cyan a{
    border: #fff solid 3px;
}
.company-projects-txt.cyan a:before{
    position: absolute;
    display: block;
    content: "";
    background: #fff;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    transition: all 200ms cubic-bezier(.2,.94,.38,1.02);
}
.company-projects-txt.cyan a:hover span{
    position: relative;
    z-index: 1;
    color: #03d19f;
}
.company-projects-txt.cyan a:hover:before{
    height: 100%;
}

#ways-block{
    padding-top: 230px;
    margin-top: -230px;
    margin-bottom: 200px;
    height: 810px;
    background: #f4f4ed;
}
#main-ways-title{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 120px 0;
    opacity: 0;
}
#main-ways-title.active{
    opacity: 1;
}
#main-ways-title .black-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #cccccc;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    overflow: hidden;
    height: 0;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 400ms ease-out;
    opacity: 0;
    top: 20px;
    transition-delay: 600ms;
    margin-bottom: 20px;
}
#main-ways-title.active .black-title{
    opacity: 1;
    top: 0px;
    height: 20px;
    margin-bottom: 0;
}
#main-ways-title h3{
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 35px;
    color: #111;
    font-weight: 400;
    width: 760px;
    margin: 35px auto;
    padding-top: 35px;
    margin-top: 0;
    opacity: 0;
    transform: translateY(30px);
    transition: all 600ms cubic-bezier(.2,.94,.38,1);
    transition-delay: 500ms;
}
#main-ways-title h3 span{
    position: relative;
    display: inline-block;
    opacity: 0;
    /*transform: translateY(50px);*/
    transition: all 600ms linear;
}
#main-ways-title.active h3{
    transform: translateY(0px);
    opacity: 1;
}
#main-ways-title a{
    position: relative;
    display: block;
    width: 204px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    border: #03d19f solid 3px;
    margin: 0 auto;
    color: #111;
    font-weight: 600;
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 1200ms;
    font-family: 'Circe';
}
#main-ways-title.active a{
    opacity: 1;
}
#main-ways-title a:before{
    position: absolute;
    display: block;
    content: "";
    background: #03d19f;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    transition: all 200ms cubic-bezier(.2,.94,.38,1.02);
}
#main-ways-title a span{
    position: relative;
    z-index: 1;
    color: #111;
    font-weight: 600;
    line-height: 45px;
    font-size: 17px;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}
#main-ways-title a:hover:before{
    height: 100%;
}
.main-ways{
    margin-bottom: 0px !important;
}
.main-ways .way{
    top: 0px !important;
    padding-top: 0px !important;
    margin: 0px;
    height: auto !important;
}
.main-ways #ways{
    height: auto;
}
.main-ways .way:nth-child(1){
    height: 350px !important;
}
.main-ways .way:nth-child(2){
    height: 450px !important;
}
.main-ways .way:nth-child(3){
    height: 400px !important;
}
.main-ways .way:nth-child(4){
    height: 350px !important;
}
#ways-block.main-ways{
    height: 830px !important;
    margin-bottom: 50px !important;
}

#contacts-bottom-info{
    position: relative;
    display: none;
}
#contacts-bottom-but{
    position: relative;
    display: block;
    height: 60px;
    background: #fd4a51; /* Old browsers */
    background: -moz-linear-gradient(top,  #fd4a51 1%, #ee363e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fd4a51 1%,#ee363e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fd4a51 1%,#ee363e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4a51', endColorstr='#ee363e',GradientType=0 ); /* IE6-9 */
}
#contacts-bottom-but:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url(../img/contacts_but.png) no-repeat 50% 50%;
    cursor: pointer;
    transition:  all 100ms ease-out;
}
#contacts-bottom-but:before{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url(../img/smile.png) no-repeat 50% 50%;
    background-size: auto 30px;
    cursor: pointer;
    opacity: 0;
}
#contacts-bottom-but:hover:after{
    background-position: 50% 60%;
}
#contacts-bottom.open #contacts-bottom-but:after{
    opacity: 0;
}
#contacts-bottom.open #contacts-bottom-but:before{
    opacity: 1;
}
#contacts-bottom-title{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 80px 0;
    opacity: 0;
}
#contacts-bottom-title.active{
    opacity: 1;
}
#contacts-bottom-title .black-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #cccccc;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 400ms ease-out;
    opacity: 0;
    top: 20px;
    transition-delay: 600ms;
    margin-bottom: 20px;
}
#contacts-bottom-title.active .black-title{
    opacity: 1;
    top: 0px;
    height: 20px;
    margin-bottom: 0;
}

#contacts-bottom-title h3{
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 35px;
    color: #111;
    font-weight: 600;
    width: 760px;
    margin: 35px auto;
}
#contacts-bottom-title h3 span{
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out;
}
#contacts-bottom-title h3 span.active{
    transform: translateY(0px);
    opacity: 1;
}
#contacts-bottom-title h3 b{
    color: #f03940; /* Old browsers */
}

.instagram{
    position: relative;
    margin: 0px 45% 100px 15%;
    z-index: 1;
}
.instagram.right{
    margin: 80px 15% 0 45%;
}




.instagram-info{
    position: absolute;
    display: block;
    left: 110%;
    top: 30%;
    width: 70%;
    opacity: 0;
}
.instagram-info.active{
    opacity: 1;
}
.instagram.right .instagram-info{
    left: -80%;
}

/*.instagram-info .block-item span{*/
    /*opacity: 0;*/
/*}*/
.instagram-info.active .block-item span{
    opacity: 1;
    top: 0;
}

.instagram-info p{
    font-size: 16px;
    color: #111;
    line-height: 26px;
}
.instagram-info h2{
    position: relative;
    display: block;
    padding-bottom: 30px;
}
.instagram-info h2 span{
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out;
}
.instagram-info h2 span.active{
    transform: translateY(0px);
    opacity: 1;
}
.instagram-info p span{
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translateY(50px);
    transition: all 300ms ease-out;
}
.instagram-info p span.active{
    transform: translateY(0px);
    opacity: 1;
}


.instagram-info .black-title{
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #cccccc;
    font-family: 'geometria';
    font-weight: 600;
    line-height: 20px;
    opacity: 0.6;
    letter-spacing: 2px;
    /*margin-left: 100px;*/
    transition: all 400ms linear;
    opacity: 0;
    transition-delay: 600ms;
}
.instagram-info.active .black-title{
    opacity: 1;
}
.instagram-info.active{
    opacity: 1;
}
.instagram-info h2:after{
    position: absolute;
    display: block;
    content: "";
    width: 24px;
    height: 3px;
    background: #03d19e;
    bottom: -2px;
    left: 0px;
}



#showreel-block{
    position: fixed;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    /*overflow: hidden;*/
}
#showreel-video{
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
}
#showreel-progress-bar{
    position: absolute;
    display: none;
    width: 90%;
    left: 5%;
    height: 1px;
    background: #fff;
    bottom: 50px;
    transition: all 100ms ease-out;
    z-index: 2;
    cursor: pointer;
}
#showreel-progress-line{
    position: absolute;
    display: block;
    width: 0%;
    left: 0px;
    height: 100%;
    background: #03d19e;
}
#showreel-progress-bar:after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 10px;
    left: 0px;
    top: -5px;
    transition: all 100ms ease-out;
}
#showreel-progress-bar:hover{
    height: 10px;
    bottom: 45px;
}
#showreel-progress-bar:hover:after{
    top: 0px;
}
#showreel-block-lines{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.showreel-block-line{
    position: absolute;
    left: 0px;
    top: 100%;
    width: 25%;
    height: 100%;
    /*transition: all 0.4s cubic-bezier(.77,.06,.9,.45);*/
    transition: all 0.5s ease-out;
    transition-delay: 100ms;

}
.showreel-block-line:nth-child(1){
    left: 0%;
}
.showreel-block-line:nth-child(2){
    left: 25%;
}
.showreel-block-line:nth-child(3){
    left: 50%;
}
.showreel-block-line:nth-child(4){
    left: 75%;
}
#showreel-block.showreellines .showreel-block-line{
    top: 0px;
    /*transition: all 1s cubic-bezier(.2,.94,.67,1);*/
    transition: all 0.4s ease-out;
    transition-delay: 100ms;
}

#showreel-block .showreel-block-line:nth-child(2){
    transition-delay: 0ms;
}
#showreel-block .showreel-block-line:nth-child(3){
    transition-delay: 400ms;
}
#showreel-block .showreel-block-line:nth-child(4){
    transition-delay: 500ms;
}

#mobile-header-text{
    display: none;
}
#partners-mobile{
    display: none;
}

.def-pos{
    position: relative;
    display: block;
    top: 0px;
    opacity: 1;
    transition: all 300ms ease-out;
}
.def-pos.bottom-pos{
    /*top: 60px;*/
    opacity: 0;
}
#rotate{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    top: 0;
    background: #f64048;
    z-index: 999;
}
#rotate-block{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
#rotate-block img{
    position: relative;
    display: block;
    width: 50px;
    height: auto;
}
.about-half-text-info p{
    padding: 0;
    margin: 0;
}
body.mobile #video-block1 {
    height: 722px;
}
body.mobile #video-block2{
    height: 722px;
}
body.mobile #video-block3 {
    height: 722px;
}
body.mobile .video-block-line {
    bottom: 0% !important;
    height: 100% !important;
}


.preview-prelaoder{
    background: url(../img/preloader_preview.gif) no-repeat 50% 50%;
    background-size: 30px 30px;
}

@media screen and (max-width: 1280px) and (orientation:portrait) {
    #index-header {
        height: 50%;
    }
    #project-header {
        height: 50%;
    }
    #video-block1 {
        height: 722px;
    }
    #video-block2{
        height: 722px;
    }
    #video-block3 {
        height: 722px;
    }
    .video-block-line {
        bottom: 0% !important;
        height: 100% !important;
    }
}

@media screen and (max-width: 400px) {
    #index-header {
        height: 100%;
    }
    #project-header {
        height: 100%;
    }
    body, html{
        width: 400px;
        overflow-x: hidden;
    }
    #all-content{
        width: 400px;
        overflow: hidden;
    }
    #content-lines .content-line{
        display: none;
    }
    #content-lines .content-line:nth-child(2){
        display: block;
    }
    #header-white #content-lines{
        display: none;
    }
    .header-white:after{
        width: 101%;
    }
    #main-menu{
        /*display: none;*/
    }
    #burger{
        width: 85px;
        height: 85px;
        left: 0px;
        top: 0px;
    }
    #burger:after {
        width: 27px;
        top: 30px;
        left: calc(50% - 18px);
    }
    #burger:before {
        width: 27px;
        top: 39px;
        left: calc(50% - 18px);
    }
    #burger:hover:after{
        width: 27px;
        top: 30px;
        left: calc(50% - 18px);
    }
    #burger:hover:before {
        width: 27px;
        top: 39px;
        left: calc(50% - 18px);
    }
    #index-logo {
        width: 100px;
        height: 100px;
        margin-left: -50px;
        top: 7%;
    }
    #volume-but{
        display: none;
    }
    #main-arrow{
        bottom: 20px;
    }
    #top-social {
        right: 127px;
        bottom: 56px;
    }
    #index-header a.top-more{
        bottom: 100px;
    }
    #index-header-text{
        display: none;
    }
    #mobile-header-text{
        display: block;
        font-size: 28px;
        line-height: 33px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        top: 50%;
        margin-top: -81px;
        position: absolute;
        width: 400px;
    }
    .header-white{
        width: 50%;
    }
    .header-white:nth-child(2n){
        display: none;
    }
    /*#main-video{*/
        /*display: none;*/
    /*}*/
    .gallery-prev{
        /*display: none;*/
        left: auto !important;
        right: 84px !important;
    }
    .gallery-next{
        left: auto !important;
        right: 0 !important;
        /*display: none;*/
    }
    .gallery-images-dots {
        width: auto;
        margin-left: 28px;
    }
    .gallery-block{
        height: auto !important;
        padding: 0 !important;
        padding-top: 366px !important;
        width: 100% !important;
        margin-bottom: 0px !important;
        margin-top: 70px;
    }
    .index-page.gallery-block{
        margin-top: 0px;
        margin-bottom: 50px !important;
    }
    .gallery-block.short{
        padding-top: 300px !important;
    }
    .gallery-block .middle{
        display: none;
    }
    .gallery-images {
        width: 100%;
        height: 246px;
        top: 0px;
        right: 0px;
        margin-left: 0;
        margin-right: 0 !important;
    }
    .gallery-block-text {
        width: 80%;
    }
    .gallery-block-text h3{
        line-height: 26px;
        font-size: 18px;
    }
    .bottom-line{
        width: 50%;
    }
    .bottom-line:nth-child(2n){
        display: none;
    }
    .bottom-lines{
        margin-top: -1px;
    }
    .bottom-lines.active .bottom-line:nth-child(1) {
        height: 50%;
    }
    .bottom-lines.active .bottom-line:nth-child(3) {
        height: 0%;
    }
    h3{
        font-size: 18px !important;
    }
    .black-title{
        font-size: 14px !important;
    }
    #main-ways-title h3{
        width: 340px;
        line-height: 24px;
    }
    #main-ways-title{
        padding-bottom: 80px;
    }
    #ways-block{
        padding-top: 90px;
        height: auto !important;
        margin-bottom: 0px;
    }
    #ways{
        height: auto;
    }
    .way{
        width: 100%;
        height: auto !important;
    }
    .way:last-child{
        padding-bottom: 100px;
    }
    #main-projects-title {
        padding: 80px 0 80px;
    }
    #main-projects-title h3{
        width: 350px;
        line-height: 24px;
        font-weight: 600;
    }
    .project-item{
        width: 100%;
        height: 236px !important;
        top: 0px !important;
    }


    .project-item.touch .project-item-text span{
        top: 0px;
        transition: all 400ms cubic-bezier(.2,.94,.38,1.02);
        opacity: 1;
    }
    .project-item.touch .project-item-hover{
        opacity: 0.8;
    }
    .project-item.touch .project-item-bg{
        transform: scale(1.2);
    }
    .project-item.touch .project-item-text span:nth-child(1){
        transition-delay: 100ms;
    }
    .project-item.touch .project-item-text span:nth-child(2){
        transition-delay: 200ms;
    }
    .project-item.touch .project-item-text span:nth-child(3){
        transition-delay: 300ms;
    }
    .project-item-text {
        width: 340px;
    }
    .project-item-text span:nth-child(1) {
        font-size: 11px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .project-item-text span:nth-child(2) {
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 1px;
        padding-bottom: 12px;
    }
    .project-item-text span:nth-child(3) {
        font-size: 12px;
    }
    #main-projects .empty{
        display: none;
    }
    #partners{
        display: none;
    }
    #partners-mobile{
        display: block;
        font-size: 0px;
    }
    #partners-mobile .square-item{
        width: 200px !important;
        height: 200px !important;
    }
    .square-item-text {
        padding: 20px;
        font-size: 20px;
        line-height: 22px;
    }
    .square-item-title {
        font-size: 14px;
    }
    #partners-mobile .square-item {
        border-top: rgba(200, 200, 200, 0.2) solid 2px;
    }
    #opinions .white-title{
        font-size: 14px;
    }
    #opinions h3 {
        line-height: 25px;
        width: 340px;
    }
    #opinions {
        padding: 80px 0 50px;
    }
    #footer-contacts span{
        font-size: 14px;
    }
    #footer-contacts {
        padding: 80px 0;
    }
    .company-projects-line{
        width: 50%;
    }
    .company-projects-line:nth-child(2n){
        display: none;
    }
    .company-projects-line:nth-child(1) {
        height: 113%;
    }
    .company-projects-line:nth-child(3) {
        height: 100%;
    }
    .company-projects-txt{
        width: 80%;
        margin-top: 80px;
    }
    .company-projects-title{
        font-size: 14px;
    }
    .company-projects-txt h3 {
        line-height: 25px;
    }
    #company-projects {
        height: 730px;
    }
    #footer-field {
        padding: 0px 30px;
    }
    .footer-row {
        margin-bottom: 50px;
        width: 340px !important;
    }
    .footer-row input {
        width: 340px;
    }
    #footer {
        height: 546px;
    }
    #copyright {
        top: 475px;
    }
    .gallery-block.half .gallery-images {
        width: 100%;
    }
    #opinions-items .middle{
        display: none;
    }
    #opinions-items{
        height: auto;
    }
    #opinions-items .gallery-block{
        margin-bottom: 0px !important;
        min-height: auto !important;
    }
    #opinions-items .gallery-block-text.opinions{
        padding-bottom: 80px;
    }
    .gallery-block-text.opinions {
        padding: 90px 0 123px;
        padding-left: 0px;
        background: url(../img/skob.png) no-repeat 0 20px;
        background-size: 100px auto;
    }
    .gallery-block-text.opinions h3:nth-child(1) {
        font-size: 27px !important;
        line-height: 28px;
    }
    .gallery-block-text.opinions h3:nth-child(2) {
        font-size: 16px !important;
        line-height: 21px;
    }
    .gallery-block-text.opinions h3:nth-child(3) {
        font-size: 20px !important;
        line-height: 36px;
    }
    .gallery-block-text.opinions h3:nth-child(4) {
        font-size: 14px !important;
        line-height: 14px;
    }
    .opinion-text-item{
        display: none;
    }
    .opinion-text-item.active{
        display: block;
    }
    .mobilehide{
        display: none !important;
    }
    #index-header.mobile-pos{
        margin-bottom: 284px !important;
    }
    #about-title h3{
        width: 340px;
        line-height: 30px;
    }
    #footer.mobile-pos{
        padding-top: 50px !important;
    }
    #contacts-bottom-title h3{
        width: 340px;
        line-height: 30px;
    }
    .about-gallery{
        width: 100%;
        height: 256px !important;
        top:0px !important;
    }
    #about-gallery{
        margin-bottom: 0px;
        margin-top: 70px;
    }
    .contacts-bottom-lines.open .bottom-line:nth-child(1){
        height: 100%;
    }
    #close-contacts{
        left: auto !important;
        right: 30px;
    }
    #map{
        height: 100%;
        padding-bottom: 100px;
    }
    .about-top-image{
        width: 50%;
    }
    .about-top-image:nth-child(1){
    }
    .about-top-image:nth-child(2){
        left: 50%;
    }
    .about-top-image:nth-child(3){
        display: none;
    }
    .about-top-image:nth-child(4){
        display: none;
    }
    .page-title{
        font-size: 30px;
        line-height: 40px;
    }
    .about-page-title{
        margin-top: -75px !important;
    }
    .about-header{
        margin-bottom: 300px !important;
    }
    #about-gallery .gallery-prev{
        margin-top: 0;
    }
    #about-gallery .gallery-next{
        margin-top: 0;
    }
    .about-half-text{
        width: 100%;
        margin-bottom: 0px;
    }
    .about-half-text-info {
        padding: 0 30px 0 30px !important;
    }
    #about-half-texts{
        margin: 100px 0 30px;
    }
    #about-ways{
        height: auto;
    }
    .about-team{
        margin-bottom: 60px;
    }
    .about-way{
        width: 100%;
    }
    #about-ways.active .about-way {
        top: 0px !important;
        height: auto !important;
    }
    #ways.red{
        height: auto;
        margin-top: 70px;
    }
    #ways.active .way {
        top: 0px !important;
        height: auto !important;
    }
    #about-links h3{
        width: 340px;
    }
    #about-global-map {
        transform: scale(0.3);
        margin-top: -210px;
    }
    #about-global .about-half-text{
        top: 300px !important;
    }
    #about-team-title h3{
        width: 340px;
    }
    .square-item{
        width: 50%;
    }
    .square-item .project-item-text {
        width: 170px;
    }
    .square-item .project-item-text span:nth-child(2) {
        font-size: 16px;
        line-height: 17px;
        letter-spacing: 1px;
        padding-bottom: 15px;
    }
    .square-item .project-item-text span:first-child{
        display: none;
    }
    .main-service-block{
        width: 50%;
    }
    .main-service-info{
        position: relative;
        display: block;
        width: 320px;
        left: 50px !important;
        top: 0px !important;
        padding-top: 550px;
        padding-bottom: 100px;
    }
    .main-service-info h2 {
        font-size: 37px;
        line-height: 42px;
    }
    .main-service-block:nth-child(1) {
        position: absolute;
        left: 0%;
        top: 0px !important;
        height: 100% !important;
    }
    .main-service-block:nth-child(2) {
        position: absolute;
        left: 50%;
        top: 0px !important;
        height: 100% !important;
    }
    .main-service-block:nth-child(3) {
        left: 0px;
        height: 500px !important;
        top: 0px !important;
    }
    .main-service-block:nth-child(4) {
        left: 50%;
        height: 500px !important;
        top: 0px !important;
    }
    .main-services-item{
        height: auto !important;
    }


    .main-services-item.left .main-service-block:nth-child(3) {
        position: absolute;
        left: 0%;
        top: 0px !important;
        height: 100% !important;
    }
    .main-services-item.left .main-service-block:nth-child(4) {
        position: absolute;
        left: 50%;
        top: 0px !important;
        height: 100% !important;
    }
    .main-services-item.left .main-service-block:nth-child(1) {
        left: 0px;
        height: 500px !important;
        top: 0px !important;
        z-index: 3;
    }
    .main-services-item.left .main-service-block:nth-child(2) {
        left: 50%;
        height: 500px !important;
        top: 0px !important;
        z-index: 3;
    }
    #about-top-images.service .about-top-image.active:nth-child(1) {
        top: 45%;
    }
    #about-top-images.service .about-top-image.active:nth-child(2) {
        top: 75%;
    }
    .projects-filter-item {
        width: 100%;
        line-height: 70px;
    }
    #about-half-texts1 .about-half-text {
        width: 100%;
        margin-bottom: 30px;
    }
    #video-block{
        margin-top: 0px !important;
        height: 260px;
    }
    .about-half-text-info h2{
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .about-half-text.service-info{
        margin-bottom: 0;
    }
    #about-half-texts.service-info{
        margin-bottom: 0;
    }
    .about-global-title.service-info h3 {
        width: 340px;
        line-height: 30px;
    }
    #about-global-map{
        top: 355px !important;
    }
    .about-global-title.bottom h3 {
        width: 340px;
    }
    #about-galleries.service-info .gallery-block .middle {
        height: 70%;
    }
    #index-video:after{
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        content: "";
        /*background: rgba(0,0,0,0.4);*/
    }
    #ways-block.main-ways{
        height: auto !important;
        margin-bottom: 0 !important;
    }
    .gallery-block-text.opinions:before{
        display: none;
    }
    #footer-contacts h3{
        width: 330px;
        line-height: 28px;
    }
    .about-way{
        height: auto !important;
    }
    .about-way-text {
         top: 0px !important;
    }
    #about-global-map {
        top: 45px !important;
    }
    #about-global {
        margin-bottom: 400px;
        margin-top: 70px;
        height: 1015px !important;
    }
    .global-bottom-lines.active .bottom-line:nth-child(1) {
        height: 265px;
    }
    .global-bottom-lines.active .bottom-line:nth-child(3) {
        height: 380px;
    }
    /*#about-global {*/
        /*margin-bottom: 500px;*/
        /*margin-top: 70px;*/
        /*height: 1015px !important;*/
    /*}*/
    /*.global-bottom-lines.active .bottom-line:nth-child(1) {*/
        /*height: 430px;*/
    /*}*/
    /*.global-bottom-lines.active .bottom-line:nth-child(3) {*/
        /*height: 520px;*/
    /*}*/
    .contacts-bottom-lines {
        padding-bottom: 185px;
    }
    .project-list-item{
        width: 100%;
    }
    .project-list-data h2 span {
        font-size: 20px;
    }
    .project-list-link h2{
        line-height: 25px;
    }
    .project-list-data{
        width: 340px;
        margin-top: 50px;
    }
    .project-list-data span {
        font-size: 12px;
    }


    #project-header{
        /*height: 600px;*/
    }

    .project-header-red{
        width: 50%;
    }
    .project-header-red:nth-child(1){
        display: none;
    }
    .project-header-red:nth-child(2){
        left: 0px;
    }
    .project-header-red:nth-child(4){
        display: none;
    }
    .project-header-line{
        width: 50%;
    }
    .project-header-line:nth-child(1){
        display: none;
    }
    .project-header-line:nth-child(2){
        left: 0px;
        width: 100%;
    }
    #project-header:after{
        position: absolute;
        display: block;
        content: "";
        width: 50%;
        left: 50%;
        height: 100px;
        bottom: -150px;
        background: #fff;
    }
    .project-header-line:nth-child(3){
        display: none;
    }
    .project-header-line:nth-child(4){
        display: none;
    }
    .project-title-items{
        width: 86%;
    }
    #project-title {
        font-size: 34px;
        line-height: 36px;
    }
    .project-header-line-image{
        background-size: cover !important;
    }

    .prev-project{
        position: absolute;
        top: auto;
        bottom: 0px;
    }
    .next-project{
        position: absolute;
        right: 0px;
        left: auto;
        top: auto;
        bottom: 0px;
    }
    #project-header{
        margin-bottom: 0px;
    }
    .project-title-items{
        height: 230px;
    }
    .color h3{
        width: 360px;
    }
    .about-half-text .block-item{
        width: 80%;
    }
    .about-half-text .block-item{
        padding-top: 0px !important;
        margin-left: 30px;
    }
    .about-half-text:last-child{
        margin-bottom: 0px !important;
    }
    #all-content.project-page #project-header {
        margin-bottom: 200px;
    }
    /*.gallery-block .middle{*/
        /*display: none;*/
    /*}*/
    /*.project-page .gallery-block{*/
        /*height: 300px !important;*/
        /*padding-top: 350px !important;*/
    /*}*/
    .project-page #projects{
        margin-top: 70px;
    }
    .partner-logo{
        transform: scale(0.85) !important;
    }
    .instagram{
        margin: 80px 30px 80px 30px !important;
    }
    .instagram-info {
        position: relative;
        left: 0;
        width: 100%;
    }
    .instagram-info h2 {
        position: relative;
        display: block;
        padding-bottom: 15px;
        margin: 0;
        width: 100%;
    }
    .project-header-line:nth-child(2) .project-header-line-image{
        /*background-position: -61.7% 50% !important;*/
        /*display: none;*/
    }
    .project-header-line:nth-child(3) .project-header-line-image{
        /*background-position: -43% 50% !important;*/
        /*width: 100%;*/
        /*background-size: cover;*/
    }
    #project-logo {
        width: 100px;
        height: 100px;
        margin-left: -50px;
        top: 7%;
    }
    #top-social{
        display: none;
    }
    #close-showreel:before{
        background-color: #ef373e;
    }
    #close-showreel:after{
        background-color: #ef373e;
    }
    #main-arrow{
        animation: arrow-animate 0.6s infinite;
        -webkit-animation: arrow-animate 0.6s infinite;
        background-position: right top;
    }
    .page-title{
        width: 90%;
        left: 5%;
    }
    .projects-filter-item:hover {
        background: #00d29e;
    }
    #map-logo {
        width: 100px;
        height: 100px;
        margin-left: -50px;
        top: 7%;
    }
    #left-menu{
        /*min-height: 400px;*/
        width: 100%;
        left: -140%;
        height: 100%;
        overflow-y: scroll;
        transform: skewX(0deg);
        transition: all 300ms ease-in-out;
        z-index: 1000;
    }
    #left-menu.active{
        transform: skewX(0deg);
        transition: all 300ms ease-in-out;
        left: 0;
    }
    #left-menu a{
        font-size: 20px;
        line-height: 50px;
        height: 50px;
    }
    #left-menu-items{
        position: absolute;
        padding-top: 0;
        padding-bottom: 0;
        top: 50%;
        margin-top: -170px;
    }
    #left-menu-height{
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        min-height: 500px;
    }
    #close-left-menu{
        position: absolute;
        display: block;
        width: 27px;
        height: 27px;
        left: 45px;
        top: 42px;
    }
    #burger{
        cursor: pointer;
        transition: all 150ms ease-out;
        /*visibility: hidden;*/
    }
    #close-left-menu:after{
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 3px;
        top: 3px;
        background: #fff;
        box-shadow: 0 0 3px #cccccc;
        transition: all 150ms ease-out;
    }
    #close-left-menu:before{
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 3px;
        top: 13px;
        background: #fff;
        box-shadow: 0 0 3px #cccccc;
        transition: all 150ms ease-out;
    }
    #close-left-menu:after{
        top: 6px;
        transform: rotate(-45deg);
        background: #fff;
        box-shadow: 0 0 0px #cccccc;
    }
    #close-left-menu:before{
        top: 6px;
        transform: rotate(45deg);
        background: #fff;
        box-shadow: 0 0 0px #cccccc;
    }
    #main-menu{
        text-align: left;
    }
    #menu-items{
        position: absolute;
        margin-left: 0;
        right: 45px;
        width: auto;
    }
    #menu-items a{
        display: none;
        margin: 0;
    }
    #menu-items a:nth-child(3){
        display: block;
        left: 0px;
        background: url(../img/menu_logo_left.png) no-repeat 0 50% !important;
        background-size: 100% auto !important;
    }
    #menu-burger{
        display: block;
        left: 45px;
        right: auto;
    }
    #menu-burger{
        width: 85px;
        height: 85px;
        left: 0px;
        top: 0px;
    }
    #menu-burger:before {
        width: 27px;
        top: 39px;
        left: calc(50% - 18px);
    }
    #menu-burger:after {
        width: 27px;
        top: 30px;
        left: calc(50% - 18px);
    }
    #menu-social{
        display: block;
    }
    body.mobile #video-block1{
        height: 250px;
        margin-bottom: 50px;
        margin-top: 50px;
    }
    body.mobile #video-block2 {
        height: 250px;
        margin-bottom: 50px;
        margin-top: 50px;
    }
    body.mobile #video-block3 {
        height: 250px;
        margin-bottom: 50px;
        margin-top: 50px;
    }
    #ways.red .way{
        padding: 80px 0 !important;
    }
    #about-title{
        padding-top: 50px !important;
        padding-bottom: 50px;
    }
    .video-block-line {
        left: 0%;
        bottom: 0 !important;
        height: 100%;
    }
    .project-header-line .project-header-line-image{
        background-position: -300px 0px !important;
    }
    #about-half-texts-second {
        margin: 30px 0 50px;
    }
    .gallery-block-text {
        width: auto;
        margin: 0 30px;
    }
    .about-half-text h2{
        margin-top: 20px;
        letter-spacing: 1px;
    }
    .instagram-info h2 {
        margin-top: 20px;
    }
    .team-item{
        margin-bottom: 40px;
    }
    #about-global .about-half-text:nth-child(3){
        margin-top: 40px;
    }
    .about-global-title{
        padding-top: 280px;
        padding-bottom: 0;
    }
    .contacts-bottom-lines .bottom-line:nth-child(1){
        height: 185px;
    }
    .contacts-bottom-lines .bottom-line:nth-child(2){
        height: 0%;
    }
    .contacts-bottom-lines .bottom-line:nth-child(3){
        height: 94px;
        transition-delay: 200ms;
    }
    .contacts-bottom-lines .bottom-line:nth-child(4){
        height: 280px;
    }
    #about-title.contacts-text {
        padding-top: 0px !important;
    }
    #contact-text{
        top: 190px;
    }
    .team-item{
        cursor: default;
    }
    .about-global-title.active:last-child {
        position: relative;
        padding-top: 0;
    }
    #about-global{
        height: auto !important;
    }
    /*.team-item:after{*/
        /*position: absolute;*/
        /*display: block;*/
        /*content: "";*/
        /*bottom: 330px;*/
        /*left: 50%;*/
        /*margin-left: -14px;*/
        /*width: 28px;*/
        /*height: 22px;*/
        /*visibility: visible;*/
        /*margin-bottom: -215px;*/
        /*background: url(../img/cyan_arrow.png) no-repeat 0 0;*/
        /*cursor: pointer;*/
        /*opacity: 1;*/
        /*animation: jumpteam 1s infinite;*/
        /*-webkit-animation: jumpteam 1s infinite;*/
        /*!*position: absolute;*!*/
        /*!*display: block;*!*/
        /*!*content: "";*!*/
        /*!*width: 111px;*!*/
        /*!*height: 14px;*!*/
        /*!*background: url(../img/projects/left.png) no-repeat 100% 0;*!*/
        /*!*transform: rotate(90deg);*!*/
        /*!*left: 50%;*!*/
        /*!*margin-left: -55px;*!*/
        /*!*top: 100%;*!*/
        /*!*margin-top: -188px;*!*/
    /*}*/
    .team-item-info{
        z-index: 1;
    }
    .video-block video{
        background: none;
    }
    #about-galleries.white{
        margin-bottom: 40px;
    }
    #marker{
        animation: arrow-marker-fast 1s infinite;
        -webkit-animation: arrow-marker-fast 1s infinite;
    }
    #contact-arrow{
        cursor: default;
    }
    .about-team.bottom .team-item:after{
        display: none;
    }
    .gallery-block.right .gallery-images{
        margin-left: 0;
    }
    .about-global-title.active .black-title {
        opacity: 1;
        padding: 0 60px;
    }

}


@media screen and (max-width: 400px) and (max-height: 500px) {
    body{
        background: #f64048;
    }
    #index-header{
        height: 200%;
    }
    #project-header{
        height: 200%;
    }
    #preloader {
        transform: scale(0.5);
    }
    .gallery-block-text {
        width: 80%;
        margin: 100px 0;
    }
    #rotate{
        display: block;
    }
    #content-lines .content-line:nth-child(2){
        display: none;
    }
}