@font-face {
    font-family: 'GothamProBlack';
    src: url('/fonts/GothamProBlack.eot');
    src: url('/fonts/GothamProBlack.eot') format('embedded-opentype'),
         url('/fonts/GothamProBlack.woff2') format('woff2'),
         url('/fonts/GothamProBlack.woff') format('woff'),
         url('/fonts/GothamProBlack.ttf') format('truetype'),
         url('/fonts/GothamProBlack.svg#GothamProBlack') format('svg');
}
@font-face {
    font-family: 'GothamProBold';
    src: url('/fonts/GothamProBold.eot');
    src: url('/fonts/GothamProBold.eot') format('embedded-opentype'),
         url('/fonts/GothamProBold.woff2') format('woff2'),
         url('/fonts/GothamProBold.woff') format('woff'),
         url('/fonts/GothamProBold.ttf') format('truetype'),
         url('/fonts/GothamProBold.svg#GothamProBold') format('svg');
}
@font-face {
    font-family: 'GothamProLight';
    src: url('/fonts/GothamProLight.eot');
    src: url('/fonts/GothamProLight.eot') format('embedded-opentype'),
         url('/fonts/GothamProLight.woff2') format('woff2'),
         url('/fonts/GothamProLight.woff') format('woff'),
         url('/fonts/GothamProLight.ttf') format('truetype'),
         url('/fonts/GothamProLight.svg#GothamProLight') format('svg');
}
@font-face {
    font-family: 'GothamProRegular';
    src: url('/fonts/GothamProRegular.eot');
    src: url('/fonts/GothamProRegular.eot') format('embedded-opentype'),
         url('/fonts/GothamProRegular.woff2') format('woff2'),
         url('/fonts/GothamProRegular.woff') format('woff'),
         url('/fonts/GothamProRegular.ttf') format('truetype'),
         url('/fonts/GothamProRegular.svg#GothamProRegular') format('svg');
}
@font-face {
    font-family: 'GothamProMedium';
    src: url('/fonts/GothamProMedium.eot');
    src: url('/fonts/GothamProMedium.eot') format('embedded-opentype'),
         url('/fonts/GothamProMedium.woff2') format('woff2'),
         url('/fonts/GothamProMedium.woff') format('woff'),
         url('/fonts/GothamProMedium.ttf') format('truetype'),
         url('/fonts/GothamProMedium.svg#GothamProMedium') format('svg');
}
a:focus, button:focus {outline: none;}
.clr {clear: both;height: 0px;}
body {background: #f9f9f9;font-family: 'GothamProRegular';font-size: 15px;line-height: 150%;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;font-family: 'GothamProBold';}
#sp-header .row {align-items: center;}
.phone {text-align: center;}
.phone a {
background: -webkit-gradient(linear, right top, left top, from(#48888d), to(#104459));
background: -webkit-linear-gradient(right, #48888d, #104459);
background: -o-linear-gradient(right, #48888d, #104459);
background: linear-gradient(to left, #48888d, #104459);
color:#fff;
font-family: 'GothamProMedium';
font-size: 14px;
padding: 6px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 100%;
display: block;
}
.phone a:before {
content: "";
position: relative;
left:0;
top:3px;
width: 18px;
height: 18px;
background: url('../images/call.svg') no-repeat center center;
margin: 0 7px 0 0;
display: inline-block;
}
.banner {
background: url(/images/banner.jpg) no-repeat center top;
background-size: cover;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
padding: 150px 0;
color: #fbfbfb;
font-size: 30px;
letter-spacing: 2.8px;
font-family: 'GothamProBold';
}
.banner-inner span {display: block;text-transform: uppercase;font-size: 50px;letter-spacing: -2.8px;line-height: 86%;}
.banner-block {margin-left: 35%;}
.banner-inner {margin-bottom: 25px;line-height: 150%;}
.button1, .button1:focus {
text-transform: uppercase;
font-family: 'GothamProMedium';
font-size: 14px;
color:#fff;
padding: 16px 22px;
background: #e04e1c;
background: -webkit-gradient(linear, right top, left top, from(#8e240b), color-stop(34%, #bd3c15), to(#e04e1c));
background: -webkit-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: -o-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: linear-gradient(to left, #8e240b, #bd3c15 34%, #e04e1c);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
letter-spacing:0;
}
.button1:hover {
color:#fff;
background: -webkit-gradient(linear, right top, left top, from(#e04e1c), color-stop(68%, #bd3c15), to(#8e240b));
background: -webkit-linear-gradient(right, #e04e1c, #bd3c15 68%, #8e240b);
background: -o-linear-gradient(right, #e04e1c, #bd3c15 68%, #8e240b);
background: linear-gradient(to left, #e04e1c, #bd3c15 68%, #8e240b);
}
.banner-link {margin-top: 50px;}
.about-block img {margin: 0 auto;}
.about-block-title {
text-transform: uppercase;
font-family: 'GothamProBold';
font-size: 20px;
background: -webkit-gradient(linear, left top, right top, from(#a23c2f), to(#ec5a24));
background: -webkit-linear-gradient(left, #a23c2f, #ec5a24);
background: -o-linear-gradient(left, #a23c2f, #ec5a24);
background: linear-gradient(to right, #a23c2f, #ec5a24);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #a23c2f;
display: inline-block;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.about-block-title {background: none;}
}
.about-block h1 {font-size: 35px;line-height: 114%;color: #18262c;margin-top: 5px;text-transform: uppercase;}
.about-block p {color: #18262c;font-size: 20px;line-height: 145%;padding-right: 25px;}
.vac-link {margin-top: 25px;}
.line, .line:focus {font-family: 'GothamProMedium'; color:#000;font-size: 18px;letter-spacing: 0.6px;}
.line:hover {color: #d94a1b;}
.line:before {
content: "";
width: 49px;
height: 2px;
background: #d94a1b;
position: relative;
top: -4px;
left:0;
margin-right: 8px;
display: inline-block;
transition: transform 0.3s ease;
}
.line:hover:before {transform: rotate(180deg);}
.main-page .article-details {max-width: 1170px;margin: 40px auto 30px;}
#sp-usage {
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
background: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
background: -o-linear-gradient(top, #ffffff, #f9f9f9);
background: linear-gradient(to bottom, #ffffff, #f9f9f9);
padding:30px 0 60px;
}
.sp-module-title {text-align: center;color: #2d3a40;font-family: 'GothamProBlack';font-size: 36px;line-height: 111%;}
.sp-module-title:before {
content: "";
position: relative;
top:0;
left: 50%;
display: block;
width: 57px;
height: 39px;
background: url('../images/mod.svg') no-repeat center center;
/*background-size: 57px auto;*/
margin: 0 0 10px -28.5px;
}
.usage-block1-inner {background: url('/images/railway.jpg') no-repeat center center;background-size: cover;padding: 70px 0;}
.usage-block1-title, .usage-block6-title {color: #f9f9f9;text-transform: uppercase;font-family: 'GothamProBold';font-size:28px;line-height: 125%;padding: 0 25px;}
.usage-block1-title span {display: block;}
.usage-block1-title:after {
content: "";
position: relative;
display: block;
width: 81px;
height: 5px;
background: -webkit-gradient(linear, right top, left top, from(#8e240b), color-stop(34%, #bd3c15), to(#e04e1c));
background: -webkit-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: -o-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: linear-gradient(to left, #8e240b, #bd3c15 34%, #e04e1c);
margin-top: 10px;
}
.row.usage1 {align-items: center;max-width: 1070px;margin: 60px auto 0;}
.usage-line {
padding-bottom: 40px;
position: relative;
background: url('../images/line-shadow.svg') no-repeat center bottom;
}
.usage-block2-title {color: #2d3a40;font-family: 'GothamProMedium';font-size: 20px;line-height: 105%;margin-bottom: 15px;}
.usage-block2-title span {display: block;}
.red-list, .blue-list {list-style: none;padding: 0 0 0 5px;margin:0 0 20px;}
.main-page .red-list, .main-page .blue-list {margin:0;}
.red-list li, .blue-list li {font-family: 'GothamProLight';color: #2d3a40;line-height: 127%;font-size: 15px;position: relative;padding: 0 0 20px 14px;}
.red-list li:last-child, .blue-list li:last-child {padding: 0 0 0 14px;}
.red-list li:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #e15626;
left:0;
top:7px;
}
.red-list li:last-child:before, .blue-list li:last-child:before {content: none;}
.red-list li:after {
content: "";
position: absolute;
width: 9px;
height: 9px;
background: #e15626;
left:-4px;
top:5px;
border-radius: 50%;
}
.usage-block3-title {
text-transform: uppercase;
font-family: 'GothamProBold';
font-size: 28px;
line-height: 125%;
background: -webkit-gradient(linear, left top, right top, from(#48888d), to(#104459));
background: -webkit-linear-gradient(left, #48888d, #104459);
background: -o-linear-gradient(left, #48888d, #104459);
background: linear-gradient(to right, #48888d, #104459);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: #48888d;
display: inline-block;
margin-bottom: 30px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.usage-block3-title {background: none;}
}
.row.usage2 {max-width: 940px;margin: 40px auto 0;}
.usage-block3-subtitle, .usage-block4-subtitle {font-family: 'GothamProMedium';font-size: 20px;color: #18262c;line-height: 110%;margin-bottom: 15px;}
.usage-block3-subtitle span, .usage-block4-subtitle span {display:block;}
.blue-list li:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #448389;
left:0;
top:7px;
}
.blue-list li:after {
content: "";
position: absolute;
width: 9px;
height: 9px;
background: #448389;
left:-4px;
top:5px;
border-radius: 50%;
}
.row.usage3 {margin: 40px auto 0;max-width: 940px;}
.usage-block6 .usage-block6-inner {background: url('/images/farm.jpg') no-repeat center center;background-size: cover;max-width: 360px;padding: 65px 0;}
.usage-block6-title {text-align: right;position: relative;}
.usage-block6-title:after {
content: "";
position: absolute;
display: block;
width: 81px;
height: 5px;
background: -webkit-gradient(linear, right top, left top, from(#8e240b), color-stop(34%, #bd3c15), to(#e04e1c));
background: -webkit-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: -o-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: linear-gradient(to left, #8e240b, #bd3c15 34%, #e04e1c);
left: auto;
right: 25px;
top: auto;
bottom: -12px;
}
#sp-advantages {background: url('../images/adv-bg.jpg') no-repeat center top;background-size: cover;padding:80px 0 70px;}
.adv-mod .row {max-width: 1170px;margin: 0 auto;}
.adv-mod {color: #f9f9f9;font-size: 20px;font-family: 'GothamProBold';line-height: 140%;}
.adv-mod p {margin: 0;}
.adv-block-icon {margin-bottom: 15px;}
.adv-block-icon:after {
content: "";
position: relative;
display: block;
width: 81px;
height: 5px;
background: -webkit-gradient(linear, right top, left top, from(#8e240b), color-stop(34%, #bd3c15), to(#e04e1c));
background: -webkit-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: -o-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: linear-gradient(to left, #8e240b, #bd3c15 34%, #e04e1c);
margin-top: 20px;
}
.adv-block-icon img {height: 54px;width: auto;}
.mod-news .sp-module-title {text-align: left;padding-left: 10px;display: inline-block;}
.mod-news .sp-module-title:before {content: none;}
#sp-news {padding: 60px 0;}
.mod-news {max-width: 1170px;margin: 0 auto;}
#sp-clients {padding: 0 0 60px;}
.more-news {display: inline-block;padding: 0 15px 0 10px;float: right;position: relative;top: -40px;}
.more-news a {font-size: 18px;font-family: 'GothamProMedium';color: #000000;letter-spacing: 0.6px;}
.more-news a:hover {color: #d94a1b;}
.more-news a:before {
    content: "";
    width: 49px;
    height: 2px;
    background: #d94a1b;
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 8px;
    display: inline-block;
    transition: transform 0.3s ease;
}
.more-news a:hover:before {transform: rotate(180deg);}
#sp-bottom-menu {background: #18262c;padding: 15px 0;}
.bottom-menu ul {display: block;width: 100%;list-style: none;padding:0;margin:0;text-align:center;}
.bottom-menu {max-width: 940px; margin: 0 auto;}
.bottom-menu ul li {display: inline-block;position: relative;padding: 0 32px;}
.bottom-menu ul li a {
display: inline-block;
line-height: 40px;
font-size: 15px;
margin: 0;
position: relative;
padding: 0;
color: #bebebe;
}
.bottom-menu ul li a:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, right top, left top, from(#992718), to(#ec551d));
    background: -webkit-linear-gradient(right, #992718, #ec551d);
    background: -o-linear-gradient(right, #992718, #ec551d);
    background: linear-gradient(to left, #992718, #ec551d);
    opacity: 0;
    transition: all 0.3s;
}
.bottom-menu ul li:hover a:after, .bottom-menu ul li.active a:after {opacity: 1;}
.bottom-menu ul li.active > a, .bottom-menu ul li.active:hover > a, .bottom-menu ul li:hover > a {
    background: -webkit-gradient(linear, right top, left top, from(#992718), to(#ec551d));
    background: -webkit-linear-gradient(right, #992718, #ec551d);
    background: -o-linear-gradient(right, #992718, #ec551d);
    background: linear-gradient(to left, #992718, #ec551d);
    background-clip: border-box;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ec551d;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.bottom-menu ul li.active > a, .bottom-menu ul li.active:hover > a, .bottom-menu ul li:hover > a {background: none;}
}
#sp-bottom .container, #sp-footer .container {max-width: 940px;}
#sp-bottom .row {align-items: center;}
.address {position: relative;padding-left: 20px;}
.address:before {
content: url('../images/marker.svg');
position: absolute;
top: 4px;
left:0;
}
#sp-bottom a {color: #748d9c; text-decoration: underline;}
#sp-bottom a:hover {color: #748d9c; text-decoration: none;}
.bottom-phones span {display: block;}
.mod-bottom-phones {text-align: right;padding-top: 10px;}
.bottom-phones {line-height: 160%;position: relative;padding-left: 33px;display: inline-block;}
.bottom-phones:before {
content: url('../images/phone.svg');
position: absolute;
top: 4px;
left:0;
}
.mail {display: inline-block;position: relative;padding-left: 25px;top: -4px;}
.mail:before {
content: url('../images/mail.svg');
position: absolute;
top: 3px;
left:0;
}
.logo2 img {margin:0 auto;}
#sp-top1 {padding: 0 0 0 15px;}
#sp-menu {padding: 0;}
#sp-top2 {padding: 0 15px 0 0;}
.mod-clients {max-width: 1100px;margin: 0 auto;}
.clients {margin: 40px 0 0;background: #fff;padding: 25px 10px;}
.map {margin-bottom: 40px;}
.row.contacts {width: 84%;margin: 0 auto;}
.contact-block-inner {background: #fff;padding: 10px 17px 2px 17px;}
.contact-block-inner img {max-height: 45px;}
.contact-block-title {font-size: 15px;letter-spacing: 1px;color: #18262c;margin-top: 10px;}
.contact-block-title:after {
content: "";
position: relative;
display: block;
width: 31px;
height: 5px;
background: -webkit-gradient(linear, right top, left top, from(#8e240b), color-stop(34%, #bd3c15), to(#e04e1c));
background: -webkit-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: -o-linear-gradient(right, #8e240b, #bd3c15 34%, #e04e1c);
background: linear-gradient(to left, #8e240b, #bd3c15 34%, #e04e1c);
margin-top: 10px;
}
.contact-block-inner p {font-size: 15px;letter-spacing: 1.5px;color: #18262c;line-height: 160%;margin: 10px 0 0;font-family: 'GothamProBold';}
.contact-block-inner span {display:block;}
.contact-block-inner a {color: #18262c; text-decoration: underline;}
.contact-block-inner a:hover {color: #18262c; text-decoration: none;}
.cont-form {text-align: center;}
.cont-form .sp-module-title {max-width: 265px;font-size: 30px;display: inline-block;font-family: 'GothamProBold';}
.cont-form .sp-module-content {width: 100%;max-width: 550px;margin: 30px auto;background: #fff;padding: 55px 65px 20px;}
.is-sticky #sp-header {z-index: 9999 !important;box-shadow: 0 0 15px 0 rgba(210, 210, 210, 0.39);}
.main-page .article-body, .contact-page .article-body {width: 100%;margin: 0 auto;background: none;padding:0;}
.article-body {background: #fff;padding: 27px 22px;width: 61%;margin: 0 auto 20px;}
.quality-page .article-body {width: 60%;margin: 0 auto 20px;background: none;padding:0;}
.blog.news-page .article-body {background: #fff;padding: 15px;width: 100%;margin: 0 auto;}
.article-list {width: 85%;margin: 0 auto 20px;}
.pagination-wrapper {width: 85%;margin: 0 auto;}
.prod-table {width: 100%;}
.prod-table tr {border-bottom: 6px solid #f9f9f9;}
.prod-table td {padding: 15px;text-align: left;vertical-align: middle;font-size: 15px;font-family: 'GothamProMedium';color: #000000;background: #fff;}
.prod-table td:nth-child(odd) {
background: -webkit-gradient(linear, right top, left top, from(#48888d), to(#104459));
background: -webkit-linear-gradient(right, #48888d, #104459);
background: -o-linear-gradient(right, #48888d, #104459);
background: linear-gradient(to left, #48888d, #104459);
color:#fff;
text-align: center;
padding: 15px 10px;
}
.page-gallery img {display: inline-block;max-height: 160px;margin: 12px;border: 1px solid #f0f0f0;}
.page-gallery {text-align: center;background: #fff;padding: 24px;margin-top: 50px;}
.nolink {cursor:default;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-divider:hover span {text-decoration: none;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-divider span {font-size: 15px;font-family: 'GothamProBold';}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-divider span.menu-toggler {font-size: 18px;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover ul li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover ul li:hover ul li a {text-decoration:none !important;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li:hover a, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li.active a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li:hover ul li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li ul li.active a {text-decoration:underline !important;}
.offcanvas-active {overflow-y: hidden;}
#sp-header.menu-fixed {position: fixed;z-index: 9999;box-shadow: 0 0 15px 0 rgba(210, 210, 210, 0.39);}
.nolink3 a {pointer-events: none;}
.nolink3 ul li a {pointer-events: auto;}
.prod-table-title {text-transform: uppercase;color:#000;font-family: 'GothamProBold';font-size: 16px;margin-bottom: 10px;}
.subheading-category {text-align:center;font-size: 30px;color: #000;letter-spacing: 0.9px;margin-bottom: 20px;}
.article-list .article .readmore a:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #d94a1b;
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 4px;
    display: inline-block;
    transition: transform 0.3s ease;
}
.article-details .readmore a:before {
    content: "";
    width: 49px;
    height: 2px;
    background: #d94a1b;
    position: relative;
    top: -4px;
    left: 0;
    margin-right: 8px;
    display: inline-block;
    transition: transform 0.3s ease;
}
.article-list .article .readmore a:hover:before, .article-details .readmore a:hover:before {transform: rotate(180deg);}
.pagination-counter {display: none;}
.pagination {display:block;width: 100%;text-align: center;}
.pagination li {display: inline-block;}
.page-link {font-size: 18px;color: #000;border:none;border-radius: 0;background:none;padding: 5px 10px;margin:10px 2px;}
.page-item.active .page-link, .page-item.active:hover .page-link {border-radius: 0;color:#d94a1b;font-family: 'GothamProBold';background: #fff;border: none;}
.page-item:hover .page-link,.page-item:focus .page-link {box-shadow: none;border-radius: 0;color:#d94a1b;font-family: 'GothamProRegular';background: #fff;border: none;outline: none;}
.article-details.news-page .article-header h1 {font-size: 26px;}
.article-details.news-page .article-body {
    background: #fff;
    padding: 22px;
    width: 72%;
    margin: 0 auto 20px;
}
.article-details.news-page .article-header {width: 72%;margin: 0 auto}
.article-details.news-page .article-info > span {font-size:16px;}
.fields-container {margin: 25px 0 0;}
.compensate-for-scrollbar #sp-header.menu-fixed {padding-right: 17px;}
.vac {
background: #fff;
margin: 20px 0;
padding: 0 65px 0 20px;
box-shadow: 0 0 20px 0 rgba(196, 196, 196, 0.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.vac-title {cursor: pointer;padding: 20px 0;font-family: 'GothamProBold';position: relative;transition: all 0.3s;font-size: 18px;}
.vac-content {padding: 0 0 20px;font-size: 18px;}
.vac-title:before {
content: "";
position: absolute; 
margin-top: -22px;
top: 50%;
left: auto;
right:-45px;
width:44px;
height: 44px;
background: #f6f6f6;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.vac-title:after {
content: "";
position: absolute; 
margin-top: -22px;
top: 50%;
left: auto;
right:-45px;
width:44px;
height: 44px;
background: url('/images/faq-down.png') no-repeat center center;
background-size: 13px auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.is-open .vac-title:after {background: url('/images/faq-up.png') no-repeat center center;background-size: 13px auto;}
.is-open .vac-title, .vac-title:hover {color: #ec551d;}


@media (min-width: 1200px) {
.container {max-width: 1440px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.container {max-width: 1170px;}
}
@media (max-width: 1199px) {
.sp-megamenu-parent > li {padding: 0 10px;}
.phone a {font-size: 12px;}
.phone a:before {width: 14px;height: 14px;background-size:14px auto;margin: 0 3px 0 0;}
.about-block h1 {font-size: 30px;}
.mod-clients {max-width: 95%;}
}
@media (max-width: 991px) {
#sp-top2 {order: 2;}
#sp-menu {order: 3;}
#sp-top1, #sp-top2, #sp-menu {padding: 0 15px;}
#sp-header {height: auto;padding: 10px 0;}
.phone a {font-size: 14px;}
.phone a:before {width: 18px;height: 18px;background-size:18px auto;margin: 0 7px 0 0;}
.banner-block {margin-left: 50px;}
.banner-inner span {font-size: 40px;}
.banner {padding: 100px 0;}
.about-block, .usage-block1 {margin-bottom:30px;}
.adv-block {margin: 15px 0;}
#sp-advantages {padding: 30px 0;}
.bottom-menu {max-width: 100%;}
#sp-bottom-menu .container {max-width: 940px;}
.bottom-menu ul li {padding: 0 15px;}
.row.contacts {width: auto;margin-right: -15px;margin-left: -15px;}
.contact-block {margin-bottom: 30px;}
.contact-block-inner {height: auto !important;padding: 10px 17px;}
.article-body, .quality-page .article-body, .article-list, .article-details.news-page .article-header, .article-details.news-page .article-body {width: 100%;}
}
@media (max-width: 767px) {
#sp-header .logo {margin-bottom: 15px;}
.banner-inner span {font-size: 32px;}
.banner {font-size: 20px;}
.button1, .button1:focus {font-size: 14px;padding: 14px 16px;}
.banner {padding: 70px 0;}
.banner-block {margin-left: 30px;}
.usage-block2 {margin: 15px 0;}
.equal {height: auto !important;}
.usage-block3 {margin-bottom: 30px;}
.usage-block6 .usage-block6-inner {max-width: 100%;}
.usage-block6-title {text-align: left;}
.usage-block6-title:after {left: 25px;right: auto;}
.usage-block6-title span {display:block;}
.more-news {float: none;top:0;}
#sp-bottom {text-align: center;}
#sp-bottom3 {order: 1;margin-bottom: 15px;}
#sp-bottom2 {order: 2;}
#sp-bottom4 {order: 3;}
.logo2 img {width: 100%;max-width: 300px;}
.address {display: inline-block;}
.mod-bottom-phones {text-align: center;}
#sp-footer #sp-footer2, #sp-footer #sp-footer1 {text-align: center;}
#sp-header.menu-fixed  {box-shadow: none;position: relative !important;z-index: 99 !important;}
.nav-placeholder {display: none;}
.article-list .article .article-header h2 {height: auto !important;}
}
@media (max-width: 575px) {
.mod-clients {max-width: 90%;}
.article-details.news-page .article-header h1 {font-size: 20px;}
}
@media (max-width: 480px) {
.banner-block {margin-left: 0;}
.banner-inner span {font-size: 28px;letter-spacing: 0px;}
.banner {font-size: 18px;}
.banner {padding: 40px 0;}
.about-block h1 {font-size: 18px;}
.sp-module-title {font-size: 28px;}
.about-block p {font-size: 18px;line-height: 130%;}
.adv-mod {font-size: 16px;}
.news-title {font-size: 18px !important;}
.mod-clients {max-width: 85%;}
.cont-form .sp-module-content {padding: 25px 15px 10px;}
}