@font-face {
    font-family: Lato-Regular; /* Гарнитура шрифта */
	src: url('fonts/Lato-Regular.ttf');
	url('fonts/Lato-Regular.woff') format('woff'),
	url('fonts/Lato-Regular.ttf') format('truetype'),
	url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
   }
      @font-face {
    font-family: Lato-Light; /* Гарнитура шрифта */
	src: url('fonts/Lato-Light.ttf');
	url('fonts/Lato-Light.woff') format('woff'),
	url('fonts/Lato-Light.ttf') format('truetype'),
	url('fonts/Lato-Light.svg#Lato-Regular') format('svg');
   }
      @font-face {
    font-family: MagistralC; /* Гарнитура шрифта */
	src: url('fonts/MagistralC.ttf');
	url('fonts/MagistralC.woff') format('woff'),
	url('fonts/MagistralC.ttf') format('truetype'),
	url('fonts/MagistralC.svg#MagistralC') format('svg');
   }
body {font-family: Lato-Regular; font-size:17px; margin:0;padding:0;}
p, h1{padding: 0;margin: 0;}
h2{margin: 0;
font-size: 40px;
text-align: center;
padding: 40px 0;
font-weight: normal;}
a {color:#000; text-decoration:none;} a:hover {text-decoration:underline;}
.clear{clear:both;height: 0px;}
.clear.small{clear:both;height: 0px;}


.inner{width:1000px; margin:0 auto;}

.head{height:60px; background: transparent;margin-top: 40px;
position: absolute;
width: 100%;}
.logo {padding: 10px 0; float:left;}
.head ul {float:left;margin-top: 17px;}
.head ul li{list-style-type:none;float:left;margin:0 33px;}
.head ul li a {font-size:17px;}

.cont{font-size:23px; font-weight:bold; float: right;padding: 10px;background: #e91c23;}
.cont span{font-size:15px; font-weight:normal;}

.main{height: 490px;padding-top: 50px;
background-image: url('img/main.jpg');
background-repeat: no-repeat;
background-size: cover;background-position-x: center;}

.main .right{position: absolute;}

.maintr{width:360px;height:481px;background-image:url('img/form.png'); background-repeat:no-repeat;margin-top: 35px;padding-left: 68px;margin-left: 565px;padding-top: 18px;}

.button{background: #105381;border: none;color: #fff;width: 313px;height: 70px;font-size: 27px;margin-top: 30px;}
#name, #fame{background-image:url('img/name.png'); background-repeat:no-repeat;border: none;width:151px; height:42px;outline: none;background-color: transparent;margin-right: 10px;
padding-left: 10px;color:#a9a9a9;margin: 5px 0;}
#fame{margin-left: 2px;}
#phone, #email{background-image:url('img/tel.png'); background-repeat:no-repeat;border: none;width:315px; height:42px;outline: none;background-color: transparent;margin-right: 10px;
padding-left: 10px;color:#a9a9a9;margin: 5px 0;}

#chb{margin-top: 10px;}
.form label{font-family:Lato-Light; font-size:13px; color:#fff;padding-left: 20px;
display: block;
margin-top: -16px;
width: 297px;}

.main .left{position: absolute;margin-top:65px; width:490px;z-index:1;margin-left: 15px;}
.left{float:left;}
.right{float:right;}

.main h1{font-family: MagistralC;font-size: 50px;font-weight: normal;color:#fff;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);}
h1 b {font-size: 56px;text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.75);color:#e91b23;}
.main h1 span{margin-left: 64px;}
.main p{color:#fff;font-size:17px;margin:10px 0;font-family:Lato-Light;}
.bg_pattern {width: 100%;height: 590px;position: absolute;background: url("img/2x2.png") rgba(37, 37, 37, 0.18);}
.txt {height:140px; background-image:url('img/txt.jpg'); background-repeat:repeat-x;}

/*** SLIDE ****/
#gallery{

	
	/* The width of the gallery */
	
	height:643px;
	overflow:hidden;
	margin: 0 auto;
}
.gs{width: 1920px;
overflow: hidden;
margin: 0 auto;
position: relative;}

#slides{
	/* This is the slide area */
	height:463px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:1920px;
	overflow:hidden;
}

.slide{
	float:left;
	height:463px;
	width:1920px;
	margin: 0 auto;
}
.ins2{width: 1920px;
margin: 0 auto;
position: relative;}
.ins{width: 1000px;
margin: 0 auto;
position: relative;}
.sl5{background-image: url('img/5e.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position-x: center;height: 463px;
width: 100%;}
.fm{width:100%; height:180px; background:#1c2940;}

.name{font-size: 25px;color:#1c2940;text-align: center;margin-top: 30px;background: #eaeaea;
width: 70%;border-radius:5px;padding-bottom: 5px;font-family:Lato-Light;
margin: 30px auto 0 auto;}
#menu{
	/* This is the container for the thumbnails */
	height:45px;width: 1000px;position: relative;padding-top: 45px;
margin: 0 auto;
}

ul{
	margin:0px;
	padding:0px;
	text-align: center;
}

li{
	/* Every thumbnail is a li element 
	font-family:Lato-Light;
	font-size:15px;
	margin-right:10px;
	display:inline-block;
	list-style:none;
	height:40px;
	padding-left: 45px;
	opacity:0.8;
	cursor: pointer;
	overflow:hidden;
	background:url(img/p.png)no-repeat;*/
	font-family:Lato-Light;
	font-size:15px;
	margin-right:55px;
	display:inline-block;
	list-style:none;
	height:40px;
	cursor: pointer;
	opacity:0.8;
}
li a img{text-decoration:none;}
.ims{background:url(img/p.png)no-repeat;height:36px; width:36px;}
.im1{position: absolute;left: 30px;}
.im2{position: absolute;left: 411px;}
.im3{position: absolute;left: 575px;}
.menuItem.inact a:hover{text-decoration:none;}

li.inact a:hover > .ims{background:url(img/ph.png);}

	/* The inactive state, highlighted on mouse over 
	background:url(img/ph.png)no-repeat;*/
	opacity:1;
}
li.inact a{opacity:0.8;}
li.inact:hover{
	/* The inactive state, highlighted on mouse over 
	background:url(img/ph.png)no-repeat;*/
	opacity:1;
}
li.inact.act{
	/* The inactive state, highlighted on mouse over 
	background:url(img/ph.png)no-repeat;*/
	opacity:1;
}

li:nth-child(4){display:none!important;}
li:nth-child(5){display:none!important;}
li.act a{
	cursor: pointer;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	
}

li a{
	color: #fff;
	
	height:35px;
	padding-top:10px;
	border-bottom: 1px dashed #fff;
}

a img{
	border:none;
}

.next{position:absolute; background-image: url('img/next.png');
/*right: -10%;*/
right: -5%;
z-index: 1;height: 78px;
width: 78px;
display: block;opacity:0.8;
margin-top: 310px;cursor: pointer;}

.prev{position:absolute;background-image: url('img/prev.png');
/*left: -10%;*/
left: -2%;
z-index: 1;height: 78px;
width: 78px;
display: block;opacity:0.8;
margin-top: 310px;cursor: pointer;}
.prev:hover{opacity:1;}
.next:hover{opacity:1;}
.p1,.p2,.p3,.p4,.n1,.n3,.n4,.n5{display:none;}

.b4 .lf{
    /*background: url('img/calc.jpg');*/
    background-repeat: no-repeat;
    width: 555px;height: 465px;
} 
.b4 .lr {height:450px;width: 395px;}
/*.b4 .lr{background-image: url('img/l4.jpg');background-size: cover;}*/
.lf{position:absolute; float:left; width:50%;}
.b4 .in{padding-top:25px;}
.lr{float:right; width:50%;}
.in {width:490px;}
.lf .in{float:right}
.back{width: 100%;height: 100%;}
/*.block:hover .back{background: rgba(0, 0, 0, 0.8);}*/
.b4 .lr{color:#000;}
.b4 .lf p{float:left;margin:17px 0;}
.b4 .lf  img {margin-right: 50px;float: left;margin-bottom: 20px;}
.b4 .lr  img {margin-right: 15px;float: left;margin-bottom: 20px;}
.b4 .lr .in {position: absolute;margin-top: -450px;}
.b4 .lr .in p{margin:25px 0;}
.b4 .lr .in {width:395px;}

.calc p{font-family:Lato-Light; font-size:18px;}
.calc div{float:left; height:50px;width: 100%;margin: 10px 0;}
#calc{width: 295px;padding-left: 15px;}
.calc {width: 443px;margin: 13px 0 0 7px;}
#result_1{color:#005284; font-size:35px;}
#res{font-family: Lato-Regular;font-size: 14px;color: #FF0000;}
.b5 .lf, .b5 .lr {height:450px;}
.b5 .lf{background-image: url('img/l5.jpg');background-size: cover;}
.lf{position:absolute; float:left; width:50%;}
.b5 .in{padding-top:25px;}
.lr{float:right; width:50%;}
.in {width:490px;}
.lf .in{
    float:right;
    background-color: #EAEAEA;
    height: 350px;
    margin-top: 45px;
}




.range_0{

position:absolute; 
background: url(img/select_arrow.png) no-repeat right;
height: 15px!important;
width: 25px!important;
margin-left: 277px!important;

}

select {
width:100%; 
height:34px; 
 
border:none; 
cursor:pointer; -moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background: #105381;
color: #fff!important;
font-size: 16px!important;
}
#range_0 p {
width:100%; 
height:100%; 
position:absolute; 
left:0; 
top:0; 
color:#0a0a0a; 
font-size:14px; 
line-height:34px; 
overflow:hidden;
}

.footer .head{background: #1c2940;color: #fff; margin-top:0px;height: 89px;}
.footer .head a{color: #fff;}



/**************************************/
.line {
    position: relative;
    margin: -30px auto 70px;
    width: 700px;
    text-align: center;
}
.line .red_button {
    position: relative;
    width: 300px; height: 40px;
    margin: 15px auto;
    padding: 5px 15px;
    background-color: red;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}
.line .red_button span {
    display: block;
    margin: 5px 10px; padding: 0;
    font-size: 22px;
}