#top-content{
  height: 675px;
  background-image: url('/images/fo5.jpg');
  background-repeat: no-repeat;
  background-position: center -20px;
}
label.valid{
display:none !important;
}
label.error{
font-size: 13px;
color: #C23030;
font-family: 'Roboto';
margin-top: -4px;
display: block;
text-align: left;
padding-left: 16px;
}
header{
height: 91px;
background-color: rgba(216, 216, 216, 0.08);
}
footer{
  height: 134px;
  background-image: url('/images/bg4.png');
  background-repeat: no-repeat;
  background-position: center top;
  background: #282828;
  background: -moz-linear-gradient(top, #282828 0%, #5b5b5b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282828), color-stop(100%,#5b5b5b));
  background: -webkit-linear-gradient(top, #282828 0%,#5b5b5b 100%);
  background: -o-linear-gradient(top, #282828 0%,#5b5b5b 100%);
  background: -ms-linear-gradient(top, #282828 0%,#5b5b5b 100%);
  background: linear-gradient(to bottom, #282828 0%,#5b5b5b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#5b5b5b',GradientType=0 );
}
header>div{
 width:1000px;
 margin:auto;
}
.clears{
clear:both;
}
.logo-box{
float: left;
width: 300px;
padding-top: 29px;
}
.numbers-box{
float: left;
width: 375px;
padding-top: 30px;
text-align: center;
font-size: 14px;
}
.numbers-box div{
font-family: 'Open Sans';
font-size: 19px;
line-height: 30px;
color: #F3F3F3;
}
.numbers-box div span{
color: #E4DE48;
}
.contact-box{
float: left;
width: 235px;
padding-left: 40px;
margin-left: 50px;
background-size: 21px;
background-image: url('/images/phone.png');
background-repeat: no-repeat;
background-position: 5px 5px;
margin-top: 20px;
}
.ph-c{
font-family: 'Oswald';
line-height: 34px;
font-size: 25px;
color: #eee;
}
.ph-d{
line-height: 27px;
font-family: 'Roboto';
color: #F1F1F1;
}
.ph-but{
text-decoration: none;
display: inline-block;
line-height: 36px;
width: 229px;
height: 38px;
text-align: center;
font-family: 'Roboto';
background-image: url('/images/but1.png');
color: #333;
}
.ph-but:hover{
cursor:pointer;
opacity:.8;
}
#und-header{
height: 95px;
margin: 0;

}
#und-header h1{
  line-height: 78px;
  font-size: 48px;
  color: #FFFFFF;
  font-family: 'Cuprum';
  letter-spacing: -1px;
}
#und-header>div{
width: 1000px;
margin: 0px auto;
padding: 5px;
text-align: center;
}
#und-header p{
font-family: 'Roboto';
font-size: 22px;
padding-top: 5px;
line-height: 35px;
}

#box-main{
width: 1000px;
margin: 30px auto;
position: relative;
height: 456px;
}
#box-main-left{
float: left;
width: 630px;
}
#box-main-left img{
border-radius: 3px;
}
#box-main-right{
float: left;
width: 368px;
}
#box-main-right form{
border-radius: 3px;
overflow: hidden;
background-color: #fff;
/* height: 403px; */
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 34%, #b7e0eb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,#ffffff), color-stop(100%,#b7e0eb));
background: -webkit-linear-gradient(top, #ffffff 34%,#b7e0eb 100%);
background: -o-linear-gradient(top, #ffffff 34%,#b7e0eb 100%);
background: -ms-linear-gradient(top, #ffffff 34%,#b7e0eb 100%);
background: linear-gradient(to bottom, #ffffff 34%,#b7e0eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7e0eb',GradientType=0 );
}

#box-main-right form ul{
padding: 10px 20px 0px 20px;
}
#box-main-right form li{
margin: 4px 0px;
}
#box-main-right form h2{
font-family: 'Roboto Condensed';
font-size: 26px;
text-align: center;
padding: 25px;
padding-bottom: 40px;
background-image: url('/images/top-form-h.png');
background-position: center -20px;
background-repeat: no-repeat;
}
#box-main-right form h2 span{
font-weight: bold;
}
form input[type='text']{
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 400;
  margin: 5px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  padding: 10px;
    border: 1px solid #B8990E;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
  background: #f9f9f9;
  border-radius: 3px;
  color: #181818;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  width: 270px;
}
form textarea{
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 400;
  margin: 5px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  padding: 10px;
    border: 1px solid #B8990E;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
  background: #f9f9f9;
  border-radius: 3px;
  color: #181818;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  width: 208px;
}
form li textarea{
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 400;
  margin: 5px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
  padding: 10px;
    border: 1px solid #B8990E;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
  background: #f9f9f9;
  border-radius: 3px;
  color: #181818;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -ms-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
      width: 270px;
}
.des-form{
text-align: center;
display: block;
margin: 10px auto;
padding: 0px 20px;
font-family: 'Open Sans';
font-size: 13px;
line-height: 20px;
color: #6C6B6B;
}
.send_but {
text-decoration: none;
display: inline-block;
line-height: 36px;
width: 293px;
height: 59px;
text-align: center;
font-size: 20px;
margin-top: 10px;
border-radius: 4px;
font-family: 'Roboto';
background-image: url('/images/but2.png');
background-repeat: no-repeat;
color: #FFF;
border: 0;
}
.send_but:hover {
opacity:0.8;
cursor:pointer;
}

