@charset "UTF-8";
/* CSS Document */

/* COMMON */
.clear{clear:both;}
.solidtext{white-space: nowrap;}
ul, ol, dl{margin:0; padding:0; list-style:none;}
a{text-decoration:none;}
img{display:block; border:0; width:100%; height:auto;}
a img{border:0;}
p,h1,h2,h3,h4{margin-top:0px; margin-bottom:0px;}
div{width:100%; display:block;}

body{font-size:16px; margin:0; padding:0; font-family: 'DIN Next LT Pro';}
body.noscroll{overflow: hidden;}

* {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.animate{-webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.delay{transition-delay: 2s;}
.transform_yaxis{-ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.transform_xaxis{-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.transform_xy{-ms-transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transform: translate(0px,0px);}
.easing{transition-timing-function: ease;}
.transform_rotate{-ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg);}
.transform_scale{-ms-transform: scale(2, 2); -webkit-transform: scale(2, 2); transform: scale(2, 2);}
.rounded-corners{-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
input:focus, select:focus, textarea:focus, button:focus { outline: none!important; }
::placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000;}
::-ms-input-placeholder {color: #000;}

.circle1{-moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px;}

/* Scrollbar styling  not for firefox */
body::-webkit-scrollbar {width: 12px;}
body::-webkit-scrollbar-track {border-radius: 0px; background-color:#555; border:0px solid #ccc; padding:3px;}
body::-webkit-scrollbar-thumb {border-radius: 10px; background-color:#777;}

/* Rotating object */
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotating {
  from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

/* Keyframes */
.keyframe1{animation: blinkx 1s linear infinite;}

@keyframes blinkx{
  0% {opacity:0;}
  50% {opacity:100;}
  100% {opacity:0;}
}

.pixelimg{display:block; width:10px; height:10px; position:absolute; top:0px; left:0px;}

/* get direction popup */
.showMap{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999999; display:none;}
.showMap .l1{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.5;}
.showMap .l2{position: relative; width: 90%; max-width: 1024px; margin: 0 auto; z-index: 10; top: 23%; background-color:#000;
-moz-box-shadow: -10px 10px 40px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: -10px 10px 40px rgba(0, 0, 0, 0.4);
box-shadow: -10px 10px 40px rgba(0, 0, 0, 0.4);
}
.showMap iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;

-webkit-filter: sepia(0%) hue-rotate(0deg) saturate(0%);
  -moz-filter: sepia(0%) hue-rotate(0deg) saturate(0%);
  -ms-filter: sepia(0%) hue-rotate(0deg) saturate(0%);
  -o-filter: sepia(0%) hue-rotate(0deg) saturate(0%);
  filter: sepia(0%) hue-rotate(0deg) saturate(0%);
    
}

/* Page Opening Transition */

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

.d_opening.on .l2{-ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%);}
.loadmeter{position:fixed; top:0px; left:0px; width:100%; height:5px; z-index:9999;}
.loadmeter span{position:absolute; top:0px; left:0px; width:0%; height:100%; display:block; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; background-color:#e6171d;}

/* sticky elements */
.stcky_scrolldown{position:fixed; left: 12px; top: 40%; width: 31px; height: 160px; z-index:50;}
.stcky_scrolldown p{position:absolute; top: 53px!important; left: -23px!important; color:#aaa; text-transform: uppercase; white-space: nowrap; font-size:12px!important; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.stcky_scrolldown span{position: absolute; top: 107px; left: 13px; width: 1px; height: 47px; background-color: #aaa;}
.stcky_scrolldown i{width:10px; height:10px; position:absolute; bottom:0px; left:8px; background-color:#aaa;}

.stcky_contact{position:fixed; right: 12px; top: 40%; width: 31px; height: 160px; z-index:50;}
.stcky_contact p{position:absolute; bottom: 34px!important; left: -18px!important; color:#aaa; text-transform: uppercase; white-space: nowrap; font-size:12px!important; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.stcky_contact p a{color:#aaa; text-decoration:none;}
.stcky_contact span{position: absolute; top: 34px!important; left: 13px!important; width: 1px; height: 38px; background-color: #aaa;}
.stcky_contact img{width: 21px; height: auto; position: absolute; top: 0px; left: 4px;}

.stcky_backtop{position:fixed; background:url(../images/arrow_backtop.png) center no-repeat; background-size:100% auto; z-index:50; bottom:22px; right:22px; width:47px; height:47px; display:none; cursor:pointer;}

.page_home .stcky_scrolldown,
.page_home .stcky_contact,
.projectpage .stcky_scrolldown,
.projectpage .stcky_contact,
.page_projects .stcky_scrolldown{display:none!important;}

.page_agency .stcky_backtop{bottom:180px;}
.page_home .stcky_backtop{display:none!important;}


.bx_offices{position:relative;}
.bx_offices .dv_bestlogo{display: block; width:126px; height:auto; position:absolute; top:50px; left:290px;}
.bx_offices .dv_bestlogo img{border:0px; display: block;}

/* Mediaqueries */

@media (max-width:800px){
    
    
    .stcky_scrolldown,
    .stcky_contact{display:none!important;}
    
    
}

@media (max-width:500px){
    
    .page_agency .sec2 .serlabel{-ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);}
    
    .page_agency .stcky_backtop{bottom:22px;}
    
    .bx_offices .dv_bestlogo{position:relative; top:22px; left:0px;}
    
}