html, body{
	color: #000;
	background-color:#FFF;
    height: 100%;
	padding:0px 5px 0px 5px;
	font-family: "Tahoma", Helvetica, Arial, sans-serif;
    line-height: 19px;
	font-size:12px;
	margin:0;

}
body{
	overflow-y: scroll!important;
}
.clear {
	zoom: 1;
	display: block;
	clear:both;
}
.hide{
    display: none!important;
}
.show{
    display: block!important;
}
.justify{
	text-align:justify;
}
.green{
	color:#75a413;
}
.blue{
	color:#205a67;
}
.blue-1{
	color:#205a67;
}
.black{
	color:#000!important;
}
.seperator{
	width:100%;
	height:1px;
	background-color:#c7c9c9;
	zoom: 1;
	display: block;
	clear:both;
	margin:37px 0 37px 0;
}
.hand{
cursor:pointer;
}
.nopadd-top{
	padding-top:0px!important;
}
.nopadd-bottom{
	padding-bottom:0px!important;
}
.nopadd-left{
	padding-left:0px!important;
}
.nopadd-right{
	padding-right:0px!important;
}

 ul.arrow_green{
 margin-top:17px;
 padding-left:10px;
}
ul.arrow_green li{
 list-style-image: url('/img/arrow-green.png');
 padding-left:0px;
 margin-left:17px;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.bigger{
	font-size:14px;
}
.smaller-0{
	font-size:12px;
	line-height:12px;
}
.smaller{
	font-size:11px;
	line-height:12px;
}

.go-to-top1{
	display:block;
	float:right;
	width:45px;
	height:37px;
	background: url("/img/icon-to-top.png") no-repeat 0px 0px;
	cursor:pointer;
}
.go-to-top{
	background: url("/img/icon-to-top.png") no-repeat top left;
	width:45px;
	height:37px;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 999;
}
.content-text .image{
	 text-align:center;
	 padding:20px 0 20px 0;
}
 .content-text .image label{
	 display:block;
	 font-size:12px;
	 line-height:13px;
}
.article-small-image-left{
padding: 0px 20px 10px 0px;
float:left;
}
.article-small-image-right{
padding: 0px 0px 10px 20px;
float:left;
}

.button.small{
	font-size:12px;
	color:#FFF;
	 width:80px;
	 cursor:pointer;
	 background:#2A8CA6;
	 text-align:center;
	 height:25px;
	 text-transform: uppercase;
}
.button.small a{
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	text-decoration:none;
	padding-top:2px;
}
/*----------------forms-----------------------*/
form .forms{
	margin:5px 5px 5px 0;
	/*background-color:#F5F8EE;*/
	width:600px;
	padding-left:0;
	
}
form .forms li{
	padding:15px 0 0 0px;
	display:block;	
}

form .forms label{
	width:100px!important;
	color:#777;
	display:inline-block;
	vertical-align:top;
}

form .forms textarea, form .forms input{
	width:400px;
	height: 20px;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	padding: 7px 0px 8px 10px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
	border: 1px solid #CFCFCF;
}
form .forms textarea{
	height:150px;
}
form .forms li.buttons{
	text-align:right;
	width:500px;
	padding-right:0;
}
form .forms input.button_submit{
	font-size:12px;
	color:#FFF;
	width:80px!important;
	cursor:pointer;
	background:#2A8CA6;
	text-align:center;
	height:25px;
	text-transform: uppercase;
	padding:4px 5px 5px 5px;
	
}
/*------------Address-------------------*/
ul.address li label{
/*font-weight:bolder;*/
width:100px;
display:inline-block;
}
/* ---------------general body----------------------------- */

body a:link{
	color:#75a413;
}
body a:active, body a:visited, body a:hover{
	color:#99c53e;
}

body .body-wrap{
	min-height:100%!important;
	max-width:1300px;
	background:#fff;
	margin:0 auto;
	background-color:#FFF;
	position:relative;
	border-style: solid;
	border-color: #a8bcc1;
    border-width: 0px 1px 0px 1px;
	margin-top: -20px;
}

body .body-wrap .wrapper{	
	/*min-height:100%!important;*/
}

@font-face {
	font-family: 'Conv_DejaVuSansCondensed';
	src: url('fonts/DejaVuSansCondensed.eot');
	src: local('O'), url('fonts/DejaVuSansCondensed.woff') format('woff'), url('fonts/DejaVuSansCondensed.ttf') format('truetype'), url('fonts/DejaVuSansCondensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
#body-shade{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background:#284D56;
	opacity: 0.7; 
	z-index:1;
}

/* ----------------header top--------------------------- */

header .slogan {
    font-family:'Conv_DejaVuSansCondensed',Sans-Serif;
	font-size:24px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	white-space:nowrap;
 }
 
header{
	background-color:#ffffff;
	height:180px;
}

header .top{
	height:147px;
	background: url("/img/bg-1.jpg") no-repeat top right;
}
header .top .logo{
	position:absolute;
	/*width:303px;
	height:71px;*/
	top:28px;
	left:50px;
}
header .top .logo a{
	display:block;
	width:303px;
	height:71px;
	background: url("/img/logo-1.png") no-repeat 0px 0px;
}

header .top .slogan{
	position:absolute;
	top:102px;
	left:120px;
	color:#167388;
}
header .top .slogan a{
	color:#167388!important;
	text-decoration:none!important;
}


header .header_nav{
	height:33px;
	background-color:#205A67;
}

/* -----------------header NAV------------------------ */

header .header_nav ul{
	margin:0;
	padding:0;
	width:100%;
	font-size:14px;	
}
header .header_nav ul li{
	display:inline-block;
	width:18%;
	margin:0;
	padding:0;
	height:33px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
	border-right: 1px solid #a8bcc1;
}
header .header_nav ul li:last-child{
   border: none!important;	
}

header .header_nav ul li a{
	display:block;	
	width:100%;
	color: #ffffff;
	text-decoration:none;
	text-align:center;
	height:100%;
	white-space:nowrap;
	border-style: solid;
	border-color: #a8bcc1;
    border-width: 1px 0px 1px 0px;
}

/* menu additional color*/

header .header_nav ul  li.item-3 a span{
	display:block;
	height:100%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
	border-left: none;
	border-right: none;
	border-bottom: 4px solid #75a413;
	border-top: none;
}

/*header .header_nav ul  li.item-3 a span{
	display:block;
	height:100%;
	background: #0fa6c8; 
	background: -moz-linear-gradient(top, #0fa6c8 0%, #14687b 100%); 
	background: -webkit-linear-gradient(top, #0fa6c8 0%,#14687b 100%); 
	background: linear-gradient(to bottom, #0fa6c8 0%,#14687b 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fa6c8', endColorstr='#14687b',GradientType=0 );
}*/
header .header_nav ul  li.item-3 a span:hover{
	background: none!important;
}

header .header_nav ul li ul li a span{
	border: none!important;
	background: none!important;
	}

/* // additional color*/

header .header_nav ul li a span{
	display:block;	
	padding:5px 5px 0 5px;
}

header .header_nav ul li.item-1, header .header_nav ul li.item-5{
	width:20%; /*23%*/
}
header .header_nav ul li.item-2{
	width:24%; /*18%*/
}
header .header_nav ul li.item-1 a{
	text-align:right;
	background-color: #284D56;
}
header .header_nav ul li.item-1 a span{
	padding-right:30px;	
}
header .header_nav ul li.item-2 a{
	background-color: #205a67;
}
header .header_nav ul li.item-5 a span{
	padding-left:30px;	
}
header .header_nav ul li.item-3 a{
	background-color: #14687b;
}
header .header_nav ul li.item-4 a{
	background-color: #167388;
}
header .header_nav ul li.item-5 a{
	text-align:left;
	background-color: #2A8CA6;
}

header .header_nav ul li a:hover, header .header_nav ul li a.active{
	background-color: #75a413!important;
	color:#FFF;
}

/* submebu */


header .header_nav ul li ul{
	position: absolute;
	margin:0 auto;
	z-index: 1;
	top: 182px;
	left: 50%;
	margin-left: -300px;
	display: none;
	width:590px;
}
header .header_nav ul li ul li{
	width:50%;
	background-color: #FFF!important;
}

header .header_nav ul li ul li a{
	background-color: #FFF!important;
	color:#000;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
	border-left: 1px solid #a8bcc1;
	border-right: 1px solid #a8bcc1;
	border-bottom: 1px solid #077c6d;
	border-top: none;
}
header .header_nav ul li ul li:last-child a{
	border-left: none!important;
}
header .header_nav ul li ul li a:hover,header .header_nav ul li ul li a:active {
	color:#FFF;
}

#top-submenu{ 
	display: none;
}
.item-3:hover #top-submenu, #top-submenu:hover #top-submenu{
	display: block;
}

