/*
 * Responsive HTML5/CSS3 template
 */

/* font-family: "MyriadProRegular"; */
@font-face {
    font-family: "MyriadProRegular";
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProBold"; */
@font-face {
    font-family: "MyriadProBold";
    src: url("../fonts/MyriadProBold/MyriadProBold.eot");
    src: url("../fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
    url("../fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProItalic"; */
@font-face {
    font-family: "MyriadProItalic";
    src: url("../fonts/MyriadProItalic/MyriadProItalic.eot");
    src: url("../fonts/MyriadProItalic/MyriadProItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProItalic/MyriadProItalic.woff") format("woff"),
    url("../fonts/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProSemiBold"; */
@font-face {
    font-family: "MyriadProSemiBold";
    src: url("../fonts/MyriadProSemiBold/MyriadProSemiBold.eot");
    src: url("../fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
    url("../fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProBoldItalic"; */
@font-face {
    font-family: "MyriadProBoldItalic";
    src: url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot");
    src: url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.woff") format("woff"),
    url("../fonts/MyriadProBoldItalic/MyriadProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProSemiBoldItalic"; */
@font-face {
    font-family: "MyriadProSemiBoldItalic";
    src: url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot");
    src: url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"),
    url("../fonts/MyriadProSemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}



 body{
		font-family:"MyriadProSemiBold", Arial, Helvetica, sans-serif;
		font-size:100%; /* гибкая основа */
		margin:0;
		background:#ffffff;
		width:100%;
		color:#777777;
	}
	
	a{
		color:#2ecc71;
		text-decoration:underline;
	}
	a:hover { text-decoration:none;}
	
section, header,footer,nav { display:block;}

img{
		border:0;
		max-width:100%;
	}
.icon-img{
	margin: 3px;
	margin-right: 15px;
	max-width:100%;
	}
.adv-img{
	margin-left: 20px;
	float: right;
}
	form,
	fieldset{
		border:0;
		padding:0;
		margin:0;
	}
	h1{
		font:4.285em/1.067em "MyriadProSemiBold", Arial, Helvetica, sans-serif; /*60px/64px*/
		margin:0 0 0.167em;
		text-align:center;
		color:#000;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	h2 {
		font:2.5em 'MyriadProBold', Arial, Helvetica, sans-serif; /*24px/27px*/
		color:#000;
		text-align:center;
		margin: 0;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	h3 {
		font:2.5em "MyriadProSemiBold", Arial, Helvetica, sans-serif; /*40px*/
		padding: 0;
		margin: 0;
		text-align:center;
		background-color:#222222;
		
	}
	.subHeading{
		display:block;
		font:1.25em "MyriadProSemiBold", Arial, Helvetica, sans-serif; /*33px/38px*/
		margin:0;
		margin-bottom: 15px;
		text-align:center;
		color:#7a7a7a;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	
	.row{
		width:100%;
		background:#ffffff;
		padding: 20px 0;
		
		 
	}
	.row-border{
		width:100%;
		background:#ffffff;
		padding: 20px 0;
		border-bottom:3px dashed #d8dbdd;
		
		 
	}
.grey{
		width:100%;
		background:#eeeeee;
		padding:2.857em 0;
border-top:3px dashed #d8dbdd;
border-bottom:3px dashed #d8dbdd;
	}

.grey1{
		color:#cccccc;
		text-align: center;
		font:1.4em 'MyriadProBold', Arial, Helvetica, sans-serif;
	}
.name {
	font:1.125em 'MyriadProBold', Arial, Helvetica, sans-serif; /*33px/38px*/
	color:#222222;
	text-align: center;
	padding-top: 1em;
}
.blue {
	color: #2980b9;
}
.blue {
	color: #2980b9;
}
.icon {
	font-family: "MyriadProSemiBold", Arial, Helvetica, sans-serif; 
	padding-top: 5px;
	color: #000000;
}
.center {
		max-width:960px;
		width:100%;
		margin:0 auto;
	}
	
	/*  Columns  */
	.columns{width:100%	}
	.columns:after{
		content:"";
		display:block;
		clear:both;
	}
	.columns > div,
	.columns > article{
		float:left;
		vertical-align:top;
	}
	.columns h2{text-align:left;}
	.half{
		width:60.0%;
		margin:1.3%;
	}
	.half1{
		width:35.0%;
		margin:1.3%;
	}
	.oneThird{
		width:32%;
		margin:1%;
		text-align:center;
	}
	.columns > div:first-child,
	.columns > article:first-child{margin-left:0;}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
		float:right;
		margin-right:0;
	}
	.oneForth{width:25%;}
	.threeForth{width:74.5%;}
	.buttons{
		width:100%;
		overflow:hidden;
		text-align:center;
		margin:2.5em 0 0
	}
	
	.imgHolder{
		display:inline-block;
		padding:1px;
		background:#fff;
		margin-bottom:1em;
		max-width:100%;
		overflow:hidden;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	* +html .imgHolder{
		max-width:93.5%;
		border-width:3%;
		padding:0;
	}
	.imgHolder img{display:block;}
	.grey .imgHolder{
		border-color:#646e7d;
	}

/*  Columns end  */
	
/*main styles*/
#pagewidth {width:100%;}
#header{
		left: 0;
		top: 0;
		width:100%;
		height: 437px;
		overflow:hidden;
		padding: 0;
		padding-bottom: 30px;
		background:url('../img/bg_header.jpg') no-repeat;
		background-size: cover;
		
		-moz-box-shadow:   	inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
	}
#content{padding:10px 0 0;}
	
#social {
	left: 0;
	top: 0;
	background:#000000;
padding-bottom:10px;	
color:#ffffff;
background-color: rgba(0, 0, 0, 0.5);

}

#social-left {
	float: left;
	text-align: left;
	color:#ffffff;
}
#social-right {
	float: right;
	text-align: right;
	color:#ffffff;
}
.social-link {color:#ffffff;
text-decoration:none;
margin-right:20px;
	}

#slogan { padding-top:40px;padding-bottom:50px; }
#slogan h1{
		font:2.8125em/1.5em 'MyriadProBold', Arial, Helvetica, sans-serif; /*60px/64px*/
		margin-bottom: 10px;
		text-align:center;
		color:#fff;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
		}
		
/*  Navigation  */

#mainNav {
	text-align:center;
	max-width:960px;
		width:100%;
		margin:0 auto;
}

#mainNav li{
		display:inline-block;
		margin:3px 7px;
	}



#mainNav a {	
		position:relative;
		display:inline-block;
		padding:15px 30px;
		text-decoration:none;
		font-size:1em;
		background:#000000;
		font-weight:bold;
		color:#2ecc71;
		text-transform: uppercase;
		border:3px solid #2ecc71;	
		background-color: rgba(0, 0, 0, 0.5);	
							
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

#mainNav a:active{
		top:1px;
	}

#mainNav a:hover span ,

#mainNav li.active span {
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(71,83,101)),
			color-stop(1, rgb(123,145,177))
		)
	}
 
 /*  Navigation end */
 
 	#footer{
		width:100%;
		overflow:hidden;
		padding:24px 0;
		color:#fff;
		background:#222222;
		line-height:1em;
	}
	#footer a{
		color:#fff;
	}
	#footer .copy{float:right;}
	
.line{
		width:100%;
		background:#222222;
		padding-top: 50px;
		padding-bottom: 0;
	}
#line-left {
		display: block;
		height: 50px;
		background:url('../img/bg_line1.jpg') repeat-x #222222; 
		width: 35%;
		float: left;
		padding-top: 0;
		padding-bottom: 0;
	}
#line-right {
		display: block;
		height: 50px;
		width: 35%;
		float: right;
		background:url('../img/bg_line1.jpg') repeat-x #222222;
		padding-bottom: 0;
		padding-top: 0;
		
	}
