html, body {margin:0; padding: 0;}
body {font-family: 'Roboto', sans-serif;}

ul li {list-style: none;}
p {margin:0; padding: 0;}
a {text-decoration: none; outline: none!important;}



/* MENU */
.hidden-menu {display: none; position: fixed; top:0; width:100%; height: 40px; line-height: 40px; z-index: 50; background: #fff;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(80, 49, 1, 0.15);
    -moz-box-shadow: 0px 3px 7px 0px rgba(80, 49, 1, 0.15);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
}
.hidden-menu .menu ul {margin:0 auto;}
.hidden-menu .menu li {height: 40px; line-height: 40px;}
.hidden-menu .menu li:before {top:14px;}



/* POPUP */
.popup-form {width:367px; height: 297px; background: url(/images/popup-form.jpg) 0 0 no-repeat; padding-top:30px;}
.popup-title {font-size: 30px; line-height: 1; color:#000; text-align: center; font-weight: 700; margin-bottom: 25px;}
.popup-price {width:367px; background: #fff; position: relative;}
.popup-price:before {content: url(/images/popup-price-before.jpg); display: block; width:367px; height: 32px;}
.popup-price:after {content: url(/images/popup-price-after.jpg); display: block; width:367px; height: 32px;}
.popup-form form, .popup-price form {display: block; width:300px; margin:0 auto;}
.popup-form input, .popup-price input {margin-bottom: 8px;}
.popup-form button, .popup-price button {margin-top:15px;}

.i-name {margin-bottom: 8px; font-size: 16px; text-align: center;}

.thanks-popup {width:526px; height: 203px; padding-left: 210px; padding-top: 30px;}
.tp1 {background: url(/images/thanks1.jpg) 0 0 no-repeat;}
.tp2 {background: url(/images/thanks2.jpg) 0 0 no-repeat;}

.t-title1 {color:#4e4c4a; font-size: 39px; line-height: 1; font-weight: 700;}
.t-title2 {color:#4e4c4a; font-size: 20px; line-height: 26px; font-weight: 700; margin:5px 0;}
.t-title3 {color:#5a5242; font-size: 17px; line-height: 24px; font-weight: 300;}

input.error, textarea.error {border:1px solid #e40327!important;}
#fio-error, #tele-error, #phone-error, #email-error, #t_no-error, #em_no-error,#t_no1-error, #em_no1-error {display: none!important;}


/* SETUP */
*{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

.wBox {width:1000px; display: table; position: relative; margin:0 auto;}
.clr {clear: both; font-size: 0; height: 0; width:100%;}
.l {float:left;}
.r {float:right;}

.title {font-size: 46px; line-height: 60px; color:#1d1d1b; text-align: center; font-weight: 700; text-transform: uppercase;}



/* Button shadow */




/* BLOCKS */
.block {width: 100%; position: relative; box-sizing:border-box; display: block;}
.block1 {background: url(/images/block1.jpg) center top no-repeat; height: 880px;}
.block2 {background: #fff; z-index: 1; padding:120px 0 20px 0;}
.block3 {background: url(/images/block3.jpg) 0 0; padding: 70px 0 110px 0;}
.block4 {background: url(/images/block4.jpg) center top no-repeat; height: 485px; padding-top: 40px;}
.block5 {background: #fff; padding-top: 75px;}
.block6 {background: #f3f2f5; padding: 75px 0;}

/* BLOCK1 */
.header .wBox {padding-top:25px; font-size: 0; position: relative;}
.header .wBox > div {display: inline-block; vertical-align: middle; position: relative;}

.logo {margin-right: 70px;}

.menu ul {display: table;}
.menu ul li {float: left; margin-left: 55px; position: relative; height: 20px; line-height: 20px;}
.menu ul li:first-child {margin-left: 0;}
.menu ul li:before {content: url(/images/menu-after.png); display: block; width:12px; height: 12px; position: absolute; top:4px; left:-32px; font-size: 0; line-height: 1;}
.menu ul li:first-child:before {content: ""; display: none;}
.menu ul li a span {font-size: 18px; color:#1d1d1b; border-bottom: 1px dashed #1d1d1b; font-weight: 500;}
.menu ul li a:hover span {border-bottom: none;}

.header .wBox > div.h-contacts {text-align: right; float: right; display: block; vertical-align: top; padding-top:28px;}
.tele {height: 24px; line-height: 24px; background: url(/images/tele-icn.png) 0 50% no-repeat; padding-left: 34px; font-size: 22px; color:#1d1d1b; font-weight: 500; margin-bottom: 10px;}
.callback-btn span {font-size: 16px; line-height: 1; color:#e40327; border-bottom: 1px dashed #e40327;}
.callback-btn:hover span {border-bottom: none;}


.b1-title {font-size: 56px; line-height: 58px; font-weight: 700; text-align: center; color:#e40327; margin:50px 0;}
.header-blocks ul {display: table;}
.header-blocks ul li {float: left; width:323px; height: 118px; background: url(/images/hb-bg.png) 0 0 no-repeat; margin-left: 15px; padding: 30px 0 0 30px;}
.header-blocks ul li:first-child {margin-left: 0;}
.hb-img {font-size: 16px; line-height: 20px; color:#d1d1d1; padding-left: 60px; min-height: 60px;}
.hb1 {background: url(/images/hb1.png) 10px 50% no-repeat;}
.hb2 {background: url(/images/hb2.png) 0 50% no-repeat; padding-top:5px;}
.hb3 {background: url(/images/hb3.png) 0 50% no-repeat; padding-top:5px;}

.h-form {position: absolute; bottom:-100px; left:50%; margin-left: -510px; z-index: 5; padding-top: 185px; height: 482px; width:1020px; background: url(/images/h-form.png) 0 0 no-repeat;}


.top-form {padding-left: 335px;}
.f-title {font-size: 30px; line-height: 24px; color:#fff;}
.f-title span {font-weight: 700; line-height: 40px;}
.f-title span span {font-size: 39px;}
.f-line {width:64px; height: 4px; background: rgba(255,255,255,0.3); margin-top:20px; margin-bottom: 60px;}
.f-block form {display: table; margin:0 auto;}

input {display:block; width:100%; height: 52px; line-height: 52px; background: #f1f1f1; padding:0 10px 0 20px; border:none; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; outline: none;
-webkit-box-shadow: inset 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.11);
-moz-box-shadow: inset 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.11);
box-shadow: inset 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.11);
}

button {display: block; width:100%; height: 52px; line-height: 52px; text-align: center; font-family: 'Roboto', sans-serif; text-transform: uppercase; color:#fff; font-size: 17px; font-weight: 500; border:none; outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 2px 0px 0px rgba(206, 139, 45, 1),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.19);
-moz-box-shadow:    0px 2px 0px 0px rgba(206, 139, 45, 1),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.19);
box-shadow:         0px 2px 0px 0px rgba(206, 139, 45, 1),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.19);
background: rgb(252,167,36);
background: -moz-linear-gradient(top, rgba(252,167,36,1) 0%, rgba(250,134,26,1) 100%);
background: -webkit-linear-gradient(top, rgba(252,167,36,1) 0%,rgba(250,134,26,1) 100%);
background: linear-gradient(to bottom, rgba(252,167,36,1) 0%,rgba(250,134,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca724', endColorstr='#fa861a',GradientType=0 );
}

.f-block input {width:222px; margin-right: 8px; float: left;}
.f-block button {float: left; width:264px; margin-left: 7px;}


/* BLOCK2 */
.icons {display: table; margin:0 auto; width:890px;}
.icons li {float: left; width:420px; height: 122px; margin-left: 50px; margin-bottom: 70px; color:#393939; font-size: 20px; line-height: 25px; padding-left: 140px;}
.icons li:first-child, .icons li:nth-child(2n+1) {margin-left: 0;}

.icons li.i1 {background: url(/images/i1.png) 0 0 no-repeat; line-height: 122px;}
.icons li.i2 {background: url(/images/i2.png) 0 0 no-repeat; padding-top:36px;}
.icons li.i3 {background: url(/images/i3.png) 0 0 no-repeat; padding-top:36px;}
.icons li.i4 {background: url(/images/i4.png) 0 0 no-repeat; padding-top:23px;}


/* BLOCK3 */
.production-block {position: relative; margin-top:45px;}

.p-title {display:block; outline:none;width:383px; height: 47px; line-height: 47px; margin:0 auto; color:#fff; font-size: 18px; text-align: center; font-weight: 500; margin-bottom: 45px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: rgb(232,4,45);
background: -moz-linear-gradient(top,  rgba(232,4,45,1) 0%, rgba(224,2,33,1) 100%);
background: -webkit-linear-gradient(top,  rgba(232,4,45,1) 0%,rgba(224,2,33,1) 100%);
background: linear-gradient(to bottom,  rgba(232,4,45,1) 0%,rgba(224,2,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8042d', endColorstr='#e00221',GradientType=0 );
-webkit-box-shadow: 0px 2px 0px 0px rgba(151, 0, 25, 1),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.19);
-moz-box-shadow:    0px 2px 0px 0px rgba(151, 0, 25, 1),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.19);
box-shadow:         0px 2px 0px 0px rgba(151, 0, 25, 1),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.19);
}

.production-block ul {display: table; margin:0 auto;}
.production-block li {float: left; width:233px; height: 258px; background: #fff; border-top:3px solid #e40327; margin-left: 22px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 5px 14px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 5px 14px 1px rgba(0, 0, 0, 0.15);
box-shadow:         0px 5px 14px 1px rgba(0, 0, 0, 0.15);
}
.production-block li:first-child {margin-left: 0;}

.p-img {height: 160px; width: 100%; text-align: center;}
.p-img .helper {display: inline-block; vertical-align: middle; height: 100%;}
.p-img img {vertical-align: middle; height: 150px;}
.p-text {color:#393939; text-align: center; font-size: 15px; line-height: 22px; font-weight: 500;}
.p-bot {display: table; margin:45px auto 0 auto;}
.pb-text {float: left; height: 34px; line-height: 34px; margin-right: 30px; font-size: 28px; color:#1d1d1b; font-weight: 500;}
.p-bot a {display: block; float: left; height: 34px; line-height: 34px; width:210px; text-align: center; font-size: 18px; color:#e40327; border:1px dashed #e40327;}
.p-bot a:hover {color:#fff; background: #e40327; border:1px solid #e40327;}

/* BLOCK4 */
.b4-form {margin:0 auto; padding-top: 140px; height: 443px; width:1020px; background: url(/images/b4-form.png) 0 0 no-repeat; z-index: 5;}


/* BLOCK5 */
.b5-block {display: table; width:100%; margin-bottom: 75px;}
.w500 {width:500px;}
.w450 {width:450px;}
.b5-title {font-size: 45px; line-height: 1; color:#3b3b3b; font-weight: 500; margin-bottom: 30px;}
.b5-block ul {width: 100%;}
.b5-block li {padding-left: 70px; min-height: 46px; background: url(/images/li.png) 0 5px no-repeat; color:#3b3b3b; font-size: 18px; line-height: 30px; font-weight: 500; margin-top:25px;}
.b5-block li:first-child {margin-top:0;}

.b5-block li.single {background-position: 0 0; line-height: 46px;}

/* BLOCK6 */
.b6-title {color:#393939; font-weight: 700; font-size: 46px; line-height: 1; text-transform: uppercase; text-align: center; margin-bottom: 50px;}
.office-wrap {display: table; width: 100%;}
.office-wrap > div {width:470px;}

.o-desc {width:100%; height: 340px; padding:30px 20px 0 20px; border:4px solid #e40327; margin-bottom: 45px; position: relative;}
.o-desc:after {content: url(/images/triangle.png); display: block; width:27px; height: 8px; position: absolute; bottom:-12px; left:50%; margin-left: -13px; font-size: 0; line-height: 1;}
.o-title {font-size: 24px; font-weight: 700; color:#393939; text-align: center; margin-bottom: 30px; text-transform: uppercase;}
.o-tele {background:url(/images/o-tele.png) 0 1px no-repeat; font-size: 18px; font-weight: 300; color:#393939; margin-bottom: 10px; padding-left: 35px; line-height: 24px; min-height: 48px;}
.o-tele span {font-weight: 500;}
.o-tele span.ya-phone {font-weight: 300;}
.o-mail {background:url(/images/o-mail.png) 0 3px no-repeat; font-size: 18px; font-weight: 300; color:#393939; margin-bottom: 25px; padding-left: 35px; line-height: 24px;}
.o-mail span {font-weight: 500;}
.o-adr {background:url(/images/o-adr.png) 3px 0 no-repeat; font-size: 18px; font-weight: 300; color:#393939; padding-left: 35px; line-height: 24px;}
.o-adr span {font-weight: 500;}

.map-wrap {width:470px; height: 470px;}

/* COPYRIGHT */

.copyright {padding:15px 0; background: #393939;}
.copyright > div {display: table; margin:0 auto;}
.copyright > div > div {float: left; height: 33px; line-height: 33px;}
.copy-text {font-weight: 300; font-size: 14px; margin-right: 15px; color:#fff;}