/* --------------header------------------------- */

header .lang {
	position:absolute;
	top:12px;
	right:10px;
	color:#167388;
	width:107px;
	height:27px;
}

header .lang .rus, header .lang .eng{
	width:51px;
	height:100%;
	display: inline-block;
	text-transform: uppercase;
	background-color:#205a67;	
	opacity: 0.7; /* Полупрозрачность элемента */
}

header .lang .rus:hover, header .lang .eng:hover{
	opacity: 0.9; /* Полупрозрачность элемента */
}

header .lang .rus {
	float:right;
}

header .lang .rus a, header .lang .eng a{
	text-decoration:none;
	color:#FFF;
	display:table;
	height:27px;
	text-align:center;
	width:100%;
	padding-top:2px;	
	font-weight:bold;
}
header .lang .rus.active a, header .lang .eng.active a{
	text-decoration:underline;
}
header .lang .rus.active, header .lang .eng.active{
	opacity: 0.9; /* Полупрозрачность элемента */
}

/* ----------------footer------------------- */

footer{
	position:absolute;
	margin:0 auto;
	background-color:#1b4852;
	height:155px;
	width:100%;
	bottom:0;
	color:#ffffff;
	max-width:1300px;
}
footer .wrapper{
	width:100%;
	margin-top:50px;
	text-align:middle;
}

