/* Fonts */
	@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

/* Main Styles */

	::selection {
		background-color: #FFF;
		color: #000;
	}
	html, body {
		background: #000;
		width:100%;
		height:100%;
		padding:0;
		font-family: 'Roboto Condensed', sans-serif;
		-webkit-font-smoothing: antialiased;
	}

	a,
	a:hover,
	a:active,
	a:focus
	{
		color:#e0671c;
		outline:none;
		text-decoration: underline;
	}

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:100;
		color:white
	}
	span
	{
		color:#e0671c;
	}	

	p{
		margin:0 0 5px;
		color:#FFF;
		font-size: 22px;
	}
	p.data-heder
	{
		margin:0 0 0px;
		color:#e0671c;
		font-size: 50px;
		text-transform:uppercase;	
		text-align: left;
		font-weight:80;		
	}

	@media (min-width: 356px) and (max-width: 767px) {
		p.data-heder {
			font-size: 32px;	
		} 
	}
	   
	p.data-desc
	{
		margin:0 0 5px;
		color:#FFF;
		font-size: 50px;
		text-transform:uppercase;	
		text-align: left;
		font-weight:80;		
		line-height: 1em;
	}

	@media (min-width: 356px) and (max-width: 767px) {
		p.data-desc {
			font-size: 32px;	
		} 
	}
	p.time
	{
		margin:0 0 5px;
		color:#FFF;
		font-size: 60px;
		text-transform:uppercase;			
		font-weight:80;		
		line-height: 1,5em;
		padding-top:50%;
	}
	p.time-desc
	{
		margin:0 0 5px;
		color:#3a8acd;
		font-size: 40px;
		text-transform:uppercase;	
		font-weight:80;		
		line-height: 1em;
	}

	p.data-bottom
	{
		margin:0 0 5px;
		color:#ffffff;
		font-size: 32px;
			
	}


	.iconbox
	{
		padding-top: 10%;
		padding-left: 10px;

	}
	.databox
	{
		padding-bottom: 9%;
	}
	   
	.timebox
	{
		padding-bottom: 10%;
		padding-top: 20%;
	}

	@media (min-width: 356px) and (max-width: 767px) {
		.timebox {
			padding-top: 50%;	
		} 
	}
	   
	.icon
	{
		padding-bottom: 15px;
		text-align: left;
		font-size: 18px;
		text-transform: uppercase;
		padding-top: 15px;
	}

	span.red
	{
		color:#e0671c;
		font-size: 24px;
		text-transform: uppercase;

	}

	.adress
	{
		padding-top: 20px;
		font-size: 22px;
		
	}
	#home {
	    background: url(/images/bg-1-21.jpg) no-repeat; /* Параметры фона */
	    background-size: contain;
	    -moz-background-size: 100%; /* Firefox 3.6+ */
	    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: 100%; /* Opera 9.6+ */
	    background-size: 100%; /* Современные браузеры */
	    padding-top: 64%;
		}

	@media (min-width: 356px) and (max-width: 767px) {
		#home {
			background: url(/images/bg-1-21_m.jpg) no-repeat;		
			height: 425px;
			background-size: cover;
		} 
	}

	#program
	{
	    background: url(/images/bg-4_21.jpg) no-repeat; /* Параметры фона */
	    background-size: contain;
	    -moz-background-size: 100%; /* Firefox 3.6+ */
	    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: 100%; /* Opera 9.6+ */
	    background-size: 100%; /* Современные браузеры */
	    padding-top: 38%;
		}

	@media (min-width: 356px) and (max-width: 767px) {
		#program {
			background: url(/images/bg-4_21_m.jpg) no-repeat;		
			height: 490px;
			background-size: contain;
	    	/*padding-top: 15%;*/
		} 
	}

	#forma {
	    background: url(/images/bg-2.jpg) no-repeat; /* Параметры фона */
	    background-size: contain;
	    -moz-background-size: 100%; /* Firefox 3.6+ */
	    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: 100%; /* Opera 9.6+ */
	    background-size: 100%; /* Современные браузеры */
	    }

	@media (min-width: 356px) and (max-width: 767px) {
		#forma {
			background: url(/images/bg-2m.jpg) no-repeat;		
/*			height: 1630px;*/
			background-size: cover;
	    	/*padding-top: 20%;*/
		} 
	}

	#data {
	    background: url(/images/bg-3.jpg) no-repeat; /* Параметры фона */
	    background-size: contain;
	    -moz-background-size: 100%; /* Firefox 3.6+ */
	    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: 100%; /* Opera 9.6+ */
	    background-size: 100%; /* Современные браузеры */
	    padding-bottom: 8%;
	    }

	@media (min-width: 356px) and (max-width: 767px) {
		#data {
			background: url(/images/bg-3m.jpg) no-repeat;		
			/*height: 320px;*/
			background-size: cover;
	    	/*padding-top: 15%;*/
		} 
	}

	#adress {
	    background: url(/images/bg-2.jpg) no-repeat; /* Параметры фона */
	    background-size: contain;
	    -moz-background-size: 100%; /* Firefox 3.6+ */
	    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
	    -o-background-size: 100%; /* Opera 9.6+ */
	    background-size: 100%; /* Современные браузеры */
	    }

	@media (min-width: 356px) and (max-width: 767px) {
		#adress {
			background: url(/images/bg-2m.jpg) no-repeat;		
			background-size: cover;
	    	/*padding-top: 15%;*/
	    	height: 800px;
		} 
	}



	.contact-form	{			
			/**/
			padding-bottom: 1%;
		} 

	@media (min-width: 356px) and (max-width: 767px) {
	#contact
	{
	    	padding-top: 185%;
		} 
	}

}
form#contact-us{
		min-height:400px;
	}

	.form{
		outline:none;
		border:1px solid #2b2b2b;
		color:#9c9c9c;
		width:40%;
		padding:10px 10px;
		font-weight:300;
		font-size:28px;
		margin:10px 20px;
		background:#d3d3d3;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	@media (min-width: 356px) and (max-width: 767px) {
		.form {
			width:90%;			
		} 
	}


	.form_2{
		outline:none;
		border:1px solid #2b2b2b;
		color:#9c9c9c;
		width:84%;
		padding:10px 10px;
		font-weight:300;
		font-size:28px;
		margin:10px 20px;
		background:#d3d3d3;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	@media (min-width: 356px) and (max-width: 767px) {
		.form_2 {
			width:90%;			
		} 
	}


	.textarea{
		height:100px;
		max-width:100%;
		max-height:100px;
	}

	.form-btn{
		outline:none;
		border:1px solid #2b2b2b;
		color:#ffffff;
		text-transform:uppercase;
		padding:8px 10px;
		margin-top: 50px;
	    margin-right: 10px;
	    margin-bottom: 100px;
	    margin-left: 10px;
		text-align:center;
		font-weight:400;
		top:2px;
		font-size: 28px;
		background:#e0671c;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.form:hover{
		border:1px solid #4e4e4e;
	}

	.form:focus{
		border:1px solid #e70000;
	}

	.form-btn:hover{
		background:#e70000;
	}

	.form-btn:active{
		background:#313131;
	}

/* Mail Sent Message */

	.mail-message{
		color:white;
		text-align:center;
		font-size:20px;
		font-weight:300;
		top:185px;
		position:relative;
	}

	.mail-message p.mail-head{
		color:#e70000;
		font-size:35px;
	}
	
	.newsletter-message{
		text-align:right;
		font-size:20px;
		font-weight:300;
		position:relative;
		margin-top:-25px;
	}
	
	.newsletter-message p.mail-head{
		color:#e70000;
		font-size:35px;
	}
	.socials
	{
    padding: 20px;
    padding-bottom: 100px;
    width: 90px;
	}


	@media (min-width: 356px) and (max-width: 767px) {
		.socials {
			width:20%;	
			padding: 5px;		
		} 
	}
/* Fonts */
	@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);