#view-content{
  width: 1250px;
  margin: 20px auto;
}
#view-content h2{
  font-size: 38px;
  color: #353535;
  text-align: center;
  font-family: 'Cuprum';
  letter-spacing: -1px;
}
#view-content ul{
text-align: center;
margin: 25px auto 10px;
}
/*
#view-content ul li{
display: inline-block;
width: 155px;
margin: 5px 11px;
margin-right: 0px;
height: 306px;
position: relative;
background-image: url('/images/bmg.jpg');
background-repeat: no-repeat;
}
#view-content li .df-size{
position: absolute;
width: 155px;
text-align: center;
top: 167px;
font-family: 'Roboto';
}
#view-content li .df-sale{
position: absolute;
width: 155px;
text-align: center;
top: 207px;
font-family: 'Roboto';
font-weight: bold;
font-size: 21px;
color: #DF4444;
}  */



#three-content{
width: 1000px;
margin: 0px auto;
}
#three-content ul{
text-align: center;
}
#three-content ul li{
width: 475px;
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
}
#three-content ul li h3{
line-height: 50px;
border-radius: 50%;
background-color: #2993C5;
width: 50px;
color: #FFF;
font-size: 29px;
margin-right: 14px;
float: left;
font-family: 'Roboto';
}
#three-content ul li .rig-reas{
width: 403px;
line-height: 50px;
text-align: left;
font-family: 'Roboto Condensed';
font-size: 25px;
font-weight: bold;
color: #333;
float: left;
}
#three-content ul li p{
margin-top: 10px;
text-align: left;
margin-bottom: 10px;
line-height: 20px;
font-family: 'Roboto';
font-size: 14px;
}
#three-content ul li img{
width: 489px;
}

#mery-content{
width: 1000px;
margin: 0px auto;
}
#mery-content h2{
line-height: 40px;
font-family: 'Roboto';
font-size: 32px;
color: #353535;
font-weight: bold;
text-align: center;
}
#mery-content ul{
margin: 20px 0px;
text-align: center;
}
#mery-content ul li{
display: inline-block;
width: 496px;
margin-bottom: 36px;
vertical-align: top;
}
.l-mery{
float: left;
width: 160px;
}
.l-mery img{

}
.r-mery{
float: left;
width: 290px;
font-family: 'Ubuntu';
padding-top: 32px;
font-size: 22px;
font-weight: bold;
color: #333;
text-align: left;
padding-left: 20px;
}
.r-mery span{
color: #DB4444;
}

#zakaz-content{
height: 251px;
background-image: url('/images/bg22.jpg');
background-repeat: no-repeat;
background-position: center top;
}

#zakaz-content h2{
line-height: 40px;
font-family: 'Roboto';
font-size: 30px;
color: #FAFAFA;
text-align: center;
margin-bottom: 20px;
}

#zakaz-content>div{
width: 1000px;
margin: 0 auto;
background-image: url('/images/rig.png');
height: 100%;
background-repeat: no-repeat;
background-position: 240px 0px;
padding-top: 20px;

}
#left-zakaz{
width: 560px;
float: left;
margin-right: 40px;
}
#left-zakaz h2{
margin-top: 44px;
font-family: 'Roboto';
font-size: 37px;
color: #fff;
}
#left-zakaz div{
margin-top: 30px;
font-family: 'Roboto';
font-size: 14px;
color: #fff;
}


#zakaz-content form ul{

}
#zakaz-content form li{
display: inline-block;
width: 300px;
margin-right: 20px;
vertical-align: top;
}
#zakaz-content form input[type='text'] {
font-family: 'Roboto';
font-size: 16px;
font-weight: 400;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
padding: 10px;
border: 0px solid #FFFFFF;
box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1);
background: #f9f9f9;
border-radius: 3px;
color: #181818;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
width: 284px;
}