footer .footer_nav{
	margin:0 auto;
	display:table;
}
footer .footer_nav ul{
	margin:0;
	padding:0 15px 0 15px;	
}
footer .footer_nav ul li{
	display:inline-block;
	padding-right:40px;
}
footer .footer_nav a{
	color: #ffffff;
	text-decoration:none;
	font-size:14px;
}
footer .footer_nav a:hover, footer .footer_nav a.active{
	color: #ddedf1;
	text-decoration:underline;
}
/* ------------------h1 h2 h3 h4 h5 + font------------------------- */
.content-text h1{
	font-size:24px;
	font-family:'Conv_DejaVuSansCondensed',Sans-Serif;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	line-height:18px;
	padding:20px 0px 20px 0;


}
.content-text h2{
	font-size:20px;
	font-family:'Conv_DejaVuSansCondensed',Sans-Serif;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	line-height:18px;
	padding:20px 0px 20px 0;

}
.content-text h2.smaller{
	font-size:18px;
	text-align:left!important;	
}	
.content-text h3{
	font-size:18px;
	font-family:'Conv_DejaVuSansCondensed',Sans-Serif;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	line-height:22px;
	padding:20px 0px 5px 0;

}
.page-main h1, h2{
	white-space:nowrap;
	}
.note{
	margin-top:20px;
	margin-right:35px;
	color:#696969;
	font-style: italic;
	text-align:right;
}


/* -----------------contents------------------- */
.content{
	margin-top:35px;	
}
.content.page-menu-left{
}
.content.page-main{
	margin-top:60px;
	padding:0px 20px 250px 50px;	
}
.content.page-no-menu-left{
	padding:0px 100px 250px 100px;
}

.content .content-text{
font-size:14px;
line-height:22px;
}
/* ----------------menu-left--------------------- */

.content.page-menu-left, .page-top-sub-menu{
	margin-top:60px;
	padding: 0 50px 250px 13px;
}
.content .menu-left{
	width:160px;
	display:table-cell;
	background:#FFF;
}

.content .menu-left ul li{
	padding-top:6px;
}
.content .menu-left ul li a{
	display:block;
	height:24px;
	color:#000;
	border-style: solid;
	border-color: #c7c9c9;
	/*-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
    border-width: 0px 0px 1px 0px;
	padding: 0 0 0 13px;
	text-decoration:none;
	font-weight:normal;
}

.content .menu-left ul li a.active,.content .menu-left ul li a.active:hover  {
	height:23px;
	color:#167388;
	border-style: solid;
	border-color: #167388;
    border-width: 0px 0px 2px 0px;
	font-weight:bold;
}
.content .menu-left ul li a:hover {
	color:#167388;
	border-style: solid;
	border-color: #167388;
    border-width: 0px 0px 1px 0px;
}



.page-menu-left .content-text{
	padding-left:70px;
	display:table-cell;
	clear:both;
}


/* -------------------main page------------------ */

.content.page-main .content-text{
	margin:0 auto;
	max-width:1000px;
	font-size:12px;
}
#main-items div.item{
	display:inline-block;
	width:165px;
	padding-left:30px;
	vertical-align:top;	
}
#main-items div.item a.text, #planning-bottom  a.text{
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
#main-items div.item a.text:hover, #planning-bottom  a.text:hover{
	text-decoration:none;
	color:#75A413;
}
#main-items div.item.first{
	padding-left:0px;
}
#planning-bottom div.pic, #planning-bottom div.text{
	display:inline-block;
	vertical-align:top;
}
#planning-bottom div.pic{
	width:300px;
}
#planning-bottom div.text{
	max-width:620px;
	margin-left:35px;
}

