.clear{clear:both;}

.d_menu{position:fixed; top:0px; left:0px; width:100%; height:0%; overflow: hidden; z-index:99; display:block;}
.d_menu .l1{float:left; width:25%; position:relative;}
.d_menu .l2{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#36444d; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;
-ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%);
}
.d_menu .l2_1{transition-delay: 0s;}
.d_menu .l2_2{transition-delay: 0.15s;}
.d_menu .l2_3{transition-delay: 0.30s;}
.d_menu .l2_4{transition-delay: 0.45s;}

.d_menu.on .l2{-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}

.d_menu nav{width:100%; position:absolute; top:0px; left:0px; display:block; height:0%; overflow:hidden; transition-delay: 0.5s; z-index:10;}
.d_menu nav ul{position:relative; top:25%; left:0px; width:100%;}
.d_menu nav ul li{position:relative; text-align: center; -ms-transform: translateY(100px); -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity:0; transition-delay: 0s;}
.d_menu nav a{color:#fff; font-size:44px; font-weight:bold; display:block; opacity:1; text-decoration:none; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; text-transform: uppercase; font-family: 'DINCyr'; text-align:center; display:inline-block;}
.d_menu nav a span{display:inline-block; position:relative; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; line-height: 80px;}
.d_menu nav a i{font-style:normal; color:#e7141c; display:block; position:relative; top:0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; line-height: 80px;}
.d_menu nav a span font{position:absolute; top:-8px; left:0px; font-size:18px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;
-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); opacity:0;
}
.d_menu nav a i.red{color:#fff; position:absolute; top:0; width:100%; text-align: center; overflow: hidden; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.d_menu nav a.n1{opacity:1; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.d_menu nav a.go2 span font{-ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity:1;}
.d_menu nav a.go2 span{-ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px);}
.d_menu nav a.go span i.red{width:0%;}

.d_menu nav.on{ height:100%;}
.d_menu nav.on ul li{-ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); opacity:1;}
.d_menu nav.on .nv1{transition-delay: 0.5s;}
.d_menu nav.on .nv2{transition-delay: 0.65s;}
.d_menu nav.on .nv3{transition-delay: 0.80s;}
.d_menu nav.on .nv4{transition-delay: 0.95s;}
.d_menu nav.on .nv5{transition-delay: 1.10s;}
.d_menu nav.on .nv6{transition-delay: 1.25s;}

.d_menu .menubg{position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; z-index:5; opacity:0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; transition-delay: 0s;}
.d_menu .menubg .box{position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(images/bg1.jpg) center no-repeat; display:block; background-size:cover; -webkit-transition-duration: 30s; transition-duration: 30s; transition-timing-function: linear;
-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);
}

.d_menu nav .navsocial{width:100%; height:auto;}
.d_menu nav .navsocial i{background-color:#fff; width:1px; height:70px; opacity:0; display:block; margin:0 auto; margin-top:10px; margin-bottom:20px; -webkit-transition-duration: 0.8s; transition-duration: 0.8s;}
.d_menu nav .navsocial p{display:block; width:100%; text-align: center; opacity:0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.d_menu nav .navsocial img{margin:0 auto; width:31px; height:auto; display:inline-block; cursor: pointer;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.d_menu nav .navsocial img:hover{-ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);}

.d_menu nav.on .navsocial p{opacity:1; transition-delay: 2.3s;}
.d_menu nav.on .navsocial i{transition-delay: 1.5s; opacity:1;}

.d_menu .menubg.on{opacity:1; -webkit-transition-duration: 1s; transition-duration: 1s; transition-delay: 0.4s;}
.d_menu .menubg.on .box{-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}

.blocker{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99999999; /* background-color:#ff9900; opacity:0.5; */}

.burger_box{background-color: #dc4132; position: fixed; top: 13px; right: 14px; width: 48px; height: 48px; z-index: 995;}
.burger{position:fixed; top: 20px; right: 23px; width: 30px; height: 40px; cursor: pointer; overflow: hidden; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; z-index:999;}
.burger span{width:300%; height:1px; display:block; position:absolute; top:0px; left:0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.burger span:nth-child(1){top:9px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.burger span:nth-child(2){top:16px; transition-delay: 0.1s;}
.burger span:nth-child(3){top:23px; transition-delay: 0.2s; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}

.burger span i{position:absolute; top:0px; left:0px; display:block; width:33.3%; height:100%; background-color:#fff; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.burger span i:nth-child(3){left:auto; right:0px; background-color:#fff;}

.burger:hover span{-ms-transform: translateX(-66.6%); -webkit-transform: translateX(-66.6%); transform: translateX(-66.6%);}

.burger.on span:nth-child(1){top: -6px; left: -8px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.burger.on span:nth-child(2){opacity:0;}
.burger.on span:nth-child(3){top:37px; left: -8px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.burger.on span i{background-color:#fff;}

.burger.on:hover span i{background-color:#fff;}


.navlogo{position:absolute; top:0px; padding-top:20px; left:0px; width:100%; text-align: center; z-index:90;}
.navlogo img{width:123px;}
.navlogo .lg1{display:inline-block;}
.navlogo .lg2{display:none;}


body .burger_box,
body .burger{-ms-transform: translateY(-140%); -webkit-transform: translateY(-140%); transform: translateY(-140%); -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}


body.shownav .burger_box,
body.shownav .burger{-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}

.page_agency .navlogo .lg1,
.projectpage .navlogo .lg1{display:none!important;}
.page_agency .navlogo .lg2,
.projectpage .navlogo .lg2{display:inline-block!important;}

.page_projects .navlogo{background-color:#fff; padding-bottom:10px;}

.page_home .navlogo{display:none;}

@media (max-width:500px){
    
    .navlogo img{width: 110px;}
    .d_menu nav a{font-size:32px;}
    .d_menu nav a i,
    .d_menu nav a span{line-height:60px;}
    .d_menu nav a span font{top:-4px;}
}