.wrapper_inner.height100{
  min-height: 100%;
}

.wrapper_inner.exp{
   margin-top:105px;
}
.wrapper_prt{
   margin-top:280px;
   z-index:0;
}
.wrapper_prt.exp{
   margin-top:140px;
}
.wrapper_inner >.row{
    position:relative;
    margin:0;
}

.pr_wrapper{
overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.sticky{
    position:relative;
    height:100%;
    width:100%;
    background-size:cover;
    will-change: transform;
    overflow:hidden;
    -webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-ms-transform: translateY(0);
transform:translate3d(0,0,0);
}

.sticky .bg{
    position:relative;
    height:100%;
    width:100%;
    background-size:cover;
    z-index:0;
    opacity:0.5;

-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

  transition: transform 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
}

.sticky.active .bg{

    transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
    opacity:1;
}

#sb1{
    background:#000;
}
#sb2{
    background:#000;
}
#sb3{
    background:#000;
}
#sb4{
    background:#000;
}

#sber{
    background:#000;
}

.sticky .text_block{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin-top:-170px;
    padding:0 80px;
    text-align:center;
    color:#fff;
    z-index:1;
    transform: translate3d(0, 200px, 0);
  -moz-transform: translate3d(0, 200px, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, 200px, 0);
  -webkit-transform: translate3d(0, 200px, 0);

  -webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

    transition: transform 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
}

.prev .text_block, .prev .numbers, .prev .slider_texts{
    transform: translate3d(0, -200px, 0);
  -moz-transform: translate3d(0, -200px, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, -200px, 0);
  -webkit-transform: translate3d(0, -200px, 0);

  opacity:0.4;
}


.next .bim_item .bim_title, .next .text_block{
        transform: translate3d(0, 200px, 0);
  -moz-transform: translate3d(0, 200px, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, 200px, 0);
  -webkit-transform: translate3d(0, 200px, 0);
   opacity:0.4;
}

.active .text_block, .active .numbers{
    transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

#sber .text_block .h1{
    position:relative;
    font-size:48px;
    line-height:64px;
    text-transform:uppercase;
    color:#fff;
    padding:40px 0;
    z-index:1;
}

#sber .text_block img{
    position:relative;
    display:inline-block;
}

.numbers{
position:absolute;
left:0;
right:0;
top:50%;
margin-top:-100px;
color:#fff;
text-align:center;

transform: translate3d(0, 200px, 0);
  -moz-transform: translate3d(0, 200px, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, 200px, 0);
  -webkit-transform: translate3d(0, 200px, 0);

  -webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

transition: transform 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
}

.numbers .btn{
    margin-top:100px;
}

.num_item{
    position:relative;
    display:inline-block;
    font-size:16px;
    text-transform:uppercase;
    padding:0 80px;
}

.num_item .num{
    font-family: 'PlumbC_Bold';
    font-size:68px;
}

.num_item .num_label{
    font-family: 'PlumbC_Bold';
    padding:48px 0 0;
}

