html, body{ margin:0 auto; padding:0px; font-family:Arial, sans-serif;}


.galery_image{width:220px; height:160px; display:inline-block; background-size: cover; background-repeat: no-repeat; background-position: center;}
#galery{display:inline-block; margin:10px; vertical-align: top;}

* {box-sizing:border-box;}

header{ 
	width:100%; 
	height:auto; 
	text-align:center; 
	padding:20px 0px; 
	position: absolute; 
	top: 0;
	right:0;
	left: 0;
	z-index: 1;
	background-color: rgba(5,17,62,0.5);
	border-bottom: 3px solid #adc1df;
}

.head{ 
	width:100%; 
	height:auto; 
	text-align:center; 
	padding:20px 0px; 
	background-color: rgb(5,17,62);
	border-bottom: 3px solid #adc1df;
}

nav{ width:100%; height:100%; text-align:center; background:#fed72c;}
main{ width:100%; height:100%; text-align:center; margin:20px 0px;}
footer{ width:100%; height:100%; text-align:center; background:#05113e; padding:20px 0px;}

.container{ width:1198px; margin:0 auto; vertical-align:top;}
.container2{ width:1024px; margin:0 auto; vertical-align:top;}
.clearfix::after{content:''; display:block; clear:both;}
.bg {
	padding: 50px 0;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.bg_map{
	background-image: url(images/bg_map.png);
}
.bg_advant {
	background-image: url(images/bg_advant.jpg);
}
.bg_opinion {
	background-image: url(images/bg_opinion.jpg);
}
.bg_calc {
	background-image: url(images/bg_calc.jpg);
}
.bg_contact {
	background-image: url(images/bg_contact.jpg);
	height: 100vh;
}
.caption {
	text-transform: uppercase;
	text-align: center;
	font-size: 36px;
	margin-bottom: 30px;
}
.caption::after {
	content: '';
	display: block;
	background-image: url(images/line.png);
	width: 460px;
	height: 26px;
    margin-left: 50%;
    transform: translateX(-50%);
}
.caption2 {
	text-transform: uppercase;
	text-align: center;
	font-size: 36px;
	margin-bottom: 30px;
	color: #fff;
}
.caption2::after {
	content: '';
	display: block;
	background-image: url(images/line.png);
	width: 460px;
	height: 26px;
    margin-left: 50%;
    transform: translateX(-50%);
}
.logoblock {
	width: 33%;
	float: left;
	display: block;
	text-decoration: none;
}
.logo{background:url(images/logo.png); 
	background-repeat: no-repeat;
	background-position: top left;
	width:235px; 
	height:75px; 
	text-align:left; 
	background-size: contain;
	float: left;
}
.devis {
	width: 33%;
	text-align: center;
	float: left;
	margin-top: 25px;
}
.one_line {
	text-transform: uppercase;
	font-size: 19px;
	background: rgb(255,236,152); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,236,152,1) 0%, rgba(253,213,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec98', endColorstr='#fdd526',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #b5a525;
}
.two_line {
	color: #fff;
	font-size: 18px;
}
.call{width:33%; 
	text-align:right; 
	float:right;
}

.phone{display:block; 
	font-size:20px; 
	text-align:right;
	background: rgb(255,236,152); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,236,152,1) 0%, rgba(253,213,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec98', endColorstr='#fdd526',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #b5a525;
}
.call_us {
	font-size: 14px;
	color: #fff;
}
.call_us::before{
	content: '';
	display: inline-block;
	background-image: url(images/mail.png);
	width: 20px;
	height: 16px;
	margin-right: 5px;
	transform: translateY(3px);
}
.adress{font-size:12px!important; text-decoration:underline; text-align:right;}
.banner {
	width: 100%;
	height: 100vh;
	background-image: url(images/banner.jpg);
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.descript {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	width: 100%;
	padding: 15px;
	background-color: rgba(5,17,62,0.7);
	border-top: 3px solid #b5a525;
	border-bottom: 3px solid #b5a525;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffec98+0,fdd526+100 */

}
.descript span{
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 38px;
	background: rgb(255,236,152); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,236,152,1) 0%, rgba(253,213,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec98', endColorstr='#fdd526',GradientType=0 ); /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #b5a525;
}

.under_descript {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 73%;
}

.to_down {
	background-image: url(images/to_down.png);
	width: 46px;
	height: 34px;
	position: absolute;
	top: 88%;
	left: 50%;
	transform: translateX(-50%);
}
.services_block {
text-align: center;
}
.services {
	width: 33%;
	display: inline-block;
	float: left;
	padding: 25px 80px;
	text-align: center;
	text-transform: uppercase;
	height: 280px;
}
.services_img {
	width: 160px;
	height: 160px;
	background-repeat: no-repeat;
	margin-left: 50%;
	transform: translateX(-50%);
	position: relative;
	background-size: cover;
	margin-bottom: 25px;
	border-radius: 50%;
}
.services_img::after {
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	right: -5px;
	bottom:-5px;
	left: -5px;
	border: 10px solid #0b2c84;
	border-radius: 50%;
}
.services_name {
	text-decoration: none;
}


.advant {
	width: 40%;
	padding: 7px 10px;
	border-radius: 20px;
	text-transform: uppercase;
	background: rgb(255,236,152); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,236,152,1) 0%, rgba(253,213,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec98', endColorstr='#fdd526',GradientType=0 ); /* IE6-9 */
    
    margin: 25px 50px;
    display: inline-block;
}

.advant_name{
    transform: translateY(-20px);
    display: inline-block;
    margin-left: 20px;
    font-weight: bold;
    color: #032687;
}
.calc_fon {
	background-color: #0b2c84;
	border: 3px solid #f5f5f5;
	width: 500px;
	height: auto;
	border-radius: 20px;
	margin-left: 50%;
	transform: translateX(-50%);
	padding: 20px;
}
.formglav {
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	border: none;
}
.formglav1 {
	width: 30%;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	border: none;
}
.calc_cod {
	color: #fff;
}
.formglav_but {
	margin-left: 18px;
	width: 55% !important;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	background: -moz-linear-gradient(top, rgba(255,236,152,1) 0%, rgba(253,213,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec98', endColorstr='#fdd526',GradientType=0 ); /* IE6-9 */
    border: none;
}
.calc_text {text-align: center;
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
}
input#c1 {
	transform: translateY(19px);
    margin-left: 35px;
}
.opinion {
	width: 100%;
	text-align: center;
	background-color: #fff;
	border-radius: 15px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	padding: 10px;
}
.opinion_img {
	width: 100%;
	height: 150px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.all_opinion {
	display: inline-block;
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 15px;
	background: -moz-linear-gradient(top, rgba(255,236,152,1) 0%, rgba(253,213,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec98', endColorstr='#fdd526',GradientType=0 ); /* IE6-9 */
        margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
}
.call_us2 {
	padding: 10px 20px;
	border-radius: 15px;
	text-decoration: none;
	display: inline-block;
	background: -moz-linear-gradient(top, rgba(255,236,152,1) 0%, rgba(253,213,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec98', endColorstr='#fdd526',GradientType=0 ); /* IE6-9 */
}

.footer_name, .footer_phone {
	font-size: 24px;
	font-weight: bold;
	display: block;
	/*margin-bottom: 20px;*/
}
.footer_phone  {
	margin: 20px 0;
}

.menu1{width:1024px; height:auto; text-align:center; margin:0px auto; padding:10px 0px;}
.menu1 a{font-size:16px; margin:0px 15px; display:inline-block; text-decoration:none; color:#000;}
.menu1 #active, .menu1 a:hover{text-decoration:underline; color:#000;}

.left{ width:25%; text-align:left; float:left;}
.right{ width:72%; text-align:right; float:right;}
.content{text-align:left; overflow: hidden;}

.menu2{}
.menu2 a{ font-size:16px; text-decoration:none; color:#000; padding:10px; min-height:25px; display:block; background: #e0eef1;}
.menu2 a:hover{text-decoration:underline; }

.news{background: #f0f0f0; padding: 10px; text-align:center;}
.news_zagol{font-size:18px; }
.news_all{font-size:14px; margin-bottom:20px;}
.news_all a{color:#000; text-decoration:underline;}

.news_fon{margin-bottom:25px; width:150px; display:inline-block;}
.news_image_fon{width:100%; height:100%; vertical-align:top; display:inline-block;}
.news_image{width:150px; height:150px; display:inline-block; background-size: cover; background-repeat: no-repeat; background-position: center;}
.news_name_fon{margin-top:10px; text-align:left;}
.news_name{font-size:16px; font-weight:bold; }
.news_name a{color:#000; text-decoration:none;}
.news_text{margin-bottom:10px; font-size:14px;}
.news_text a{ text-decoration:none;  }
.data{font-size:12px; padding-top:5px; color:#bdbdbd; }
.news_podrobnee{font-size:14px; font-weight:bold; }
.news_podrobnee a{text-decoration:underline; color:#000;}

#socsety{width:30%; text-align:center; display:inline-block;}

.vk{background:url(images/vk.png) no-repeat top center;}
.odn{background:url(images/odn.png) no-repeat top center;}
.insta{background:url(images/insta.png) no-repeat top center;}
.fb{background:url(images/fb.png) no-repeat top center;}
.twitter{background:url(images/twitter.png) no-repeat top center;}
.youtube{background:url(images/youtube.png) no-repeat top center;}
.vk, .odn, .insta, .fb, .twitter, .youtube{display:inline-block; width:40px; height:40px;}

.tema{color:#fff; font-size:14px; text-align:center; margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:15px;}
#contact_inform{width:34%; text-align:left; color:#fff; font-size:14px; display:inline-block; float:left;}
#copyright{width:34%; text-align:right; display:inline-block; float:right;}
#copyright a{text-decoration:none; color:#fff; font-size:13px; }
.izumno_logo{background:url(images/izumno_logo.png) no-repeat top center; width:106px; height:47px; float:right;}

a{color:#000;}
p, ul, ol, li{font-size:14px; line-height:20px}
h1{font-size:20px; font-weight:normal; margin-bottom:30px; }
h2{font-size:18px; margin:10px 0}
h3{font-size:16px; margin:10px 0}
h4{font-size:14px; margin:10px 0}

label{font-size:12px;}
img{padding:0px; border:none}

.bloglp_fon{text-align:center; display:block; padding:60px 0px 0px 0px;}
.bloglp{vertical-align:top; width:380px; text-align:center; display:inline-block; margin-right:20px; margin-bottom:40px;}
.bloglp_image_fon{width:380px; height:160px; vertical-align:top;}
.bloglp_image{width:380px; height:160px; display:inline-block; background-size: cover; background-repeat: no-repeat; background-position: center;}
.bloglp_name{font-size:20px; text-align:center; color:#000; margin-top:20px;}

.obrsv_fon{width:420px;}
.obrsv_pole{font-size:16px; text-align:left; background:#fff; width:100%; padding:10px; border:1px solid #a8a8a8; margin-bottom:15px; font-family: "HelveticaLight";}
.obrsv_pole1{font-size:16px; text-align:left; background:#fff; width:100%; padding:10px; border:1px solid #a8a8a8; margin-bottom:15px; font-family: "HelveticaLight";}
.obrsv_cod{width:45px; height:42px; margin-right:22px; padding:10px; display:inline-block; border:1px solid #a8a8a8; font-family: "HelveticaLight"; position:relative; top:-2px; font-size:16px;}
.obrsv_otpravit{padding:10px; 
	background: -moz-linear-gradient(top, rgba(255,236,152,1) 0%, rgba(253,213,38,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,236,152,1) 0%,rgba(253,213,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec98', endColorstr='#fdd526',GradientType=0 ); /* IE6-9 */ 
    width:73%; 
    border-radius: 15px;
    border-style: none; 
    height:45px; 
    color:#000; 
    font-size:20px; 
    display:inline-block; 
    transition:1s;
}

.obrsv_otpravit[disabled]{
  background:#a9a9a9;
}
#blog_date{font-size:12px; display:block; margin-top:0px;}

#lpmenu1 {width:100%; height:5%; border-radius:10px; margin:0px 0px; display:inline-block; background-color:#d2d2d2; position:fixed; top:1%; left:0%; z-index: 100; margin: auto;}
#lpmenu1 a{font-size:20px; display:inline-block; text-decoration:none; padding-left:20px;}
#lpmenu2 {border-radius:10px; margin:0px 0px; display:inline-block; background-color:#d2d2d2; position:absolute; top:30%; left:0%;z-index: 100;margin: auto;}
#lpmenu2 a{font-size:20px; display:inline-block; text-decoration:none; padding-left:20px;}

.modalDialog {position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.58); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display:none; pointer-events:none;}
.modalDialog:target { display:block; pointer-events: auto; } 
.modalDialog > div {width: 400px; height: auto; position: relative; margin: 10% auto; padding: 20px; background: #bb001b;}
.close { background:#f65c1d;  color: #FFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;} 
.close:hover { background: #d22400; color: #fff; }





	@media screen and (max-width: 1024px){
		nav{ width:100%;}
		main{ width:100%;}
		footer{ width:100%;}

		.container{ width:95%; }
		.container2{ width:90%; }
		.bg_map{
			background-size: contain;
    		background-repeat: no-repeat;
		}
		.services {padding: 25px;}
		.advant {
			width: 47%;
			margin: 10px;
		}
		.advant_name {
			font-size: 15px;
		}
		.banner{
			height: 600px;
			background-repeat: no-repeat;
			background-position: center;
		}
		.bg_contact{
			height: 750px;
		}
		.menu1 {
			width: 100%;
		}
	}




		@media screen and (max-width: 768px){
		nav{ width:100%;}
		main{ width:100%;}
		footer{ width:100%;}

		.container{ width:95%; }
		.container2{ width:90%; }
		.bg_map{
			background-size: contain;
    		background-repeat: no-repeat;
		}
		.descript {
			top: 47%;
		}
		.services {padding: 25px;}
		.advant {
			width: 100%;
		}
		.advant_name {
			font-size: 15px;
		}
		.banner{
			height: 600px;
		}
		.bg_contact{
			height: 750px;
		}
		.left {
			width: 100%;
		}
		.right {
			width: 100%;
		}
	}



	@media screen and (max-width: 620px){
		.caption::after {
			width: 90%;
			background-size: contain;
		}
		.caption2::after {
			width: 90%;
			background-size: contain;
		}
		.logoblock {
			width: 100%;
		}
		.logo{
			background-position: center;
			width: 100%;
		}
		.devis {
			width: 100%;
			margin-top: 15px;
		}
		.phone {
			display: none;
		}
		.call {
			width: 100%;
			text-align: center;
			margin-top: 10px;
		}
		.descript span{
			font-size: 25px;
		}
		.under_descript {
			font-size: 14px;
		}
		.bg_map {
			background-size: cover;
		}
		.services {
			width: 46%;
			margin-right: 25px;
		}
		.services:nth-child(2n){
			margin-right: 0;
		}
		.advant {
			margin: 10px 0;
		}
		.advant_name {
			font-size: 13px;
		}
		.advant img {
			width: 13%;
		}

		.opinion_img {
			height: 65px;
		}
		.all_opinion {
			width: 75%;
			text-align: center;
			padding: 15px;
		}
		.calc_fon{
			width: 100%;
		}
		.formglav_but {
			width: 50%!important;
		}
		.menu1 a {
			margin:  3px 15px;
		}
		.obrsv_fon {
			width: 100%;
		}
		.obrsv_otpravit {
			width: 70%;
		}

		table {
			  width: 100% !important;
			  overflow-x: scroll;
		}
	}

		@media screen and (max-width: 450px){

			.services, .services:nth-child(2n){
				width: 46%;
    			display: inline-block;
    			margin: 0% 2% 2% 2%;
    			padding: 0px;
    			height: 240px;
			}

			.services_img{
				width: 120px;
    			height: 120px;
			}

			.services h3{
				font-size: 14px;
			}

			.advant img{
				width: 8%;
			}

			.advant_name{
				font-size: 12px;
				margin-left: 10px;
				transform: translateY(-10px);
			}

			.caption{
				font-size: 28px;
			}



		}