@media (min-width: 300px) {
.toprow{justify-content:space-between;}
#sp-logo .sp-column{justify-content:space-between;}
h1{font-size: 24px; text-align:center;}
.truba_layout h1{font-size: 20px; margin-bottom:30px;}
.listusl{margin-top:20px; display: block;text-align: center}
.shp .martop20{text-align:center;}
.top-social{display: flex;justify-content: center;}
h2,.kp{font-size: 22px;}
.pribl{display: block; margin-top: 20px; text-align: center;}
.utitle {font-size: 18px; text-align:center;}
.listusl span{display:block;}
.kontakt{position:relative;}
.tfull{padding: 20px;}
.breadcrumb{font-size: 60%;}
}


@media (min-width: 768px) {
	.utitle {font-size: 22px; text-align:center;}
	h1{font-size: 36px;}
	.truba_layout h1{font-size: 26px; margin-bottom:30px;}
h2,.kp{font-size: 30px;}
.pribl{display: flex;align-items: center; margin-top: 20px;justify-content: space-between; text-align: left;}
.listusl span{display:inline-block;}
.tfull{padding: 40px;}
.breadcrumb{font-size: 80%;}
}

@media (min-width: 992px) {
	.breadcrumb{font-size: 100%;}
	.cont-info{position: absolute;top: 50px;right: 10%;}
	.utitle {font-size: 24px; text-align:left;}
.shp .martop20{text-align:left;}
.listusl{margin-top:20px; display: flex;justify-content: flex-start;}
	#sp-logo .sp-column{justify-content:flex-start;}
.burger-icon {margin-left: 20px;}
h1{font-size: 40px; text-align:left;}
.truba_layout h1{font-size: 30px; margin-bottom:30px;}
.top-social{display: flex;justify-content: flex-start;}
h2,.kp{font-size: 36px;}
#offcanvas-toggler{display: none;}
#sp-header.header-sticky #offcanvas-toggler{display: flex;}
}

@media (min-width: 1200px) { 
h1{font-size: 50px;}
.truba_layout h1{font-size: 40px; margin-bottom:30px;}
h2,.kp{font-size: 42px;}
}

@media (min-width: 1400px) { 
.truba_layout h1{font-size: 40px; margin-bottom:30px;}
h1{font-size: 50px;}
h2,.kp{font-size: 48px;}
}
#sp-header {background: rgba(21, 24, 29, 0.9);}
.burger-icon > span {background-color: #fff;}
#sp-logo .sp-column{display: flex;
color: #fff;
align-items: center;
font-weight: 300;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 12px;}
.slogan{margin-left: 20px;
max-width: 210px;}


.knopka{background: #de3920;
color: #fff;
padding: 12px 28px;
display: inline-block;
border-radius: 30px;
border: 1px solid #de3920;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .1em;
font-size: 13px;
transition: all .4s ease;}
.knopka:hover, .knopka:focus, .knopka:active{background:transparent; color:#fff;}
.topcont{display: flex;
align-items: center;
justify-content: flex-end;}
.ttel a{font-size: 20px;
font-weight: bold;
color: #fff;
letter-spacing: .1em;
display: block;}
.ttel{text-align: right;
margin-right: 20px;}
.ttel span{color: #fff;
font-size: 12px;
line-height: 12px;
display: block;}
.tadr{color: #fff; margin-top: 7px; position:relative;
margin-right: 20px; font-size:14px;}

.tadr span{color: #de3920;
display: block;
font-size: 14px;
line-height: 20px;
font-weight: bold;
letter-spacing: .1em;
}
.tadr:before{content: "";
background: url(/images/ico/mail.png);
width: 23px;
height: 23px; background-size: contain;
display: block;
position: absolute;
left: -40px;
top: 10px;}
#sp-menu{display: flex;
align-items: center;}
.mobphon{background: #fff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #de3920;
border-radius: 100%;
font-size: 18px;}
#sp-shapka{background: url(/images/shapka.webp); 

margin-top: -80px;
background-size: cover;
background-position: center;}
h1{  text-transform: uppercase;
  letter-spacing: .1em;}
