li.sp-contact-phone, .sp-contact-email {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 900;
}


@media (min-width: 300px) {
	h1, .shtitle{font-size: 1.5rem;}
	.categoryline {font-size: 1.4rem;}
	#sp-foot h3 {
  font-size: 26px;
}
.blusbl .knopka2 {
  border: 2px solid #fe0000;
  margin-left: 0px;
  margin-bottom: 30px;
}
.frc {text-align: center;}
.utit{font-size: 1.5rem;}
.breadcrumb{font-size:70%}
.mcat {padding: 60px 20px;}
.owl-next{position: absolute;
top: 40%;
right: 0px;
}
.owl-prev{position: absolute;
top: 40%;
left: 0px;
}
}

@media (min-width: 768px) {
	h1{font-size: 2.5rem;}
	.categoryline {font-size: 1.5rem;}
	#sp-foot h3 {
  font-size: 36px;
}
.utit{font-size: 2rem;}
.breadcrumb{font-size:80%}
.owl-next{position: absolute;
top: 40%;
right: -25px;
}
.owl-prev{position: absolute;
top: 40%;
left: -25px;
}
}

@media (min-width: 992px) {
	.breadcrumb{font-size:90%}
.blusbl .knopka3 {
  margin-bottom: 30px;
}
.blusbl .knopka2 {
  border: 2px solid #fe0000;
  margin-left: 20px;
  margin-bottom: 0px;
}
h1, .shtitle{font-size: 3rem;}
.categoryline {font-size: 1.5rem;}
#sp-foot h3 {
  font-size: 38px;
}
.frc {text-align: left;padding-left: 50px;}
.utit{font-size: 2.5rem;}
.caseimg {
  height: 150px;
  top: 300px;
}
.mcat {padding: 60px 0px;}
.maincont .article-intro-image {border: 1px solid #eee;
padding: 20px;
border-radius: 2.5rem;}
.topcont{margin-left: 50px;}
}

@media (min-width: 1200px) { 
.breadcrumb{font-size:100%}
#sp-foot h3 {
  font-size: 42px;
}
h1, .shtitle{font-size: 3.8rem;}
.categoryline {font-size: 1.7rem;}
.utit{font-size: 3rem;}
.caseimg {
  height: 200px;
  top: 250px;
}
.topcont{margin-left: 50px;}
}

@media (min-width: 1400px) { 
.topcont{margin-left: 50px;}
.caseimg {
  height: auto;
  top: 200px;
}
h1, .shtitle{font-size: 4rem;}
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 15px;
  line-height: 80px;
  font-size: 1rem;
  margin: 0; 
  font-weight: bold;
}
.sp-megamenu-parent > li.active > a {
  font-weight: 700;
}

.knopka, .tbt .copymail {
padding: 12px 30px;
display: inline-block;
border-radius: 30px;
letter-spacing: 0.1em;
font-size: 12px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
overflow: hidden;
transition: all .15s linear;
position: relative;
top: 0px;
background: #fe0000;
}
.knopka:hover, .knopka:focus, .knopka:active, .tbt .copymail:hover, .tbt .copymail:focus, .tbt .copymail:active{transform: scale(1.05); color: #fff;}
.knopka:before, .tbt .copymail:before {
  content: '';
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0; left: 0;
  opacity: 0.5;
  filter: blur;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick 5s infinite;
}
.tbt .copymail:after{   font-family: "Font Awesome 5 Free";
   content: "\f0e0"; position: absolute;
left: 20px;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
font-weight: 900;}
.tbt .copymail{color: #fff !important;
text-transform: none;
font-weight: bold !important;
padding-left: 40px;
font-size: 13px;
letter-spacing: 0;}
@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 15px 0px 15px;
}
.toptel{color: #141414;
font-weight: bold;
letter-spacing: 1px;
display: block;
text-align: right;}
.topcont{text-align: right;
line-height: 1.2;
margin-right: 30px;
}

