/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнуляем отступы и убираем бордюры */
	vertical-align: baseline;          /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}
a {                                      	     /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}
table {						/* устраняем отступы между ячейками таблицы */
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
} 
input, select, button, textarea {
	margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
	font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
	outline: none;
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- базовые настройки ---------*/
html {
	min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	color: #7e7f84;
	text-align: left;
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
	min-height:100%;
	font-family: 'Roboto', sans-serif; /*font-family: 'Roboto Condensed', sans-serif;*/
}
a, a:visited { /* порядок правил для ссылок имеет значение */
	/*color: #f45a40;*/
	text-decoration: underline;
}
a:hover {
	/*color: #f45a40;*/
	text-decoration:none;
}
a:focus, a:active {
	/*color: #f45a40;*/
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
img{

	max-width:100%;
}
.clr{
	clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
/* --------------- /базовые настройки ---------*/
.color_red {
color:#FF0000;}

.center-block-main{
	max-width:1170px; margin:0 auto;
}
.header-top{
	padding:30px 0 10px 0; border-bottom:1px solid #eee;
}

	.logo{
		text-align:center; font-family: 'Roboto Condensed', sans-serif; color:#f45a40; font-size:3em; margin-bottom:0; text-transform:uppercase; line-height:0.8; margin-bottom:10px;
	}
	.logo a { text-decoration: none; color: #f45a40;}
	.logo2 {text-align:center; font-family: 'Roboto Condensed', sans-serif;  font-size:1em; text-transform:uppercase;}
	.logo2 a{ text-decoration: none; color: #f45a40;}
.header-bottom{
	padding:10px 0;
}
	.menu{
		float:left;
	}
		.menu li{
			float:left; text-transform:uppercase; margin-right:30px; font-size:0.875em;
		}
			.menu li a{
				color:#7e7f84; text-decoration:none;
			}
			.menu li a:hover{
				color:#f45a40;
			}
		a#pull{
		display:none;
		}
			
	
	

#wraper_blokov {
	border: 0px dashed #003399;
	margin-top:50px;
	margin-bottom:50px;
	}
/*blok_avtorizacii*/
	#blok_avtorizacii {
		max-width:100%; margin:50px auto 20px auto;
		border: 1px solid #F00;
		background-color: #FFF;
		box-sizing:border-box;
		
	}
		#titleAvtorizacii {/*заголовок перед блоком регистрации*/
		width:300px;
		height:30px;
		border:1px solid #F00;
		text-align:center;
		font:Arial, Helvetica, sans-serif;
		font-size:1.37em;
		font-weight: 300;
		text-transform:uppercase;
		background-color: #FC6;
		padding-top:6px;
		margin: -20px auto 10px auto;
		color: #000;
		}
		#blokAvtorizacii_1 {
			box-sizing:border-box;
			padding-bottom:25px; 
		}
			
			#blokAvtorizacii_1_In {
				width:51%;
				position:relative;
				margin:0 auto 10px auto;
				/*background-color: #DBF0FF;*/
				border: 1px solid #309;
				box-sizing:border-box;
				background-color: #FFCC66;
			}
				#blokAvtorizacii_1_In img.men_s_boku{
						margin-left:-30px;
						position:absolute;
						top:10px;
						left:-49px;}
				#blokAvtorizacii_1_In img.babaNadBanerom{
					display:none;
					margin-left:-30px;
					position:absolute;
					top:10px;
					left:-49px;}
				#blokAvtorizacii_1_In img.devuchka_s_boku4{
					position:absolute;
					top:10px;
					right:-152px;}	
				
				#blokAvtorizacii_1_content {
					width:96%;
					margin:10px auto 10px auto;
					border: 1px solid #309;
					box-sizing:border-box;
					padding: 0 30px 20px 30px;
					background-color:#FFF;
					text-align: justify;
					min-height:294px;
				}
				
					
					h3.zagolovok {/*заголовок внутри правого блока регистрации*/
					text-align:center;
					border:0px solid #cccccc;
					margin-top:30px;
					margin-bottom:20px;
					color:#000;
					font-size: 18px;
					}
					#text_bloka_avtorizacii {
						font-size:0.9em;
						color:#000000;
					}
						#form_avtorizacii {
						}
							#leftTd {
							width:236px;
							height:25px;					
							border:0px solid #993300;
							padding-top:5px;
							color: #06F;
							margin:5px 0 5px 0;}
							
							#rightTd {
							border:0px solid #993300;
							width:214px;
							height:30px;
							}
								.inputRightTd {
								height:25px;
								width:210px;
								line-height:25px;
								}
								
								.inputRightTd:hover {
								border: 2px solid #6499E8;
								}
							
							#Knopka_avtorizacii {
							width:105px;
							height:27px;
							margin: 10px 0 10px 0;
							}
							#Knopka_avtorizacii:hover {
							cursor:pointer;
							}
							#wraper_prowerka_reg_koda {
								border:0px solid #993300;
								width:100%;
								min-height:36px;
							}
							
								#prowerka_avtorizacii {
								border:0px solid #993300;
								width:100%;
								color:#FF0000;
								}
					