#line-slogan {
		display: block;
		width: 30%;
		height: 50px;
		float: left;
		background-color:#222222;
		color: #ffffff;
		padding: 0;
		margin: 0;
		
		
		
	}
/*  Forms  */

.formRow{
		
text-align:center;
	max-width:960px;
		width:50%;
		margin:0 auto;
	}
	.formRow:after{
		content:"";
		display:block;
		clear:both;
	}
	.textField{
		width:100%;
		border:3px solid #2ecc71;
		background:#222222;
		font-weight:bold;
		color:#2ecc71;
		margin:10px 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
						
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		
		
	}
	input,select,
	textarea{
		display:block;
		font:1em/1.214em Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#2ecc71;
		width:100%;
		padding:0.75em 1.5em;
		font-weight:bold;
		resize:none;
		border: 0;
		background:#222222;
		
		
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	textarea {
		overflow:auto;
		height:10.812em;
	}
	.select-style {
		width:100%;
		border:3px solid #2ecc71;
 background: url(../img/arrow.png) no-repeat right #222;		
		 overflow: hidden; 
		font-weight:bold;
		color:#2ecc71;
		margin:10px 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		 
						
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
	}
	.select-style select{
		display:block;
		font:1em/1.214em Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#2ecc71;
		width:110%;
		padding:0.75em 1.5em;
		font-weight:bold;
		resize:none;
		border: 0;
		background: transparent;	
		
				
	-webkit-appearance: none;
	}
	

	.btnSmall{
		width: 100%;
		padding:0.278em;
		text-decoration:none;
		font-size:1.214em;
		line-height:2.35em;
		background:#2ecc71;
		font-weight:bold;		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	
	}
	
	.btnSmall span{
		color:#fff;
		text-decoration:none;
		padding:0 1.47em;
		display:block;
		background:#2ecc71;
		border:0;
	}
	
	.btnSmall:hover {
		background:none;
	}
	
/*  Forms end */

/*  Media  */
@media all and (max-width: 1024px){
	h3 {font-size:1.875em;}
}
@media all and (max-width: 960px){
	.center{
		padding:0 10px;
		width:auto;
	}
	
	#content{padding:0;}
}
@media all and (max-width: 780px){
	body{font-size:90%;}
	#slogan { padding-top:30px;padding-bottom:30px; }
	#slogan h1 {font-size:1.875em;}
	#line-left, #line-right {display: none;}
	#line-slogan {width:100%} 
	
}
@media all and (max-width: 600px){
	body{font-size:90%;}
	.columns > div,
	.columns > article{
		float:none;
		margin:0;
		width:100%;
	}
	.grey1 {font-size:1em;}
	#slogan { padding-top:30px;padding-bottom:30px; }
	#slogan h1 {font-size:1.875em;}
	h3 {font-size:1.875em;}
	#social-right {display: none;}
	#adv-img{display: none;}
	#line-left, #line-right {display: none;}
	#line-slogan {width:100%} 
	.formRow{width:90%;}
	
	
}
@media all and (max-width: 320px){
	.grey1 {font-size:1em;}
	#slogan h1 {font-size:1.25em;}
	#slogan { padding-top:3px;padding-bottom:3px; }	
	#social-right {display: none;}
	#adv-img{display: none;}
	#line-left, #line-right {display: none;}
	#line-slogan {width:100%} 
	h3 {font-size:1.875em;}
	.btnSmall{font-size:1em;line-height:2em;}
	.formRow{width:90%;}
}

@media all and (max-width: 240px){
	h3 {font-size:1em;}
	.grey1 {font-size:1em;}
	#slogan h1 {font-size:1.3em;}
	#slogan { padding-top:5px;padding-bottom:5px; }
	
	#social-right {display: none;}
	#adv-img{display: none;}
	#line-left, #line-right {display: none;}
	#line-slogan {width:100%}
	#mainNav a {padding:6px 7px; font-size:1em;}
	.btnSmall{font-size:0.8em;line-height:2em;}
	.btnSmall span{padding:0 0.8em;}
	.formRow{width:90%;} 
}

@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	#content{padding:0;}
	
}