@media (min-width: 300px) {

h1{font-size: 36px; text-align:center;}
h2{font-size: 20px;}
.shkont{text-align:center;}
.preimbl{background: #de3920;
display: flex; padding:20px;
flex-direction: column; margin-top:10px;
justify-content: center;
align-items: center;

}
#sp-about h2{color: #fff; font-size:26px;}
.nl {text-transform: uppercase;
color: #fff;
font-weight: 800;
letter-spacing: .1em;
font-size: 16px;
padding: 10px 0px;
text-align: center;}
.abimage{margin-top: 20px; position:relative; margin-bottom:20px;}
.description{padding: 20px;}
.brd, .btn-block, .cons .col-lg-8{text-align:center;}
.tizer .category-name{margin:0 auto;}
.breadcrumb{display: flex;
justify-content: center;
font-size: 60%;}
.fulltitle{font-size:22px; text-align:center;}
}


@media (min-width: 768px) { 

.description{padding: 30px;}
h1{font-size: 40px;}
h2{font-size: 26px;}
#sp-about h2{color: #fff; font-size:30px;}
.breadcrumb{display: flex;
justify-content: center;
font-size: 70%;}
.fulltitle{font-size:22px;}
}


@media (min-width: 992px) { 
.fullbtn{display: flex;
align-items: center; padding: 20px 0px;
justify-content: space-between;}
.tfull{box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
padding: 40px;
background: #fff;}
.breadcrumb{display: flex;
justify-content: flex-start;
font-size: 90%;}
.tizer .category-name{margin:0;}
.brd, .btn-block, .cons .col-lg-8{text-align:left;}
.description{padding: 40px;}
.abimage{margin-top: -120px; position:relative;}
.shkont:before{content: "";
background: url(/images/box-pattern.svg);
width: 300px;
height: 200px;
display: block;
position: absolute;
left: -10%;
top: -13%;
z-index: 0;
background-size: contain;
background-repeat: no-repeat;}
.shkont{text-align:left;}
h1{font-size: 40px; text-align:left;}
h2{font-size: 26px;}
.con{padding: 0 30px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 12px;
  font-size: 12px;
  text-transform: uppercase;
}
.preimbl{background: #de3920;
height: 280px; display: flex; padding:0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 280px;
margin: 0 auto;
border-top-left-radius: 50%;
border-top-right-radius: 0px;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;}
#sp-about h2{color: #fff; font-size:30px;}
.nl {text-transform: uppercase;
color: #fff;
font-weight: 800;
letter-spacing: .1em;
font-size: 20px;
padding: 40px 0px;
text-align: center;}
.fulltitle{font-size:22px; text-align:left;}
}


@media (min-width: 1200px) { 
.fulltitle{font-size:24px;}
h1{font-size: 40px;}
h2{font-size: 30px;}
.con{padding: 0 20px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 12px;
  font-size: 12px;
  text-transform: uppercase;
}
#sp-about h2{color: #fff; font-size:40px;}
}

@media (min-width: 1400px) {  
h1{font-size: 60px;}
#sp-about h2{color: #fff; font-size:50px;}
h2{font-size: 32px;}
.con{padding: 0 30px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 15px;
  font-size: 14px;
  text-transform: uppercase;
}
}

.menu,.tcont{display:flex;}
.logo{background: #080f20;
padding: 0 30px;
}
.tcont{align-items: center;
justify-content: flex-end;}

.phoncont{background: #de3920;
height: 100%;
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: center;}
.tph{color: #fff;
font-size: 16px;
font-weight: 800;}
.topm{color: #de3920;
font-size: 16px;
font-weight: 400;}
.call{display: block;
color: #fff;
font-size: 14px;
text-align: right;
text-decoration: underline dotted;}
.nap{display: block;
color: #fff;
font-size: 14px;
text-align: right;
text-decoration: underline dotted;}

.mailcont{
background: #080f20;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;}

.top{display: flex;
justify-content: space-between;}
.burger-icon {
  width: 25px;
  cursor: pointer;
  margin: 0 auto;
}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler{background: #dd381f;
width: 80px;
margin: 0;}
.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #fff;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
.tmenu{display: flex;
align-items: center;}
.mobfone{height: 100%;
width: 80px;
background: #000;
line-height: 80px;
text-align: center;
font-size: 20px;
color: #fff;}
.fullscreen-bg {
position: relative;
top: 0;
right: 0; display: flex;
align-items: center;
bottom: 0;
left: 0;
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;
}
.shkont{z-index:99; position:relative;}
h1{text-transform: uppercase;
font-weight: 900;}
#sp-shapka h1{color:#fff; letter-spacing: .1em; position: relative;
z-index: 9;}
.sub{color: #fff;
max-width: 800px; margin-bottom:30px;
font-size: 18px;}
.knopka{background: #de3920;
color: #fff;
padding: 12px 35px;
display: inline-block; border-radius: 30px 0px;
text-transform: uppercase;
border: 1px solid #de3920;
transition: all .5s ease;}
.knopka:hover, .knopka:focus, .knopka:active{color:#de3920; background:transparent;}
h1 span{color: #de3920;}
.let{color: #fff;
font-size: 60px;
line-height: 60px;
font-weight: 900;
border-bottom: 5px solid #de3920;
padding-bottom: 15px;
margin-bottom: 15px;}
.repa p{color: #fff;}
.repa{text-align: center;}
#sp-shapka{position:relative; z-index: 2;}
#sp-shapka:before{content: "";
background: #de3920;
width: 20px;
height: 48%;
display: block;
position: absolute;
z-index: 99;
margin-top: 10%;}

.preimbl h5{color: #fff;
text-transform: uppercase;
margin-top: 15px;}
.preimbl p{color:#fff;}
#sp-preim{margin-top: -140px;
z-index: 99;
position: relative;}
.flece{display: flex;
flex-direction: column;
justify-content: flex-end;}
h2{font-weight: 900;
letter-spacing: .1em;}
.tph:hover, .call:hover{color:#333;}
h2{text-transform: uppercase;
font-weight: 900;
letter-spacing: .1em;}
.catbl{display: block; position:relative; overflow:hidden;
box-shadow: rgba(223, 223, 223, 0.8) 0px 35px 10px -25px;
padding: 20px; background: #fff; transition:all .5s ease;
margin-bottom: 20px; text-align: center;}
.catbl:hover{
  box-shadow: 0px 10px 20px 0px rgba(223, 223, 223, 0.4);
  transform: translate3D(0px, -10px, 0px);
}
.catbl:before{content: "";
background: #de3920; transition:all .5s ease;
width: 5px;
height: 100%;
display: block;
position: absolute;
left: 0;
top: -100%;}
.catbl:hover:before{top:0px;}
.catbl h3{color: #505050;
height: 50px;
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
justify-content: center;}
#sp-maincat{background: #f7f7f7;
padding: 40px 0px;
margin-top: 20px;}
#sp-main-body {
  padding: 0px; background: #f7f7f7;
}
.pico {display: flex;
align-items: center;
justify-content: center;}
.pico span{font-size: 60px;
color: #de3920;
font-weight: 900;
margin-left: 20px;}
.premu h5{text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;}
.premu p{color: #8b8b8b;
line-height: 16px;}
.premu{text-align: center;}
#sp-preimu{background: #f7f7f7;
padding: 40px 0px; padding-bottom:100px;}
.premurow{border-top: 1px solid #e7e7e7;
padding-top: 30px;}
#sp-about{background-color: rgb(8, 15, 32); background-repeat: no-repeat;
background-size: contain;
background-position: 50% 300%;
background-image: linear-gradient(rgba(8, 15, 32, 0.5) 0%, rgba(8, 15, 32, 0.5) 100%), url("/images/vbg.webp");
padding: 80px 0px;}

.abimage:before{content: "";
background: #de3920;
height: 110%;
width: 100px;
display: block;
position: absolute;
top: -5%;
right: -40px;
z-index: 0;}
.abimage img{position:relative; z-index:9;}
#sp-about p{color: #fff; font-size: 18px;}
#sp-about h2{margin-bottom:30px;}

.nl i{color:#de3920}
#sp-shapka .martop20{margin-bottom:20px;}
#sp-uslugi{padding: 80px 0px;}
.usbl img{position:relative;}
.usbl img:before{content:"";}
.usbl h3{color: #080f20;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .1em;
font-size: 20px;
padding: 20px 0px;
transition: all .5s ease;}
.usbl:hover h3{margin-left:8px;}
.stl{margin-bottom: 20px;
font-size: 14px;}
#sp-uslugi .knopka{margin-bottom:20px;}
#sp-foo{
  background-color: rgb(8, 15, 32);
  padding: 80px 0px;
}
#sp-foo{color:#fff;}
#sp-foo i {
  background: #de3920;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  margin-right: 10px;
  margin-top: 10px;
font-size:13px;
}
#sp-foo h2{margin-bottom:20px;}
#sp-bread{background: #e9ecef;}
.breadcrumb {
  padding: 25px 0px;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  margin: 0px;
}
.pathway{color:#080f20}
.float-start{display:none;}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "-");
}
.catblock{transition: .5s ease all;
box-shadow: 0 0 5px 1px rgba(0,0,0,.1); background:#fff;
padding: 20px; margin-bottom:25px;}
.catblock:hover{box-shadow: 0 0 13px 4px rgba(0,0,0,.2);}
.cattitle a{color: #080f20;
display: flex;
font-size: 16px;
text-transform: uppercase;
text-align: center;
font-weight: normal;
height: 40px;
align-items: center;
justify-content: center;}
.description{
background: #fff;
margin-top: 30px;
border: 1px solid #ededed;}
.category{padding:40px 0px;}
.cons{background-color: rgb(8, 15, 32);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: linear-gradient(rgba(8, 15, 32, 0.5) 0%, rgba(8, 15, 32, 0.5) 100%), url("/images/vbg.webp");
padding: 40px; margin-bottom:40px;}
.cons h2{color: #fff;
font-size: 26px;}
.consub{color:#fff;}
.cons .knopka{font-size: 12px;}
.cons h3{color: #fff;
font-size: 16px;
text-transform: uppercase;
margin: 10px 0px;}
.cons .tphon{
font-size: 20px;
}
.knopka3{background: #fff;
padding: 12px 35px;
display: inline-block;
border-radius: 30px 0px;
text-transform: uppercase;
border: 1px solid #fff;
transition: all .5s ease;
font-size: 12px;
color: #de3920;}
.knopka3:hover, .knopka3:focus, .knopka3:active{background:#de3920; color:#fff;}
.btn-block{margin-top: 20px;}
.consimg{height: 100%;
display: flex;
align-items: center;}
.btn-block a{margin-bottom:10px;}
.tizer h3 a{color: #080f20;
font-size: 16px;
display: block;}
.readmore .knopka{font-size:11px;}
.tizer{background: #fff; position:relative;
padding: 20px; transition: all .5s ease; margin-bottom: 25px;
box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
.tizer:hover{box-shadow: 0 0 13px 4px rgba(0,0,0,.2);}
.tizer .category-name{font-size: 11px;
text-decoration: underline dotted;
color: #9f9f9f;}
.article-intro-image{border: 1px solid #ebebeb;}
.tizer .readmore{position: absolute;
bottom: 20px;}
.item-page{padding:40px 0px;}
.article-full-image{border: 1px solid #ebebeb;}
.fcon img{height: 60px;
width: auto;}
.fcon{justify-content: space-between;}
.fcon .tphon{color: #080f20;
font-weight: 900; text-align: right;
display: block;
font-size: 20px;}
.smalltext .knopka{font-size:12px;}
.knopka2{text-decoration: underline dotted;
color: #929292; display:block; padding:12px 0px;}
.smalltext ul{padding:0px; list-style:none;}
.smalltext ul li, .smalltext div{color: #7c7a7a;}
.tt{padding: 40px 0px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  padding: 8px 0;
  cursor: pointer;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #ffffff;
  border-top: 3px solid #080f20;
}
.hiders{height: 100%;
background: #e9ecef;
width: 60px;
text-align: center;
line-height: 80px; transition:all .5s ease;
cursor: pointer; display: block;}
.hiders:hover{background:#de3920; color:#fff;}
#hids{position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
display: flex;
z-index: 999;
height: 150px;
justify-content: center;
align-items: center;}
.sclo{position: absolute;
right: 0;
line-height: 150px;
font-size: 20px;}
#mod-finder-searchword127{min-width:500px; height:70px;}
.com-finder.finder{padding:40px 0px;}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #de3920;
  border-color: #de3920;
}
.page-link {
  padding: 0px;
  width: 50px;
  height: 50px;
  border-radius: 100% !important;
  line-height: 50px;
  text-align: center;
  margin: 0 6px;
    margin-left: 6px;
}
a, button{outline:none !important;}
.ba-form-icons.ba-icon-close{color:#070d1b; position: absolute;
right: 20px;
font-size: 30px;}
.ba-form-icons.ba-icon-close::before {
  content: "\f136";
  color: #070d1b;
}
.item_title{color: #080f20;
font-size: 13px;
display: flex;
font-weight: 400;
text-align: center;
line-height: 18px;
height: 50px;
align-items: center;
justify-content: center;}
.popimg img{height: 150px !important;
width: auto !important; margin:0 auto;}
.read .knopka{font-size:11px;}
.read {margin-top:15px; text-align:center;}
.mtit{margin:30px 0px;}
.uslugi-desc{width: 100vw;
transform: translateX(-50%);
position: relative;
left: 50%;
min-height: 300px;
display: flex;
background-size: cover !important;
background-position: center !important; align-items: center;
flex-direction: column;
justify-content: center;}
.uslugi-desc h1{color:#fff;}
.uslugi-desc p{color: #fff;
max-width: 1000px;
text-align: center;
font-size: 15px;
	line-height: 18px;}
.uslugi-list  {padding:40px 0px;}
.ubl h3 a{color: #080f20; font-size: 24px;
text-transform: uppercase;
display: block;}
.ubl .article-intro-image img{transition:all .5s ease;}
.ubl:hover img{transform:scale(1.1);}
.ubl:hover h3 a{color:#de3920}
.rbl{padding: 40px;
background: #fff;
border-left: 3px solid #de3920;}
.usb{padding:40px 0px;}
.rfcon img{height: 80px;
width: auto;
margin-bottom: 20px;}
.rfcon .tphon{color: #080f20;
font-size: 24px;
font-weight: 900;
display: block;}
.rbl p{font-size: 14px;
margin-top: 20px;}
.uslugi .article-list .article{margin-bottom:0px;}
.blog, .blog-item{padding:40px 0px;}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
  font-size: 18px;
  margin: 0 0 1.25rem 0;
}
.oplbl {
  text-align: center;
  border: 1px solid #e0e0e0;
  padding: 30px;
}
.oplbl img {
  margin: 0 auto;
}
.oplbl h5 {
  text-transform: uppercase;
  font-weight: bold;
}
.oplbl p {
  font-size: 15px;
  line-height: 18px;
  color: #858585;
  margin-bottom: 0px;
}
.cont-desc {
  font-weight: bold;
  color: #555252;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-size: 13px;
  margin-top: -10px;
}
.hara h5 {
  color: #696969;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.fadr, .footmail {
  font-size: 17px;
  letter-spacing: .6px;
}
.kontact #sp-maincat {margin-top: 0px;}
#sp-foo a{color:#fff;}