/*конец стилей blok_avtorizacii*/



/*начало blok_3*/
	#blok_3 {
		max-width:100%; margin:50px auto 20px auto;
		border: 1px solid #F00;
		background-color: #FFF;
		box-sizing:border-box;
		
	}
		#title_blok3 {/*заголовок перед блоком регистрации*/
		width:300px;
		height:30px;
		border:1px solid #F00;
		text-align:center;
		font:Arial, Helvetica, sans-serif;
		font-size:1.37em;
		font-weight: 300;
		text-transform:uppercase;
		background-color: #FC6;
		padding-top:6px;
		margin: -20px auto 10px auto;
		color: #000;
		}
		#blokAvtorizacii_3 {
			box-sizing:border-box;
			padding-bottom:25px; 
		}
			
			#blokAvtorizacii_3_In {
				width:51%;
				min-height:300px;
				position:relative;
				margin:0 auto 10px auto;
				/*background-color: #DBF0FF;*/
				border: 1px solid #309;
				box-sizing:border-box;
				background-color: #FFCC66;
			}
				#blokAvtorizacii_3_In img.men_s_boku{
						margin-left:-30px;
						position:absolute;
						top:10px;
						left:-49px;}
				#blokAvtorizacii_3_In img.babaNadBanerom{
					display:none;
					margin-left:-30px;
					position:absolute;
					top:10px;
					left:-49px;}
				#blokAvtorizacii_3_In img.devuchka_s_boku4{
					position:absolute;
					top:10px;
					right:-152px;}	
				
				#blok3_content {
					width:96%;
					min-height:300px;
					margin:10px auto 10px auto;
					/*background-color: #DBF0FF;*/
					border: 1px solid #309;
					box-sizing:border-box;
					padding: 0 30px 20px 30px;
					background-color:#FFF;
					text-align: justify;
				}
				
					
					h3.zagolovok3 {/*заголовок внутри правого блока регистрации*/
					text-align:center;
					border:0px solid #cccccc;
					margin-top:30px;
					margin-bottom:20px;
					color:#000;
					font-size: 18px;
					}
					#text_3_bloka {
						font-size:0.9em;
						color:#000000;
					}
						#text_rezult {
							border:2px solid #FC6;
							padding:8px;
						}
						#budem {
							font-size:1.12em;
							text-align:center;
							border:1px solid #F00;
							text-transform:uppercase;
							padding:10px;
							color:#FF3333;
							border-radius:5px;
							margin:20px auto 0 auto;
							width:90%;
						}
						#budem:hover {
							background-color:#E4F5F4;
							}
						
						
						

/*конец blok_3*/