#zakaz-content form .bt3{
text-decoration: none;
display: inline-block;
width: 304px;
height: 59px;
border-radius: 3px;
text-align: center;
font-size: 20px;
font-family: 'Roboto';
line-height: 58px;
background-image: url('/images/but3.png');
background-repeat: no-repeat;
color: #363636;
margin-top: 5px;
text-transform: uppercase;
border: 0;
}
#zakaz-content form .bt3:hover{
cursor:pointer;
opacity:.8;
}
#how-content{
margin: 20px auto;
width: 1000px;
text-align: center;
}
#how-content h2{
line-height: 40px;
font-family: 'Roboto';
font-size: 32px;
color: #353535;
margin-bottom: 25px;
font-weight: bold;
text-align: center;
}
#how-content ul{
text-align: left;
}
#how-content ul li{
display: inline-block;
width: 237px;
vertical-align: top;
text-align: center;
margin-top: 25px;
margin: 25px 20px;
}
#how-content li h3{
font-family: 'Roboto Condensed';
font-size: 25px;
font-weight: bold;
margin-bottom: 15px;
}
#how-content li div{
line-height: 20px;
font-family: 'Roboto';
font-size: 16px;
}
#how-content li div span{
color: #D13C3C;
font-weight: bold;
}
footer>div{
 width:1000px;
 margin:auto;
}



#reas-content{
  width: 1024px;
  margin: 10px auto;
  min-height: 420px;
}
#reas-content ul{
text-align: center;
padding: 20px;
}
#reas-content ul li{
width: 182px;
display: inline-block;
vertical-align: top;
margin: 30px;
}

#reas-content ul li .drt{
height: 121px;
display: block;
vertical-align: bottom;
}
#reas-content li h3{
  font-size: 22px;
  margin-top: 15px;
  color: #CFBF0D;
  text-shadow: 1px 0px 1px #333;
  font-family: 'Cuprum';
}
#reas-content li div{
  font-family: 'Arimo';
  font-size: 15px;
  color: #fff;
  margin-top: 15px;
  line-height: 20px;
}
#reas-content li img{
margin-top: 30px;
}

.modal_form {
width: 346px;

border-radius: 5px;
border: 3px #000 solid;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
margin-top: -150px;
margin-left: -150px;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке) */
.modal_form .modal_close {
width: 25px;
height: 24px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: #DFDFDF;
display: block;
background-image: url('/images/uu.png');
background-repeat: no-repeat;
}
/* Подложка */
#overlay {
    z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
    position: fixed; /* всегда перекрывает весь сайт */
    background-color: #000; /* черная */
    opacity: 0.8; /* но немного прозрачна */
    width: 100%; 
    height: 100%; /* размером во весь экран */
    top: 0; 
    left: 0; /* сверху и слева 0, обязательные свойства! */
    cursor: pointer;
    display: none; /* в обычном состоянии её нет) */
}
.send_but5{
text-decoration: none;
display: inline-block;
line-height: 36px;
width: 322px;
height: 59px;
text-align: center;
font-size: 20px;
font-family: 'Roboto';
background-image: url('/images/dff.png');
background-repeat: no-repeat;
color: #FFF;
border: 0;
}
.send_but5:hover{
opacity:0.8;
cursor:pointer;
}
#list-imems{

}
#list-imems li{
  display: inline-block;
  width: 216px;
  margin: 10px 4px;
  padding: 20px 7px;
  -webkit-box-shadow: 0px 0px 5px #272727;
  -moz-box-shadow: 0px 0px 5px #D8D8D8;
  box-shadow: 0px 0px 5px #AFAFAF;
  border: 2px solid #FFFFFF;
  border-radius: 3px;
}

#list-imems li:hover{
  border: 2px solid #FEEC67;
  background-color: rgba(255, 235, 88, 0.9);
  box-shadow: 0px 0px 5px #FFFFFF;
}
#list-imems li img{

}

.it-div{
line-height: 30px;
font-size: 13px;
font-family: 'Roboto';
}

.i-size{
line-height: 30px;
  margin-bottom: 10px;
  font-size: 28px;
  color: #333;
  font-family: 'Cuprum';
}
.i-info{
font-size: 14px;
line-height: 30px;
font-family: 'Roboto';
margin-top: 10px;
}
.i-left-items{
display: inline-block;
width: 108px;
text-align: left;
font-size: 16px;
}
.i-right-items{
display: inline-block;
width: 107px;
text-align: right;
font-size: 22px;
font-family: 'Open Sans';
color: #4398DB;
font-weight: bold;
}
.i-right-items span{
font-size: 21px;
color: #575757;
font-weight: normal;
display: inline-block;
line-height: 7px;
border-bottom: 1px solid #575757;
}

#list-imems li a{
text-decoration: none;
display: inline-block;
line-height: 44px;
height: 46px;
font-size: 17px;
font-family: 'Roboto';
margin-top: 10px;
background-image: url('/images/bty.png');
background-repeat: no-repeat;
background-position: 0px -13px;
color: #141414;
border-radius: 4px;
width: 155px;
text-align: center;
top: 247px;
border: 0;
left: 0;
}
#list-imems li a:hover{
cursor:pointer;
opacity:.8;
}
.plus1 img, .minus1 img{
width: 24px;
cursor: pointer;
}
.val-inp{
font-family: 'Open Sans';
font-size: 18px;
text-align: center;
border-radius: 3px;
display: inline-block;
border: 1px solid #ddd;
margin: 0;
padding: 0;
vertical-align: top;
}