@font-face {
    font-family: 'RobotoRegular';
    font-display: swap;
    src: url('/fonts/RobotoRegular.eot');
    src: url('/fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('/fonts/RobotoRegular.woff2') format('woff2'),
         url('/fonts/RobotoRegular.woff') format('woff'),
         url('/fonts/RobotoRegular.ttf') format('truetype'),
         url('/fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'RobotoBlack';
    font-display: swap;
    src: url('/fonts/RobotoBlack.eot');
    src: url('/fonts/RobotoBlack.eot') format('embedded-opentype'),
         url('/fonts/RobotoBlack.woff2') format('woff2'),
         url('/fonts/RobotoBlack.woff') format('woff'),
         url('/fonts/RobotoBlack.ttf') format('truetype'),
         url('/fonts/RobotoBlack.svg#RobotoBlack') format('svg');
}
@font-face {
    font-family: 'RobotoBold';
    font-display: swap;
    src: url('/fonts/RobotoBold.eot');
    src: url('/fonts/RobotoBold.eot') format('embedded-opentype'),
         url('/fonts/RobotoBold.woff2') format('woff2'),
         url('/fonts/RobotoBold.woff') format('woff'),
         url('/fonts/RobotoBold.ttf') format('truetype'),
         url('/fonts/RobotoBold.svg#RobotoBold') format('svg');
}
body {font-family: 'RobotoRegular';font-size: 16px;line-height: 150%;}
a:focus {outline: none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'RobotoBlack';font-weight: 400;color: #2D723F;}
#sp-header .row {align-items: center;height: 60px;}
#sp-top {height: 78px;border-bottom: 1px solid #EEE9E9;}
#sp-top .row {align-items: center;height: 78px;}
.logo1 {position: relative;padding: 0 0 0 90px;}
.logo1:before {content:"";position: absolute;left: 0;top: -3px;width: 64px;height: 64px;background: url('../images/logo.png') no-repeat center center;background-size: 64px auto;}
.logo1 h1 {font-family: 'RobotoBlack';color: #2D723F;font-size: 23px;line-height: 150%;margin:0;}
.logo1 span {display: block;color: #2D723F;font-size: 14px;}
.logo1 span .fas {margin: 0 7px 0 3px;}
#sp-top2 {text-align: right;font-family: 'RobotoBold';}
.phone1 > div {margin: 3px 0;}
.phone1 .fas {font-size: 14px;}
.phone1 > div:nth-child(1) .fas {margin: 0 7px 0 0;}
.phone1 > div:nth-child(2) .fas {margin: 0 5px 0 2px;}
.fb1 {font-size: 22px;}
#sp-top3 {text-align: right;}
#sp-top4 {text-align: right;}
.button, .button:focus {
font-size: 15px;
color:#fff;
background: #D7393E;
padding: 12px 28px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.button:hover {color:#fff;background:#F74147;}
#sp-slider {padding: 150px 0;background: url('/images/main.webp') no-repeat center center;background-size: cover;position: relative;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
#sp-slider {padding: 150px 0;background: url('/images/main.jpg') no-repeat center center;background-size: cover;position: relative;}
}
#sp-slider:before {content: "";position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.banner {text-align: center;}
.banner h2 {font-size: 36px;font-family: 'RobotoBlack';color: #fff;margin: 0 0 50px;}
.geo {padding: 15px 10px 15px 10px;background: #2D723F;text-align: center;color:#fff;font-size: 20px;font-family: 'RobotoBlack';text-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.is-sticky #sp-header {
    z-index: 9999 !important;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.10);
    width: 100% !important;
    background: #fff;
    height: 60px;
}
.formRed {display: none;}
.call-frame .fancybox-content {width: 100% !important;max-width: 320px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.call-frame .fancybox-iframe {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.rsform-block-captcha1 label {margin:0; display: none;}
.form-group {margin-bottom: 7px;}
.form-control:focus, .rsform-submit-button:focus, .form-control.is-invalid:focus {box-shadow: none;}
.rsform-submit-button, .rsform-submit-button:focus {border: none;width: 100%;text-align: center;font-size: 15px;background: #D7393E;padding: 12px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.rsform-submit-button:hover {background:#F74147;}
.ty {text-align: center;}
#sp-beton {padding: 0 0 25px;background:#fff;}
#sp-services {padding: 50px 0 25px;background:#fff;}
.sp-module-title  {text-align: center;font-size: 40px;margin-bottom: 30px;color: #2D723F;}
.mark-block1, .mark-block2 {margin: 15px 0 45px;}
.mark-block2 p {margin: 0;}
.mark-block-title {font-family: 'RobotoBlack';font-size: 23px;line-height: 160%;}
.mark-block1 span {border: 3px solid #fff;font-size: 50px;text-align: center;width: 105px;padding: 25px 0;display: inline-block;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.mark-row {align-items: flex-start;}
.mark-block1 {text-align: center;padding-top: 10px;}
.mark-row i, .mark-block-title {color: #2D723F;}
#sp-choose {padding: 50px 0 35px;background: #2D723F;}
#sp-choose .sp-module-title {color:#fff;}
.choose-block {margin: 15px 0 30px;text-align: center;color: #fff;}
.choose-icon {margin-bottom: 15px;font-size: 50px;}
.choose-title, .service-block-title {font-family: 'RobotoBlack';font-size: 23px;line-height: 160%;margin-bottom: 13px;}
.choose-block p, .service-block p {margin:0;}
.service-block {margin: 15px 0 30px;text-align: center;}
.service-block p {padding: 0 10px;}
.service-block img {margin: 0 auto 15px;}
.contacts p {margin-bottom: 20px;}
.contacts a {color: #252525;}
.contacts a:hover {color:#D7393E;}
.contacts p span {display: inline-block;width: 25px;}
.bottom-row {margin: 0 -10px;}
.bottom-block1 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;padding: 0 10px;text-align: left;margin-bottom: 30px;}
.bottom-block2 {-ms-flex: 0 0 5%;flex: 0 0 5%;max-width: 5%;padding: 0 10px;text-align: center;margin-bottom: 30px;}
.bottom-block3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding: 0 10px;text-align: center;margin-bottom: 30px;}
.bottom-block4 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding: 0 10px;text-align: center;margin-bottom: 30px;}
.bottom-block5 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding: 0 10px;text-align: right;margin-bottom: 30px;}
.bottom-block2 {font-size: 20px;}
.bottom-block5 a, .bottom-block5 a:hover, .bottom-block5 a:focus {color:#fff !important;}
.compensate-for-scrollbar .sp-scroll-up {right: 22px;}
.compensate-for-scrollbar .is-sticky #sp-header {padding-right: 17px;}
#sp-bottom i {margin-right: 7px;}
.bottom-block2 i {margin-right:0 !important;}
.contact-row {margin-top: 40px;}
.map {margin-bottom: -10px;}
#sp-stat {padding: 25px 0 50px;}
.counter-number {font-family: 'RobotoBlack';}
.counter-title {text-transform: uppercase;font-family: 'RobotoBold';}
#sp-menu {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.copy {padding: 0 30px;}
.subheading-category {text-align: center;font-size: 40px;margin-bottom: 30px;}
.tech-page .article-details .article-header h1, .tech-page .article-details .article-header h2 {text-align: left;font-size: 36px;}
.options-block-title {font-size: 20px;font-family: 'RobotoBold';margin: 0 0 20px;}
.options-block table {width: 100%;}
.options-block table td {padding: 10px;border: 1px solid #DCDCDC;}
.options-block table tr:nth-child(odd) {background: #F5F5F5;}
.clr {clear: both;height: 0px;}
.options-block {margin-top: 30px;}
.tech-page .article-list .article {border: 1px solid #DCDCDC;}
.call-mod {text-align: center;width: 100%;position: fixed;left:0;bottom:0;display: none;z-index: 100;}
.call-mod a {display: block;width: 100%;height: 50px;line-height: 50px;padding: 0 30px;color:#fff;background: #D7393E;font-size: 15px;text-transform: uppercase;}
.call-mod a:hover {background:#F74147;}
.call-mod a .fas {margin-right: 10px;}
.error-logo1 {display: inline-block;margin-bottom: 50px;}
.error-logo1 .logo1:before {top: -13px;}
#p_prldr{
position: fixed;
left: 0;
top: 0;
right:0;
bottom:0;
background: #fff;
z-index: 1000;
}
#p_prldr .svg_anm {
position: absolute;
width: 124px;
height: 124px;
background: url('/images/gear.svg') center center no-repeat;
background-size:124px auto;    
margin: -62px 0 0 -62px;
top: 50%;
left: 50%;
}
.fb_customer_chat_icon {bottom: 52px !important;right: 0px !important;}
.compensate-for-scrollbar .fb_customer_chat_icon {right: 17px !important;}


@media (max-width: 1199px) {
.logo1 {padding: 0 0 0 75px;}
.logo1 h1 {font-size: 19px;}
.sp-megamenu-parent > li > a {padding: 0 70px;}
.bottom-block1 {-ms-flex: 0 0 22%;flex: 0 0 22%;max-width: 22%;}
.bottom-block3 {-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;}
.bottom-block4 {-ms-flex: 0 0 24%;flex: 0 0 24%;max-width: 24%;}
}
@media (max-width: 991px) {
#sp-top2 {text-align: left;}
#sp-top3 {text-align: center;}
#sp-menu {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
.logo1 {padding: 0 0 0 60px;}
.logo1:before {width: 50px;height: 50px;background-size: 50px auto;top: 0;}
.bottom-block1 {-ms-flex: 0 0 32%;flex: 0 0 32%;max-width: 32%;text-align: left;font-size: 15px;}
.bottom-block2 {-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%;text-align: center;}
.bottom-block3 {-ms-flex: 0 0 29%;flex: 0 0 29%;max-width: 29%;text-align: center;font-size: 15px;}
.bottom-block4 {-ms-flex: 0 0 29%;flex: 0 0 29%;max-width: 29%;text-align: right;font-size: 15px;}
.bottom-block5 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;}
.bottom-block1 .far, .bottom-block3 .fas, .bottom-block4 .fas {display: none;}
.phone1 > div:nth-child(1) .fas {margin: 0 12px 0 0} 
.map {margin-top: 30px;}
.article-details .article-full-image {float: none !important;width: 100%;margin: 0 auto 30px;}
}
@media (max-width: 575px) {
#sp-slider {padding: 75px 0;}
.bottom-block1 {-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
.bottom-block2 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;text-align: right;}
.bottom-block3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;text-align: left;}
.bottom-block4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.sp-module-title, .article-details .article-header h1, .article-details .article-header h2, .subheading-category, .tech-page .article-details .article-header h1, .tech-page .article-details .article-header h2  {font-size: 32px;}
.mark-block1 {text-align: left;padding-top:0;}
.mark-block1, .mark-block2 {margin: 15px 0 15px;}
#sp-menu {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
.call-mod {display: block;}
.body-innerwrapper {padding-bottom: 50px;}
}
@media (max-width: 480px) {
#sp-top2, #sp-top3, #sp-top4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;}
#sp-top4 {margin: 25px 0 10px;}
#sp-top2 {margin-bottom: 10px;}
#sp-top, #sp-top .row {height: auto;}
#sp-top {padding: 10px 0;}
#sp-menu {-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%;}
#sp-user1 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}
.logo1 h1 {font-size: 17px;}
}
@media (max-width: 400px) {
.logo1 {padding: 0 0 0 40px;}
.logo1:before {width: 36px;height: 36px;background-size: 36px auto;top: 3px;}
.logo1 h1 {font-size: 16px;}
.logo1 span {font-size: 12px;}
}
@media (max-width: 360px) {
.logo1 {padding: 0 0 0 27px;}
.logo1:before {width: 36px;height: 36px;background-size: 36px auto;top: 3px;left: -10px;}
.logo1 h1 {font-size: 14px;}
.logo1 span {font-size: 11px;}
.banner h2 {font-size: 30px;}
.bottom-block3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;}
.bottom-block4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;}
.options-block table {font-size: 14px;}
}