.block4-main{
	}
		.block4-main article{
			width:23%; margin-left:2.6666666666666666666666666666667%; float:left;
		}
		.block4-main article:first-child{
			margin-left:0;
		}
.subscribe{
	background:#f45a40; color:#fff; padding:30px 5px;
}
	.subscribe h2{
		float:left; font-size:1.325em; text-transform:uppercase; margin-top:5px;
	}
	.subscribe-form{
		float:right;
	}
	.email-inpt{
		text-transform:uppercase; font-size:0.875em; float:left; width:200px; padding:7px 20px; border:none;
	}
	.submit-inpt{
		background:#ff674f; float:left; margin-left:20px; border:none; color:#fff; text-transform:uppercase; padding:7px 20px; cursor:pointer; font-size:0.875em;
	}
	
.ftr{
	background:#2a2d34; padding:40px 10px;
}
	.ftr h2{color:#fff; font-size:1.1em; font-family: 'Roboto Condensed', sans-serif; text-align:center;}
	.ftr p{
		font-size:0.875em; margin-bottom:20px;
	}
	.ftr h3{
		font-size:0.875em; margin-bottom:5px;
	}
		.ftr h3 a{
			color:#fff; text-decoration:none;
		}
		.ftr h3 a:hover{
			text-decoration: underline;
		}
	.support{
		float:left; width:47%; margin-right:3%;
	}
		.support a{
			display:block; margin-bottom:5px; text-decoration:none; color:#7e7f84;
		}
		.support a:hover{
			text-decoration:underline;
		}
	.ftrmail{
		width:100%; text-transform:uppercase; font-size:0.75em; margin-bottom:15px; padding:7px 20px; border:none; box-sizing: border-box;
	}
	.ftrtext{
		width:100%; text-transform:uppercase; font-size:0.75em; margin-bottom:15px; padding:7px 20px; border:none; box-sizing: border-box;
	}
	.ftrsubmit{
		text-transform:uppercase; font-size:0.875em; border:none; background:#f45a40; padding:7px 20px; color:#fff; cursor:pointer;
		
	}
/*моя адаптация*/
@media screen and (max-width:1070px){
	ul.menu {
		display:none;
	}
	a#pull{
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#333;
		text-decoration:none;
		padding:10px 3%;
		margin-top:10px;
		width:94%;
		position:relative;
	}
	a#pull:after{
		content:"";
		background: url(../images/icon-menu.png) no-repeat;
		width:12px;
		height:13px;
		display:inline-block;
		position:absolute;
		bottom:10px;
		right:3%;
	}
	
	/*blok_avtorizacii*/
	#titleAvtorizacii {/*заголовок перед блоком регистрации*/
		width:280px; }
	
	/*blok_3*/
	#title_blok3 {/*заголовок перед блоком регистрации*/
		width:280px; }		
}
@media screen and (max-width:900px){
	.logo{font-size:2.5em;}
	/*blok_avtorizacii*/
	#titleAvtorizacii {/*заголовок перед блоком регистрации*/
		width:260px; }
	
	/*blok_3*/
	#title_blok3 {/*заголовок перед блоком регистрации*/
		width:260px; }
		
	.block4-main article{
			width:45%; margin:0 2.5% 30px 2.5%; float:left;
		}
		.block4-main article:first-child{
			margin:0 2.5% 30px 2.5%;
		}
	.block4-main article img{
		width:100%;
		}
	.subscribe h2{
		float:none; text-align:center; margin:0 0 20px 0;
	}
	.subscribe-form{
		float:none; display:table; margin:0 auto;
	}		
}
@media screen and (max-width:870px){
	.logo{ font-size:2.4em; }
	.logo2{ font-size: 0.9em; }
	.logo-span{font-size:0.37em;}
	/*blok_avtorizacii*/
	#titleAvtorizacii {/*заголовок перед блоком регистрации*/
		width:240px;
		height:28px;
		font-size: 1.3em; }
	#leftTd{
	margin:2px 0 2px 0;}
	
	/*blok_3*/
	#title_blok3 {/*заголовок перед блоком регистрации*/
		width:240px;
		height:28px;
		font-size: 1.3em; }
		#budem {padding:9px;}
		
}
@media screen and (max-width:770px){
	.logo{ font-size:2.2em; }
	/*blok_avtorizacii*/
	#blok_avtorizacii {max-width: 90%;}
	#titleAvtorizacii {/*заголовок перед блоком регистрации*/
		width:220px; font-size: 1.2em; }
	
	/*blok_3*/
	#blok_3 {max-width: 90%;}
	#title_blok3 {/*заголовок перед блоком регистрации*/
		width:220px; font-size: 1.2em; }
		
}
@media screen and (max-width:740px){
	.search-block{
		border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:10px; padding:5px 0 7px 0; float:right;
	}
}
@media screen and (max-width:720px){
	.logo{ font-size:2.2em; }
}
@media screen and (max-width:670px){
	.logo{ font-size:2.1em; }
	/*blok_avtorizacii*/
	#blokAvtorizacii_1_In img.devuchka_s_boku4{display:none;}
	#blokAvtorizacii_1_In {width:70%;}
	
	/*blok_3*/
	#blokAvtorizacii_3_In img.devuchka_s_boku4{display:none;}
	#blokAvtorizacii_3_In {width:70%;}
	#budem {padding:8px;}	
}
@media screen and (max-width:620px){
	.logo{ font-size:2em;}	
	
}
@media screen and (max-width:600px){
	.block3-main article{
		width:95%; float:none; margin:0 2.5% 30px 2.5%;
	}
	.block3-main article:first-child{
		 margin:0 2.5% 30px 2.5%;
	}
	.about article{
		float:none; width:95%; margin:0 2.5% 30px 2.5%;
	}
	.about .map{
		float:none; width:95%; margin:0 2.5% 30px 2.5%;
	}
	
}
@media screen and (max-width:595px){
	.ftrsubmit{font-size:0.75em;}
}
@media screen and (max-width:590px){
	.logo{ font-size:1.9em;}
	/*blok_avtorizacii*/
	#titleAvtorizacii {
	width:210px;
	font-size: 1.1em; }
	#blokAvtorizacii_1_In {width:75%;}
	
	/*blok_3*/
	#title_blok3 {
	width:210px;
	font-size: 1.1em; }
	#blokAvtorizacii_3_In {width:75%;}
	
	.ftrsubmit{font-size:0.75em;}		

}
@media screen and (max-width:560px){
.logo{ font-size:1.8em;}
/*blok_avtorizacii*/
	#blok_avtorizacii {max-width: 85%;}
		#titleAvtorizacii { width:200px; }
			#blokAvtorizacii_1_In {width:80%;}
	
	/*blok_3*/
	#blok_3 {max-width: 85%;}
		#title_blok3 { width:200px; }
	
			#blokAvtorizacii_3_In {width:80%;}
@media screen and (max-width:540px){
	.logo{ font-size:1.75em;}
}

@media screen and (max-width:520px){
	.logo{ font-size:1.7em;}
	.logo2{ font-size: 0.85em; }
	/*blok_avtorizacii*/
	#titleAvtorizacii {width:190px;}
	
	/*blok_3*/
	#title_blok3 {width:190px;}
}

@media screen and (max-width:500px){
	.logo{ font-size:1.6em;}
}

@media screen and (max-width:480px){
	.logo{ font-size:1.55em;}
	.logo2{ font-size: 0.8em; }
	/*blok_avtorizacii*/
	#titleAvtorizacii { margin-bottom:124px;}
	#blokAvtorizacii_1_In {width:90%;}
	#blokAvtorizacii_1_In img.men_s_boku{ display:none;}
	#blokAvtorizacii_1_In img.babaNadBanerom{display:block; top:-115px; left:90px;}
	#blokAvtorizacii_1_content {padding: 0 10px 20px 10px;}
		h3.zagolovok {margin-top: 20px; margin-bottom: 10px;}
	
	/*blok_3*/
	#title_blok3 { margin-bottom:124px;}
	#blokAvtorizacii_3_In {width:90%;}
	#blokAvtorizacii_3_In img.men_s_boku{ display:none;}
	#blokAvtorizacii_3_In img.babaNadBanerom{display:block; top:-115px; left:90px;}
	#blok3_content {padding: 0 10px 20px 10px;}
		h3.zagolovok3 {margin-top: 20px; margin-bottom: 10px;}
		#budem {padding:6px;}
		
	/*block4-main*/	
	.block4-main article{
			width:95%; margin:0 2.5% 30px 2.5%; float:none; overflow:hidden;
		}
		.block4-main article:first-child{
			width:95%; margin:0 2.5% 30px 2.5%; float:none;
		}	
}

@media screen and (max-width:460px){
	.logo{ font-size:1.5em;}
	/*blok_avtorizacii*/
	#blokAvtorizacii_1_In img.babaNadBanerom{left:80px;}
	
	/*blok_3*/
	#blokAvtorizacii_3_In img.babaNadBanerom{left:80px;}
}
@media screen and (max-width:445px){
	.logo{ font-size:1.45em;}
	/*blok_avtorizacii*/
	#blokAvtorizacii_1_In img.babaNadBanerom{left:73px;}
	
	/*blok_3*/
	#blokAvtorizacii_3_In img.babaNadBanerom{left:73px;}
}
@media screen and (max-width:430px){
	.logo{ font-size:1.4em;}
	/*blok_avtorizacii*/
	#blokAvtorizacii_1_In img.babaNadBanerom{left:66px;}
	
	/*blok_3*/
	#blokAvtorizacii_3_In img.babaNadBanerom{left:66px;}
}

@media screen and (max-width:410px){
	.logo{ font-size:1.35em; float:none; text-align:center; margin-bottom:10px;}
	.header-top{
		padding:10px 0;
	}
	
	.contakt-basket{
		float:none; display:table; margin:0 auto;
	}
	/*blok_avtorizacii*/
	#blokAvtorizacii_1_In img.babaNadBanerom{left:60px;}
	
	/*blok_3*/
	#blokAvtorizacii_3_In img.babaNadBanerom{left:60px;}
}

@media screen and (max-width:400px){
	.logo{ font-size:1.3em;}
	/*blok_avtorizacii*/
	#blokAvtorizacii_1_In img.babaNadBanerom{left:56px;}
	
	/*blok_3*/
	#blokAvtorizacii_3_In img.babaNadBanerom{left:56px;}
	#budem {padding:5px;}
}

@media screen and (max-width:385px){
	.logo{ font-size:1.25em;}
	.logo2{ font-size: 0.75em; }
	/*blok_avtorizacii*/
	#blokAvtorizacii_1_In img.babaNadBanerom{left:50px;}
	
	/*blok_3*/
	#blokAvtorizacii_3_In img.babaNadBanerom{left:50px;}
}
@media screen and (max-width:375px){
	.logo{ font-size:1.2em;}
	/*blok_avtorizacii*/
	#blokAvtorizacii_1_In img.babaNadBanerom{left:47px;}
	
	/*blok_3*/
	#blokAvtorizacii_3_In img.babaNadBanerom{left:47px;}
}
@media screen and (max-width:360px){
	.email-inpt{
		float:none; width:95%; margin:0 2.5% 20px 2.5%; box-sizing:border-box;
	}
	.submit-inpt{
		margin-left:2.5%;
	}
	/*blok_3*/
	#budem {padding:4px;}
}

/* конец - моя адаптация*/