@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Regular.eot');
    src: local('Axiforma Regular'), local('Axiforma-Regular'),
        url('../fonts/Axiforma/Axiforma-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Regular.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Medium.eot');
    src: local('Axiforma Medium'), local('Axiforma-Medium'),
        url('../fonts/Axiforma/Axiforma-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Medium.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Bold.eot');
    src: local('Axiforma Bold'), local('Axiforma-Bold'),
        url('../fonts/Axiforma/Axiforma-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Bold.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Axiforma';
    src: url('../fonts/Axiforma/Axiforma-Black.eot');
    src: local('Axiforma Black'), local('Axiforma-Black'),
        url('../fonts/Axiforma/Axiforma-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Axiforma/Axiforma-Black.woff') format('woff'),
        url('../fonts/Axiforma/Axiforma-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
body,p,h1,h2,h3,h4,a {font-family: 'Axiforma', Arial, sans-serif !important;}

@media (min-width: 300px) {
.mmb{text-align:center; min-height: 160px;}
#sp-header {background: rgba(0,0,0,.9);box-shadow:none; padding:0px}
.owl-prev {left: 5px;}
.owl-next{right: 5px;}
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
	.owl-prev {left: -25px;}
.owl-next{right: -25px;}
	.inf{border-left: 5px solid #0070bc;
padding-left: 40px;}
	#sp-header {background: transparent;box-shadow:none; padding:40px 0px}
	#sp-header.header-sticky {background: rgba(0,0,0,.9);box-shadow:none; padding:0px}
	#sp-header.header-sticky  .logo-image {height: 46px;}
	.mmb:hover{padding-top:45px;}
	.mmb{text-align:left; min-height: 220px;}
	.abimg{padding-left: 60px; position:relative;}
	#sp-menu .sp-megamenu-parent{display:none;}
}

@media (min-width: 1200px) { 
.mmb:hover{padding-top:80px;}
}

@media (min-width: 1400px) { 
h1{font-size:52px;}
}
.fullscreen-bg {
position: relative;
top: 0;
right: 0; display: flex;
align-items: center;
bottom: 0;
left: 0;text-align:center;
overflow: hidden;
min-height: 850px;
background: url(images/bg.jpg) no-repeat #94a233;
  background-size: auto;
background-size: auto;
background-size: cover;
}
.fullscreen-bg:before {

    content: "";
    background: rgba(0, 0, 0, 0.68);
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
    position: absolute;

}
.fullscreen-bg video{
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
#sp-shapka{margin-top:-80px;}
.shkont{position:relative; z-index:9}
.slogan{color: #fff;
text-transform: uppercase;
align-items: center;
display: flex; font-size: 12px;
height: 100%;
font-weight: bold;
letter-spacing: .1em;}
.slogan:before {
  content: "";
  width: 40px;
  height: 2px;
  background: #0070bc;
  margin-right: 20px;
}
.top3{display: flex;
align-items: center; justify-content: flex-end;
}
.top3 span i{font-size:12px; margin-right:8px;}
.top3 span{display:block;text-decoration: underline dotted; color: #fff; text-align: right;
margin-top: -3px;}
.top3 span a{color: #fff;
font-size: 13px;
}
.tph{font-size: 22px;
font-weight: 800;
color: #fff;
letter-spacing: .1em;}
.knopka{
  background: linear-gradient(270deg,#0070bc 0,#0070bc 100%);
  color: #fff;
  box-shadow: 0 3px 5px -7px #0070bc;
  padding: 12px 35px;
  display: inline-block;
  transition: all .15s linear;
  position: relative;
  top: 0px;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-size: 13px;
}
.knopka:hover, .knopka:focus, .knopka:active {
  top: 3px;
  color: #fff;
  background: linear-gradient(270deg,#0070bc 0,1#0070bc 100%) !important;
}
.callback{margin-left: 50px;}
.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #fff;
  margin: 5px 0;
    margin-top: 5px;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
h1{
color: #fff;
text-transform: uppercase;
letter-spacing: .1em;
}
.h12{background:transparent; display: block;
margin-top: 10px;}
.h11{font-weight: 900;
background: url(/images/patt.webp);
background-size: contain;
padding: 30px;
display: inline-block;
padding-bottom: 20px;
margin-bottom: 10px;}
.sub{font-size: 20px; text-align:center;
color: #fff; margin:0 auto;
max-width: 900px;}
.martop20{margin-top:20px;}
#sp-minimenu{margin-top: -120px;
z-index: 99;
position: relative;}
.mmb p{font-size: 13px; color:#fff;}
.mmb{background: #adadad; transition: all .9s ease;
padding: 40px; position:relative;
display: flex;
color: #fff; overflow:hidden;
flex-direction: column;

justify-content: center;}
#sp-minimenu .col-lg-3, #sp-minimenu .col-lg-4{padding:0px;}
#mod-custom110 .row{padding:0px 15px;}
.mmb2{background: #6f6f6f;}
.mmb3{background: #3e3e3e;
display: flex;
justify-content: center;
flex-direction: unset;
align-items: center;
font-size: 18px;
text-transform: uppercase;}
.mmb3:hover{background:#0070bc;color:#fff; padding-top: 40px !important; padding-left:60px !important;}
.mmb h3{color: #fff;
text-transform: uppercase;
font-size: 22px;
font-weight: bold;
letter-spacing: .1em;}
.mmb:before{content: "";
background: #0070bc;
width: 0%;
height: 4px;
position: absolute;
left: -100%;
top: 0;
transition: all .7s ease;}
.mmb:hover:before{width: 100%; left:0px;}

.mmb3 i{font-size: 20px;
color: #808080; margin-right:8px;
display: inline-block;}
.mmb3:hover i{color:#fff;}
#sp-etap{padding: 80px 0px;}
h2{text-transform: uppercase;
font-weight: 900; position:relative;}
h2 span{font-weight:400;}
.es{background: #fff;
padding: 30px;
border: 1px solid #dedede;
position: relative;}
.es span{position: absolute;
background: #0070bc;
font-size: 30px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff;
font-weight: bold;
top: 0;
left: 0;}
.es p{font-size: 14px;
line-height: 20px;
color: #797979;
font-weight: 300;}
.es h3{text-transform: uppercase;
font-size: 22px;
font-weight: bold;
margin-top: 20px;}
.owl-prev span, .owl-next span {
  color: #FFF;
  background: rgba(0,0,0,.5);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 22px;
}
.owl-prev, .owl-next {
  position: absolute;
  top: 0;
  height: 100%;
}
.owl-prev span, .owl-next span {
  color: #4A4A4A;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 50px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.23);
  display: block;
  font-size: 30px;
}
.owl-prev span:hover, .owl-next span:hover{background:#0070bc; color:#fff;}
.ett{display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 40px;
text-align: center;
background: #f5f5f5;}
.owl-dots{display:none;}
.ett h4{text-transform: uppercase;
font-size: 20px;
font-weight: 900;}
.ett p{font-size: 14px;
color: #7f7d7d;}
#sp-preim{background: url(/images/bg2.webp);
padding: 100px 0px; background-attachment:fixed;
background-size: cover;
background-position: center;}
#sp-preim, #sp-preim h2{color:#fff;}
.preimbl{border: 1px solid #fff;
padding: 40px; margin-top:25px;
font-size: 18px;
background: rgba(0,0,0,.3);
position: relative;}
.preimbl span{font-weight: 900;
text-transform: uppercase;
display: block;
color: #dd381f;
letter-spacing: .1em;
margin-bottom: 10px;}
.preimbl:before{content: "";
width: 30px;
height: 30px;
background: #dd381f;
position: absolute;
left: -15px;
top: -15px;}
#sp-sferi {padding:100px 0px;}
#sp-sferi .col-lg-6{padding:1px;}
.etrow{padding:0 14px; margin-top:30px;}
.sfbl{position:relative;}
.sfbl span{position: absolute;
bottom: 10px;
color: #fff;
left: 0px;
padding: 10px;
line-height: 22px;
text-transform: uppercase;
font-weight: bold;
background: rgba(0,0,0,.5);
width: 100%;}
.sfblast{background: #3e3e3e;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
padding: 40px;
text-align: center;}
.inf{margin-bottom:30px;}
#sp-chushki{background: #e9e9e9;
padding: 100px 0px; background-image: url(/images/patt.webp);
background-size: contain;}
.prodbl{background: #fff;
padding: 40px;
margin-top: 20px;}
.prodbl h3{text-transform: uppercase;
font-size: 24px;
font-weight: bold;}
.btnbl{display: flex;
align-items: center;
justify-content: flex-end;}
.prodbl p{color: #7f7f7f;
font-size: 14px;
}
.btnbl a{margin-left:15px;}
.knopka2{background: #969595;
color: #fff;
padding: 11px 28px;
display: inline-block;
transition: all .15s linear;
position: relative;
border-radius: 30px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.4px;
font-size: 13px;
border: 1px solid #969595;}
.knopka2:hover,.knopka2:focus, .knopka2:active{background:#fff; color:#969595;}
.wf-mediabox-container {
  background-color: #fff;
  border-radius: 0px !important;
  padding: 40px!important;
}
.chbk{background: rgba(0,0,0,.6);
padding: 40px;
margin-top: 20px;
color: #fff;
font-size: 16px;
letter-spacing: .1em;}
#sp-gallery{padding:100px 0px; background: url(/images/bg3.webp);
background-size: cover;}
#sp-gallery h2{color:#fff;}
#sp-main-body {
  padding: 0px;
}
#sp-about{padding:100px 0px;}
.pre{position:relative; padding-left: 45px;}
.pre:before{content: "";
background: #dd3920;
width: 15px;
height: 15px;
display: block;
border-radius: 100%;
border: 4px solid #eb8070;
position: absolute;
left: 15px;
top: 5px;}
.pre h4{font-weight: 900;
}
#sp-about hr{background: #0070bc;
margin: 40px 0px;}
.let{background: url(/images/bg2.webp);
background-size: cover;
background-position: center;
color: #fff;
padding: 40px;
width: 200px; left: 0px;
position: absolute;
top: 30%;border: 9px solid rgba(255,255,255,.6);}
.let span{display: block;
font-size: 30px;
font-weight: bold;}
#sp-shema{padding:100px 0px;}
.sh span{height: 40px;
width: 40px;
background: #0070bc;
color: #fff;
display: block;
text-align: center;
line-height: 40px;
font-weight: bold;
margin-bottom: 10px;}
.sh h5{text-transform: uppercase;
font-weight: bold; position:relative;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;}
.sh h5:before{content: "";
width: 30px;
height: 3px;
display: block;
background: #0070bc;
position: absolute;
bottom: -1.9px;}
.sh p{color: #767575;
font-size: 14px;
margin-top: 15px;}
.sh{margin-top:20px;}
.form{padding: 40px; margin-top:20px;
background: url(/images/bg2.webp);
background-size: cover; margin-bottom:30px;
background-attachment: fixed}
.form h2{margin-bottom:20px;}
.form .ba-form-acceptance-html p{color: #fff !important;}
#sp-footer i {
  background: #0070bc;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  margin-right: 10px;
  margin-top: 10px;
}
#sp-footer {padding:80px 0px;}
#sp-footer .container-inner {
  padding: 0px;
  border-top: 0px;
}
.ba-forms-lightbox-row{position: absolute;
right: 0px; z-index:999999}
.ba-form-lightbox-layout{z-index:999999 !important;}
.ba-input-label-wrapper{text-transform: uppercase !important;
font-weight: 800 !important;}

.ba-form-icons.ba-icon-close::before {
    content: "\f136";
    background: #0070bc;
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    border-radius: 100%;
}
.sp-megamenu-wrappe{display:none;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  display: block;
  font-size: 16px;
  padding: 10px 0px;
  position: relative;
  line-height: 18px;
  opacity: 0.7;
  transition: 0.3s;
  font-weight: normal;
}
.offcanvas-menu {
  background-color: #292929;
  color: #252525;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #fff;
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
}
.mphon{height: 45px;
width: 45px;
background: #0070bc;
color: #fff;
line-height: 45px;
text-align: center;
border-radius: 100%;}