.right_fixed{
    position:fixed;
    top:63px;
    bottom:30px;
    right:40px;
    z-index:1;
    transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.top_contact{
    position:fixed;
    display:inline-block;
    left:25%;
    top:63px;
    font-size:15px;
    color:#fff;
    z-index:1;

    transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.top_contact img{
    /*position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 10px 0 0;*/
    position:absolute;
    top:5px;
    left:0;
}

.top_contact .ph, .top_contact .mail, .top_contact .loc{
    position:relative;
    display:inline-block;
    padding:0 80px 0 25px;

    transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.top_contact .loc{
    padding:0 0 0 25px;
    vertical-align:top;
}
.ph img{
    width:12px;
}

.mail img{
    width:14px;
}

.loc img{
    width:11px;
}

.top_contact .hid{
    opacity:0;
    transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translateY(-10px);
  -o-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);

}
.logo.hid{
    opacity:0;
    transform: translate3d(0, -30px, 0);
  -moz-transform: translate3d(0, -30px, 0);
   -ms-transform: translateY(-30px);
  -o-transform: translate3d(0, -30px, 0);
  -webkit-transform: translate3d(0, -30px, 0);

}
/*-----nav-btn------*/

a.menu-link {
  display: block;
  text-indent: -9999px;
  z-index:1;
  position: fixed;
  top: 63px;
    right: 40px;
padding:10px;
transform:translate(10px, -10px);
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
}
a.menu-link .hamburguer {
  height: 2px;
  width: 22px;
  margin: 10px 0;
  background: #fff;
  position: relative;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
}
a.menu-link .hamburguer:before, a.menu-link .hamburguer:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  z-index: -1;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
}

a.menu-link.gray .hamburguer, a.menu-link.gray .hamburguer:before, a.menu-link.gray .hamburguer:after{
    background: #f3f3f3;
}
a.menu-link .hamburguer:after {
  top: 7px;
}
a.menu-link .hamburguer:before {
  top: -7px;
}

a.menu-link:hover .hamburguer:after {
  transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  -webkit-transform: translateY(2px);
}
a.menu-link:hover .hamburguer:before {
  transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
}
a.menu-link.active .hamburguer {
  top: 0;
  background: transparent;
}

a.menu-link.active .hamburguer:after {
  top: 0;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
a.menu-link.active .hamburguer:before {
  top: 0;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/*
a.menu-link.active:hover{
    transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}*/

/*-----nav-btn-end-----*/

.search_btn{
    position:fixed;
    display:block;
    z-index:1;
    top:126px;
    right:34px;
    width:32px;
    padding:6px;
    cursor:pointer;

    transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.search_btn.hid, .menu-link.hid{
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity:0;
}

.search_btn:hover{
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.search_btn svg{
    position:relative;
    display:block;
    width:100%;
    height:20px;
    fill:#f3f3f3;
}

/*-----mouse-scroll-icon-----*/

.mouse_scroll {
    position:absolute;
	display: block;
	top:50%;
	right:1px;
	width: 22px;
margin-top:-26px;

  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.project_scroll{
    position:fixed;
    bottom:30px;
    left:62.5%;
    margin-left:-11px;
    right:auto;
    top:auto;
    z-index:1;
}

.mouse_scroll.hid{
    opacity:0;
}


.m_scroll_arrows
{
  display: block;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 5px;
  width: 10px;
  height: 10px;
}

.gray .m_scroll_arrows{
    border-color:#aaa;
}

.unu
{
  margin-top: 2px;
}

.unu, .doi
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  margin-top: -6px;
}

.mouse
{
height: 32px;
width: 20px;
border-radius: 14px;
transform: none;
border: 2px solid white;
}

.wheel
{
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  height: 5px;
  width: 2px;
  border: 1px solid #fff;
  -webkit-border-radius: 8px;
   border-radius: 8px;
}

.gray .mouse, .gray .wheel{
    border-color:#aaa;
}

.wheel
{
  -webkit-animation: mouse-wheel 1s linear infinite;
  -moz-animation: mouse-wheel 1s linear infinite;
}

@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

/*-----mouse-scroll-icon-end----*/

.arr_up{
    position:absolute;
    top:165px;
    right:-5px;
    width:34px;
    height:34px;
    padding:10px;
  cursor:pointer;
  opacity:0.5;
}

.arr_up span{
    position:relative;
    display:block;
    width:14px;
    height:14px;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

.arr_dn{
    position:absolute;
    bottom:165px;
    right:-5px;
    width:34px;
    height:34px;
    padding:10px;
  cursor:pointer;
  opacity:0.5;
}

.arr_dn span{
    position:relative;
    display:block;
    width:14px;
    height:14px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
    -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

.arr_up, .arr_dn{
  transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -moz-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -ms-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -o-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -webkit-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
}
.arr_up:hover{
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    opacity:1;
}

.arr_dn:hover{
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    opacity:1;
}

.arr_up.hid, .soc_links a.hid{
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity:0;
}

.arr_dn.hid{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity:0;
}

.lng{
    position:absolute;
    bottom:0;
    right:-5px;
    height:84px;
}

.lng a{
    position:relative;
    display:block;
    padding:5px;
    color:#fff;
    font-size:10px;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:0.7;
    font-family:'PlumbC';
    transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
}

.lng_inv .lng a{
    color:#aaa;
}

.lng_inv .lng a.active{
    color:#000;
}
.lng_inv .lng_line{
    background:#aaa;
}

.lng a:before{
    position:absolute;
    content:"";
    display:block;
    height:2px;
    top:15px;
    left:2px;
    width:0;
    z-index:0;
    background:#15aba6;

    transition: all 0.3s cubic-bezier(.54,.04,.51,1);
  -moz-transition: all 0.3s cubic-bezier(.54,.04,.51,1);
  -ms-transition: all 0.3s cubic-bezier(.54,.04,.51,1);
  -o-transition: all 0.3s cubic-bezier(.54,.04,.51,1);
  -webkit-transition: all 0.3s cubic-bezier(.54,.04,.51,1);
}

.lng a:hover:before{
    width:24px;
}

.lng.gray a{
    color:#ddd;
}
.lng .active, .lng a:hover{
    opacity:1;
    text-decoration:none;
}

.lng_line{
    position:relative;
    display:none;
    height:20px;
    width:2px;
    background:#fff;
    margin:5px auto;

    transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.gray .lng_line{
    background:#eee;
}

.lng_line:nth-child(2){
    display:block;
}

.lng a.hid{
    opacity:0;
    transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
   -ms-transform: translateY(-10px);
  -o-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
}

.lng_line.hid{
    height:0;
}

.soc_links{
    position:fixed;
    left:60px;
    bottom:30px;
    z-index:1;
}

.soc_links a{
    position:relative;
    display:inline-block;
    height:18px;
    width:18px;
    margin:0 30px 0 0;
    opacity:0.7;

    transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -moz-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -ms-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -o-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -webkit-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
}

.soc_links a svg{
     transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.soc_links a:hover{
    opacity:1;
}

.footer_inner .tw:hover svg, .cr .tw:hover svg{
    fill:#00aced;
}

.footer_inner .fb:hover svg, .cr .fb:hover svg{
    fill:#3b5998;
}

.footer_inner .inst:hover svg, .cr .inst:hover svg{
    fill:#c13584;
}

.footer_inner .yt:hover svg, .cr .yt:hover svg{
    fill:#bb0000;
}


.soc_links a svg{
    position:relative;
    display:block;
    height:100%;
    width:100%;
    fill:#dedede;
}

.nav_ovrl{
    position:fixed;
    opacity:0;
    background:rgba(20,22,30, .4);
    top:0;
    left:100%;
    right:0;
    bottom:0;
    z-index:1;

    transition: opacity 0.5s ease, left 0s ease 0.5s;
  -moz-transition: opacity 0.5s ease, left 0s ease 0.5s;
  -ms-transition: opacity 0.5s ease, left 0s ease 0.5s;
  -o-transition: opacity 0.5s ease, left 0s ease 0.5s;
  -webkit-transition: opacity 0.5s ease, left 0s ease 0.5s;
}

.nav_ovrl.active{
    left:0;
    opacity:1;

    transition: opacity 0.3s ease, left 0s ease;
  -moz-transition: opacity 0.3s ease, left 0s ease;
  -ms-transition: opacity 0.3s ease, left 0s ease;
  -o-transition: opacity 0.3s ease, left 0s ease;
  -webkit-transition: opacity 0.3s ease, left 0s ease;
}

.main_nav{
    position:fixed;
    z-index:1;
    top:-63px;
    right:0;
    bottom:0;

    width:400px;
    /*background:rgba(47,55,68, .97);*/
    background:rgba(20,22,30, .9);
    color:#b3bac6;

-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translateX(100%);
-o-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);

    transition: all 0.5s cubic-bezier(.54,.04,.51,1);
  -moz-transition: all 0.5s cubic-bezier(.54,.04,.51,1);
  -ms-transition: all 0.5s cubic-bezier(.54,.04,.51,1);
  -o-transition: all 0.5s cubic-bezier(.54,.04,.51,1);
  -webkit-transition: all 0.5s cubic-bezier(.54,.04,.51,1);
}

.main_nav_wr{
    padding:120px 60px 20px;
    margin-top:50px;
}
.main_nav.active{
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-ms-transform: translateX(0);
transform:translate3d(0,0,0);
}
.main_nav .pdf{
    position:relative;
    padding:21px 0;
    border-top:1px solid #60646a;

    transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -moz-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -ms-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -o-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -webkit-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
}

.nav_contact{
    position:relative;
    padding:21px 0;
    border-top:1px solid #60646a;
    font-size:12px;
    transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -moz-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -ms-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -o-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -webkit-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
}
.main_nav .pdf a{
  position:relative;
  displaY:block;
  color:#fff;
  font-size:16px;
  padding:10px 0;
  cursor:pointer;
}

.main_nav a svg{
  position:relative;
  displaY:inline;
  vertical-align:middle;
  height:24px;
  width:24px;
  fill:#b3bac6;
  margin:0 10px 0 0;
}

.main_nav a span{
    position:relative;
  displaY:inline;
  vertical-align:middle;
}

.main_nav ul, .main_nav ul li
{
position:relative;
display:block;

transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -moz-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -ms-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -o-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -webkit-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
}

.main_nav ul{
    padding-bottom:21px;
}

.main_nav ul li a{
    position:relative;
    display:inline-block;
    color:#fff;
    text-decoration:none;
    font-size:20px;
    text-transform:uppercase;
    padding:10px 0;
}

.main_nav ul li ul{
    padding:0 0 0 20px;
}

.main_nav ul li ul li a{
    font-size:16px;
    color:#b3bac6;
    text-transform:none;
    padding:10px 0;
}

.main_nav ul li ul li:hover a{
    color:#fff;
}
.main_nav ul .active> a
{
color:#15aba6;
}

.main_nav ul .active> a:after{
position:absolute;
display:block;
content:"";
top:20px;
right:-250px;
width:200px;
height:2px;
background:#15aba6;
}

.slider{
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:0;
overflow:hidden;
transition: transform 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -webkit-transition: all 0.9s ease-in-out;
}

.notrans, .notrans .h1, #sber .notrans{
    transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  -webkit-transition: none;
}


.project_slider{
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:0;
overflow:hidden;
cursor: url('/assets/images/cursor_r.png'), auto;
background:#000;

    transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
}

.project_slider.shift{
    transform: translate3d(0, -150px, 0);
  -moz-transform: translate3d(0, -150px, 0);
   -ms-transform: translateY(-150px);
  -o-transform: translate3d(0, -150px, 0);
  -webkit-transform: translate3d(0, -150px, 0);
}

.pr_slide{
    position:relative;
    width:100%;
    height:100%;
    background-size:cover;
background-position:center;
overflow:visible;
}

.pr_slide:after{
    content:"";
    position:absolute;
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,30,.3);
    z-index:1;
}

.owl-carousel{
    position:relative;
    width:100%;
    height:100%;
    z-index:0;
}

.project_slider .owl-carousel div:not(.owl-controls) {
  height: 100%;
}

/* Feel free to change duration  */
.owl-carousel .animated,.animated  {
  -webkit-animation-duration : 2000 ms  ;
  animation-duration : 2000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}
/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
  z-index : 1
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
  z-index : 0
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }
  100% {
    opacity : 0   ;
  }
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }
  100% {
    opacity : 0   ;
  }
}

.slider.zoomed{
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

.slide{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;

background-size:cover;
background-position:center;
transform: translate3d(80px, 0, 0) scale(1.1);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translateX(80px) scale(1.1);
  -o-transform: translate3d(80px, 0, 0) scale(1.1);
  -webkit-transform: translate3d(80px, 0, 0) scale(1.1);

  opacity:0;


  -moz-transition: -moz-opacity 0.7s ease, -moz-transform 1s ease-in-out;
  -ms-transition: -ms-opacity 0.7s ease, -ms-transform 1s ease-in-out;
  -o-transition:  -o-opacity 0.7s ease, -o-transform 1s ease-in-out;
  -webkit-transition: -webkit-opacity 0.7s ease, -webkit-transform 1s ease-in-out;
 transition: opacity 0.7s ease, transform 1s ease-in-out;

 -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
}

.slider .slide.active{
transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity:1;
}

.slider .c_panel{
    position:absolute;
    left:25%;
    right:0;
    bottom:36px;
    margin:0 0 0 -20px;
    text-align:left;
    color:#b3bac6;
    z-index:10;

    transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);

 transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.education .slider .c_panel, .education .mouse_scroll, .education .arr_up, .education .arr_dn{
    display:none;
}

.slider.zoomed .c_panel{
    opacity:0;
    transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
   -ms-transform: translateY(-10px);
  -o-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.c_panel ul, .c_panel ul li, .c_panel img{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    height:15px;
    font-size:15px;
    line-height:15px;

    padding:0 10px;
}

.c_panel ul li, .c_panel img{
    cursor:pointer;
}

.c_panel ul li:after{
    position:relative;
    content:"";
    display:inline-block;
    vertical-align:middle;
    height:2px;
    width:0;
    margin:0;
    background:#fff;

    transition: all 1s cubic-bezier(.54,.04,.51,1);
  -moz-transition: all 1s cubic-bezier(.54,.04,.51,1);
  -ms-transition: all 1s cubic-bezier(.54,.04,.51,1);
  -o-transition: all 1s cubic-bezier(.54,.04,.51,1);
  -webkit-transition: all 1s cubic-bezier(.54,.04,.51,1);
}

.c_panel ul li:before{
    position:absolute;
    content:"";
    display:block;
    height:2px;
    top:5px;
    left:4px;
    width:0;
    z-index:0;
    background:#15aba6;

    transition: all 0.3s cubic-bezier(.54,.04,.51,1);
  -moz-transition: all 0.3s cubic-bezier(.54,.04,.51,1);
  -ms-transition: all 0.3s cubic-bezier(.54,.04,.51,1);
  -o-transition: all 0.3s cubic-bezier(.54,.04,.51,1);
  -webkit-transition: all 0.3s cubic-bezier(.54,.04,.51,1);
}

.c_panel ul li:hover:before{
    width:24px;
}

.c_panel ul .active, .c_panel ul li:hover{
    color:#fff;
}

.c_panel ul .active:hover:before{
    width:0;
}

.c_panel ul .active:after{
    display:inline-block;
    width:100px;
    margin:0 0 0 20px;
}

.c_panel img{
    height:18px;
   transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -moz-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -ms-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -o-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
  -webkit-transition: all 0.3s cubic-bezier(.54,.04,.51,1.08);
}

.sl_r:hover{
 transform: translate3d(3px, 0, 0);
  -moz-transform: translate3d(3px, 0, 0);
   -ms-transform: translateX(3px);
  -o-transform: translate3d(3px, 0, 0);
  -webkit-transform: translate3d(3px, 0, 0);
}

.sl_l:hover{
 transform: translate3d(-3px, 0, 0);
  -moz-transform: translate3d(-3px, 0, 0);
-ms-transform: translateX(-3px);
  -o-transform: translate3d(-3px, 0, 0);
  -webkit-transform: translate3d(-3px, 0, 0);
}

.slider_texts{
    position:absolute;
    top:50%;
    left:0;
    right:60px;
    z-index:9;
    text-align:center;

    transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translateX(0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);

    transition: transform 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
}

.sl_text{
   position:absolute;
   display:block;
   text-align:left;
   color:#fff;
   max-width:50%;
   left:25%;
   top:50%;
   margin-top:-100px;
}

.company .sl_text{
    max-width:70%;
}

.sl_text .h1{
    font-size:64px;
    position:relative;
    color:#fff;
    text-transform:uppercase;

    transition: all  0.5s ease-in-out;
  -moz-transition: all  0.5s ease-in-out;
  -ms-transition: all  0.5s ease-in-out;
  -o-transition: all  0.5s ease-in-out;
  -webkit-transition: all  0.5s ease-in-out;
}

.sl_text.hid .h1{
     transform: translate3d(0, 15px, 0);
  -moz-transform: translate3d(0, 15px, 0);
  -ms-transform: translateY(15px);
  -o-transform: translate3d(0, 15px, 0);
  -webkit-transform: translate3d(0, 15px, 0);
    opacity:0;
}

.sl_text.hid2 .h1{
     transform: translate3d(0, -15px, 0);
  -moz-transform: translate3d(0, -15px, 0);
   -ms-transform: translateY(-15px);
  -o-transform: translate3d(0, -15px, 0);
  -webkit-transform: translate3d(0, -15px, 0);
    opacity:0;
}

.sl_text .h1 span{
color:#fff;

     transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.sl_text .h1 .hid{
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;

  text-shadow: 0 0 12px white;
  color: transparent;
}

.sl_text .string{
    position:relative;
    font-size:18px;
    line-height:32px;

    transition: all  0.6s ease-in-out;
  -moz-transition: all  0.6s ease-in-out;
  -ms-transition: all  0.6s ease-in-out;
  -o-transition: all  0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}

.company .sl_text .string{
    padding-left:30px;
}


.company .sl_text .string:before{
    content:"";
    position:absolute;
    display:block;
    left:10px;
    top:14px;
    height:2px;
    width:6px;
    background:#fff;
}

.company .sl_text .string:after{
    content:"";
    position:absolute;
    display:block;
    left:10px;
    top:14px;
    height:2px;
    width:6px;
    background:#fff;

        -moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}


.sl_text.hid .string{
     transform: translate3d(0, 25px, 0);
  -moz-transform: translate3d(0, 25px, 0);
    -ms-transform: translateY(25px);
  -o-transform: translate3d(0, 25px, 0);
  -webkit-transform: translate3d(0, 25px, 0);
    opacity:0;
}

.sl_text.hid2 .string{
     transform: translate3d(0, -25px, 0);
  -moz-transform: translate3d(0, -25px, 0);
    -ms-transform: translateY(-25px);
  -o-transform: translate3d(0, -25px, 0);
  -webkit-transform: translate3d(0, -25px, 0);
    opacity:0;
}

/*
.sl_text .str1{
    margin-left:-120px;
}

.sl_text .str2{
    margin-left:-40px;
}

.sl_text .string span{
     transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
*/

.sl_text .string .hid{
    opacity:0;
 transform: translate3d(-5px, 0, 0);
  -moz-transform: translate3d(-5px, 0, 0);
    -ms-transform: translateX(-5px);
  -o-transform: translate3d(-5px, 0, 0);
  -webkit-transform: translate3d(-5px, 0, 0);
}


/*------BIM---------*/

.bim_videos, .bim_items{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
height:100%;
width:100%;
}

.bim_item{
    position:relative;
    float:left;
    width:25%;
    height:100%;
    border-left:1px solid rgba(255,255,255, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin:0;
}

.bim_item:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0);
    z-index:0;

    transition: all  0.6s ease-in-out;
  -moz-transition: all  0.6s ease-in-out;
  -ms-transition: all  0.6s ease-in-out;
  -o-transition: all  0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
}

.bim_item:hover::after{
    background:rgba(0,0,0,.15);
}

.bim_bg{
    position:absolute;
top:0;
bottom:0;
left:0;
right:-1px;
background-position:center;
    background-size:cover;

    transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.bim_bg:after{
    position:absolute;
    display:block;
    content:"";
top:0;
bottom:0;
left:0;
right:0;
/*background:rgba(0, 54, 105, .7);
background:rgba(0, 65, 145, .7);*/
}

.bim_items:hover .bim_bg{
    opacity:0;
}
.bim_title{
  text-align: center;
    position:relative;
    top:50%;
    margin-top:-155px;
    padding:0 60px;
    color:#fff;
    z-index:1;
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
  -ms-transform: translateY(0);
transform:translate3d(0,0,0);

-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

 transition: transform 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
}

.active_bim .bim_title{
transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.bim_item:hover .bim_title{
-moz-transform: translate3d(0,-7px,0);
-webkit-transform: translate3d(0,-7px,0);
-o-transform: translate3d(0,-7px,0);
  -ms-transform: translateY(-7px);
transform:translate3d(0,-7px,0);
}

.bim_title .num{
    font-size:16px;
    letter-spacing:2px;
}
.bim_title .h2{
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px;
    padding-bottom:48px;
}

/*.bim_title:before, .bim_title:after{
    position:relative;
    display:block;
    content:"";
    height:1px;
    width:20px;
    margin:26px 0;
    background:#fff;
}*/

.bim_item .moar, .news_item .moar{
    opacity:0;
  transition: transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
  -moz-transition: -moz-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
  -o-transition: -o-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
  -ms-transition: -ms-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
  -webkit-transition: -webkit-transform 0.3s ease 0.3s, opacity 0.3s ease 0.3s;
}

.bim_item:hover .moar, .news_item:hover .moar{
-moz-transform: translate3d(0,-10px,0);
-webkit-transform: translate3d(0,-10px,0);
-o-transform: translate3d(0,-10px,0);
  -ms-transform: translateY(-10px);
transform:translate3d(0,-10px,0);
    opacity:1;
}

.moar .arrow{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    height:1px;
    width:50px;
    background:#fff;
    margin:-2px 0 0 18px;
    -webkit-backface-visibility:hidden;

    -moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
  -ms-transition: all .3s ease;
transition:all .3s ease;
}

.moar .arrow:after{
 position:absolute;
    display:block;
    right:0;
    top:-2px;
    content:"";
    height:5px;
    width:5px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-backface-visibility:hidden;
    -moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
  -ms-transition: all .3s ease;
transition:all .3s ease;
}

.moar.gray .arrow{
    background:#333;
}

.moar.gray .arrow:after{
    border-color:#333;
}

.moar:hover .arrow{
    background:#000;
}

.moar:hover .arrow:after{
    border-color:#000;
}

.bim_vid{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-size:cover;
background-position:center;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
opacity:0;
transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
}

.bim_vid.active{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
   opacity:1;
}

.header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    min-width:320px;
    height:250px;
    background-size:cover;
    background-position:center;
    z-index:2;
    will-change: height;

    transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.header_bg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transform:scale(1.1, 1);
    transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
}

.header_bg.show{
    opacity:1;
    transform:scale(1);
}

.header.min{
    height:105px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.header.min .ovrl
{
    background:rgba(41,48,66,.8);
}

.header.min .pagetitle{
-moz-transform: translate3d(0,30px,0);
-webkit-transform: translate3d(0,30px,0);
-o-transform: translate3d(0,30px,0);
  -ms-transform: translateY(30px);
transform:translate3d(0,30px,0);

    padding:0 0 0 25%;
    opacity:0;
}
<!--ºÄʱ1760529388.6386Ãë-->