* {margin: 0; padding: 0; outline: none;}
img {border: none;}
html { width:100%; height: 100%; }
body {font-family: 'PT Sans', sans-serif; font-size:18px;}
.cb {clear: both;}

p {margin: 3px 0 8px 0;}


#header-wrapper {height:550px; background:url(/bitrix/templates/.default/images/bg-main2.jpg) center bottom no-repeat; 
   width:100%;  min-width: 960px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#menu-wrapper {height:176px; width:100%;  min-width: 960px; background: rgba(92,160,235,0.86);}
#menu-inner {position: relative; width:960px; margin: 0 auto; height:100%;}
#menu-inner .logo {position: absolute; top: 10px; left: 30px;}

#menu-inner .lang {position: absolute; right: 0; top: 50px;}
#menu-inner .lang a {float: left; width: 50px; text-align: center; font-size: 16px; background: #FFFFFF; text-decoration: none;padding: 5px 8px;}
#menu-inner .lang a.active {color: #FFFFFF;background: #5978AF;}

#main-slider {display: none; position: relative; width:900px; padding: 0 30px; margin: 0 auto; height:100%; font-size:14px;}
#main-slider  ul {padding-top: 68px;}
#main-slider  ul li {display: inline-block; width: 33%; text-align: center; vertical-align: top;} 
#main-slider  ul li a {text-transform: uppercase; color:#FFFFFF; text-decoration: none;}
#main-slider  ul li img {border-radius: 5px; border: 1px solid #FFFFFF;}


#content-wrapper {position: relative; max-width:960px; margin: 0 auto; height:100%; font-size:14px;}
#content-wrapper h1 {font-weight: bold; font-size: 24px; text-transform:uppercase; margin: 30px 0;}
#content-wrapper .mainpage {width: 900px; margin: 0 auto; padding: 0 30px;}
#content-wrapper .mainpage .params {margin-bottom: 20px;}
#content-wrapper .mainpage .params ul {font-family: 'PT Sans', sans-serif; font-size:14px; padding-right: 30px;}
#content-wrapper .mainpage .params ul li {list-style: none; padding: 1px 0 30px 30px; background:url(/bitrix/templates/.default/images/marker.png) no-repeat;}
#content-wrapper .mainpage .banner-right { text-align: right;}

#mainpage-port {max-width: 1280px; min-width: 960px; /*height: 700px;*/ margin: 0 auto; /*background:url(/bitrix/templates/.default/images/bg-port.jpg) center center no-repeat;*/ position:relative;}
#mainpage-port .projects { /*position:absolute; bottom:0; margin-left: 12.5%;*/ width: 960px; font-size:14px; margin: 0 auto; /*padding-top:500px;*/}
#mainpage-port .projects h2 {font-weight: bold; font-size: 24px; text-transform:uppercase; margin: 30px 0; /*color: #FFFFFF;*/}
#mainpage-port .projects ul {color: #FFFFFF;}
#mainpage-port .projects ul li {display: inline-block; vertical-align: top; padding: 2px 0 40px 50px; background:url(/bitrix/templates/.default/images/marker-projects.png) no-repeat; width: 185px;}
#mainpage-port .projects ul li a {color: #439AFF; text-transform:uppercase;}

#map {width: 100%; height: 500px;}

#footer-wrapper {width: 900px; margin: 0 auto; padding: 0 30px 30px 30px; position:relative; font-size:12px; color: #CDCDCD;}



.up-button {
	position: fixed;
	z-index: 99;
	width: 51px;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(126, 124, 115, 0.7);
	display: none;
	cursor: pointer;
}
.up-button div {
	position: absolute;
	width: 51px;
	top: 40px;
	left: 0px;
	background: url('/bitrix/templates/common_files/img/arr_with_text_f.png') no-repeat 5px 0;
	cursor: pointer;
	color: #D5FCC0;
	height: 121px;
	padding: 40px 0 0 0;
}