html {
	height: 100%;
}
body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
	height: 100%;
	background: #eee;
}
.wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: auto;
	padding: 0 0 220px;
	position: relative;
	z-index: 1;
	background: #eee;
}
.modal-backdrop.in {
  filter: alpha(opacity=90) !important;
  opacity: .9 !important;
}
.modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1040 !important;
  background-color: #000 !important;
}
body ::-webkit-input-placeholder{color:#aaa;font-family:GothamPro}
body :-moz-placeholder,body ::-moz-placeholder{color:#aaa;font-family:GothamPro}
body :-ms-input-placeholder{color:#aaa;font-family:GothamPro}
body input[type=submit]{border-radius:0!important;-webkit-border-radius:0!important}
.modal {
  z-index: 500000;
}
.modal .modal-dialog{border:none;width:536px;}
.modal .modal-dialog .modal-content{box-shadow:none;border-radius:0;background-color:transparent}
.modal .modal-dialog .modal-content .modal-body{padding:0;width:536px;height:700px;text-align:center}
.modal .modal-dialog .modal-content .modal-body form{padding-bottom:70px}
.modal .modal-dialog .modal-content .modal-body form .close{border:none;background:transparent url(../img/close.png) no-repeat top;position:absolute;width:48px;height:48px;right:-80px;top:0;cursor:pointer;padding:0}
.modal .modal-dialog .modal-content .modal-body form .h2{height:auto}
.modal .modal-dialog .modal-content .modal-body form .h2 h2{font-family:GaramondPremrPro-BdSubh;font-size:36px;color:#fff;padding:20px 0 20px}
.modal .modal-dialog .modal-content .modal-body form .h2 h3{font-family:GothamPro;font-size:18px;color:#fff;line-height:26px;padding-bottom:20px}
.modal .modal-dialog .modal-content .modal-body form .name_input{font-family:GothamPro;color:#fff;font-size:16px;margin:0;padding-bottom:16px;text-align:center}
.modal .modal-dialog .modal-content .modal-body form input[type=text]{background-color:#f2f2f2;font-family:GothamPro;font-size:18px;color:#000;width:367px;height:60px;border:none;text-align:center;padding:0;margin-bottom:28px}
.modal .modal-dialog .modal-content .modal-body form input[type=text]:focus{background-color:#e5e5e5}
.modal .modal-dialog .modal-content .modal-body form input[type=submit]{background-color:transparent;font-family:GothamPro-Bold;font-size:14px;color:#fff;width:367px;height:80px;border:none;cursor:pointer;text-transform:uppercase;border:2px solid #f5a906}
.modal .modal-dialog .modal-content .modal-body form input[type=submit]:hover{background-color:#f5a906}
.modal .modal-dialog .modal-content .modal-body form .modalp{font-family:GothamPro;font-size:13px;color:#fff;margin-top:27px}



/* События */
#events{
	width: 1000px; /* задаем ширину для div */
	height: 350px;
	margin-top: 10px;
	background-color: #eee;  /* фоновый цвет div */
	position: relative;
}
#news{
	width: 320px; /* задаем ширину для div */
	height: 350px;
	top: 0;
	left: 0;
	background-color: #fff;  /* фоновый цвет div */
	border-bottom: 2px solid #406eb1; /* рисуем линию снизу div */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: absolute;
	overflow: hidden;
}
#news .date{
	font-size: 13px;  /* задаем размер шрифта */
	color: #406eb1;
	margin: 5px;
}
#news .title{
	font-size: 12px;  /* задаем размер шрифта */
	margin: 5px;
}
#news .title a{
	font-size: 12px;  /* задаем размер шрифта */
	color: #2D2B2B;
}
#news .intro{
	font-size: 11px;  /* задаем размер шрифта */
	color: #2D2B2B;
	margin: 5px;
}
#news #all_news{
	position: absolute;
	bottom: 2px;
	right: 5px;
}
#news #all_news a{
	color: #2D2B2B;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}


#projects{
	width: 660px; /* задаем ширину для div */
	height: 350px;
	top: 0;
	right:0;
	background-color: #fff;  /* фоновый цвет div */
	border-bottom: 2px solid #406eb1; /* рисуем линию снизу div */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: absolute;
}
#projects img{
	height: 150px;
	position: relative;
	float: left;
	margin: 10px;
}
#projects #name{
	position: relative;
	color: #2D2B2B;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	max-height: 80px;
	height: 80px;
	width: 300px;
	top: 20px;
	overflow: hidden;
	display: block;
}
#projects #name span{
	position: relative;
	color: #2D2B2B;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11px;
}
#projects #all_projects {
	position: absolute;
	bottom: 10px;
	right: 20px;
}
#projects #all_projects a{
	color: #2D2B2B;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
}
/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0;
}

body #blockmetall{background:#eee}
body #blockmetall .block{background:#eee;width:1000px;margin:0 auto;text-align:center}
body #blockmetall .block h1{font-family:arial;font-size:36px;color:#303539;padding:30px 0 24px;text-align:center}
body #blockmetall .block h4{font-family:arial;font-size:24px;color:#303539;padding:30px}


