.st
{
  font-family : 'san_francisco_displayregular','HelveticaLight',sans-serif;
  font-size : 18px;
  line-height : 40px;
  letter-spacing : 1.8px;
  text-transform : uppercase;
  color : #4D4D4D;
  color : rgb(77, 77, 77);
}

.st:lang(ru)
{
  font-size : 16px;
}

.st .big {
	font-size : 22px;
}

.st .big:lang(ru)
{
  font-size : 20px;
}

.st-basic
{
  font-family : 'san_francisco_displayregular','HelveticaLight',sans-serif;
  font-size : /* 22px */20px;
  line-height : /* 30px */27px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.st-basic:lang(ru){
	font-family : 'HelveticaLight',sans-serif;
	font-size : 18px;
	letter-spacing:1px;
}

.st-basic.sm {
	font-size : 14px;
}

.heading {
	display:inline-block;
}

.st-phone
{
  font-family : 'san_francisco_displaymedium';
  font-size : 22px;
  line-height : 30px;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.st-title {
	font-family : 'Abhaya Libre',"TimesNewRomanRegular",serif;
	font-size : 100%;
	line-height: 28.88px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
	margin-bottom:20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.sub-title {
  font-family : 'Abhaya Libre';
  font-size : 60%;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
  position: relative;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.sub-title.draggable {
    cursor: move;
}

/* 
.st-basic:lang(ru){
	font-family : 'Arial';
	    line-height: 18px;
}

 */

 .st-basic a {
	color:white;
	font-size : 18px;
}



.contact img {
	margin-right:10px;
}

.contact .st-basic {
	font-size : 14px;
	margin-top:20px;
	line-height:16px;
	min-width:220px;
	font-family: 'san_francisco_displayregular','HelveticaLight',sans-serif;
}

/* .st-basic:lang(ru){
	font-family : 'Arial';
	font-size : 12px;
} */

/* .st-title:lang(ru){
	font-family: "TimesNewRomanRegular";
} */
	

.contact .en{
	margin-bottom:40px;
}

.menu a, .leng a{
	color : #4D4D4D;
	color : rgb(77, 77, 77);
}

.menu .active a, .leng .active a{
	font-family : 'san_francisco_displaybold','HelveticaBold',sans-serif;
	color : #000000;
	color : rgb(0, 0, 0);
	text-decoration: underline;
}

.leng {
	position: absolute;
    bottom: 5%;
	width: 100%;
	padding-left:55px;
	margin-bottom: 0;
}

.leng li{
	display:inline;
}

.menu {
	padding-left:55px;
    margin-top: 50px;
}

html {
	height:100%;
	background-color:white;
}

body {
	height:100%;
	margin: 0px;
	overflow: hidden;

}

.content{
	width:100%;
	height:100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}



.nav-b {
	cursor: pointer;
    height: 100%;
    background: white;
    position: fixed;
    top: 0px;
    padding: 0 15px 0 15px;
    opacity: 0.7;
    box-sizing: border-box;
	-webkit-box-shadow: 2px 0px 8px -2px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 2px 0px 8px -2px rgba(50, 50, 50, 0.5);
    box-shadow: 2px 0px 10px -2px rgba(50, 50, 50, 0.5);
    z-index: 10;
}

/* .led {
	padding: 0 30px 30px 30px;
} */

.blackout {
	width:100%;
	height:100%;
	background : #000000;
	background : rgba(0, 0, 0, 1);
	opacity : 0.3;
	position: absolute;
    top: 0;
    left: 0;
}

.projects:hover .blackout {
	opacity : 0;
}

.default {
		width: 85px;
}

.black {
	-webkit-transition: width 1s ease-out 0.5s;
    -moz-transition: width 1s ease-out 0.5s;
    -o-transition: width 1s ease-out 0.5s;
    transition: width 0.5s ease-out 0s;
	width: 85px;
	cursor:pointer;
}

.led {
	   -webkit-transition: width 1s ease-out 0.5s;
     -moz-transition: width 1s ease-out 0.5s;
     -o-transition: width 1s ease-out 0.5s;
     transition: width 0.5s ease-out 0s;
	 width: 300px;
}

.slide {
	height:100%;
	display: inline-block;
    overflow: hidden;
	right: -150px;
    position: relative;
	opacity: 0;
}

.slice{
	width:35vw;
	min-width:266px;
	    height: 100%;
    display: inline-block;
	

    white-space: normal;
    vertical-align: top;
}

.basic {
	width: 55vw;
	    height: 100%;
    display: inline-block;
	overflow:hidden;
	min-width:300px;
	
}


@media screen and (min-width: 1200px) {
    .slice {
       width: 25vw;
    }
}

/* 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .slice {
       min-width:213px;
	   font-size: 26px;
    }
}
 */




/* @media screen and (min-device-width: 1200px) {
    .basic {
       width: 40vw;
    }
} */


.slide img{
	height:100%;
	
}

/* @media only screen and (orientation: portrait){
 .slice {
       width: 90vw;
    }
} */

.slide.loaded {
	 /*-webkit-transition: opacity .8s ease-out 0s;*/
     /*-moz-transition: opacity .8s ease-out 0s;*/
     /*-o-transition: opacity .8s ease-out 0s;*/
     /*transition: opacity .8s ease-out 0s;*/
	 /*opacity:1;*/
}

.list {
	 position:relative;
	 left:-300px;
	 top:19%;
	 height:81%;
} 

.list.uploaded {
	 -webkit-transition: left 1s ease-out 0.5s;
     -moz-transition: left 1s ease-out 0.5s;
     -o-transition: left 1s ease-out 0.5s;
     transition: left 0.5s ease-out 0s;
	 left:-300px;
	 
	 
}

.list.loaded {
	 -webkit-transition: left 1s ease-out 0.5s;
     -moz-transition: left 1s ease-out 0.5s;
     -o-transition: left 1s ease-out 0.5s;
     transition: left 0.5s ease-out 0s;
	 left: 0;
}



.smlogo {
	position: absolute;
    top: 19%;
	opacity:0;
	height: 81%;
	
	}

.smlogo .st {
	position:absolute;
	bottom: 5%;
}

.smlogo.uploaded {
	transition: opacity 1s ease-out 1s;
	position: absolute;
	opacity:1;
	top: 19%;
	
	
}

.smlogo.loaded {
	position: absolute;
	transition: opacity 0.5s ease-out 0s;
	opacity:0;
}


@media screen and (max-width: 1550px) {
    .smlogo {
       
	   opacity:1;
    }
}


.leed {
    white-space: normal;
    position: absolute;
    top: 19%;
    right: 5%;
    width: 40%;
	font-size: 40px;
}



@media screen and  (max-width: 1550px) {
    .leed {
       
	   font-size: 33px;
    }
}

@media screen and (max-width: 1550px) {
    .smlogo {
       
	   opacity:1;
    }
}


.leed.loaded{
    /*-webkit-transition: right 0.8s linear 0.5s;*/
    /*-moz-transition: right 0.8s linear 0.5s;*/
    /*-o-transition: right 0.8s linear 0.5s;*/
    /*transition: right 0.8s linear 0s;*/
    /*right: 10%;*/
}


.nav-b ul {
	 list-style-type: none;
}

.scroll{
	position: absolute;
    bottom: 25px;
    right: 10%;
	cursor: pointer;
	display: none;
}

span.glyphicon.glyphicon-chevron-right {
	font-size: xx-large;
	cursor:pointer;
}

#widget1 {
	height:100%;
}

.mCSB_container {
	height:100%;
}

.projects .leed {
	width:auto;
}



.type .leed {
	width:80%;

}

.type.t1 .leed {
    top: 5%;

}

.type.t2 .leed {
   bottom: auto;
   top:auto;

}

.type.t2 img{
	height:60%;
	margin-bottom:10%;
}

.type .st-title,.type .sub-title,.type .st-basic  {
	    text-shadow: none;
		color : #58595B;
		color : rgb(88, 89, 91);
}

.black .st-title,.black .sub-title,.black .st-basic  {
	   color:white;
}

.type.black {
	background: black;
}

.projects {
	cursor: pointer;
	}

.projects a{
	display:block;
	height:100%;
}

.arrow {
	text-align: center;
	width: 50px;
    height: 50px;
    background: white;
    border-radius: 25px;
    padding-top: 12px;
    opacity: 0.5;
    box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.2);
}

.arrow:hover {
	 opacity: 1;
}

.arrow img {
	height:auto;
}

.goback {
	display:none;
}

/* .slide:last-child .goback{
	display:block
} */

.total {
width: 100vw;
}


/** TODO: WTF? this is LESS code */
.map-canvas {
  text-align: center; 
    
  /*img {*/
    /*display: none;*/
  /*}*/
  
  /*.no-canvas & {*/
    /**/
    /*img {*/
      /*display: inline-block;*/
      /*max-width: 100%;*/
      /*height: auto;*/
    /*}*/
  /*}*/
}

#canvas-map {
  max-width: 100%;
  margin: 0 auto;
}


@media screen and (max-width: 760px) {
    .st-basic {
    font-size: 14px;
    line-height: 19px
    }
}

@media screen and (max-width: 760px) {
    .st-basic:lang(ru) {
	font-size: 14px;
    }
}


@media screen and (max-width: 760px) {
    .total .leed {
    width:65%;
    }
}

.tpage {
	    overflow: hidden;
}



/* @media screen and (min-width: 1200px) {
    .basic {
       width: 40vw;
    }
}


@media screen and (min-device-width: 1200px) {
    .basic {
       width: 40vw;
    }
} */





@media screen and (min-width: 568px) and (max-width: 767px){
  #canvas-map {
	      max-width: 60%;
  }
}