h1 span{color: #de3920;}
.shp h1{color:#fff; font-weight: 900;}
.shp{background: url(/images/bgw.webp);
min-height: 80vh; width: 100%;
display: flex;
align-items: center;}
.listusl span:before{content:"\f192"; font-family: "Font Awesome 5 Free";
   display: inline-block;
   padding-right: 8px; color:#de3920;
   font-weight: 900;}

.listusl span{color: #fff;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 700;
margin-right: 20px;}
.knopka2{box-shadow: rgba(245, 37, 62, 0.12) 0px 0px 0px 8px;
background: #de3920;
color: #fff; border:1px solid:#de3920;
padding: 16px 38px;
display: inline-block;
border-radius: 30px;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: bold;
transition: all .5s ease;}
.knopka2:hover, .knopka2:focus,.knopka2:active{box-shadow: rgba(245, 37, 62, 0.22) 0px 0px 0px 8px;
background:transparent; color:#de3920}
.martop20{margin-top:40px;}
.prbl {
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 150px;
  max-width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 9.35%;
  padding-right: 9.35%;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}
.ptl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ptitle {
 text-transform: uppercase;
font-weight: 900;
font-size: 22px; letter-spacing: .1em;
color: #fff;
}
.prbl p {
  font-size: 14px;
line-height: 14px;
color: #e7e7e7;
}
#sp-preim .prow {
  padding: 0 15px;
}
#sp-preim .col-lg-3 {
  padding: 0px;
}
.ptldig {
  font-size: 90px;
  color: #fff;
  line-height: 90px;
  font-weight: 900;
}
.ptlico img {
  width: auto;
  height: 50px;
}
.prbl-bl{background: #de3920;}
.prbl-gr{background: #de3920;
border-right: 1px solid #fff;}
.prbl-yl{background: #14171c; border-right: 1px solid #fff;}
.prbl-yl .ptldig{color:#de3920}
#sp-preim{margin-top: -100px;}
.top-social a{color: #fff;
padding: 10px;
font-size: 24px;}
.top-social a:hover{color:#de3920}
.mainpage .body-wrapper{background: url(/images/bg.webp);}
#sp-uslugi{padding:80px 0px;}
h2{text-transform: uppercase;
letter-spacing: .1em;
font-weight: 900;
color: #14171c;
position: relative;}
h2:before{content: "";
background: #de3920;
width: 8px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;}

#mod-custom111 li, .description li, .smalltext li, .mainarticle__body li{list-style: none;
font-size: 18px;
margin-bottom: 10px;}
#mod-custom111 li:before, .description li:before, .smalltext li:before, .mainarticle__body li:before{content: "\f192";
font-family: "Font Awesome 5 Free";
display: inline-block;
padding-right: 8px;
color: #de3920;
font-weight: 900;
font-size: 12px;}
h4{text-transform: uppercase;
font-weight: 900;
letter-spacing: .1em;
margin-top: 20px;
margin-bottom: 10px;}
h4 span{color:#de3920;}
.kp{text-transform: uppercase;
font-weight: 900; margin-bottom:30px;
letter-spacing: .1em;
line-height: 110%;
margin-top: 30px;}
.kp span{color:#de3920;}
.martop{margin-bottom:40px;}
.prebl span{font-size: 80px;
font-weight: 900; margin-right:25px;
color: #08203d; text-shadow: rgba(255, 78, 41, 0.12) 0px 7px 0px}
.prebl{display: flex; line-height: 110%;
align-items: center; padding: 30px 0px;}
#sp-gallery{padding:80px 0px;}
#sp-main-body {
  padding: 0px;
}
#sp-gde{background: url(/images/etapi.webp); background-size: cover;
background-attachment: fixed; margin-top:80px;}
#sp-gde .shp{ padding:80px 0px;}
#sp-gde h2{color:#fff;}

.etbl img{border-bottom: 6px solid #de3920;}
.etbl h4 span{display: block; }
.etbl h4{font-size: 18px; color:#fff;}
.etbl p{font-size: 14px;
line-height: 18px; color:#fff;
letter-spacing: .1em;}
.etbl li{list-style:none;}
.etbl li:before{content: "\f192";
font-family: "Font Awesome 5 Free";
display: inline-block;
padding-right: 8px;
color: #de3920;
font-weight: 900;
font-size: 10px;}
#sp-gde .sub{color: #fff;
text-transform: uppercase;
letter-spacing: .1em;
margin-bottom: 40px;}
.etbl ul{padding:0px;}
.offcanvas-menu {
  color: #252525;
  background: rgba(21, 24, 29, 0.9);
}
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: #fff;
  opacity: 1;
  font-weight: bold;
  letter-spacing: .1em;
  text-align: right;
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
}
.offcanvas-menu {
  color: #fff;
  text-align: right;
}
#mod-custom115 > div{margin-bottom: 10px;
padding-right: 15px; letter-spacing: .1em;}
#mod-custom115{border-top: 2px solid #de3920;
padding-top: 20px;}
#mod-custom115 a{color:#fff;}
#sp-logotipi {padding:80px 0px; font-size: 18px;
letter-spacing: .1em;}
#sp-logotipi h3{text-transform: uppercase;
font-weight: 900;
letter-spacing: .1em;}
#sp-logotipi h3 span{color:#de3920;}
.ba-form-icons.ba-icon-close{color:#fff; position: absolute;
right: 20px;
font-size: 30px;}
.ba-form-icons.ba-icon-close::before {
  content: "\f136";
  color: #070d1b;
}
.ba-field-container select{border-radius: 30px!important;
padding: 0 30px !important;}
.ymap-container {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: url('/images/map.webp') #ffffff no-repeat;
  background-position: center center;
  background-size: cover;

}
a, button{outline:none;}

#map-yandex {
  position: relative;
  z-index: 7;
  width: 100%;
  height: 500px;
  cursor: pointer;
  background-color: transparent;
}
.loader {
  position: absolute;
  z-index: 15;
  top: -100%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #000000;
  transition: opacity .7s ease;
  opacity: 0;
  background-color: rgba(0,0,0,.55);
}
 