#planning-bottom{
	zoom: 1;
	display: block;
	clear:both;
}
/* -------------------managements----------------- */
.flex-left{
	
	display: flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
}
.flex-left .inner-image{
	padding:20px 30px 0 0;
}
/* -------------------Project Design----------------- */

#pageProjectDesign .section-click.active{
	font-weight:bold;
	color:#205a67!important;
	text-decoration:underline!important;
}

#pageProjectDesign .project-container{
	position:relative;
	display: flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:flex-end;
	}
#pageProjectDesign .project-container .section-click{
	position:relative;
	cursor:pointer;
	width:25%;
}

#pageProjectDesign .project-container label{
	color:#205A67;
	font-family:'Conv_DejaVuSansCondensed',Sans-Serif;
	display:block;
	cursor:pointer;
	padding-bottom:10px;
}

#pageProjectDesign .project-container img{
	width:140px;
	/*-webkit-filter: grayscale(60%);
    filter: grayscale(60%);*/
}

#pageProjectDesign .section-click.active img, #pageProjectDesign .section-click img:hover{

}

#pageProjectDesign .project-container .shade{
	cursor:pointer;	
	display:block;
	position:absolute;
	bottom:5px;
	left:0;
	z-index:100;
	height:140px;
	width:140px;
	/*background-color:#205A67;
	opacity: 0.7;	*/
	background: rgb(15,75,79); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(15,75,79,1) 0%, rgba(17,28,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(15,75,79,1) 0%,rgba(17,28,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(15,75,79,1) 0%,rgba(17,28,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4b4f', endColorstr='#111c21',GradientType=0 ); /* IE6-9 */
	opacity: 0.3;
	}
#pageProjectDesign .section-click.active .shade, #pageProjectDesign .section-click .shade:hover{
	opacity: 0;
}
	
#pageProjectDesign .flex.in-one-row, .content-text .flex.in-one-row{
	display: flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
}
#pageProjectDesign .flex.in-one-row div{
}

#pageProjectDesign .flex.in-one-row div img, .content-text .flex.in-one-row div img{
	display:block;
	width:95%;
}
#pageProjectDesign .flex.in-one-row div label, .content-text .flex.in-one-row div label{
	display:block;
	text-align:center;
	font-size:11px;
}
	
/* -------------------Building Renovation & Restoration----------------- */

#pageBuildingRenovation  section .section-show{
	border-bottom: 1px solid #c7c9c9;
	padding-bottom:20px;
}
#pageBuildingRenovation  section .section-show h2{
	color:#205a67;
}
#pageBuildingRenovation section h2.section-click{
	cursor:pointer;
	padding-bottom:0px;
}
#pageBuildingRenovation section h2.section-click a:hover{
	color:#2A8CA6;
}
#pageBuildingRenovation section h2{	 
}
#pageBuildingRenovation section article{
	 padding-top:20px;
}
#pageBuildingRenovation section article .section-close{
	margin-top:20px;
	 width:60px;
	 cursor:pointer;
	 background:#2A8CA6;
	 color:#fff;
	 float:right;
	 text-align:center;
	 height:20px;
	 line-height:18px;
	 margin-bottom:-15px;
}
#pageBuildingRenovation section article div.image{
	 text-align:center;
	 padding:20px 0 20px 0;
}


/* -------------------other screens------------------ */


/* -------------------480----------------- */

@media screen and (max-width: 480px) {
html, body{
	padding:0;
	}
.hide-480{
    visibility:hidden;
}
.show-480{
    visibility:visible;
}
.content.page-main{
padding:5px 0px 250px 5px!important;	
text-align:center!important;
}	
#main-items div.item.first{
	padding-left:0px!important;
}


#main-items div.item h2{
	width:200px;
	font-size:16px!important;
	margin:0 auto!important;
}
	
#main-items div.item{
	display:block!important;
	width:200px!important;
	padding:0!important;
	text-align:center!important;	 
	margin:0 auto!important;

}	

#main-items div.item img{
	display:block!important;
	width:200px!important;
	margin:0 auto!important;
	/*-webkit-filter: grayscale(90%);
    filter: grayscale(90%);*/
	 
}	
#main-items div.item img:hover{


}	
#main-items div.item .text{
	display:block!important;
	width:200px!important;
	padding-left:0px!important;
	padding-top:10px;
	margin:0 auto!important;
}
.content-text h2{
font-size:16px!important;
}

#planning-bottom div.pic{
	display:block;
	width:200px!important;
	margin:0 auto;
}
#planning-bottom div.pic img{
	width:100%;
}
#planning-bottom div.text{
	display:block;
	max-width:300px!important;
	margin-left:0px!important;
	margin:0 auto!important;
	text-align:left;
	padding-top:20px;
}