.contact .leed {
	bottom:5%;
	top: auto;
}

 @media screen and (max-width: 1023px) {
    .contact .leed {
    bottom:auto;
	top: 19%;
    }
}

/* Retina iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.total .leed {
    width:65%;
	 bottom:auto;
	top: 19%;
    }
}

.pr-list{
list-style-type: square;
font-family : 'Abhaya Libre';
	 font-size : 22px;
  line-height : 27px;
  color : #C69C6D;
  color : rgb(198, 156, 109);
  margin-top:40px;
}

 @media screen and (max-width: 1023px) {
    .pr-list {
   font-size : 19px;
    }
}

 @media screen and (max-width: 736px) {
    .leed {
   width : 60%;
    }
}

.pr-list a{
	color : #C69C6D;
  color : rgb(198, 156, 109);
 ;
	
}

.pr-list li {
	margin-bottom:5px;
}

.pr-list {
	padding-left:20px;
}

/* @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .slice {
       min-width:213px;
    }
	
	.leed {
		 font-size: 26px;
	}
}
 */
 
 @media screen and (max-width: 736px) {
    .contact .leed {
       font-size: 26px;
    }
	.contact .st-basic {
       margin-top: 10px;
    }
	
	.contact .st-title {
     
	       line-height: 10px;
		  margin-bottom: 0px;
    }
	
	.contact .en {
    margin-bottom: 30px;
	}
	
	.leed.contact img {
    height: 15px;
	}
}

 @media screen and (max-width: 667px){
	 .type.t2 img {
		 margin-bottom:5%;
	 }
 }
 

 

 
   @media only screen and (min-width: 1200px){
 .basic {
       width: 40vw;
    }
}
 