body #blockmetall .block_content_left{width:450px;float:right;margin:20px 0;}
body #blockmetall .block_content_left h2{font-family: 'Open Sans',sans-serif; font-weight: 600; color: #000;font-size:26px;padding:10px}
body #blockmetall .block_content_left .description{font-family: 'Open Sans',sans-serif; font-weight: 300; color: #000;padding:10px; font-size: 18px; line-height: 1.55; text-align:left}
body #blockmetall .block_img_left{width:400px;float:left;margin:20px 0;}
body #blockmetall .block_img_left img{width:400px;}
body #blockmetall .block_content_right{width:450px;float:left;margin:20px 0;}
body #blockmetall .block_content_right h2{font-family: 'Open Sans',sans-serif; font-weight: 600; font-size:26px; color: #000;padding:10px}
body #blockmetall .block_content_right .description{font-family: 'Open Sans',sans-serif; font-weight: 300; color: #000;padding:10px; font-size: 18px; line-height: 1.55;padding:10px; text-align:left}
body #blockmetall .block_img_right{width:400px;float:right;margin:20px 0;}
body #blockmetall .block_img_right img{width:400px;}


@media (max-width: 768px) {
.wrapper {
	width: auto;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: auto;
	padding: 0 0 0;
	position: relative;
	z-index: 1;
	background: #eee;
}
body #blockmetall{background:#eee}
body #blockmetall .block{background:#eee;width:auto;margin:0 auto;text-align:center;}
body #blockmetall .block h1{font-family:arial;font-size:24px;color:#303539;padding:20px 0 14px;text-align:center;}
body #blockmetall .block h4{font-family:arial;font-size:14px;color:#303539;padding:10px}
body #blockmetall .block a{margin: 20px 0;display:inline-block;font-family:GothamPro-Medium;font-size:12px;color:#517ab5;line-height:40px;width:200px;height:40px;text-align:center;text-transform:uppercase;border:2px solid #406eb1}
body #blockmetall .block a:hover{background-color:#406eb1;color:#fff}

body #blockmetall .block_content_left{width:auto;float:none;margin:20px 0;}
body #blockmetall .block_content_left h2{font-family: 'Open Sans',sans-serif; font-weight: 600; color: #000;font-size:18px;padding:10px}
body #blockmetall .block_content_left .description{font-family: 'Open Sans',sans-serif; font-weight: 300; color: #000;padding:10px; font-size: 14px; line-height: 1.55; text-align:left}
body #blockmetall .block_img_left{width:auto;float:none;margin:20px 0;}
body #blockmetall .block_img_left img{width:94%;float:none;margin:20px 0;}

body #blockmetall .block_content_right{width:auto;float:none;margin:20px 0;}
body #blockmetall .block_content_right h2{font-family: 'Open Sans',sans-serif; font-weight: 600; font-size:18px; color: #000;padding:10px}
body #blockmetall .block_content_right .description{font-family: 'Open Sans',sans-serif; font-weight: 300; color: #000;padding:10px; font-size: 14px; line-height: 1.55;padding:10px; text-align:left}
body #blockmetall .block_img_right{width:auto;float:none;margin:20px 0;}
body #blockmetall .block_img_right img{width:94%;float:none;margin:20px 0;}

/* Проекты */
#projects_all{
	display:none;
}
	/* События */
#events{
	display:none;
}
.modal .modal-dialog{border:none;width:90%;}
.modal .modal-dialog .modal-content{box-shadow:none;border-radius:0;background-color:transparent}
.modal .modal-dialog .modal-content .modal-body{padding:0;width:90%;height:auto;text-align:center}
.modal .modal-dialog .modal-content .modal-body form{padding-bottom:70px}
.modal .modal-dialog .modal-content .modal-body form .close{border:none;background:transparent url(../img/close.png) no-repeat top;position:absolute;width:48px;height:48px;right:-80px;top:0;cursor:pointer;padding:0}
.modal .modal-dialog .modal-content .modal-body form .h2{height:auto}
.modal .modal-dialog .modal-content .modal-body form .h2 h2{font-family:GaramondPremrPro-BdSubh;font-size:18px;color:#fff;padding:20px 0 20px}
.modal .modal-dialog .modal-content .modal-body form .h2 h3{font-family:GothamPro;font-size:14px;color:#fff;line-height:14px;padding-bottom:20px}
.modal .modal-dialog .modal-content .modal-body form .name_input{font-family:GothamPro;color:#fff;font-size:12px;margin:0;padding-bottom:12px;text-align:center}
.modal .modal-dialog .modal-content .modal-body form input[type=text]{background-color:#f2f2f2;font-family:GothamPro;font-size:14px;color:#000;width:50%px;height:60px;border:none;text-align:center;padding:0;margin-bottom:28px}
.modal .modal-dialog .modal-content .modal-body form input[type=text]:focus{background-color:#e5e5e5}
.modal .modal-dialog .modal-content .modal-body form input[type=submit]{background-color:transparent;font-family:GothamPro-Bold;font-size:14px;color:#fff;width:367px;height:80px;border:none;cursor:pointer;text-transform:uppercase;border:2px solid #f5a906}
.modal .modal-dialog .modal-content .modal-body form input[type=submit]:hover{background-color:#f5a906}
.modal .modal-dialog .modal-content .modal-body form .modalp{font-family:GothamPro;font-size:13px;color:#fff;margin-top:27px}
}