@charset "utf-8";
@import url("reset.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900&subset=cyrillic');
img, object, embed, video { max-width: 100%; }
.owl-wrapper img {width:100%;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width:100%; }
.b4-gallery { text-align: center; }
		.b4-gallery a { display: inline-block; width: 20%; margin: 0 0.7% 20px 0; }
		.b4-gallery a:last-child { margin-right: 0; }
input, button, a { -webkit-transition: all 300ms; transition: all 300ms; }
iframe{margin-top:20px; border:3px solid #f68b1f; float:left; width:550px;}
#fr1{margin-right:30px}

body { font-family: 'Roboto', sans-serif; font-size: 16px; background: #fff; line-height: 1.1; }
.container { max-width: 960px; margin: 0 auto; padding: 0 10px; }
input, textarea, button { font-family: 'Roboto', sans-serif; }


.header { width: 100%; display: inline-block; padding: 14px 0 19px; }
	.h_logo { float: left; }
		.h_logo a { text-decoration: none; }
			.h_logo img { float: left; }
			.logo_desc { float: left; margin: 12px 0 0 0; padding: 0 0 0 60px; font-size: 16px; color: #000; font-weight: 300; line-height: 21px; }
	.h_phone { float: right; text-align: right; padding: 7px 0 0;font-weight: 300; }
		.h_phone a { display: inline; font-size: 16px; line-height: 21px; color: #000; font-weight: 300; margin: 3px 0; text-decoration: none; }


.block1 { width: 100%; height: 400px; display: inline-block; background: url(../img/bg1.jpg) repeat top center; padding: 50px 0 67px; }
	.b1_left { float: left; width: 50%; text-align: center; }
		.b1_title { text-shadow: 2px 2px 1px #333; font-size: 46px; font-weight: 700; color: #fff; text-transform: uppercase; line-height: 74px; padding: 75px 0 27px; }
			.b1_title b { font-size: 100px; display: inline-block; }
		.b1_col { font-size: 76px; font-weight: 700; line-height: 86px; color: #ff050c; background: #fff; display: inline-block; padding: 0 21px; border-radius: 18px; }
		.b1_desc { font-size: 20px; color: #fff; font-weight: 700; line-height: 24px; padding: 9px 0 0 0; }
	.b1_form { float: right; width: 38.54%; margin: 60px 5.9% 0 0; }
		.bg_form { width: 100%; padding: 20px 10px 20px; box-sizing: border-box; background: rgba(255,255,255,0.85); text-align: center; border-radius: 2px; }
			.form_title { font-size: 24px; color: #000; font-weight: 700; text-transform: uppercase; line-height: 24px; }
			.form_desc { font-size: 13px; color: #222; text-transform: uppercase; line-height: 17px; padding: 0 0 27px; }
			input[type="text"] { width: 290px; display: inline-block; margin: 0 0 18px; background: #fff; box-sizing: border-box; padding: 0 10px; height: 36px; border-radius: 2px; font-size: 16px; color: #000; }
			input[type="text"]:focus { box-shadow: 0 0 2px #a8d8ff; }
			::-webkit-input-placeholder {color:#000;}
			::-moz-placeholder          {color:#000;}/* Firefox 19+ */
			:-moz-placeholder           {color:#000;}/* Firefox 18- */
			:-ms-input-placeholder      {color:#000;}
			input[type="text"].error { border: 1px solid #f00; }
			button[type="submit"] { width: 290px; height: 52px; margin: 7px 0 0; outline: none; border: none; border-radius: 2px; color: #fff; font-size: 16px; text-transform: uppercase; background: #f6a808; cursor: pointer; }
			button[type="submit"]:hover { background: #d69207; }


.block2 { width: 100%; display: inline-block; padding: 92px 0 60px; }
	.b2_list { margin: 0 -10px; font-size: 0; text-align: center; }
		.b2_item { display: inline-block; width: 19%; margin-right: 1%; height: 120px; font-size: 13px; box-sizing: border-box; padding: 0 10px;}
			.b2_item .title { font-size: 48px; color: #f6a808; font-weight: 700; line-height: 48px; padding: 0 0 15px; text-transform: uppercase; }
				.b2_item .title small { font-size: 18px; font-weight: 900; line-height: 18px; position: relative; top: 26px; }
			.b2_item .text { font-size: 12px; line-height: 24px; color:#3e3e3e; text-transform: uppercase; }


.block3 { width: 100%; display: inline-block; }
	.b3_line { width: 100%; display: inline-block; margin: 0 0 2px; }
		.b3_item_left { width: 50%; cursor: pointer; float: left; height: 411px; box-sizing: border-box; background-position: top right; background-repeat: no-repeat; padding: 84px 0 0 150px; background-size: cover;}
		.b3_item_right { width: 50%; cursor: pointer; float: right; height: 411px; box-sizing: border-box; background-position: top left 1px; background-repeat: no-repeat; padding: 84px 0 0 126px;
		background-size: cover; }
		.b3_item_full { width: 100%; cursor: pointer; height: 411px; box-sizing: border-box; background-position: top center; background-repeat: no-repeat; padding: 74px 0 0; text-align: center; }
			.b3_item_container { display: inline-block; text-align: left; max-width: 300px;}
				.b3_item_container .title { text-shadow: 1px 1px 1px black; font-size: 44px; color: #fff; font-weight: 700; line-height: 44px; padding: 0 0 27px; }
				.b3_item_container .price { text-shadow: 1px 1px 1px black; padding: 0 0 9px; }
					.b3_item_container .price_line { display: inline-block; padding: 0 0 24px; }
						.b3_item_container .price_stars { float: left; width: 183px; height: 24px; }
							.b3_item_container .price_stars span { width: 19px; height: 17px; display: inline-block; margin: 4.5px 6px 0 0; background: url(../img/ico01.png) 0 0; }
						.b3_item_container .price_price { float: left; font-size: 24px; color: #fff; font-weight: 700; line-height: 24px; }
				.b3_item_container .button a { display: inline-block; font-size: 16px; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 20px; padding: 17px 58px 17px; background: #f6a808; border-radius: 2px; } 
				.b3_item_container .button a:hover { background: #f68b1f; }


.block4 { width: 100%; display: inline-block; background: url(../img/bg2.jpg) no-repeat top center; padding: 95px 0; border-top: 15px solid #fff; }
	.b4_form_title { font-size: 39.79px; color: #fff; font-weight: 700; line-height: 42.27px; padding: 0 0 82px; text-align: center; }
	.b4_form_container { max-width: 290px; margin: 0 auto; }


.block5 { width: 100%; display: inline-block; padding: 78px 0 56px; }
	.b5_list { margin: 0 -10px; text-align: center; font-size: 0; position: relative; }
		.b5_list:after { content: ' '; position: absolute; left: 10%; right: 10%; top: 79px; height: 2px; background: #d1d1d1; z-index: 1; }
		.b5_item { width: 20%; display: inline-block; font-size: 14px; box-sizing: border-box; padding: 0 15px; }
			.b5_item .ico { line-height: 54px; padding: 0 0 31px; position: relative; margin: 0 0 44px; }
				.b5_item .ico img { vertical-align: middle; }
				.b5_item .ico:after { content: ' '; width: 10px; height: 10px; border-radius: 50%; background: #ff050c; position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -5px; z-index: 2; } 
			.b5_item .text { font-size: 14px; color: #3e3e3e; line-height: 24px; }


.block6 { width: 100%; display: inline-block; background: url(../img/bg3.jpg) no-repeat top center; padding: 83px 0 63px; }
	.b6_title { font-size: 39.79px; color: #fff; font-weight: 700; line-height: 42.27px; padding: 0 0 30px; text-align: center; }
	.b6_button { text-align: center; }
		.b6_button a { display: inline-block; font-size: 16px; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 20px; padding: 15px 74px 17px; background: #f6a808; border-radius: 9px; } 
		.b6_button a:hover { background: #f68b1f; }


.block7 { width: 100%; display: inline-block; padding: 52px 0; }
	.b7_title { font-size: 30px; color: #2d2d2d; font-weight: 700; text-transform: uppercase; padding: 0 0 45px; text-align: center; }
	.b7_list { text-align: center; font-size: 0; }
		.b7_item { text-align: left; display: inline-block; box-sizing: border-box; padding: 23px 17px; min-height: 540px; box-shadow: 0 0 49px rgba(0,0,0,0.25); background: #fff; font-size: 14px; width: 31.88%; margin: 0 2.18% 22px 0;  }
		.b7_item:nth-child(3n) { margin-right: 0; }
			.b7_item .name { font-size: 18px; color: #2d2d2d; font-weight: 700; line-height: 20px; padding: 0 0 14px; }
			.b7_item .text p { font-size: 14px; color: #a2a2a2; line-height: 24px; padding: 0 0 24px; }


.block8 { width: 100%; display: inline-block; }
	.b8_title { font-size: 30px; color: #2d2d2d; font-weight: 700; padding: 0 0 36px; text-transform: uppercase; text-align: center; }
	/*carousel*/
	.carousel-wrap {	max-width: 1230px; margin: 0 auto; z-index: 1; position: relative;}
	.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
	.owl-carousel{display: none;position: relative;width: 100%;	-ms-touch-action: pan-y;}
	.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
	.owl-carousel .owl-wrapper-outer{overflow: hidden;	position: relative;	width: 100%;}
	.owl-carousel .owl-wrapper-outer.autoHeight{	-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;	-ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
	.owl-carousel .owl-item{	float: left;}
	.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;}
	.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.grabbing { cursor:url(grabbing.png) 8 8, move;}
	.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
	.owl-prev { top: 0; bottom: 0; left: 0; width: 11.3%; background: rgba(0,0,0,0.43) url(../img/arrow_left.png) no-repeat center center; position: absolute; z-index: 10; outline: none; cursor: pointer; font-size: 0; text-indent: -9999px; margin: 0; -webkit-transition: all 300ms; transition: all 300ms; }
	.owl-next { top: 0; bottom: 0; right: 0; width: 11.3%; background: rgba(0,0,0,0.43) url(../img/arrow_right.png) no-repeat center center; position: absolute; z-index: 10; outline: none; cursor: pointer; font-size: 0; text-indent: -9999px; margin: 0; -webkit-transition: all 300ms; transition: all 300ms; }
	.owl-prev:hover, .owl-next:hover { background-color: rgba(0,0,0,0.6); }
	.owl-pagination { position: absolute; left: 12%; right: 12%; text-align: center; bottom: 55px; }
		.owl-page { width: 15px; height: 15px; display: inline-block; margin: 0 4px; border-radius: 50%; cursor: pointer; background: rgba(255,255,255,0.65); }
		.owl-page.active { background: #ff050c; }


.block9 { width: 100%; display: inline-block; padding: 95px 0 100px; }
	.b9_title { font-size: 30px; color: #2d2d2d; font-weight: 700; text-align: center; text-transform: uppercase; padding: 0 0 90px; }
		.b9_title span { color: #ff050c; }
	.b9_list { font-size: 0; text-align: center; }
		.b9_item { width: 50%; display: inline-block; box-sizing: border-box; position: relative; padding: 0 5% 95px 0; text-align: right; }
		.b9_item:nth-child(2n) { text-align: left; padding: 0 0 95px 5%; }
			.b9_item:after { content: '1'; color: #ffbec0; font-size: 280px; line-height: 280px; z-index: 1; position: absolute; top: -60px; right: 3.5%; }
			.b9_item:nth-child(2n):after { right: auto; left: 3.5%; }
			.b9_item:nth-child(2):after { content: '2'; }
			.b9_item:nth-child(3):after { content: '3'; }
			.b9_item:nth-child(4):after { content: '4'; }
			.b9_item:nth-child(5):after { content: '5'; }
			.b9_item:nth-child(6):after { content: '6'; }
			.b9_item:nth-child(7):after { content: '7'; }
			.b9_item:nth-child(8):after { content: '8'; }
			.b9_item:nth-child(9):after { content: '9'; }
			.b9_item:nth-child(10):after { content: '10'; }
			.b9_item .title { font-size: 22px; color: #000; font-weight: 700; padding: 0 0 33px; position: relative; z-index: 2; }
			.b9_item .text { font-size: 16px; line-height: 31px; color: #5d5d5d; position: relative; z-index: 2; }
	.b9_button { text-align: center; margin: -20px 0 0; }
		.b9_button a { display: inline-block; font-size: 16px; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 20px; padding: 15px 70px 17px; background: #f6a808; border-radius: 9px; } 
		.b9_button a:hover { background: #f68b1f; }


.block10 { width: 100%; display: inline-block; background: #f6f6f6; padding: 62px 0; }
	.b10_left { width: 41.66%; float: left; text-align: right; padding: 68px 0 0; }
	.b10_right { width: 48.95%; float: right; }
		.b10_right .title { font-size: 48px; color: #000; line-height: 50px; font-weight: 700; text-transform: uppercase; padding: 0 0 28px; }
		.b10_right .text p { font-size: 14px; color: #000; line-height: 18px; padding: 0 0 18px; }


.block11 { height: 635px; background:url(../img/map.png) no-repeat;  background-size: cover;}


.footer { padding: 65px 0 45px; width: 100%; display: inline-block; }
	.f_left { float: left; }
		.f_logo { padding: 0 0 22px; width: 240px; display: inline-block; }
			.f_logo img { float: left; margin: 0 21px 0 0; }
			.f_gravik { float: left; margin: 26px 0 0; font-size: 18.85px; line-height: 32px; font-weight: 300; color: #000; }
		.f_adres { font-size: 14px; color: #000; font-weight: 300; }
	.f_right { float: right; text-align: right; }
		.f_phone { padding: 21px 0 0; }
			.f_phone a { display: block; font-size: 14px; line-height: 18px; color: #000; font-weight: 300; margin: 3px 0; text-decoration: none; }
		.f_copyright { font-size: 12px; color: #686868; font-weight: 300; padding: 25px 0 0; }


.popup_form { width: 370px; background: #fff; border-radius: 8px; }
	.popup_form .bg_form { background: none; }
		.popup_form .form_title, .popup_form .form_desc { color: #000; }
		.popup_form input[type="text"] { border: 1px solid #969696; height: 30px; }


@media only screen and (max-width: 999px) {
	iframe{width: 100%;
    height: 50%; float;none}
#fr1{margin-right:0}
	.logo_desc { padding: 0 0 0 40px; }
	
	.b1_form { width: 44.5%; margin: 0; }
	.b1_col { font-size: 68px; }
	.b1_desc { font-size: 18px; }
	
	.block2 { padding: 60px 0; }
	
	.b3_item_left, .b3_item_right { padding-left: 40px; }
	
	.block4 { padding: 75px 0; }
	
	.b10_left { width: 30%; }
	.b10_right { width: 65%; }
	
	.block11 { height: 400px; background:url(../img/map-m.jpg) no-repeat;  background-size: cover; }
	
	.footer { padding: 35px 0; }
	
	
}


@media only screen and (max-width: 770px) {
	
	.container { max-width: 350px; }
	
	.header { padding: 18px 0 14px; text-align: center; }
		.h_logo { float: none; display: inline-block; text-align: left; }
			.h_logo img { max-width: 46px; }
			.logo_desc { padding: 0 0 0 25px; margin: 0; font-size: 12px; line-height: 19px; }
		.h_phone { float: none; text-align: center; }
	
	.block1 { background: url(../img/bg1_mob.png) no-repeat top center; background-size: 100% auto; padding: 40px 0 232px; }
		.b1_left { float: none; width: 100%; display: inline-block; }
			.b1_title { font-size: 27px; line-height: 60px; padding: 0 0 17px; }
				.b1_title b { font-size: 61px; }
			.b1_col { font-size: 58px; line-height: 65px; padding: 0; width: 100%; }
			.b1_desc { font-size: 15px; line-height: 18px; padding: 8px 0 16px; }
		.b1_form { width: 100%; display: inline-block; float: none; }
			.form_desc { font-size: 12px; padding: 0 0 25px; }
			input[type="text"], button[type="submit"] { width: 100%; }
	
	.block2 { padding: 60px 0 0; }
		.b2_list { margin: 0 auto; max-width: 200px; }
			.b2_item { width: 100%; padding: 0 0 35px; }
	
	.b3_line { margin: 0; }
		.b3_item_left, .b3_item_right, .b3_item_full { width: 100%; float: none; padding: 74px 10px; background-position: top center; margin: 0 0 2px; text-align: left; }
	
	.block4 { padding: 50px 0 90px; }
		.b4_form_title { font-size: 22px; line-height: 30px; padding: 0 0 19px; }
			.b4_form_title br { display: none; }
	
	.block5 { padding: 30px 0 0; }
		.b5_list:after, .b5_item .ico:after { content: none; }
			.b5_item { width: 50%; margin: 0 0 62px; padding: 0 10px; }
				.b5_item .ico { padding: 0 0 25px; margin: 0; }
				.b5_item .text br { display: none; }
	
	.block6 { padding: 35px 0 49px; background: url(../img/bg3_mob.jpg) no-repeat top center; background-size: 100% auto; }
		.b6_title { font-size: 29px; line-height: 42px; padding: 0 0 30px; }
	
	.block7 { padding: 38px 0 15px; }
		.b7_title { line-height: 42px; padding: 0 0 30px; }
			.b7_item { width: 100%; margin: 0 0 26px; min-height: 0;}
	
	.b8_title { font-size: 24px; line-height: 30px; padding: 0 0 24px; }
		.owl-prev, .owl-next { display: none; }
		.owl-pagination { bottom: 25px; }
	
	.block9 { padding: 37px 0 77px; }
		.b9_title { font-size: 24px; line-height: 30px; padding: 0 0 45px; }
		.b9_item, .b9_item:nth-child(2n) { width: 100%; padding: 0; margin: 0 0 55px; text-align: left; }
			.b9_item:after, .b9_item:nth-child(2n):after { right: 20px; left: auto; }
		.b9_button { margin: 0; }
	
	.block10 { padding: 0 0 40px; background: transparent; }
		.b10_left { width: 100%; float: none; text-align: center; padding: 0 0 60px; }
		.b10_right { width: 100%; float: none; }
			.b10_right .title { font-size: 30px; line-height: 34px; padding: 0 0 35px; }
	
	.block11 { height: 400px; }
	
	.footer { padding: 73px 0 20px; text-align: center; }
		.f_left { float: none; }
			.f_logo { text-align: left; }
		.f_right { float: none; text-align: center; }
			.f_phone { padding: 65px 0 0; }
			.f_copyright { margin: 0 -5px; }
	
	.popup_form { width: 280px; }
	
}