.t3 {
	 width:auto;
	  min-width: auto;
 }
 
.home {
	 top: 13%;
 }
 
 @media screen and (max-width: 667px) and (orientation: landscape) {
	.home {
      top: 5%;
    }
	
 }
 
 @media only screen and (min-device-width : 569px) and (max-device-width : 666px) and (orientation : landscape) {
	.home .st-basic {
    line-height:16px;
    }
}

 @media screen and (max-width: 667px) and (orientation: landscape) {
	.menu {
    
    margin-top: 30px;
}
	
 }
 
.map-canvas {
 opacity:0;
}

/** */
.preloader-container {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    z-index: 5;
    left: 0;
    top: 0;
    display: none;
}

.preloader {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    margin-left: -45px;
    left: 50%;

}

@keyframes clockwise {
    to {
        transform: rotate(360deg) translatez(0);
    }
}

.preloader__circle {
    height: 100%;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(20, 20, 20, 0.5) rgba(10, 10, 10, 0.7) rgba(1, 1, 1, 0.25);
    border-radius: 100%;
    animation: clockwise 1s linear infinite;
}

.preloader__logo {
    position: absolute;
    top: 20px;
    left: 18px;
}

.mCSB_scrollTools {
	opacity:1;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp{
	opacity:1;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{
	opacity:1;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
	left:100px;
	right:50px;
	bottom: 5px;
}

.more {
	position: absolute;
    bottom: 5%;
    right: 10%;
    font-size: 33px;
}

.more div {
    font-family: 'Abhaya Libre',"TimesNewRomanRegular",serif;
    font-size: 50%;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    position: relative;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    letter-spacing: normal;
}