/* nav*/
#top-menu-nav{
	display:none;	
}	
header .header_nav{
	height:33px;
	border-style: solid;
	border-color: #a8bcc1;
    border-width: 1px 0px 1px 0px;
}
header .lang {
	position:absolute;
	top:124px;
	right:10px;
}
header .lang .rus, header .lang .eng{
	background-color:#14687B;	
	opacity: 0.7!important; 
}
header .lang .rus.active, header .lang .eng.active{
	background-color:#14687B;	
	opacity: 1!important; 
}	

/*header*/
 
header{
	background-color:#ffffff;
	height:150px;
}

header .top{
	height:120px;
	background: url("/img/0.gif") no-repeat top right;
	background-color: #FFF;
	
}
header .top .logo{
	position:absolute;
	top:20px;
	left:40px;
}
header .top .logo a{
	display:block;
	width:250px;
	height:59px;
	background: url("/img/logo-2.png") no-repeat 0px 0px;
}
header .top .slogan{
	display:none;
}

header .top .slogan-bg{
		display:none;
	}
/* --------footer------ */

footer .wrapper{
	margin-top:30px!important;
}

footer .footer_nav ul{
	padding:0 15px 0 15px;	
}
footer .footer_nav ul li{
	padding-right:30px;
}
footer .footer_nav a{
	font-size:12px;
	line-height:30px!important;
}	
/* -------------------Building Renovation & Restoration----------------- */

h2.section-click{
	font-size:14px!important;
	white-space:normal!important;
}
/* -------------------managements----------------- */
.flex-left{	
	display: flex;
	flex-direction:column-reverse;
	justify-content:flex-end;
	align-items:flex-start;
}
.flex-left .inner-image{
	padding:20px 0px 0 0;
}
#pageProjectDesign .project-container{
	position:relative;
	display: block;
	height:100px;
	}
#pageProjectDesign .project-container .section-click{
	position:relative;
	display: block;
	width:100%;
}
#pageProjectDesign .project-container .section-click label{
	color:#205a67!important;
	position:relative!important;
	font-size:15px!important;
	text-decoration:underline!important;
	padding-bottom:10!important;

}

#pageProjectDesign .project-container img{
	display: none;
}
#pageProjectDesign .project-container .shade{
	display:none!important;
	}
#pageProjectDesign .flex.in-one-row{
	display: flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
}	

}	


/* -------------------680----------------- */

@media screen and (max-width: 680px) {

html, body{
	color:000!important;	
	padding:0 1px 0 1px;
	font-size:12px!important;
	}
.hide-680{
    visibility:hidden;
}
.show-680{
    visibility:visible!important;
}
.content.page-main .content-text{
	max-width:670px;

	}
.content-text h1{
	font-size:20px;
	padding-bottom:20px;
}
.content .content-text{
	font-size:12px!important;
}

.content.page-main{
	padding:0px 5px 250px 5px!important;	
}

.content, .content.page-menu-left, .page-top-sub-menu{
	margin-top:10px!important;	
}
.content.page-no-menu-left{
	padding:0px 20px 250px 20px;
}

/*main-page*/

#main-items div.item.first{
	padding-left:10px!important;
}


#main-items div.item h2{
	font-size:18px!important;
	text-align:left;
}
	
#main-items div.item{
	display:block!important;
	padding:0 10px 0 10px!important;
	width:100%!important;
	text-align:left;
}	

#main-items div.item img{
	 width:200px!important;
	 display:inline-block;
}	

#main-items div.item .text{
	width:200px!important;
	padding-left:10px;
	display:inline-block!important;
	vertical-align:top!important;
}

#planning-bottom div.pic{
	width:40%;
}
#planning-bottom div.pic img{
	width:100%;
}
#planning-bottom div.text{
	max-width:55%;
	margin-left:20px;
}

/* !!!!!!!!!!!!!!!! nav !!!!!!!!!!!!!!!*/
#body-shade{

	position:absolute;
	width:100%;
	height:100%;
	background:#205A67;
	opacity: 0.8; 
	z-index:1;
}
#top-menu-nav{
	position:absolute;
	top:80px;
	left:0px;	
	width:100%;
	z-index:100;
}	
#top-menu-nav li{
	display:block!important;
	width:100%;
	height:43px!important;
	border-right: none!important;
	font-size:14px;
}	
#top-menu-nav li a{
	text-align:center!important;
}
#top-menu-nav li a span{
	padding-top:9px!important;
	padding-right:0!important;	
	padding-left:0!important;	
}

/* submebu */

