@charset "utf-8";
/* css document*/

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}



body{
	font-family: 'Open Sans', Arial;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	color: #626262;
	background:url(../images/header_bg1.jpg)  repeat;
}
*{
	margin:auto;
	padding:0;
}
ul, ol{
	list-style-type: none;
	list-style-position: outside;
}
header, nav, section, aside, article,
address, hgroup, video, footer{
	display:block;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', Arial;
	font-weight:400;
	margin-bottom:10px;
	letter-spacing: 0.5px;
	color: #000;
}
h1{
	font-size: 20px;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 14px;
}
p{
	margin-bottom: 10px;
}
img{
	border:0;
	max-width: 100%;
}
a{
	color:inherit;
	text-decoration: none;
}
.clear{
	clear: both;
	display: table;
	content: '';
}
.wrapper{
	width:100%;
}
header{	
	min-height: 500px;
}
.top{
	width:1000px;
	margin:auto;
	position:relative;
	padding-bottom: 15px;
}
.logo{
	float: left;
	margin-top:30px;
}
.logo a img{
	width:285px;
}
.contact_link{
	position: absolute;
	top:60px;
	right: 0;
}
.contact_link li{
	font-size: 24px;
	font-family: 'Oswald', Arial;
	font-weight:400;
	letter-spacing: 0.5px;
	margin-bottom: 8px;
	text-align:right;
}
.contact_link li a span{
	display: inline-block;
	width:20px;
	padding-right:5px;
	text-align: center;
}
.contact_link li a{
	color: #748189;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.contact_link li a:hover{
	color: #0055A5;
}
nav{
	width:1000px;
	margin:auto;
	margin-bottom: 15px;
}
nav > ul > li{
	display: inline-block;
	margin-right: -4px;
	height: 40px;
	line-height: 40px;	
}
nav > ul > li > a, nav > ul > li:hover > ul > li > a{
	font-size: 15px;
	font-family: 'Oswald', Arial;
	font-weight:400;
	letter-spacing: 0.5px;
	color: #748189;
	padding: 0 26px;
	text-transform: uppercase;
	border-right:1px solid #748189;
	display: inline-block;
}
nav > ul > li:hover > a, nav > ul > li.active > a{
	color: #fff;
	background:#0055A5;
}

/*======== dd css ======*/

nav > ul > li > ul{
	display: none;
	z-index: 999;
}
nav > ul > li:hover > ul{
	display: block;
	position: absolute;
	margin-top:-2px;
}
nav > ul > li:nth-of-type(2):hover > ul{
	width: 176px;
}
nav > ul > li:hover > ul > li{
	height: 40px;
	line-height: 40px;
	margin-top:1px;
	background: #748189;
}
nav > ul > li:hover > ul > li > a{
	padding:0 9px;
	border-right: none;
	display: block;
	color: #fff;
}
nav > ul > li:hover > ul > li > a:hover,
nav > ul > li:hover > ul > li > a.select{
	background:#0055A5;
}

.banner{
	width:100%;
}

.container{
	width:1000px;
	margin:auto;
	background:#fff;
	box-shadow: 0 2px 2px #a1a1a1;
	margin-top:25px;
}
.block{
	width:100%;
	margin:20px 0;
}
.block li{
	display: inline-block;
	vertical-align: top;
	margin:0 13px;
	width:300px;
	border-radius: 0 0 10px 10px;
	box-shadow: 3px 2px 2px #aaa;
	min-height: 380px;
	position: relative;
	padding-top: 15px;
}
.block li > img{
	margin:0 0 0 10px;
	vertical-align: middle;
	display: block;
	float: right;
	margin-top:30px;
}
.block li:last-child {
	background: url(../images/3.jpg) 110px 20px no-repeat;
}
.block li .title_txt_block{
	float: left;
	width:160px;
	text-align: left;
}
.block li .title_txt_block h2{
	text-transform: uppercase;
	line-height: 25px;
}

