@import 'reset.css';
@font-face {
    font-family: 'robotoregular';
    src: url('../css/fonts/roboto-regular_allfont.ru-webfont.eot');
    src: url('../css/fonts/roboto-regular_allfont.ru-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/roboto-regular_allfont.ru-webfont.woff2') format('woff2'),
         url('../css/fonts/roboto-regular_allfont.ru-webfont.woff') format('woff'),
         url('../css/fonts/roboto-regular_allfont.ru-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "BitterRegular";
    src: url("../css/fonts/BitterRegular.eot");
    src: url("../css/fonts/BitterRegular.eot?#iefix")format("embedded-opentype"),
    url("../css/fonts/BitterRegular.woff") format("woff"),
    url("../css/fonts/BitterRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
.d-ib(){
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.hide{
	display:none;
}
body{
	background: #E2E1DD;
}
.wrapper{
	width: 1001px;
	margin: 0 auto;
	header{
		font-size: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
		.logo{
			.d-ib();
			margin-right: 20px;
			a{
				background: url(../img/logo.jpg) no-repeat;
				width: 130px;
				height: 130px;
				display: block;
			}
		}
		.right_header{
			background: #f7fafb;
			width: 851px;
			height: 130px;
			.d-ib();
			padding-left: 27px;
			.logo_2{
				padding-top: 10px;
				.d-ib();
				a{
					text-decoration: none;
					.title{
						font-size: 36px;
						color: #E4183B;
						font-family: "BitterRegular";
						border-bottom: 4px solid #006EA3;
						width: 379px;
						display: block;
						padding-bottom: 12px;
						margin-bottom: 16px;
					}
					.subtitle{
						font-size: 18px;
						color: #2B3D50;
						line-height: 18px;
						font-family: 'robotoregular';
					}
				}
			}
			.contacts{
				float: right;
				margin-right: 22px;
				margin-top: 16px;
				text-align: right;
				font-family: "BitterRegular";
				.phone{
					font-size: 24px;
					color: #364050;
					margin-bottom: 13px;
				}
				.city{
					font-size: 18px;
					color: #364050;
				}
				.mail{
						font-size: 18px;
						color: #364050;
						text-decoration: none;
				}
			}
		}
	}
	.middle{
		.slider_container{
			width: 500px;
			height: 310px;
			position: relative;
			overflow: hidden;
			float: left;
			margin-bottom: 20px;
			.cycle-pager{
				position: absolute;
				bottom: 20px;
				right: 7px;
				z-index: 999;
				font-size: 0px;

				span{
					font-size: 0px;
					background: url(../img/pager.jpg) no-repeat;
					width: 21px;
					height: 21px;
					margin-right: 15px;
					.d-ib();
					cursor:pointer;
				}
				.cycle-pager-active{
					background: url(../img/pager_a.jpg) no-repeat;
				}
			}
		}
		.right_middle{
			float: right;
			width: 481px;
			.bg_white{
				background: #fff;
				padding-left: 20px;
				padding-top: 15px;
				padding-right: 21px;
				width: 480px;
				height: 220px;
				overflow: hidden;
				margin-bottom: 20px;
				.title{
					font-size: 24px;
					color: #E4183B;
					font-family: "BitterRegular";
					margin-bottom: 14px;
				}
				.subtitle{
					font-size: 18px;
					color: #364050;
					font-family: 'robotoregular';
					margin-bottom: 4px;
				}
				.text{
					font-size: 14px;
					color: #364050;
					font-family: 'robotoregular';
					line-height: 18px;
					text-align: justify;
				}
			}
			.btn_z{
				width: 370px;
				height: 70px;
				background: #E4183B;
				font-size: 30px;
				color: #fff;
				text-align: center;
				line-height: 63px;
				cursor: pointer;
				font-family: 'robotoregular';
				.d-ib();
			}
			.btn_z2{
				background: url(../img/mail.jpg) no-repeat;
				width: 90px;
				height: 70px;
				float: right;
			}
			.window_2{
				.btn_send{
					.d-ib();
					input{
						width: 370px;
						height: 70px;
						background: #E4183B;
						font-size: 30px;
						color: #fff;
						text-align: center;
						line-height: 63px;
						cursor: pointer;
						font-family: 'robotoregular';
						display: block;
						border: none;
					}
				}
				.btn_send_2{
					background: url(../img/mail2.jpg) no-repeat;
					width: 90px;
					height: 70px;
					float: right;
				}
				.left_form{
					float: left;
					margin-right: 26px;
					.label{
						font-size: 18px;
						color: #364050;
						line-height: 28px;
						font-family: 'robotoregular';
						margin-bottom: 7px;
					}
					input[type="text"]{
						width: 200px;
						height: 22px;
						border: none;
						background: #e1e0dd;
						font-size: 14px;
						font-family: 'robotoregular';
						padding-left: 8px;
						margin-bottom: 24px;
					}

				}
				.right_form{
					margin-top: 39px;
					float: left;
					width: 213px;
					.checky{
						margin-bottom: 18px;
					}
					input[type="checkbox"] {
							display: none;
						}
						label:before {
							content: "";
							display: inline-block;

							width: 22px;
							height: 22px;

							margin-right: 10px;
							position: absolute;
							left: 0;
							bottom: 1px;
							background: url(../img/check.jpg) no-repeat;
						}

						.radio label:before {
							border-radius: 8px;
						}
						.checkbox label {
							margin-bottom: 10px;
						}
						.checkbox label:before {
						    border-radius: 3px;
						}

						input[type="checkbox"]:checked + label:before {
						    background: url(../img/check_a.jpg) no-repeat !important;
						    color: #f3f3f3;
						    font-size: 30px;
						    text-align: center;
						    line-height: 18px;
						}
						label {
							display: inline-block;
							cursor: pointer;
							position: relative;
							padding-left: 41px;
							font-size: 14px;
							font-family: 'robotoregular';
						}
				}
			}
			.window_2{
				display: none;
			}
		}
		.one_block{
			width: 320px;
			margin-bottom: 20px;
			float: left;	
			margin-right: 20px;	
			.top{
				background: #0078AF;
				height: 95px;
				color: #fff;
				padding-left: 20px;
				padding-top: 25px;
				font-size: 24px;
				line-height: 24px;
				 font-family: "BitterRegular";
			}
			.full{
				height: 365px;
				background: #fff;
				border-bottom: 20px solid #2B3D50;
				font-family: 'robotoregular';
				padding-left: 20px;
				padding-right: 20px;
				padding-top: 16px;
				font-size: 12px;
				display: none;
				.titles{
					font-size: 14px;
					line-height: 18px;
					margin-bottom: 17px;
				}
				p{
					line-height: 14px;
					margin-bottom: 17px;
					font-size: 12px;
				}
				.bord2{
						height: 4px;
						display: block;
						background: #E4183B;
						margin-bottom: 18px;
				}
			}
			.bottom	{
				background: #006EA3;
				height: 95px;
				padding-top: 8px;
				.btn_more{
					background: #E4183B url(../img/arrow.png) 255px no-repeat;
					color: #fff;
					font-size: 12px;
					font-family: 'robotoregular';
					width: 280px;
					text-align: center;
					height: 24px;
					line-height: 20px;
					margin: 0 auto;
					cursor: pointer;
					margin-bottom: 12px;
					display: none;
				}
				.bord{
					height: 24px;
					width: 280px;
					text-align: center;
					margin: 0 auto;
					cursor: pointer;
					margin-bottom: 12px;
					padding-top: 10px;

					span{
						height: 4px;
						display: block;
						background: #E4183B;
					}
				}
				.subtitle{
					font-size: 12px;
					line-height: 18px;
					font-family: 'robotoregular';
					color: #fff;
					padding-left: 20px;
				}
			}
		}
		.mr{
			margin-right: 0;
			float: right;
		}
		.one_block:hover .bord{
			display: none;
		}
		.one_block:hover .btn_more{
			display: block;
		}
	}
	footer{
		height: 230px;
		background: #fff;
		margin-bottom: 40px;
		padding-top: 20px;
		.left_footer{
			padding-left: 23px;
			width: 488px;
			margin-right: 74px;
			.d-ib();
			.title{
				font-size: 24px;
				color: #E4183B;
				font-family: "BitterRegular";
				line-height: 24px;
				margin-bottom: 17px;
			}
			.subtitle{
				color: #364050;
				font-size: 18px;
				line-height: 24px;
				font-family: 'robotoregular';
				margin-bottom: 6px;
			}
			.text{
				color: #364050;
				font-size: 14px;
				line-height: 18px;
				font-family: 'robotoregular';
				text-align: justify;
			}
		}
		.right_footer{
			.d-ib();
			width: 339px;
			.title{
								font-size: 24px;
				color: #E4183B;
				font-family: "BitterRegular";
				line-height: 24px;
				margin-bottom: 17px;
			}
			.subtitle{
				font-size: 18px;
				font-family: 'robotoregular';
				color: #364050;
				margin-bottom: 10px;
			}
			.counters{
				font-size: 0px;
				margin-bottom: 13px;
				.count{
					width: 37px;
					height: 54px;
					font-family: "BitterRegular";
					color: #fff;
					padding-left: 9px;
					padding-top: 5px;
					font-size: 36px;
					background: url(../img/count.png) no-repeat;
					.d-ib();
				}
			}
			.text{
				font-size: 14px;
				line-height: 23px;
				color: #364050;
				font-family: 'robotoregular';
			}
		}
	}
}