#top-submenu{ 
	display: block!important;
	position:relative!important;
	width:100%!important;
	top: 0!important;
	left:0px!important;
	margin: 0px!important;
}
#top-submenu li{ 
	display: block!important;
	position:relative!important;
	width:100%!important;

}
#top-menu-nav li ul li a{
	border-left: none;
	border-right: none;
}
#top-menu-nav li.item-4{
	margin-top:86px;
}

/* header nav*/
header .header_nav{
	height:50px!important;
	border-style: solid;
	border-color: #a8bcc1;
    border-width: 1px 0px 1px 0px;
}
header .lang {
	position:absolute;
	top:88px!important;
	right:10px;	
	width:120px;
	height:36px;
	
}
header .lang .rus, header .lang .eng{
	background-color:#14687B;	
	opacity: 0.7!important; 
	width:57px;
	height:100%;
	font-size:16px;
	
}
header .lang .rus a, header .lang .eng a{
	padding-top:9px!important;
	font-size:16px;
	font-weight:normal;
	
}
header .lang .rus.active, header .lang .eng.active{
	background-color:#14687B;	
	opacity: 1!important; 
}	

/*----------------menu small and close-----------------------*/

header .menu-small{
	position:absolute;
	top:85px!important;
	left:20px;
	height:40px!important;
	width:90px;
	color:#FFF;
	cursor:pointer;
}
header .menu-small .menu-icon{
	display:inline-block;
	height:40px!important;
	width:40px!important;
	background: url("/img/menu-icon.png") no-repeat top left!important;
}
header .menu-small .menu-text{
	display:inline-block;
	font-size:14px;
	text-transform: uppercase;
	float:right;
	height:40px;
	padding-top:10px!important;
	clear:both;	
}
header .menu-small-close {
	position:absolute;
	top:35px;
	right:10px;
	height:40px;
	font-size:14px;
	text-transform: uppercase;
	color:#FFF;
	z-index:100;
	cursor:pointer;
}

/* ----------------!!!------------*/


/*header*/
 
header{
	background-color:#ffffff;
	height:120px;
}

header .top{
	height:80px!important;
	background: url("/img/0.gif") no-repeat top left!important;
	background-color:#204c56!important;

}
header .top .logo{
	position:absolute;
	top:15px!important;
	left:20px!important;
}
header .top .logo a{
	display:block;
	width:200px!important;
	height:47px!important;
	background: url("/img/logo-3.png") no-repeat 0px 0px!important;
}

header .top .slogan{
	font-size:14px!important;
	top:53px!important;
	left:70px!important;
	display:none!important;
}

header .top .slogan-bg{
		display:none!important;
	}
	
/* ----------------menu-left----page-no-menu-left ------------- */

.content.page-no-menu-left{
	padding: 0 10px 250px 13px;	
}

.content.page-menu-left{
	padding: 0 10px 250px 13px;	
}

.menu-left-show{
	display:block;
	position:absolute;
	top:175px;
	left:0;
	width:35px;
	height:35px;
	background:#75A413;
	color:#FFF;
	cursor:pointer;
}
.menu-left-show span{
	display:block;
	padding:5px 0 0 2px;
}
.icon-close-1{
	position:absolute;
	top:133px;
	left:220px;
	width:27px;
	height:27px;
	background: url("/img/icon-close-1.png") no-repeat 0px 0px;
	cursor:pointer;
	z-index:150;
}
.content .menu-left{
	width:250px;
	position:absolute;
	top:130px;
	left:0;
	display:none;
	background:#FFF;
	z-index:90;
	-webkit-box-shadow: 10px 10px 11px -7px rgba(0,0,0,0.43);
	-moz-box-shadow: 10px 10px 11px -7px rgba(0,0,0,0.43);
	box-shadow: 10px 10px 11px -7px rgba(0,0,0,0.43);
}
/* -------------------Building Renovation & Restoration----------------- */

h2.section-click, h2, h3{
	font-size:16px!important;
	white-space:normal!important;
}

.article-small-image-left{
float:normal!important;
display:block!important;
width:50%;
}

/*----------------forms-----------------------*/
form .forms{
	width:100%;	
}
form .forms li{
	padding:15px 0 0 0px;
	display:block;	
}

form .forms label{
	width:100px!important;
	display:block!important;
}

form .forms textarea, form .forms input{
	width:100%;
	height: 30px;
}
form .forms textarea{
	height:150px;
}
form .forms li.buttons{
	width:100%;
}
/*------------Address-------------------*/
ul.address li label{
/*font-weight:bolder;*/
width:100px;
display:inline-block;
}
ul.address li{
	font-size:12px!important;

}
}


/* -------------------760----------------- */