.loader:after,
.loader:before {
  box-sizing: border-box;
}
 
.loader.is-active {
  top: 0;
  opacity: 1;
}
 
.loader-default:after {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  content: '';
  animation: rotation 1s linear infinite;
  border: solid 8px #ffffff;
  border-left-color: transparent;
  border-radius: 50%;
}
 
@keyframes rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
 
@keyframes blink {
  from {
    opacity: .5;
  }
  to {
    opacity: 1;
  }
}

.cont-info{
z-index: 9; color:#fff;
background: rgba(21, 24, 29, 0.9);
padding: 40px;}
.cont-info img{height:60px; width:auto;}
.cont-info i{background: #de3920;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
color: #fff;
border-radius: 100%;
font-size: 13px;
margin-right: 8px;}
.rkont{margin-bottom: 10px;}
.cont-info a{color:#fff;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
 display: inline-block;
padding: 0 15px;
line-height: 50px;
font-size: 14px;
margin: 0;
text-transform: uppercase;
letter-spacing: .1em;
}
.top{background:#1d252f; z-index: 999;
position: relative !important;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: rgba(21, 24, 29, 0.99);
}
.catrow{padding:0 15px;}
.catrow .col-lg-6{padding: 8px;}
.catbl{overflow: hidden;
transition: all 0.8s ease;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: #eee;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
padding: 30px;}
.catbl img{flex-shrink: 0; height: 100px;
width: auto;}
.catbl:before{content: "";
background: #de3920;
width: 100%;
height: 4px;
position: absolute;
top: 0;
left: -100%;
transition: all .4s ease;}
.catbl h3{color: #16181d;
font-size: 16px;
padding: 0 30px;
text-transform: uppercase;
font-weight: 700;
text-align: left;
letter-spacing: .1em;}
.catbl:hover{background-size:102%; }
.catbl:hover:before{left:0px;}
#sp-maincat{ padding: 80px 0px;}
#sp-maincat h2{margin-bottom:30px;}
.catbt{min-height: 200px;
display: flex;
justify-content: center;
align-items: center;
background: #de3920;
color: #fff;
text-transform: uppercase;
}
.catbt h3{font-size: 20px;}
.catbt:hover{background:#1d252f; color:#fff;}
.abcom{font-size: 18px;
letter-spacing: .1em;
margin-bottom: 30px;}
#sp-about p{letter-spacing: .1em;
font-size: 18px;}
.prti {display: flex;
align-items: center; margin-bottom: 20px;}
.prti img{flex-shrink:0; margin-right:15px; padding-bottom: 10px;}
.brand .item img{border:1px solid #ccc; padding:0px 20px; filter: grayscale(100%);}
.brand .item{background:#fff;}
.etbl{margin-bottom: 50px;}
#sp-brand{padding: 40px 0px;}
.brand .item:hover img{filter:none;}
.offcanvas-inner .menu-child{display: block !important;}
.offcanvas-menu .menu-toggler{display:none !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 14px;
  padding: 6px 0px;
  line-height: 18px;
  font-weight: 400; display: block;
}
.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;
  letter-spacing: .1em; line-height: 22px;
}
.breadcrumb {
  padding: 20px 0px;
  background-color: transparent;
  border-radius: 0.25rem;
  margin: 0px;
}
.divider.fas{display:none;}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "-");
}
.description{font-size: 18px;
letter-spacing: .1em; margin-bottom: 60px;
margin-top: 30px;}
.catblock{  background:#fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
  text-align: center; padding: 20px;
border: 1px solid #f1f1f1;}
.catblock:hover {
  box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}
.cat-children{padding:0 15px;}
.com-content-category-blog__child{padding:0px;}
.catblock  img{height: 180px;
margin: 0 auto;}
.catblock h3 a{color: #1d252f;
font-size: 18px;
display: block;
line-height: 22px;
padding: 0 20px;
height: 40px;
font-weight: 400;
letter-spacing: .1em;}
#sp-main-body{
background-repeat: no-repeat;
background-color: #f5f5f5;}
#sp-bread{background-color: #f5f5f5;}
.com-content-category-blog h1{font-weight:800;}
.com-content-category-blog h1::before {
  content: "";
  background: #de3920;
  width: 8px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.tfull{background: rgba(255,255,255,.6);

box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);}
.com-content-category-blog__items{padding:0 15px;}
.com-content-category-blog__item{padding:0px;}
.tizer{background: #fff;
padding: 30px;
border: 1px solid #e1e1e1;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);}
.tizer:hover{box-shadow: 0 0 20px 0 rgba(0,0,0,.15);}
.tizer-header h3 a{color: #1d252f;
font-size: 18px;
letter-spacing: .1em;
text-align: center;
display: flex;
padding: 10px 0px;
justify-content: center;
align-items: center;}
.readmore{text-align: center;}
.tizer .knopka:hover, .tizer .knopka:active, .tizer .knopka:focus, .article-body .knopka:hover, .article-body .knopka:focus, .article-body .knopka:active{background:#1d252f; border:1px solid #1d252f;}
.tizer .knopka{background:#b1bfc3; border:1px solid #b1bfc3 }
.article-full-image{border: 1px solid #e7e7e7;
padding: 20px;}
.ttext{text-align: center;
font-size: 13px;
margin-bottom: 15px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;}
.tfull .article-full-image img{margin:0 auto;}
.fcon img{height: 60px; width:auto;}
.tphon{font-weight: 900;
letter-spacing: .1em;
font-size: 20px;
color: #1d252f;
display: block;}
.fcon{justify-content: space-between;}
.smalltext{margin-bottom:40px;}
.cline {box-shadow: 0 5px 15px rgba(0,0,0,.08);
 border: 1px solid #e8edf1;
border-radius: 3px;
padding: 20px;
display: flex;
align-items: center;
background: #fff;
margin-top: 15px;
font-size: 14px;
line-height: 18px;
}
.cline img {
  height: 40px;
  margin-right: 15px;
}
.tt{margin-top:20px; margin-bottom:60px;}
.btn-call {
   background: #1d252f;
border-radius: 50%;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
cursor: pointer;
height: 60px;
width: 60px;
text-align: center;
z-index: 999;
transition: .3s;
-webkit-animation: hoverWave linear 1s infinite;
animation: hoverWave linear 1s infinite;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}

.btn-call__ico {
    display: flex;
justify-content: center;
align-items: center;
animation: 1200ms ease 0s normal none 1 running shake;
animation-iteration-count: infinite;
-webkit-animation: 1200ms ease 0s normal none 1 running shake;
  animation-iteration-count: 1;
-webkit-animation-iteration-count: infinite;
transition: .3s all;
border-radius: 100%;
}

.btn-call:hover {
    background-color: #de3920;
}


.btn-call img{height: 30px;
width: auto;}
@-webkit-keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 26.7px rgba(0, 0, 0, 0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 40px rgba(0, 0, 0, 0.0)
    }
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 26.7px rgba(0, 0, 0, 0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 40px rgba(0, 0, 0, 0.0)
    }
}

/* animations icon */

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}
.article-intro-image img{height: 100px;
margin: 0 auto; width:auto;}
.tf-gallery-wrapper .gallery-items .item{border: 1px solid #e5e5e5;
padding: 20px; min-height: 170px;
display: flex;
align-items: center;}
.maincimg{min-height: 680px;
margin-bottom: 0px; margin-top:-80px;

background-position: center !important;
width: 100vw;
transform: translateX(-50%);
position: relative;
left: 50%;}
.maincimg .shp{display: flex;
justify-content: center;min-height: 680px;
flex-direction: column;
align-items: center;}
.maincimg  .breadcrumb-item.active {
  color: #abadae;
}
.maincimg  .pathway{color:#fff;}
.maincimg  .breadcrumb{padding:0px;}
.mainarticle__body{margin:40px 0px;}
.article-blog .article-intro-image img {
  height: auto;
  margin: 0 auto;
  width: auto;
}
.mainblog{margin-bottom:40px;}
.article-header h5{margin:0px;}
.article-header h5 a{color: #1d252f;
font-weight: bold;
letter-spacing: .1em;
padding: 10px 0px;
display: block;}
.main-introtext .readmore{text-align:left;}
.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;
}
.dwid .col-lg-4{text-align:center;}
.pros {
  display: flex;
  margin: 30px 0;
}
.prosico i {
  height: 55px;
width: 55px;
border-radius: 100%;
line-height: 55px;
text-align: center;
color: #fff;
margin-right: 15px;
background: rgba(21, 24, 29, 0.9);
}
.prostext a {
  display: block;
  font-size: 20px;
  color: #de3920;
  font-weight: bold;
  letter-spacing: .1em;
}
.prostext span {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  line-height: 15px;
  position: relative;
  top: -3px;
}
.ili {
  color: #fff;
font-size: 16px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 800;
letter-spacing: .1em;
}
#sp-help {
  background: linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8)),url(/images/abbg.webp);
  background-size: cover;
  background-position: center;
 
}
#sp-help .shp{min-height:auto; padding:80px 0px;}
#sp-help h3{color: #fff;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 800;}
#sp-help p{color: #fff;
letter-spacing: .1em;}
#sp-help h3 span{color:#fff;}
#sp-cop{background: #1d252f;
padding: 20px 0px;
color: #fff;
letter-spacing: .1px;}
.tfull h6{margin-bottom:20px; font-size:22px; text-transform:uppercase;}
.tt > div{margin-bottom:1rem;}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #cf3821;
  border-color: #cf3821;
}
.page-link{width: 50px;
height: 50px;
border-radius: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin: 0 4px;}
.page-item:last-child .page-link {
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}
.com-content-category-blog__pagination{margin-top:30px;}
#sp-poisk{background: rgba(21, 24, 29, 0.9);
padding: 15px 0px;
margin-top: -80px;}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  justify-content: center;
}
#mod-finder-searchword125{border-radius: 0px;
height: 50px;
min-width: 200px;}
.btn{border-radius: 0px;}
.awesomplete{min-width:70%}
#search-results{padding:40px 0px;}