@charset "UTF-8";
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; vertical-align: baseline; }

body, html { height: 100%; }

img, fieldset, a img { border: none; }

input[type="text"], input[type="email"], input[type="tel"], textarea { -webkit-appearance: none; }

input[type="submit"], button { cursor: pointer; }
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

ul, ol { list-style-type: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }

html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.row { *zoom: 1; }
.row:after { content: " "; display: table; clear: both; }
.row > [class*="col"] { min-height: 1px; position: relative; float: left; }
.row > .col-2 { width: 50%; }
@media only screen and (max-width: 767px) { .row > .col-2 { float: none; width: auto; margin-bottom: 20px; } }

/* ===== -- Autor - Pit  -- skype - hostings1 -- date  - 15/11/15 ===== */
/* ============= -- fots -- ============= */
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.eot"); src: url("../fonts/HelveticaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaBold.woff2") format("woff2"), url("../fonts/HelveticaBold.woff") format("woff"), url("../fonts/HelveticaBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "HelveticaLight"; src: url("../fonts/HelveticaLight.eot"); src: url("../fonts/HelveticaLight.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaLight.woff2") format("woff2"), url("../fonts/HelveticaLight.woff") format("woff"), url("../fonts/HelveticaLight.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "HelveticaMedium"; src: url("../fonts/HelveticaMedium.eot"); src: url("../fonts/HelveticaMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaMedium.woff2") format("woff2"), url("../fonts/HelveticaMedium.woff") format("woff"), url("../fonts/HelveticaMedium.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "HelveticaRegular"; src: url("../fonts/HelveticaRegular.eot"); src: url("../fonts/HelveticaRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaRegular.woff2") format("woff2"), url("../fonts/HelveticaRegular.woff") format("woff"), url("../fonts/HelveticaRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/* ============= -- body -- ============= */
body { font: 14px "HelveticaMedium", Tahoma, sans-serif; line-height: 1.4; color: #000; padding-top: 100px; background: #fff url(../img/body-bg.jpg) no-repeat center top; background-attachment: fixed; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; }

/* ============= -- 1. forms -- ============= */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"] { height: 30px; margin-bottom: 10px; padding: 0 20px; font-family: "HelveticaRegular", sans-serif; font-size: 12px; background-color: #fff; border: 1px solid #e1e1e1; -moz-box-shadow: 0 0 3.9px 3.1px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 0 3.9px 3.1px rgba(0, 0, 0, 0.03); box-shadow: 0 0 3.9px 3.1px rgba(0, 0, 0, 0.03); }
input[type="text"]:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]::-moz-placeholder { color: #b3b3b3; opacity: 1; }
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder { color: #b3b3b3; }
input[type="text"].input--lg, input[type="password"].input--lg, input[type="email"].input--lg, input[type="tel"].input--lg { height: 50px; margin-bottom: 15px; padding: 0 25px; font-size: 18px; }

.form__control { display: block; width: 100%; }

/* ============= -- 2. buttons -- ============= */
.btn { display: inline-block; vertical-align: middle; padding: 8px 20px; font-size: 12px; text-align: center; text-decoration: none; }
.btn--warning { color: #fff; background-color: #fe8f00; }
.btn.input--lg { padding: 15px 25px; font-size: 18px; }

.t-close { display: inline-block; vertical-align: middle; padding: 2px 8px 4px; font-size: 18px; font-weight: 300; line-height: 16px; font-family: "HelveticaRegular", sans-serif; text-align: center; background-color: white; border: 1px solid #93652b; }

/* ============= -- 3. style -- ============= */
.br { height: 2px; background: #FC9817; clear: both; }

.table { border-spacing: 1px; border-collapse: inherit; }
.table td, .table th { font-size: 12px; font-weight: normal; text-align: left; vertical-align: middle; }
.table tr { background-color: #dcdcdc; }
.table tr:nth-child(odd) { background-color: #c4c4c4; }
.table tr.active, .table tr:hover { background-color: #fc9817; }
.table__sorting { display: block; cursor: pointer; }
.table__sorting .ic { margin-right: 4px; }

.tabs ul { margin: 0px; padding: 0px; *zoom: 1; }
.tabs ul:after { content: " "; display: table; clear: both; }
.tabs ul li { margin: 0px; cursor: pointer; display: block; float: left; width: 50%; padding: 15px; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; background-color: #949494; border: 2px solid gainsboro; }
.tabs ul li.active, .tabs ul li:hover { background-color: #626262; border-color: #fc9817; color: #fc9817; }

.map img { width: 100%; }

/* ============= -- 4. icons -- ============= */
.ic { position: relative; display: inline-block; vertical-align: middle; }

.ic-link { background: url('../img/icons-s60b6104c3a.png') 0 -273px no-repeat; width: 75px; height: 75px; }

.ic-caret { background: url('../img/icons-s60b6104c3a.png') 0 -85px no-repeat; width: 9px; height: 8px; }

.ic-process { background: url('../img/icons-s60b6104c3a.png') 0 -358px no-repeat; width: 96px; height: 75px; }

.ic-good { background: url('../img/icons-s60b6104c3a.png') 0 -188px no-repeat; width: 75px; height: 75px; }

.ic-sound { background: url('../img/icons-s60b6104c3a.png') 0 -443px no-repeat; width: 69px; height: 51px; }

.ic-fire { background: url('../img/icons-s60b6104c3a.png') 0 -103px no-repeat; width: 75px; height: 75px; }

.ic-bio { background: url('../img/icons-s60b6104c3a.png') 0 0 no-repeat; width: 60px; height: 75px; }

/* ============= -- 5. page -- ============= */
.page { max-width: 1170px; margin: 0 auto; *zoom: 1; }
.page:after { content: " "; display: table; clear: both; }

/* ============= -- 6. sidebar -- ============= */
.sidebar { float: left; width: 325px; background: #FFF; border: 1px solid #e8e8e8; /*=== nav === */ /*=== subscribe === */ }
.sidebar.fixed { position: fixed; top: 0; }
.sidebar .logo { padding: 20px 30px; border-bottom: 1px solid #e8e8e8; }
.sidebar .collapse__button { display: none; }
.sidebar__nav a { display: block; padding: 13px 30px; color: #272727; font-size: 16px; text-transform: uppercase; text-decoration: none; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #f7f7f7; }
.sidebar__nav a:hover, .sidebar__nav a.active { color: #cd6715; background-color: #f0f0f0; }
.sidebar__subscribe { padding: 30px; }

.logo img, .logo__text { display: inline-block; vertical-align: middle; }
.logo__text { margin-left: 22px; font-size: 24px; font-family: "HelveticaBold", sans-serif; color: #000; text-align: center; }

/* ============= -- 7. content -- ============= */
.content { margin-left: 325px; border: 1px solid #e8e8e8; background: #FFF; }
.content__heading { padding: 13px; color: #fff; font-family: "HelveticaBold", sans-serif; font-size: 18px; text-align: center; text-transform: uppercase; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #454545; }
.content__descr { font-size: 18px; text-align: center; }
.content .section__txt { margin-bottom: 20px; font-family: "HelveticaRegular", sans-serif; }
.content .section__wrap { padding: 3em; overflow: hidden; }
.content .section__img { display: block; max-width: 100%; border: 1px solid #c4c4c4; }

/*=== 8. main === */
.main { position: relative; border-bottom: 1px solid #e8e8e8; background: url(../img/main-bg.jpg) no-repeat center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; /*=== rectangle === */ }
.main .section__wrap { padding-top: 125px; padding-bottom: 335px; }
.main__title { font-family: "HelveticaBold", sans-serif; font-size: 60px; }
.main__rectangle { position: absolute; left: 0; bottom: -1px; z-index: 1; width: 55%; min-width: 465px; }

.rectangle { padding: 40px 45px 35px; background: url(../img/rectangle-bg.png) no-repeat right bottom; }
.rectangle__ul { list-style-type: disc; list-style-position: inside; margin-bottom: 20px; color: #161616; font-size: 18px; font-family: "HelveticaRegular", sans-serif; line-height: 1.3; }
.rectangle__advantages { color: #fff; font-size: 28px; font-family: "HelveticaBold", sans-serif; }

/*=== 9. ask === */
.ask { overflow: hidden; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: url(../img/ask-bg.png) no-repeat center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; }
.ask .section__wrap { padding-top: 1.6em; padding-bottom: 1.6em; }
.ask__title { float: left; padding-top: 50px; color: #fe8f00; font-family: "HelveticaBold", sans-serif; font-size: 30px; text-transform: uppercase; }
.ask__form { width: 255px; float: right; }

/*=== 10. advantages === */
.advantages .section__wrap { padding-top: 2em; padding-bottom: 5em; }
.advantages__list { *zoom: 1; }
.advantages__list:after { content: " "; display: table; clear: both; }
.advantages__list li { float: left; width: 30%; min-height: 150px; margin-right: 5%; margin-top: 3em; text-align: center; }
.advantages__list li:nth-child(3n) { margin-right: 0; }
.advantages__list li p { color: #272727; font-size: 14px; text-transform: uppercase; }
.advantages__icon { height: 95px; text-align: center; font-size: 0; }
.advantages__icon:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

/*=== 11. descrmaterial === */
.descrmaterial { background: #c5c5c5 url(../img/Descrmateria-bg.png) no-repeat center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; }
.descrmaterial .section__wrap { height: 650px; }
.descrmaterial-list { position: relative; margin: 70px auto; background: url("../img/d-figure.png") no-repeat 0 0; width: 411px; height: 298px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-position: center; }
.descrmaterial__item { position: absolute; right: 100%; top: -60px; z-index: 2; width: 250px; margin-right: -100px; }
.descrmaterial__item:nth-child(even) { right: auto; left: 100%; margin-right: 0; margin-left: -95px; }
.descrmaterial__item:nth-child(3), .descrmaterial__item:nth-child(4) { top: 100%; margin-top: -65px; }
.descrmaterial__item p { font-family: "HelveticaRegular", sans-serif; }
.descrmaterial__img { margin-bottom: 15px; text-align: center; }
.descrmaterial__img .circle { display: inline-block; overflow: hidden; height: 125px; width: 125px; border: 1px solid #fe8f00; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.descrmaterial__img .circle img { height: 100%; width: 100%; }

/*=== 12. application === */
.application__list { margin-top: 25px; text-align: center; font-size: 0; }
.application__list li { display: inline-block; vertical-align: top; width: 48%; margin-bottom: 60px; font-size: 14px; text-align: left; }
.application__list li:nth-child(odd) { margin-right: 3%; }
.application__list li:last-child { margin-bottom: 0; }
.application__list li .application__img, .application__list li .application__text { display: inline-block; vertical-align: middle; font-size: 0; }
.application__list li img { max-height: 125px; max-width: 100%; }
.application__list li .application__text { width: 52%; padding: 10px 0 15px 20px; font-size: 14px; border-left: 2px solid #FF9000; border-bottom: 2px solid #FF9000; }
.application__list li .application__img { width: 45%; text-align: center; }

/*=== 13. Transport === */
.transport { background: #e9e9e9; }
.transport [class*="col"] { padding: 0 5px; }
.transport .logo { padding-top: 30px; text-align: center; }
.transport .br { margin-bottom: 35px; }
.transport .table th, .transport .table td { padding: 11px 15px; }
.transport .table th { padding: 13px; }
.transport .table th { color: #FFF; background-color: #93652b; }
.transport .table td.td-button { width: 1%; }

/*=== 14. CERTIFICATES === */
.lazy-slider { max-width: 610px; margin: 0 auto; }
.lazy-slider a { display: block; margin: 0 30px 0 0; }

/*=== 15. factory === */
.factory { background: #e9e9e9; }
.factory .row { margin: 0 -20px; }
.factory [class*="col"] { padding: 0 20px; }

/*=== 16. products === */
.products { background: url(../img/gipsokarton.png) no-repeat center bottom; /*=== slider === */ }
.products .slick-slide .slide { display: block; margin: 0 15px; }
.products .slick-slide img { width: 160px; }
.products .ps { margin-top: 6px; }
.products .ps__heading { font-size: 14px; }
.products .ps__descr { display: none; }

/* ============= -- 17. footer -- ============= */
.footer { padding: 10px 60px 0; color: #fff; background-color: #3b3b3b; }
.footer .footer-left { float: left; width: 200px; }
.footer .logo { margin-bottom: 10px; }
.footer .logo img { width: 32px; height: 40px; }
.footer .logo__text { color: #fff; font-size: 14px; }
.footer .footer-right { float: right; overflow: hidden; width: 500px; }
.footer .block { float: right; margin-left: 20px; }
.footer .block img { height: 40px; margin-top: 7px; }

.phone { font-size: 18px; font-family: "HelveticaBold", sans-serif; text-transform: uppercase; }

.copy { text-align: center; font-size: 12px; clear: both; padding-top: 10px; }

/*custom*/
    .tabs>input[type="radio"] {
      display: none;
    }
    .tabs>input[type="radio"]:checked+label {
      font-weight: bold;
      cursor: default;
    }
    .tabs>div {
      display: none;
      border-top: 1px solid #eee;
      padding-top: 10px;
    }
    #tab-btn-1:checked~#content-1,
    #tab-btn-2:checked~#content-2,
    #tab-btn-3:checked~#content-3,
	#tab-btn-4:checked~#content-4,
	#tab-btn-5:checked~#content-5
	{
		display: flex;
	}

    .tabs>label {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      padding: 2px 0;
      font-size: 14px;
      line-height: 1.5;
      transition: color 0.15s ease-in-out;
      margin-left: 6px;
      cursor: pointer;
    }
    .tabs>label:first-of-type {
      margin-left: 0;
    }
	.products-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.products-container>article {
		width: 29%;
		margin: 0 15px 15px;
	}
	.products-container>article img{
		width: 100%
	}
	#text {
		overflow: hidden;
		transition: 1s;
	}
.overlay {
   opacity: 0;
   visibility: hidden;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5);
   z-index: 20;
   transition: .3s all;
}
.modal {
   opacity: 0;
   visibility: hidden;
   width: 100%;
   max-width: 900px;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 30;
   box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2); 
   text-align: center;
   padding: 30px;
   border-radius: 3px;
   background-color: #fff;
   transition: 0.3s all;
}
.modal.active,
.overlay.active{
   opacity: 1;
   visibility: visible;
}
.modal__cross {
   width: 15px;
   height: 15px;
   position: absolute;
   top: 20px;
   right: 20px;
   fill: #444;
   cursor: pointer;
}
.modal-body {
    text-align: left;
}
.modal-body .row {
    display: flex;
    justify-content: space-between;
}
.modal-body .col-sm-12.col-md-7 {
    width: 52%;
}
.modal-body .col-sm-12.col-md-5 {
    width: 48%;
}
.modal-body img.img-responsive {
    max-width: 100%;
}
h3.modal-title {
    font-size: 24px;
    font-weight: 500;
}
.modal-body h4 {
    text-transform: uppercase;
    margin-top: 22px;
    padding-bottom: 6px;
    position: relative;
    margin-bottom: 8px;
    font-weight: bold;
}
.modal-body h4:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #f37021;
}
.modal-body .preview {
    line-height: 24px;
}
.modal-body a.file {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    display: inherit;
    color: #000;
    background: #FFBA00;
    display: inline-block;
    padding: 8px 14px;
    margin: 15px 5px 0 0;
    min-width: 143px;
	text-decoration: none;
}
.modal-body a.file:hover {
    text-decoration: none;
    opacity: 0.7;
}
a.js-open-modal img {
    max-height: 155px;
	max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}
a.more-node {
    display: block;
    text-align: center;
    width: 100%;
    color: #FF6E00;
    text-decoration: none;
	margin: 15px 0 10px;
}
.tabs label {
    width: 19%;
    font-size: 18px;
}
.tabs>input[type="radio"]:checked+label {
    font-weight: 500;
    color: #fff;
    background-color: #fe8f00;
}
.lazy.slider .main__rectangle {
    width: 68%;
}
.lazy.slider p{
	font-size: 18px
}
.lazy.slider .rectangle__ul{
	font-size: 14px
}
.lazy.slider .rectangle {
    padding: 40px 120px 35px 45px;
}
.lazy.slider .main .section__wrap {
    padding-top: 69px;
    padding-bottom: 370px;
}
.lazy.slider .main__title {
    min-height: 168px;
}
/*custom*/
/* ============= -- media -- ============= */
/* max-width 1160px */
@media screen and (max-width: 1160px) { /*=== 11. descrmaterial === */
  .descrmaterial__item { width: 220px; }
  /*=== 14. CERTIFICATES === */
  .lazy-slider { max-width: 610px; margin: 0 auto; }
  .lazy-slider a { display: block; margin: 0 30px 0 0; } }
/* max-width 1100px */
@media screen and (max-width: 1100px) { /* ============= -- 7. content -- ============= */
  .content .section__txt { margin-bottom: 15px; }
  /*=== 8. main === */
  .main__title { font-size: 55px; }
  .main .section__wrap { padding-top: 125px; padding-bottom: 335px; }
  /*=== 9. ask === */
  .ask__title { font-size: 23px; }
  /*=== 12. application === */
  .application__list li { margin-bottom: 35px; }
  .application__list li .application__text { padding: 6px 0 10px 10px; font-size: 12px; }
  /*=== 13. Transport === */
  .transport .br { margin-bottom: 25px; }
  .transport .table th, .transport .table td { padding: 7px 11px; }
  .transport .table th { padding: 9px; }
  /*=== 16. products === */
  .products { /*=== slider === */ }
  .products-slider .slick-prev { left: -5px; }
  .products-slider .slick-next { right: -15px; } }
/* min-width: 992 and max-width 1100px */
@media screen and (min-width: 992px) and (max-width: 1100px) { /*=== 11. descrmaterial === */
  .descrmaterial .section__wrap { height: 590px; }
  .descrmaterial-list { width: 356px; height: 263px; }
  .descrmaterial__item { width: 200px; margin-right: -78px; }
  .descrmaterial__item:nth-child(even) { margin-left: -70px; }
  .descrmaterial__item p { font-size: 12px; } }
/* max-width 991px */
@media screen and (max-width: 991px) { body { padding-top: 75px; }
  /* ============= -- 1. forms -- ============= */
  input[type="text"].input--lg, input[type="password"].input--lg, input[type="email"].input--lg, input[type="tel"].input--lg { height: 44px; margin-bottom: 0; padding: 0 15px; font-size: 14px; }
  /* ============= -- 2. buttons -- ============= */
  .btn.input--lg { padding: 14px; font-size: 14px; }
  /* ============= -- 6. sidebar -- ============= */
  .sidebar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; width: auto; max-height: 75px; padding: 15px; }
  .sidebar.fixed { -webkit-box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -ms-box-shadow: 0 0 10px #666; -o-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666; }
  .sidebar .logo { padding: 0; float: left; border: none; }
  .sidebar .logo img { max-height: 44px; }
  .sidebar .logo__text { font-size: 15px; }
  .sidebar .collapse, .sidebar__subscribe { float: right; }
  .sidebar .collapse__button { display: block; cursor: pointer; width: 50px; padding: 4px 12px 10px; border: 1px solid #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
  .sidebar .collapse__button .divide { display: block; height: 2px; margin-top: 7px; background: #666; }
  .sidebar .collapse__button:hover, .sidebar .collapse__button.active { background: #666; border-color: #FFF; }
  .sidebar .collapse__button:hover .divide, .sidebar .collapse__button.active .divide { background: #fff; }
  .sidebar__nav { position: absolute; top: 75px; right: 0; display: none; }
  .sidebar__subscribe { width: 50%; padding: 0; margin-right: 25px; *zoom: 1; }
  .sidebar__subscribe:after { content: " "; display: table; clear: both; }
  .sidebar__subscribe .form__control { float: left; }
  .sidebar__subscribe input.form__control { width: 70%; }
  .sidebar__subscribe button.form__control { width: 30%; }
  /* ============= -- 7. content -- ============= */
  .content { margin-left: 0; } 
	.modal-body .preview {
		line-height: 20px;
	}
	.modal {
		z-index: 10000;
	}
}
/* max-width 767px */
@media screen and (max-width: 767px) { /* ============= -- 6. sidebar -- ============= */
  .sidebar__nav { position: absolute; top: 75px; right: 0; display: none; -ms-overflow-y: auto; overflow-y: auto; }
  .sidebar__nav a { padding: 8px 20px; }
  /*=== 9. ask === */
  .ask__title { font-size: 20px; }
  /*=== 11. descrmaterial === */
  .descrmaterial .section__wrap { height: 590px; }
  .descrmaterial-list { width: 340px; height: 245px; }
  .descrmaterial__item { width: 200px; margin-right: -78px; }
  .descrmaterial__item:nth-child(even) { margin-left: -70px; }
  .descrmaterial__item p { font-size: 12px; }
  /*=== 14. CERTIFICATES === */
  .lazy-slider a { display: block; margin: 0 15px 0 0; }
  .lazy-slider a img { max-width: 100%; }
  .lazy-slider .slick-arrow { display: none !important; } 
	.tabs>label {    
		margin-left: 5px;
	}
	.modal-body .preview {
		line-height: 20px;
	}
	.modal {
		z-index: 10000;
	}
}
/* max-width 639px */
@media screen and (max-width: 639px) { /* ============= -- 6. sidebar -- ============= */
  .sidebar .logo__text { margin-left: 9px; font-size: 12px; }
  .sidebar__subscribe { width: 40%; margin-right: 15px; }
  .sidebar__subscribe button.form__control { position: relative; text-indent: -9999px; }
  .sidebar__subscribe button.form__control:after { content: "›"; position: absolute; top: 12px; left: 50%; margin-left: -5px; z-index: 9; text-indent: 0; font-size: 40px; line-height: 14px; display: block; color: #FFF; }
  /*=== 8. main === */
  .main__title { font-size: 40px; }
  .main .section__wrap { padding-top: 45px; padding-bottom: 200px; }
  .main__rectangle { min-width: 300px; }
  .rectangle { padding: 20px 25px 15px; }
  .rectangle__ul { margin-bottom: 10px; font-size: 12px; }
  .rectangle__advantages { font-size: 18px; }
  /*=== 9. ask === */
  .ask__title { padding-top: 0; font-size: 20px; margin-bottom: 20px; }
  .ask__form { width: auto; float: none; }
  /*=== 10. advantages === */
  .advantages__list li { width: 45%; }
  .advantages__list li:nth-child(2n) { margin-right: 0; }
  .advantages__list li:nth-child(3n) { margin-right: 5%; }
  /*=== 11. descrmaterial === */
  .descrmaterial .section__wrap { height: 480px; }
  .descrmaterial-list { width: 230px; height: 170px; }
  .descrmaterial__item { top: -45px; width: 150px; margin-right: -55px; }
  .descrmaterial__item:nth-child(even) { margin-left: -50px; }
  .descrmaterial__item:nth-child(3), .descrmaterial__item:nth-child(4) { margin-top: -46px; }
  .descrmaterial__item p { font-size: 10px; }
  .descrmaterial__img .circle { height: 90px; width: 90px; }
  /*=== 12. application === */
  .application__list li { display: block; width: auto; margin-bottom: 30px; }
  .application__list li:nth-child(odd) { margin-right: 0; }
  /*=== 16. products === */
  .products { /*=== slider === */ }
  .products .slick-slide .slide { display: block; margin: 0 5px; }
  .products .slick-slide img { max-width: 100%; }
  /* ============= -- 17. footer -- ============= */
  .footer { padding: 10px 15px 0; } 
	.tabs>label {    
		margin-left: 3px;
	}
	.products-container>article {
		width: 28%;
	}
}
/* min-width 640px */
@media screen and (min-width: 640px) { /*=== 16. products === */
  .products { /*=== slider === */ }
  .products-slider { margin: 0 auto; max-width: 543px; }
  .products-slider .slick-prev, .products-slider .slick-next { margin-top: -40px; }
  .products .slick-list { padding: 70px 0 0 !important; }
  .products .slick-slide .slide { display: block; margin: 0 15px; }
  .products .slick-slide img { width: 160px; }
  .products .slick-current { margin-top: -50px; -webkit-transition: scale 0.5s; -moz-transition: scale 0.5s; -ms-transition: scale 0.5s; -o-transition: scale 0.5s; transition: scale 0.5s; -moz-transform: scale(1) translate(-25%, 0); -ms-transform: scale(1) translate(-25%, 0); -o-transform: scale(1) translate(-25%, 0); -webkit-transform: scale(1) translate(-25%, 0); transform: scale(1) translate(-25%, 0); }
  .products .slick-current + .slick-active { text-align: right; }
  .products .slick-current .slide { margin: 0; }
  .products .slick-current img { width: 270px; }
  .products .slick-current .ps { display: block; width: 270px; padding: 6px; margin-top: 10px; background-color: #e8e8e8; border: 1px solid #d0d0d0; }
  .products .slick-current .ps__heading { font-size: 18px; }
  .products .slick-current .ps__descr { display: block; font-size: 14px; font-family: "HelveticaRegular", sans-serif; }
  .products .ps { margin-top: 6px; }
  .products .ps__heading { font-size: 14px; }
  .products .ps__descr { display: none; } }
/* max-width 479px */
@media screen and (max-width: 479px) { /* ============= -- 3. style -- ============= */
  .tabs ul li { padding: 10px; font-size: 12px; text-transform: none; }
  /* ============= -- 6. sidebar -- ============= */
  .sidebar { /*=== subscribe === */ }
  .sidebar__subscribe { display: none; }
  /* ============= -- 7. content -- ============= */
  .content .section__wrap { padding: 1em; }
  /*=== 8. main === */
  .main__title { font-size: 25px; }
  .main .section__wrap { padding: 2em 2em 180px; }
  .main__rectangle { min-width: 300px; }
  /*=== 9. ask === */
  .ask__title { font-size: 18px; }
  /*=== 10. advantages === */
  .advantages__list li { margin-top: 1em; width: 45%; }
  .advantages__list li p { font-size: 12px; }
  /*=== 11. descrmaterial === */
  .descrmaterial { background: #c5c5c5 url(../img/Descrmateria-bg.png) no-repeat center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; }
  .descrmaterial .section__wrap { height: auto; }
  .descrmaterial-list { height: auto; width: auto; margin: 0; background-image: none; }
  .descrmaterial__item { position: static; width: auto; margin-right: 0; margin-bottom: 20px; }
  .descrmaterial__item:nth-child(even) { margin-left: 0; }
  .descrmaterial__item:nth-child(3), .descrmaterial__item:nth-child(4) { margin-top: 0; }
  .descrmaterial__item p { font-size: 14px; text-align: center; }
  .descrmaterial__img { margin-bottom: 15px; text-align: center; }
  .descrmaterial__img .circle { display: inline-block; overflow: hidden; height: 125px; width: 125px; border: 1px solid #fe8f00; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
  .descrmaterial__img .circle img { height: 100%; width: 100%; }
  /*=== 13. Transport === */
  .transport .table .ic { display: none; } 
	.products-container>article {
		width: 40%;
	}
	.tabs label {
		width: 31%;
	}
	h3.modal-title {
		font-size: 19px;
		font-weight: 500;
	}
	.modal-body .row {
		flex-flow: column;
	}
	.modal {
		/*position: absolute;*/
		/*top: 80%;*/
		max-height: 100vh;
		overflow-y: auto;
		z-index: 10000;
	}
	.modal-body .col-sm-12.col-md-7,
	.modal-body .col-sm-12.col-md-5 {
		width: 100%;
	}
	.flex-form {
		flex-flow: column;
	}
	.flex-form form {
		max-width: 100%;
	}
	.err_mes {
		padding: 1em 1em 0 1em;
	}
}
/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-arrow { position: absolute; top: 50%; margin-top: -21px; outline: 0; width: 42px; height: 42px; text-indent: -9999px; z-index: 9999; }

.slick-prev { left: -70px; background: url(../img/slider-arrow.png) no-repeat 0 0; }
@media only screen and (max-width: 1160px) { .slick-prev { left: -50px; } }
@media only screen and (max-width: 1100px) { .slick-prev { left: 25px; } }

.slick-next { right: -70px; background: url(../img/slider-arrow.png) no-repeat -42px 0; }
@media only screen and (max-width: 1100px) { .slick-next { right: 25px; } }

.success_text { color: lightgreen; font-size: 17px; }
.ask__form .success_text { margin-top: 60px; }
.tabs-contancts>div {
    display: block;
}
ul.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    content: "";
    text-align: center;
    background: #ccc;
    border-radius: 50%;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    background: #fe8f00;
}
.slick-dotted {
    margin-bottom: 30px;
}
.flex-form {
    display: flex;
    justify-content: space-between;
}
.flex-form form {
    width: 100%;
    max-width: 255px;
}
.err_mes {
    padding: 1.6em 1.6em 0;
}
.ask div.mf-ok-text {
    color: lightgreen;
    padding: 1.6em 1.6em 0;
}
.ask font.errortext {
    color: #fe8f00!important;
}
.ic-termal {
    background: url(../img/termal-icon.png) 0 0 no-repeat;
    width: 75px;
    height: 75px;
}