@media screen and (max-width: 760px) {
html, body{
	padding:0 1px 0 1px;
	}
.hide-760{
    visibility:hidden;
}
.show-760{
    visibility:visible;
}
.content.page-main .content-text{
	max-width:750px;
}

.content.page-main{
	padding:0px 20px 250px 20px;	
}
.content.page-no-menu-left{
	padding:0px 30px 250px 30px;
}
.content.page-menu-left, .page-top-sub-menu{
	margin-top:35px;
}
.page-menu-left .content-text{
	padding-left:30px;
}
/*main-page*/

#main-items {
	text-align:center;
}
#main-items div.item .text{
	display:block;
	text-align:left!important;	
}
#main-items div.item h2{
	font-size:16px;
	text-align:left!important;	
}
#main-items div.item h2.smaller{
	font-size:14px;
	text-align:left!important;	
}	
#main-items div.item{
	width:18%;
	padding-left:8px;
}	

#main-items div.item img{
	width:100%;
}	

#planning-bottom div.pic{
	width:40%;
}
#planning-bottom div.pic img{
	width:100%;
}
#planning-bottom div.text{
	max-width:55%;
	margin-left:20px;
}

/* !!!!!!!!!!!!!!!! nav !!!!!!!!!!!!!!!*/
#top-menu-nav{
	display:none;	
}	
#body-shade{
	position:absolute;
	width:100%;
	height:100%;
	background:#205A67;
	opacity: 0.8; 
	z-index:1;
}
#top-menu-nav{
	position:absolute;
	top:80px;
	left:0px;	
	width:100%;
	z-index:100;
}	
#top-menu-nav li{
	display:block!important;
	width:100%;
	height:43px!important;
	border-right: none!important;
	font-size:14px;
}	
#top-menu-nav li a{
	/*text-align:center!important;*/
	text-align:left!important;
	background-color: #167388!important; 	/*no different colors*/
	
}
#top-menu-nav li.item-5 a.active{

}
#top-menu-nav li a span{
	padding-top:10px!important;
	padding-right:0!important;	
	padding-left:20px!important;	
}
/*active items*/
/*#top-menu-nav li.item-1 a.active{
	background-color: #284D56!important;
}

#top-menu-nav li.item-2 a.active{
	background-color: #205a67!important;
}

#top-menu-nav li.item-3 a.active{
	background-color: #14687b!important;
}
#top-menu-nav li.item-4 a.active{
	background-color: #167388!important;
}
#top-menu-nav li.item-5 a.active{
	background-color: #2A8CA6!important;
	
}*/
#top-menu-nav li a.active{
	background-color:#75A413!important;
	color:#FFF;
}

#top-menu-nav li a:hover{
	background-color:#205A67!important;
}

/* submebu */

#top-submenu{ 
	display: block!important;
	position:relative!important;
	width:100%!important;
	top: 0!important;
	left:0px!important;
	margin: 0px!important;
}
#top-submenu li{ 
	display: block!important;
	position:relative!important;
	width:100%!important;
}
#top-menu-nav li ul li a{
	background-color:#FFF!important;
	border-left: none;
	border-right: none;
	padding-left:20px;
}
#top-menu-nav li.item-4{
	margin-top:86px;
}
#top-menu-nav li.item-3 ul li a.active{
	background-color: #FFF!important;
	color:#75A413!important;

}


/*-----------------------------------------*/

header .header_nav{
	height:33px;
	border-style: solid;
	border-color: #a8bcc1;
    border-width: 1px 0px 1px 0px;
}
header .lang {
	position:absolute;
	top:124px;
	right:10px;
}
header .lang .rus, header .lang .eng{
	background-color:#14687B;	
	opacity: 0.7!important; 
}
header .lang .rus.active, header .lang .eng.active{
	background-color:#14687B;	
	opacity: 1!important; 
}	


/*----------------menu small and close----------------*/

header .menu-small{
	display:block;
	position:absolute;
	top:122px;
	left:20px;
	height:33px;
	width:90px;
	color:#FFF;
	cursor:pointer;
}
header .menu-small .menu-icon{
	display:inline-block;
	height:33px;
	width:40px;
	background: url("/img/menu-icon-760.png") no-repeat top left;
}
header .menu-small .menu-text{
	display:inline-block;
	font-size:14px;
	text-transform: uppercase;
	float:right;
	height:33px;
	padding-top:5px;
	clear:both;
}
header .menu-small-close {
	position:absolute;
	top:35px;
	right:10px;
	height:40px;
	font-size:14px;
	text-transform: uppercase;
	color:#FFF;
	z-index:100;
	cursor:pointer;
}

/* ----------------!!!------------*/


/*header*/
 
header{
	background-color:#ffffff;
	height:150px;
}

