/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* styles */
html, body { height: 100% }

body { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust:none;
    font-family: 'Lato';
    font-size: 18px;
    color: #343441;
}

#main { 
    position: relative; 
    min-height: 100%; 
    overflow: hidden;
}

.wrapper { 
    width: 940px; 
    margin: 0 auto; 
    position: relative;
}

/* header */
header {background: #fff; padding: 18px 0; color: #ef3423;}
    header a {color: #ef3423; text-decoration: none;}
    .header__logo, .header__desc {display: inline-block;vertical-align: middle;}
    .header__logo {margin: 0 15px 0 0;}
    .header__desc {margin: 15px 0 0 0; text-transform: uppercase; font-size: 20px;}
    .header__phone {display: inline-block; font-size: 30px; color: #ef3423; font-weight: bold; background: url(../images/phone-icon.png) no-repeat 0 50%; padding: 0 0 0 45px;}
    .header__phone a {color: #ef3423; text-decoration: none;}

.section1__box {background: url(../images/section1-bg.jpg) no-repeat 50% 0; text-align: right; background-size: cover; height: 810px; font-weight: 500;}
    .section1__head, .section1__head span {display: block;}
    .section1__head {padding: 40px 0 20px 0; line-height: 170%;}
    .s1-text1 {font-size: 35px;}
    .s1-text2 {font-size: 20px; color: #ef3423; font-weight: 900;}
    .s1-text3 {font-size: 20px;}
    .s1-text4 {font-size: 34px; color: #ef3423;}

    .section1__logo {background: url(../images/section1bg.png) no-repeat; width: 493px; margin: 0 -68px 40px 0; padding: 50px 0 0 0; font-size: 18px; font-weight: 900; line-height: 130%; height: 184px; display: inline-block; text-align: center; box-sizing: border-box;}
    .section1__logo span {font-size: 32px; color: #fff; display: inline-block; padding: 10px 0 0 10px;}

    .section1__box li {font-size: 24px; line-height: 130%; padding: 0 0 28px 0;}
    .section1__box li img {display: inline-block; vertical-align: middle; margin: -5px 8px 0 0; }
    .section1__box li span { font-weight: 900; text-transform: uppercase; color: #ef3423; }
    .section1__bottom {display: inline-block; position: relative; z-index: 1; font-size: 32px; font-weight: 900; color: #a22115; line-height: 120%; text-align: center; padding: 10px 0 0 0;}

.section2__box {background: url(../images/bg.jpg) no-repeat; padding: 0 0 60px 0; background: url(../images/bg.jpg);}
    .section2__box .wrapper:before {content: ""; position: absolute; top: 0; left: 0; width: 422px; height: 329px; background: url(../images/section2-before.png) no-repeat;}
    .form__box {background: url(../images/form-bg.png) no-repeat; text-align: left; width: 830px; height: 610px; position: relative; box-sizing: border-box; padding: 160px 0 0 200px; font-size: 20px;}
    .form__box p {line-height: 100% !important; text-transform: none !important; padding: 0 !important;}
    .form__box input {display: block; width: 400px; height: 45px; border-radius: 5px; padding: 0 10px; box-sizing: border-box; font-size: 17px; margin: 8px 0 15px 0; border: 1px solid #b5b5b5;}
    .form__box button {display: block; background: url(../images/btn-bg.png) no-repeat; margin: 45px 0 0 -60px; width: 554px; height: 82px; border: 0; cursor: pointer;}
    .form__box button:hover {background-position: 0 50%;}
    .form__box button:active {background-position: 0 100%;}
    .form__box:before {content: ""; position: absolute; top: 80px; left: 50%; margin-left: -20px; background: url(../images/line-bg.png) no-repeat; width: 75px; height: 85px;}
    .form-logo {position: absolute; top: 80px; left: 145px; width: 130px; height: auto; -webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);-o-transform: rotate(15deg);transform: rotate(15deg);}
    .section2__box .form__box {top: -150px; right: -270px;}
    .section2__bottom {display: block; margin: -80px 0 0 0; font-size: 35px; text-transform: uppercase; font-weight: 900; color: #343441; line-height: 200%; text-align: center;}
    .section2__bottom span {font-size: 60px; color: #e68700; text-transform: none;}

.section3__box {background: url(../images/section3-bg.jpg) no-repeat 50% 0; height: 882px; padding: 58px 0; box-sizing: border-box; text-align: center;}
    .section3__head {display: block; }
    .section3__head span {display: inline-block; font-size: 24px; color: #343441; padding: 7px 18px; background: #eca319; margin: 0 0 11px 0;}
    .section3__title {position: relative; padding: 30px 0 80px 0; display: block;}
    .section3__title span {display: inline-block; font-size: 24px; padding: 12px 20px; background: #fff; color: #ef3423; text-transform: uppercase; font-weight: 900;}
    .section3__box p {font-size: 24px; font-weight: 900; color: #eca319; line-height: 200%; padding: 0 0 125px 0;}
    .section3__bottom {display: block; font-size: 53px; font-weight: 900; color: #343441; line-height: 120%;}
    .section3__bottom span {font-size: 72px; color: #a22115; display: block; padding: 0 0 10px 0;}

.section4__box {background: url(../images/bg.jpg); padding: 60px 0; text-align: center;}
    .section4__title {display: block; font-size: 30px; color: #343441; line-height: 120%; font-weight: 900; padding: 0 0 30px 0;}
    .section4__title span {font-size: 72px; color: #ec3423; display: block; padding: 30px 0 0 0;}
    .section4__block {padding: 45px 0 0 0;}
    .section4__box p {color: #343441; font-size: 18px; padding: 10px 0 0 0; font-weight: bold; line-height: 130%; text-transform: uppercase;}
    .section4__box p span {color: #ec3423;}

.section5__box {background: url(../images/section5-bg.jpg) no-repeat 50% 0; background-size: cover; padding: 60px 0; color: #fff;}
    .section5__title {display: block; text-align: center; padding: 0 0 40px 0; font-size: 30px; font-weight: bold; line-height: 130%;}
    .section5__title span {font-weight: 900; font-size: 63px; text-transform: uppercase; padding: 30px 0 0 0; display: block;}
    .section5__head {display: block; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 130%;}
    .section5__block { border-radius: 10px; margin: 20px 0 0 0; background: url(../images/bg.jpg); color: #343441; padding: 25px 19px;}
    .section5-block-title {display: block; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 900; padding: 0 0 35px 0;}
    .section5__block li {padding: 0 0 20px 0px; line-height: 130%; text-indent: 15px; position: relative;}
    .section5__block li:before {content: ""; position: absolute; top: 6px; left: 0; width: 7px; height: 7px; background: #343441; border-radius: 100%;}
    .section5__block ul {min-height: 142px;}
    .summ__block {padding: 13px 0 0 0; border-top: 1px solid #e8e8e8;}
    .summ {font-size: 30px; font-weight: 300;}
    .summ span {font-size: 48px;}
    .btn-order {display: inline-block; width: 199px; height: 47px; background: url(../images/btn.png) no-repeat;}
    .btn-order:hover {background-position: 0 50%;}
    .btn-order:active {background-position: 0 100%;}
    .summ-inner {font-size: 24px; line-height: 100%;}
    .section5__box .col-md-2:nth-child(3) li {padding: 0;}

.section6__box {background: url(../images/section6-bg.jpg) no-repeat 50% 0; height: 845px; padding: 55px 0 0 0; box-sizing: border-box;}
    .section6__head-block span {display: block;}
    .section6__head-block {text-align: center; width: 50%; padding: 0 0 60px 0;}
    .section6__head {text-align: right; font-size: 21px; font-weight: bold; line-height: 130%; text-transform: uppercase; padding: 0 0 25px 0;}
    .section6__title {font-size: 72px; color: #ef3423; font-weight: 900; text-transform: uppercase; text-align: right;}
    .section6__head-block p {text-align: right; font-size: 21px; line-height: 130%; text-transform: uppercase; font-weight: bold;}
    .section6-bottom {background: url(../images/section6-bottom.png) no-repeat 50% 0; margin: 0 0 30px 0; font-size: 36px; font-weight: 900; line-height: 130%; text-align: center; height: 308px; box-sizing: border-box; padding: 35px 0 0 0;}
    .section6__box ul {box-sizing: border-box; padding: 0 0 0 80px; width: 50%;}
    .section6__box li { text-transform: uppercase; text-transform: uppercase; line-height: 130%; font-weight: 900; margin: 20px 0 0 0; padding: 0 0 0 25px; background: url(../images/star.png) no-repeat 0 2px; background-size: 13px auto;}

.section7__box {background: url(../images/bg2.jpg); padding: 40px 0 60px 0; text-align: center; color: #fff; text-align: center;}
    .section7__title {display: block; font-size: 24px; font-weight: 900; padding: 0 0 20px 0;text-transform: uppercase;}

.section8__box {background: url(../images/bg.jpg); padding: 50px 0;}
    .section8__title {display: block; text-align: center; text-transform: uppercase; font-weight: 900; font-size: 24px; line-height: 120%; padding: 0 0 55px 0;}
    .section8__box ul {display: inline-block; vertical-align: top; width: 49%; box-sizing: border-box; padding: 0 0 0 60px; font-size: 24px;}
    .section8__box li {margin: 0 0 25px 0;}
    .section8__box li strong {background: url(../images/strong-bg.png) no-repeat; display: inline-block;vertical-align: middle; width: 69px; height: 76px; line-height: 76px; text-align: center; font-weight: 900; color: #fff; font-size: 50px; margin: 0 10px 0 0;}
    .section8__box li span {display: inline-block; vertical-align: middle; line-height: 120%; text-transform: uppercase;}

.section9__box {background: url(../images/section9-bg.jpg) no-repeat 50% 0; text-align: center; height: 997px; box-sizing: border-box; padding: 55px 0 0 0;}
    .section9__title {display: block; line-height: 130%; font-weight: 900; text-align: center; font-size: 24px; text-transform: uppercase; margin: 0 0 -25px 0; position: relative;z-index: 1;}
    .section9__box p {text-transform: uppercase; line-height: 120%; padding: 0 0 45px 0;}
    .section9__bottom {display: block; font-size: 30px; font-weight: 900; line-height: 130%; text-transform: uppercase;}
    .section9__bottom span {font-size: 47px; color: #ef3423; display: block; padding: 6px 0 0 0;}

.modal {width: 400px; display: none;}
    .modal form input {display: block; width: 100%; box-sizing: border-box; height: 45px; font-family: 'Lato'; border: 1px solid #ccc; padding: 0 10px; margin: 0 0 15px 0; border-radius: 5px; font-size: 16px;}
    .modal form button {display: block; width: 200px; font-family: 'Lato'; height: 50px; border-radius: 5px; margin: 0 auto; background: #f3a71d; font-size: 20px; cursor: pointer; border: 0;}
    .modal form button:hover {opacity: 0.9;}
    .modal__title {display: block; text-transform: uppercase; text-align: center; padding: 0 0 25px 0; font-weight: 900; font-size: 22px;}
    .fancybox-navigation {display: none !important;}

.thanks__box {padding: 200px 0; text-align: center; background: url(../images/bg.jpg); font-size: 25px;}
    .thanks__box p {padding: 20px 0; line-height: 120%;}
    .thanks__title {display: block; font-size: 72px; padding: 0 0 20px 0;}

/* footer */
footer {background: url(../images/footer-bg.jpg); padding: 30px 0; font-weight: 500; color: #8b8b91;}
    footer a {color: #8b8b91;}

*:focus {outline: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}

input:not([type=checkbox]):not([type=radio]),
textarea, 
select {
   -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;
}

.flex {display: -webkit-flex;display: -ms-flexbox;display: flex;}
.space-between {-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.align-item {-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.row {margin: 0 -10px; display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .col-md-1 {padding: 0 10px; box-sizing: border-box; -webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
    .col-md-2 {padding: 0 10px; box-sizing: border-box; -webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
    .col-md-3 {padding: 0 10px; box-sizing: border-box; -webkit-flex:0 0 33.3%;-ms-flex:0 0 33.3%;flex:0 0 33.3%;max-width:33.3%;}
    .col-md-4 {padding: 0 10px; box-sizing: border-box; -webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 100%;max-width:25%;}

@media (max-width: 1040px) {
    .wrapper {width: 768px;}
    .header__desc {display: none;}
    .section2__box .form__box {right: auto;}
    .section3__title {padding: 30px 0;}
    .section3__box p {padding: 0 0 60px 0;}
    .section3__bottom {font-size: 40px;}
    .summ span {font-size: 28px;}
    .summ {font-size: 20px;}
    .summ-inner {font-size: 18px;}
    .section6__box ul {padding: 0;}
    .section7__box .flex {display: block;}
}

@media (max-width: 800px) {
    .wrapper {width: auto; padding: 0 15px;}
    body {text-align: center;}
    br {display: none;}
    .row {display: block; margin: 0;}
    .col-md-1, .col-md-2, .col-md-3, .col-md-4 {display: block; max-width: 100%; padding: 0;}
    .flex {display: block;}
    .header__logo {margin: 0 0 15px 0;}
    .section1__box { height: auto; text-align: center; background: url(../images/bg.jpg); }
    .section2__box .form__box {position: static;}
    .form__box:before {display: none;}
    .section1__logo {width: auto; margin: 0 0 20px 0; background-position: 50% 0}
    .section1__logo span {display: block; padding: 10px 0 0 0;}
    .form__box {width: auto; height: auto; padding: 15px; margin: 0; position: static; background: #f3a71d; border-radius: 10px;}
    .form__box input {width: 100%;}
    .form__box button {margin: 0; width: 100%; box-sizing: border-box; background-position: 50% 0;}
    .form__box button:hover {background-position: 50% 50%;}
    .form__box button:active {background-position: 50% 100%;}
    .form-logo {display: none;}
    .section1__bottom {padding: 0 0 20px 0;}
    .section2__bottom {font-size: 25px; margin: 0; line-height: 120%; padding: 25px 0 0 0;}
    .section2__bottom span {font-size: 30px; display: block;}
    .section2__box .wrapper:before {display: none;}
    .section3__box {height: auto; padding: 35px 0 50px 0; background-size: cover;}
    .section3__box p {font-size: 20px; line-height: 130%; padding: 0 0 20px 0;}
    .section3__bottom {font-size: 30px; background: #eca319; padding: 20px 15px; margin: 0 -15px;}
    .section3__bottom span {font-size: 50px;}
    .section4__box {padding: 35px 0;}
    .section4__title {font-size: 25px;}
    .section4__title span {font-size: 35px;}
    .section5__box {padding: 35px 0;}
    .section5__title {font-size: 20px;}
    .section5__title span {font-size: 45px;}
    .section5__block ul {text-align: left; min-height: inherit;}
    .summ {padding: 0 0 10px 0; display: block;}
    .section6__head-block {width: auto; padding: 0 0 30px 0;}
    .section6__head {text-align: center;}
    .section6__title {font-size: 45px; text-align: center;}
    .section6__head-block p {text-align: center;}
    .section6__box {height: auto; padding: 25px 0;}
    .section6__box ul {width: auto; text-align: left;}
    .section6-bottom {font-size: 25px; box-sizing: padding-left: 10px; padding-right: 10px;}
    .section8__box {padding: 35px 0;}
    .section8__box ul {display: block; width: auto; padding: 0;}
    .section8__box li span {display: block; padding: 10px 0 0 0; font-size: 18px;}
    .section9__box {height: auto; padding: 0;}
    .section9__title {margin: 0 0 25px 0;}
    .section9__box p {padding: 25px 0;}
    .section9__bottom {font-size: 25px; padding: 0  0 35px 0; display: block;}
    .section9__bottom span {font-size: 35px;}
    .copyright {display: block; padding: 15px 0 0 0;}
    .modal {width: 300px;}
    .summ-inner {display: block; padding: 0 0 15px 0;}
    .thanks__box {padding: 30px 0; font-size: 20px;}
    .thanks__box a {color: #343441; text-decoration: none;}
    .thanks__title {font-size: 45px;}
    .header__phone {font-size: 28px;}
}