.block li .title_txt_block h2 span{
	display: block;
	color: #626262;
}
.block li:last-child .title_txt_block a{
	margin-right: 30px;
}
.assocition_logo_block{
	width: 100%;
	position: absolute;
	bottom: 0;
}
.assocition_logo_block img{
	display: block;
	border-radius: 0 0 10px 10px;
}
.middle_block{
	text-align: center;
	background: #f2f2f2;
	padding:20px 10px 0 10px;
	width:980px;
}
.middle_block .box{
	width:300px;
	margin:0 15px;
	display: inline-block;
	vertical-align: top;
	padding:10px;
}
.middle_block .box:nth-of-type(1){
	float:left;
	margin:0;
	width:290px;
}
.middle_block .box:nth-of-type(3){
	float:right;
	margin:0;
	width:290px;
}
.middle_block .box h2,
.middle_block .box p{
	text-align: left;
}

section{
	float:left;
	width:600px;
	text-align: left;
}
aside{
	float:right;
	width:300px;
	text-align: left;
}
.services_list{
	width: 100%;
}
.services_list li{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #aaa;
	margin-bottom: 0!important;
}
.list{
	display: inline-block;
	padding-right:30px;
	vertical-align: top;
}
.list li, .services_list li{
	padding-left:18px;
	position: relative;
	margin-bottom:8px;
	text-align: left;
}
.list li:before, .services_list li:before{
	content: "\f061";
}
.list li:before, .services_list li:before{
	position: absolute;
	left: 0;
	font-family: 'FontAwesome';
}
.last{
	padding-right:0;
}

/*===== gallery project block ======*/

.recent_project_block, .gallery_project_block,
.big_slide{
	width:100%;
}
.gallery_project_block a img{
	padding: 5px;
	border:1px solid #dfdfdf;
	float:left;
	margin:12px;
}
#images_popup{
	width:400px;
	height: 269px;
	overflow: hidden;
	border:1px solid #dfdfdf;
	padding:5px;
}

.big_slide{
	position: relative;
	text-align:center;
}
.big_slide a img{
	border:1px solid #dfdfdf;
	display:inline-block;
	vertical-align:top;
	padding:5px;
	margin:1px;
}

/*======== contact css =======*/

label{
	display: inline-block;
	width:90px;
	vertical-align: top;
}
input[type="text"], textarea{
	width:350px;
	border:1px solid #aaa;
	padding:5px;
	height:30px;
	font-size: inherit;
	font-family: inherit;
	background:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
input[type="text"]:focus, textarea:focus{
	border-color:#a1a1a1;
	box-shadow:0 0 10px #a1a1a1;
	background:#fff;
}
textarea{
	height: 150px;
	max-width: 580px;
}


/*======== button css ========*/

.button, input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:4px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.button:hover, input[type="submit"]:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.button:active, input[type="submit"]:active {
	position:relative;
	top:1px;
}


/*======= footer css ==========*/

footer{
	/*background:#262626;*/
	padding: 15px 0;
	margin-top: 25px;
}
.bottom{
	width:1000px;
	margin:auto;
}
.bottom p{
	float:left;
	color: #fff;
	margin-bottom:0;
	line-height: 30px;
}
.social_link{
	float:right;
}
.social_link li{
	display: inline-block;
	vertical-align: top;
	margin:0 5px 0 0;
}
.social_link li a{
	width:30px;
	height: 30px;
	display: block;
}
.social_link li:nth-of-type(1):hover a{
	background: url(../images/facebook_icon.png) no-repeat;
}
.social_link li:nth-of-type(1) a{
	background: url(../images/facebook_icon.jpg) no-repeat;
}
.social_link li:nth-of-type(2):hover a{
	background: url(../images/twitter_icon.png) no-repeat;
}
.social_link li:nth-of-type(2) a{
	background: url(../images/twitter_icon.jpg) no-repeat;
}
.social_link li:nth-of-type(3):hover a{
	background: url(../images/youtube_icon.png) no-repeat;
}
.social_link li:nth-of-type(3) a{
	background: url(../images/youtube_icon.jpg) no-repeat;
}
.social_link li:nth-of-type(4):hover a{
	background: url(../images/rss_icon.png) no-repeat;
}
.social_link li:nth-of-type(4) a{
	background: url(../images/rss_icon.jpg) no-repeat;
}
.social_link li:hover a{
	width:30px;
}