header .top{
	height:120px;
	background: url("/img/bg-2.jpg") no-repeat top right;
}
header .top .logo{
	position:absolute;
	top:20px;
	left:40px;
}
header .top .logo a{
	display:block;
	width:250px;
	height:59px;
	background: url("/img/logo-2.png") no-repeat 0px 0px;
}

header .top .slogan{
	display:block;
	font-size:20px;
	top:80px;
	left:100px;
	padding:3px;
}

header .top .slogan-bg{
		display:block;
		position:absolute;
		background:#FFF;
		opacity: 0.5;
		top:77px;
		left:85px;
		width:80%;
		height:32px;
	}
	
/* --------footer------ */

footer .wrapper{
	margin-top:40px;
}

footer .footer_nav ul{
	padding:0 15px 0 15px;	
}
footer .footer_nav ul li{
	padding-right:20px;
}
footer .footer_nav a{
	line-height:30px;
}

/* -------------------Building Renovation & Restoration----------------- */

#pageBuildingRenovation section article div.image, .content-text .image{
	 text-align:center;

}
#pageBuildingRenovation section article div.image img, .content-text .image img{
	 width:95%;
	 max-width:600px;
}

h2.section-click{
font-size:18px;
}

}
/* ---------------900---------------*/
@media screen and (max-width: 950px) {

/* -------------------Building Renovation & Restoration----------------- */

#pageBuildingRenovation section article div.image, .content-text .image{
	 text-align:center;

}
#pageBuildingRenovation section article div.image img, .content-text .image img{
	 width:95%;
	 max-width:600px;
}


}


/* ---------------1090---------------*/

@media screen and (max-width: 1090px) {
html, body{
	padding:0 1px 0 1px;
	}

	
.content.page-main .content-text{
	max-width:1000px;
}

.content.page-main{
	padding:0px 10px 250px 10px;	
}

/*main-page*/

#main-items {
	text-align:center;
}
#main-items div.item .text{
	display:block;
	text-align:left!important;	
}
#main-items div.item h2{
	font-size:18px;
	text-align:left!important;	
}
	
#main-items div.item{
	width:18%;
	padding-left:10px;
}	

#main-items div.item img{
	width:100%;
}	

#planning-bottom div.pic{
	width:40%;
}
#planning-bottom div.pic img{
	width:100%;
}
#planning-bottom div.text{
	max-width:55%;
	margin-left:20px;
}


/* nav*/
header .header_nav ul{
	font-size:12px;	
}
header .header_nav ul li{
	width:20%;
}
header .header_nav ul li.item-2{
	width:24%;
}
header .header_nav ul li.item-4{
	width:22%;
}
header .header_nav ul li.item-1, header .header_nav ul li.item-5{
	width:17%;
}
header .header_nav ul li.item-1 a span{
	padding-right:20px;	
}
header .header_nav ul li.item-5 a span{
	padding-left:20px;	
}

/* ----------------menu-left- ---page-no-menu-left ------------- */
.content.page-no-menu-left{}

.page-menu-left .content-text {
    padding-left: 50px;
}


/* --------footer------ */

footer .footer_nav ul li{
	padding-right:20px;
}

/* -------------------Project Design----------------- */
#pageProjectDesign .project-container label{
font-size:12px;
}

#pageProjectDesign .project-container img{
	width:98%!important;
}
#pageProjectDesign .project-container .shade{
	width:98%!important;
	}

#pageProjectDesign .project-container .shade{
	display:block;
	position:absolute;
	bottom:4px;
	left:0;
	z-index:100;
	height:calc(100%-4px);
	width:98%;
	/*background-color:#205A67;
	opacity: 0.7;	*/
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 23%, rgba(0,0,0,0.13) 34%, rgba(0,0,0,0.93) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 23%,rgba(0,0,0,0.13) 34%,rgba(0,0,0,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 23%,rgba(0,0,0,0.13) 34%,rgba(0,0,0,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
	opacity:1;	
	
	}

#pageProjectDesign .section-click.active .shade, #pageProjectDesign .section-click .shade:hover{
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 23%, rgba(0,0,0,0.13) 34%, rgba(0,0,0,0.93) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 23%,rgba(0,0,0,0.13) 34%,rgba(0,0,0,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 23%,rgba(0,0,0,0.13) 34%,rgba(0,0,0,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
	opacity: 0.5;
}	
	

#pageProjectDesign .project-container label{
	position:absolute;
	color:#FFF!important;
	bottom:5%;
	left:5px;
	padding-right:5px;
	z-index:200;
	font-size:12px!important;
	line-height:16px!important;
	
}

#pageProjectDesign .project-container img{
}	

	
}