/* reboot css */
*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}

* {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 20px; font-weight: 500;}
html a {color: #fff;}
html a:hover {text-decoration: none; color: #fff;}
.center {text-align: center}
.right {text-align: right}
input:focus {outline: none;}
ul {list-style: none; margin: 0; -webkit-padding-start: 0;}
label.error{display: none !important}
/* fonts */
@font-face {
  font-family: "Montserrat";
  src:url("../fonts/Montserrat-Black.eot");
  src:url("../fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Montserrat-Black.woff") format("woff"),
      url("../fonts/Montserrat-Black.ttf") format("truetype"),
      url("../fonts/Montserrat-Black.svg#Montserrat-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  }
@font-face {
  font-family: "Montserrat";
  src:url("../fonts/Montserrat-ExtraBold.eot");
  src:url("../fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Montserrat-ExtraBold.woff") format("woff"),
      url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"),
      url("../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
  }
@font-face {
  font-family: "Montserrat";
  src:url("../fonts/Montserrat-Bold.eot");
  src:url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Montserrat-Bold.woff") format("woff"),
      url("../fonts/Montserrat-Bold.ttf") format("truetype"),
      url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  }
@font-face {
  font-family: "Montserrat";
  src:url("../fonts/Montserrat-SemiBold.eot");
  src:url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Montserrat-SemiBold.woff") format("woff"),
      url("../fonts/Montserrat-SemiBold.ttf") format("truetype"),
      url("../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  }
@font-face {
  font-family: "Montserrat";
  src:url("../fonts/Montserrat-Medium.eot");
  src:url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Montserrat-Medium.woff") format("woff"),
      url("../fonts/Montserrat-Medium.ttf") format("truetype"),
      url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  }
@font-face {
  font-family: "Montserrat";
  src:url("../fonts/Montserrat-Regular.eot");
  src:url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Montserrat-Regular.woff") format("woff"),
      url("../fonts/Montserrat-Regular.ttf") format("truetype"),
      url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  }

/* Section 1 */
  .block-1 {background: url('../img/1/bg.jpg') top center no-repeat;}
  .placeholder{display: block; width: 100%;}
  .block-1 .placeholder.first {height: 15px;}
  .logo.top {float: left; margin: 0 15px 0 0;}
  .logo-desc {font-size: 18px; font-weight: 600; color: #fff; line-height: 24px;}
  .callback.button.top a {font-weight: 700; font-size: 20px; line-height: 28px; padding: 3px 30px; background: #fff; border-radius: 15px; cursor: pointer;}
  .callback-desc {color: #fff; line-height: 24px; font-size: 14px;}
  .phone.top a {font-size: 32px; font-weight: 800;}
  .work.top {color: #fff; margin-top: 3px;}
  .block-1 .placeholder.second {height: 110px;}
  .block-title {color: #fff; font-size: 38px; font-weight: 900; line-height: 50px; text-transform: uppercase;}
  .block-title span {color: #ff8033; font-size: 38px; font-weight: 900;}
  .block-title div {font-size: 32px; text-transform: none; margin-top: 10px;}
  .best {margin: 40px 0 110px; background: url(../img/1/advantages.png) left top no-repeat; padding: 30px 0 0 80px; height: 145px; box-shadow: -25px 0 50px 0 rgba(0,0,0,.3);}
  .best div {font-size: 20px; font-weight: 700;}
  .best div:nth-child(1) {margin-bottom: 40px;}

/* block-section */
  .block-cost {padding: 30px 0; box-shadow: 0 0 50px 0 rgba(0,0,0,.3); position: relative; z-index: 1;}
  .col.title {font-size: 24px; font-weight: 700; margin-bottom: 40px}
  .input.line {border: none; border-bottom: 2px solid; font-size: 24px; width: 100%; font-weight: 200; line-height: 40px; transition: all .3s ease-in-out;}
  .input.line:focus {border-color: #ff8033;}
  .input.error{border-color: red!important;}
  .button.line {font-size: 24px; background: rgba(0,0,0,0); border: 2px solid; line-height: 40px; width: 100%; cursor: pointer; transition: all 0s ease-in-out}
  .button.line:hover {color: #fff; border: 0; background: linear-gradient(135deg, #6364c3 0%,#35366f 100%);
    background: -webkit-linear-gradient(-45deg, #6364c3 0%,#35366f 100%); text-shadow: 0 0 5px; padding: 3px}
  .button.line:active {outline: none;}

/* Section 2 */
  .block-2 {background: linear-gradient(90deg, #ece9e6 0%,#fff 100%); background: -webkit-linear-gradient(0deg, #ece9e6 0%,#fff 100%);}
  .block-2 .placeholder.first {height: 60px;}
  .block-2 .placeholder.second {height: 45px;}
  .block-2 .title, .block-3 .title, .block-4 .title, .block-5 .title, .block-6 .title, .block-7 .title, .block-8 .title {font-size: 34px; font-weight: 900; color: #f79033; line-height: 44px}
  .block-2 .title span, .block-3 .title span, .block-4 .title span, .block-5 .title span, .block-6 .title span, .block-7 .title span, .block-8 .title span { font-size: 34px; font-weight: 900; color: #2e4587;}
  .window-title {font-size: 24px; line-height: 28px; margin-bottom: 20px;}
  .window-type-1 {background: url('../img/2/window-1.png') top center no-repeat; text-align: right}
  .window-type-2 {background: url('../img/2/window-2.png') top center no-repeat; text-align: right}
  .window-type-3 {background: url('../img/2/window-3.png') top center no-repeat; text-align: right}
  .window-desc {display: inline-block; background: linear-gradient(135deg, #e5a653 0%,#d3643f 100%);
    background: -webkit-linear-gradient(-45deg, #e5a653 0%,#d3643f 100%); padding: 40px 20px;
    border-radius: 50%; color: #fff; text-align: center; margin: 130px 0 0; font-weight: 800; font-size: 24px; line-height: 24px; vertical-align: middle;}
  .window-desc span {font-weight: 700; font-size: 18px;}
  .window-type-2 .window-desc {padding: 40px 15px}
  .window-type-3 .window-desc {margin: 130px 0 60px; padding: 40px 15px}
  .block-2 .col-sm-9.form {background: url('../img/2/form-bg.png') top left no-repeat; padding: 35px 0 0;}
  .form .title {font-size: 22px; line-height: 28px; font-weight: 700; margin-bottom: 25px; color: #fff}
  .white.input.line {background: none; color: #fff;}
  .white.input.line:focus {border-color: #fff;}
  .white.input.line::-webkit-input-placeholder {color: #eee;}
  .white.input.line::-moz-placeholder {color: #eee; opacity: 1;}
  .white.button.line {color: #fff;}
  .col.center.more {color: #fff; margin: 17px 0;}

/* Section 3 */
  .block-3 .placeholder.first {height: 70px;}
  .block-3 .placeholder.second {height: 100px;}
  .block-3 .placeholder.third {height: 45px;}
  .profile-title {margin-left: 15px; font-size: 34px; line-height: 34px; font-weight: 900; background: #fff; padding: 0 15px;
    position: relative; display: inline-block; color: #314780;}
  .profile-block {border: 6px solid #314780; padding: 40px 0 0; margin-top: -19px; text-align: center;}
  .profile-block img {min-height: 245px; max-height: 245px;}
  .col-6.profile-placeholder, .col-8.profile-placeholder {padding: 0;}
  .col-3.profile-size, .col-2.profile-size {margin-top: 30px; color: #fff; background: #08205e; font-size: 20px; text-transform: uppercase; padding: 10px 0; cursor: pointer;}
  .profile-size.active {font-weight: 700; background: #314780}
  .profile-desc {text-align: left; background: #314780; color: #fff; padding: 30px 0 40px 10px;}
  .profile-desc ul li {font-size: 14px; font-weight: 700; margin-bottom: 10px;}
  .profile-desc ul li span {font-weight: 14px;}
  .premium .profile-title {color: #f79033}
  .premium .profile-block {border-color: #f79033}
  .premium .col-2.profile-size {background: #804612}
  .premium .profile-size.active {background: #f79033}
  .premium .profile-desc {background: #f79033; padding: 30px 10px 40px 10px;}
  img.premium {height: 26px; min-height: 26px; max-height: 26px; margin-bottom: 20px;}

/* Section 4 */
  .block-4 .placeholder.first {height: 130px;}
  .block-4 .placeholder.second {height: 110px;}
  .block-4  {background: url(../img/4/bg.jpg) top left no-repeat; background-position-y: 290px;}
  .warranty {background: #35366f; margin-bottom: 120px;}
  .warranty-title {color: #fff; font-size: 20px; line-height: 24px;}
  .warranty-title span {color: #f79033; font-size: 20px; line-height: 24px;}
  .warranty ul {margin-top: 35px; text-align: left; color: #fff;}
  .warranty ul li {font-size: 18px; line-height: 28px; margin-bottom: 25px; margin-left: 70px;}
  .warranty ul li::before {content: ''; position: absolute; width: 39px; height: 39px; margin-left: -70px;}
  .warranty ul li:nth-child(1)::before {background: url(../img/4/form-icon-1.png) center no-repeat; margin-top: 10px;}
  .warranty ul li:nth-child(2)::before {background: url(../img/4/form-icon-2.png) center no-repeat;}
  .warranty ul li:nth-child(3)::before {background: url(../img/4/form-icon-3.png) center no-repeat; margin-top: 10px;}
  .warranty .divider {width: 100%; display: block; height: 22px; background: url(../img/4/form-div.jpg) top center no-repeat;}
  .warranty .form {background: #f59133;}
  .warranty .form-title {color: #35366f; font-size: 22px; font-weight: 700; line-height: 28px; margin-top: 35px;}
  .warranty .form form {margin-top: 30px;}

/* Section 5 */
  .block-5 .placeholder.second {height: 190px;}
  .block-5  {background: url(../img/5/bg.jpg) top right no-repeat; background-position-y: 160px; z-index: 1; position: relative;}
  .stock {background: #35366f; margin-bottom: 180px;}
  .stock-title {color: #fff; font-size: 20px; line-height: 24px;}
  .stock-title span {color: #f79033; font-size: 20px; line-height: 24px;}
  .stock ul {margin-top: 35px; text-align: left; color: #fff;}
  .stock ul li {font-size: 18px; line-height: 28px; margin-bottom: 20px; margin-left: 70px;}
  .stock ul li::before {content: ''; position: absolute; width: 39px; height: 39px; margin-left: -70px;
    background: url(../img/5/check.png) center no-repeat; margin-top: -8px;}
  .stock .divider {width: 100%; display: block; height: 22px; background: url(../img/4/form-div.jpg) top center no-repeat;}
  .stock .form {background: #f59133; padding-bottom: 60px;}
  .stock .form-title {color: #35366f; font-size: 22px; font-weight: 700; line-height: 28px; margin-top: 35px;}
  .stock .form form {margin-top: 30px;}

/* Section 6 */
  .block-6 {padding-top: 475px; padding-bottom: 155px; background: url(../img/6/bg.jpg) top left no-repeat; margin-top: -475px;}
  .block-6 .title {margin-bottom: 60px;}
  .service {margin-bottom: 20px;}
  .service::before {content:''; position: absolute; line-height: 44px; background: #2e4587; width: 80%; top: 130px; color: #fff; padding-left: 15px;}
  .service.image-1::before {content: 'Входные железные двери';}
  .service.image-2::before {content: 'Офисные перегородки';}
  .service.image-3::before {content: 'Нестандартные изделия';}
  .service.image-4::before {content: 'Раздвижные конструкции';}
  .service.image-5::before {content: 'Тамбуры (алюминий, ПВХ)';}
  .service.image-6::before {content: 'Входные группы';}

/* Section 7 */
  .block-7 {padding-bottom: 75px;}
  .block-7 .title {margin-bottom: 35px;}
  .owl-item img {max-height: 460px}
  .block-7 .owl-theme .owl-nav { position: absolute; left: 0; right: 0; margin: 0 auto; top: calc( 50% - 50px); width: 50%; margin-top: 0;}
  .block-7 .owl-theme .owl-nav .owl-prev, .block-7 .owl-theme .owl-nav .owl-next {outline: none;}
  .block-7 .owl-theme .owl-nav .owl-prev:hover, .block-7 .owl-theme .owl-nav .owl-next:hover {background: #314780;}
  .block-7 .owl-theme .owl-nav .owl-prev:hover span, .block-7 .owl-theme .owl-nav .owl-next:hover span {color: #fff;}
  .block-7 .owl-theme .owl-nav .owl-prev {background: #fff; color: #333; padding: 20px 25px 5px 20px !important; border-radius: 50%; box-shadow: 0 0 50px 0 rgba(0,0,0,.2);}
  .block-7 .owl-theme .owl-nav .owl-next {background: #fff; color: #333; padding: 20px 20px 5px 25px !important; border-radius: 50%; box-shadow: 0 0 50px 0 rgba(0,0,0,.2);}
  .block-7 .owl-theme .owl-nav .owl-prev span, .block-7 .owl-theme .owl-nav .owl-next span {font-size: 100px}
  .block-7 .owl-theme .owl-nav .owl-prev {float: left;}
  .block-7 .owl-theme .owl-nav .owl-next {float: right;}

/* Section 8 */
  .block-8 .title {margin-bottom: 40px;}
  .advantages .col-sm-4 {margin-bottom: 50px;}
  .advantages-desc {font-size: 20px; line-height: 24px; margin-top: 15px;}

/* block-question */
  .block-question {padding: 30px 0 50px; box-shadow: 0 0 50px 0 rgba(0,0,0,.3); position: relative; z-index: 1; background: #314780; color: #fff;}
  .white.footer.button.line:hover {background: linear-gradient(135deg, #be5537 0%,#e7af56 100%);
                                   background: -webkit-linear-gradient(-45deg, #be5537 0%,#e7af56 100%);}

/* footer */
  .footer-block {background: #00154b; padding: 30px 0;}
  .footer-block .top.phone a {line-height: 26px;}
  .dev-logo {margin: -15px 0;}

/* thanks */
  .thanks-block {display: flex; height: 100%; width: 100%; background: url(../img/thanks-bg.jpg) center center no-repeat; background-size: 100% 100%; position: absolute; margin: 0; padding: 0; justify-content: center; align-items: center}
  .thanks-block .title {font-size: 56px; font-weight: 900; color: #f79033;}
  .thanks-block .desc {font-size: 32px; line-height: 40px; margin: 50px 0;}
  .thanks-block .button.line {display: block; width: 60%}
  .thanks-block .button.line a {font-size: 24px; line-height: 40px; color: #000;}
  .thanks-block .button.line a:hover {color: #fff;}

/* popup */
  #popup-callback.popup {display: block; width: 750px; height: 500px; color: #fff; border-radius: 10px; text-align: center;
    background: linear-gradient(135deg, #35366f 0%,#6364c3 100%); background: -webkit-linear-gradient(-45deg, #35366f 0%,#6364c3 100%);}
  .popup-close {float: right; transition: all .3s ease-in-out}
  .popup-close:hover {cursor: pointer; transition: all .3s ease-in-out; transform: rotate(180deg);}
  .popup-title  {font-size: 34px; font-weight: 900; margin: 70px 0 30px;}
  .popup-desc {font-size: 24px; line-height: 30px; font-weight: 700; margin: 0 0 30px;}

@media (max-width: 480px){
  .block-1 {background: #314780;}
  .block-1 .col-sm-4 {text-align: center; margin: 20px 0;}
  .logo.top {margin: 0 0px 0 30px;}
  .block-1 .placeholder.second {height: 30px;}
  .block-title {font-size: 26px; line-height: 34px;}
  .block-title span {font-size: 26px;}
  .block-title div {font-size: 18px;}
  .best {padding: 30px 40px 0 80px; margin: 40px 0 30px;}
  .best div:nth-child(1) {margin-bottom: 35px;}
  .best div {font-size: 14px;}
  /*.col.title {font-size: 20px; margin-bottom: 20px; line-height: 24px;}*/
  .input.line {margin-bottom: 20px;}
  .block-2 .container div:nth-child(5){margin-top: 20px;}
  .form .row{margin-left:0;margin-right:0;}
  .block-2 .col-sm-9.form {background: #d77343;}
  .profile-block {margin-bottom: 20px;}
  .block-4, .block-5, .block-6 {background: none;}
  .block-4 .placeholder.first {height: 50px;}
  .block-4 .placeholder.second {height: 40px;}
  .warranty, .stock {margin-bottom: 50px;}
  .warranty ul, .stock ul {margin-left: 2%; margin-right: 3%;}
  .block-5 .placeholder.second {height: 50px;}
  .block-6 {padding-bottom: 50px;}
  .block-7 .owl-theme .owl-nav {display: none;}
  .owl-item img {max-height: 300px;}
  .footer-block .col-sm-4, .footer-block .col-sm-3 {text-align: center; margin: 20px 0;}
  .footer-block .logo.top {margin: 0 20px 0 30px;}
  }

@media (max-width: 360px){
  .logo.top {margin: 0 0px 0 15px;}
  .best div:nth-child(1) {margin-top: -10px; margin-bottom: 24px;}
  .service img {max-width: 330px;}
  .footer-block .logo.top {margin: 0 20px 0 10px;}
  }