.burger-icon > span {
  display: block;
  height: 1px;
  background-color: #181819;
  margin: 8px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {

    font-family: "Font Awesome 5 Free";
    content: "";
    float: right;
    margin-left: 7px;
    font-weight: 900;
    font-size: 8px;

}
#sp-shapka {
  margin-top: -80px;
  overflow: hidden;
}
#video-bg:before {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9;
  position: absolute;
}
#video-bg {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  min-height: 600px;
  max-height: 100%;
  background: url(images/bg.jpg) no-repeat #94a233;
  background-size: auto;
  background-size: cover;
}
.shapka-content {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 600px;
}

#video-bg > video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
h1, .shtitle{color: #141414;
line-height: 1.2;
letter-spacing: -0.01em;
text-transform: uppercase;
font-weight: 900;
}
.shtitle{text-align:center;}
.stt{display: flex;
justify-content: center;
align-items: center;}
.shminit{font-size: 20px;
font-weight: 300;
text-transform: uppercase;
}
.roundbtn{width: 180px;
height: 180px;
font-weight: bold;
display: flex;
background: #0080cb;
border-radius: 100%;
align-items: center;
flex-direction: column;
justify-content: center;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 1.3;
transition: all .15s linear;
text-transform: uppercase;}
.roundbtn img{height: 30px;
position: relative;
top: -10px; width: auto;
transition: all .15s linear;}
.roundbtn:hover img {
  transform: rotate(-45deg);
}
.roundbtn:hover, .roundbtn:focus, .roundbtn:active{color:#fff;}
.krugknop{position: absolute;right: 10%;top: -90px;}
#sp-main-body {
  padding: 0px;
}
#sp-maincat, #sp-preim{background: #181819;
padding: 100px 0px;
border-radius: 2.5rem;
margin-top: -50px;
z-index: 12;
position: relative;}
h2{text-transform: uppercase;
letter-spacing: -0.01em;font-weight: bold;}
#sp-maincat h2, #sp-preim h2{color: #fff;}
.slogan{color: #80848D;max-width: 600px;
font-size: 20px;
line-height: 1.5;}
.categoryline:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #fff;
  transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: scaleX(0);
  transform-origin: 100% 0;
  z-index: 1;
}
.categoryline{display: block;
color: #fff;
letter-spacing: -0.02em;
font-weight: 600;
position: relative;
padding-bottom: 1.25rem;
margin-bottom: 1.5rem;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #303033;}
.categoryline .ari img {
  width: 2.25rem;
  height: 2.25rem;
  transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.categoryline:hover .ari img {
  transform: rotate(45deg);
}
.categoryline:hover:before {
  transform: scaleX(1);
  transform-origin: 0 0;
}
.categoryline:hover, .categoryline:focus{color:#fff;}
.ustop {
  margin-bottom: 60px;
}
.catico{display: flex;
align-items: center;}
.catico img{height:30px; width:auto; margin-right:10px;}
#sp-header {background: transparent;padding: 0 4%; box-shadow: none;}
#sp-header.header-sticky{background:#fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);}
.tit::before {
  background: #80848D;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  margin-right: 10px;
}
.tit {
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  color: #80848D;
  font-size: 14px;
  position: relative;
}
.subtitle{color: #80848D;
line-height: 1.4;
letter-spacing: -0.01em;}
#sp-about{background: #f3f1f5;
padding: 90px 0px;
position: relative;
z-index: 9;}
#sp-about h2{margin-bottom:30px;}
.knopka3{display: inline-flex;
justify-content: space-between;
padding: 16px 30px;border-radius: 30px;
letter-spacing: 0.1em;
font-size: 12px;
text-transform: uppercase;
color: #181d21;
font-weight: 600;
overflow: hidden;
transition: all .5s linear;
position: relative;
top: 0px;
border:2px solid #181d21;
}
.knopka3 span{position:relative; z-index:9;}

.knopka3:hover, .knopka3:focus, .knopka3:active{color:#181d21; transform: scale(1.05);}
.knopka3:hover img, .knopka2:hover img{transform: rotate(45deg);}
.knopka3 img, .knopka2 img {
  height: 20px;
  width: auto;
  transition: all .5s linear;
}
.dig {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dig span {
  color: #28272a;
  font-weight: 800;
  font-size: 62px;
  margin-left: 10px;
  line-height: 72px;
}
.abtop{margin-top:40px;}
p{line-height: 1.4;
	letter-spacing: -0.01em;}
	.etd {
  -webkit-text-stroke: 1px #727070;
  color: #181d21;
  margin-right: 50px;
  font-weight: 700;
  line-height: 70px;
  font-size: 72px;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
}
.etapi p{color: #80848D;}
.etapi p span{font-weight:900; color:#fff;}
.tit2{text-align: center;
margin-top: 40px;
margin-bottom: 10px;
}
.gotov{color: #80848D;
text-align: center;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;}
.knopka2{display: inline-flex;
padding: 16px 35px;}
.gbt{text-align: center;
margin-top: 20px;
display: block;}
#sp-foot{padding:90px 4%; background:#181819;}
#sp-foot .ba-input-wrapper input {
  padding-left: 30px !important;
  min-height: 58px;
}
#sp-foot .ba-input-wrapper .ba-phone-number-input{padding-left: 140px !important;}
#sp-foot h3 {
  color: #fff;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 900;
  margin-top: -10px;
}
.footimg{max-height: 300px;
width: auto;
margin-top: 40px;}
.footcont {
  color: #fff;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-size: 17px;
  margin-bottom: 40px;
}
.footel a {
  font-weight: 900;
  font-size: 22px;
  letter-spacing: 1px;color: #fff;
}
.foottitle {
  color: #80848D;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-size: 17px;
  margin-bottom: 40px;
}
.cop {
  color: #80848D;
  line-height: 1.6;
  letter-spacing: -0.01em;
  font-size: 17px;
}
#sp-foot {border-top-left-radius: 2.5rem; border-top-right-radius:2.5rem; margin-top:-50px; z-index: 999;
position: relative;}
.offcanvas-active .burger-icon > span:nth-child(1), #modal-menu-toggler.active .burger-icon > span:nth-child(1) {
  transform: translate(0, 12px) rotate(-45deg);
}
#video-bg.caseshap{ min-height: 350px;}
#video-bg.caseshap .shapka-content{min-height: 450px;}
.caseshap {
 
  background: #f3f1f5;
  display: flex;
  align-items: center;
  margin-top: -80px;
}
.breadcrumb{background: transparent;
padding: 0;
margin-bottom: 10px;}
.float-start{display:none;}
.caseshap .sub {
  line-height: 1.4;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 9;
  color: #181819;
  text-transform: uppercase;
  max-width: 600px;
  margin-bottom: 30px;
}

.utit {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.com-content-category-blog__children {
  padding-bottom: 90px;
}
h2{font-weight: 900;
letter-spacing: -0.02em;}
.blusimg img {
  height: 200px;
  width: auto;
  margin-bottom: 30px;
}
.caseimg {
  position: absolute;
  right: 0;
}
.blusbl p{margin-bottom:30px;}
.rounded-block{border-radius: 2.5rem;
margin-top: -50px; background: #f3f1f5;
z-index: 12;
position: relative;}

.pusl {
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
}
.podusl {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  color: #000;
  font-size: 20px;
  padding-bottom: 20px;
  margin-left: 20px;
}
.podusl:hover::before {
  transform: scaleX(1);
  transform-origin: 0 0;
}
.podusl:hover img {
  transform: rotate(45deg);
}
.podusl:hover{color:#000;}
.podusl img {
  height: 20px; transition: all .15s linear;
}
.podusl::before {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #333;
  transition: transform 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: scaleX(0);
  transform-origin: 100% 0;
  z-index: 1;
}
.pusl::before {
  bottom: 0px;
}
.shema{padding-bottom: 120px;}
.mcat .article-intro-image img{height: 200px;
width: auto;
margin: 0 auto;}
.catitem{border-radius: 2.5rem; text-align:center;
padding: 40px; margin-bottom:25px;
background: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.03);}
.itemtiz h2 a{color: #141414;
font-size: 20px;
text-align: center;
display: block; margin-bottom:20px;
margin-top: 10px;}
.pathway{color:#000;}
.ciimg img{height: 400px;
width: auto;
position: absolute;}
.itemcase .shapka-content{min-height: 350px;}
.maincont{position:relative; border-radius: 2.5rem;
margin-top: -50px;
background: #fff;
padding: 90px 0px;
padding-bottom: 120px;}
.maincont .article-intro-image img{max-height: 400px;
width: auto;
margin: 0 auto;}
.maincont .roundbtn{z-index: 99;
position: relative;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #ffffff;
  border-radius: 2.5rem;
  padding: 40px;
}
.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: 10px 0;
  cursor: pointer;
}
.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: flex;
  padding: 10px 0;
  cursor: pointer;

  justify-content: space-between;
  align-items:center;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:after{content: "";
background: url(/images/ico/ba.png);
width: 30px;
height: 30px;
margin-right: 10px;
background-repeat: no-repeat;
background-size: 30%;
background-position: center;
display: block;
flex-shrink: 0;}
.ba-form-2 .ba-field-container input{min-height: 55px; padding-left: 40px !important;}
.ba-forms-lightbox-row{position: absolute;
right: -15px;}
.ba-form-2 .ba-form-acceptance-html p{line-height: 1 !important;}
.ba-form-2 .text-content-wrapper{margin-bottom:30px;}
#sp-popular{background: #f3f1f5;
padding: 90px 0px;
padding-bottom: 120px;}
.owl-carousel .owl-item img {
  display: block;
  height: 200px;
  width: auto !important;
  margin: 0 auto;
}
.newsflash-title a{color: #141414;
font-size: 20px;
text-align: center;
display: block;
margin-bottom: 20px;
margin-top: 10px; text-transform:uppercase; font-weight:900;}
.owl-item .knopka2 img{height: 20px;
width: auto;
transition: all .5s linear;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: block !important;
}

.owl-prev span, .owl-next span{width: 50px;
height: 50px;
border: 1px solid #ededed;
border-radius: 2.5rem;
background: #fff;
line-height: 50px;
font-size: 16px;}
.owl-prev span:hover, .owl-next span:hover{background:#fe0000; color:#fff;}
.blo{padding-top:90px;}
.matlink{color: #252525;
display: flex;
margin-top: 10px;
font-size: 28px;

font-weight: 900;
line-height: 1;}
.matlink:hover{color: #252525;}
.matlink:hover img{transform: rotate(45deg);}
.pinfo-img{border-radius: 2.5rem;
overflow: hidden;}
.matlink img{height:30px; width:auto; flex-shrink:0;transition: all .5s linear; margin-left:10px;}
.pinfo-img:hover  img {
  transform: scale(1.1);
}
.pinfo-tiz img{transition: all .8s ease;}
.matcase .shapka-content{min-height:400px;}
.mainmat .article-full-image{height: 300px;
overflow: hidden;
display: flex;
align-items: center;
border-radius: 2.5rem;}
.hara i{background: #f3f1f5;
height: 40px;
width: 40px;
border-radius: 2.5rem;
line-height: 40px;
text-align: center;
margin-right: 10px;}
.hara h5{color: #80848d;
margin-top: 20px;margin-bottom:15px;}
.hara .toptel{text-align:left;}
.fadr{display: flex;
align-items: center;}
.regi {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  max-width: 450px;
}
.regi .dig {
  font-size: 50px;
  margin-right: 20px;
  font-weight:900;
}
.rowspos span {
  color: #999;
  font-weight: bold;
  margin-right: 10px;
}
.dost{max-height: 500px;
width: auto;
margin: 0 auto;
margin-bottom: 30px;}
.sear{cursor:pointer;
height: 50px; position: relative;
left: 10px;
margin-right:15px;
width: 50px;
line-height: 60px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%; }
.sear:hover img, .sear:focus img{height:25px; width:25px;}
.sear img{width: 23px; transition:all .5s ease;
height: 23px;}
.offcanvas-top{height: 150px !important;
padding: 30px; background:#f3f1f5;
display: flex;
align-items: center;
justify-content: center;}
button:focus, button:active, a, button {
  outline: none;
}
.btn-close.text-reset {
  position: absolute;
  right: 20px;
  top: 20px;
}
#mod-finder-searchword118{height:60px;}