@font-face {
font-family: 'Inter Extra Bold';
src: url('fonts/Inter/inter_extra_bold.eot'); /* IE 9 Compatibility Mode */
src: url('fonts/Inter/inter_extra_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
url('fonts/Inter/inter_extra_bold.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Inter/inter_extra_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
url('fonts/Inter/inter_extra_bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/Inter/inter_extra_bold.svg#inter_extra_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
font-family: 'Inter Bold';
src: url('fonts/Inter/inter_bold.eot'); /* IE 9 Compatibility Mode */
src: url('fonts/Inter/inter_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
url('fonts/Inter/inter_bold.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Inter/inter_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
url('fonts/Inter/inter_bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/Inter/inter_bold.svg#inter_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
font-family: 'Inter Medium';
src: url('fonts/Inter/inter_medium.eot'); /* IE 9 Compatibility Mode */
src: url('fonts/Inter/inter_medium.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
url('fonts/Inter/inter_medium.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Inter/inter_medium.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
url('fonts/Inter/inter_medium.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/Inter/inter_medium.svg#inter_medium') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
font-family: 'Inter Semi Bold';
src: url('fonts/Inter/inter_semi_bold.eot'); /* IE 9 Compatibility Mode */
src: url('fonts/Inter/inter_semi_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
url('fonts/Inter/inter_semi_bold.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Inter/inter_semi_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
url('fonts/Inter/inter_semi_bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/Inter/inter_semi_bold.svg#inter_semi_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}
.teg_artils a,.teg_artils,.pagination span,.pagination,.tags,.date,.eyes,.dtyes,.square li,.back,.contsb, button,.inpv,.sogld,.otgartd button,.log_telegs,.telegs,.undfoot,.con_addr,.adr_left ul li,.bread{box-sizing: border-box;display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-js-display: flex;justify-content: space-between;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-pack:justify ;align-items: center;}
a,.pagination span, path, button,.discount button path,.otgartd .swiper-button-prev,.otgartd .swiper-button-next,.otgartd .swiper-button-prev:hover path,.otgartd .swiper-button-next:hover path,.fquest button,.soderga{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
/* чтобы фоновый слой позиционировался относительно общей обёртки */
.site{ position: relative; }
.article{width: 100%;
-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;
padding: 30px;background: #F6F6F6;display: block;
}
.article img{width: 100%;-moz-border-radius: 25px;-webkit-border-radius: 25px;-o-border-radius: 25px;border-radius: 25px;height: auto;}
.list_articles{row-gap:20px;margin: 0px -10px;}
.list_articles>div{padding: 0px 10px;}
/* фоновая картинка поверх body, но под контентом */
.st-hero-bg{
position: absolute;
inset: 0 0 auto 0;     /* сверху до ширины экрана */
height: 1000px;         /* высота “подложки”, подгони под макет */
pointer-events: none;  /* не мешает кликам */
z-index: 0;

/* фон: картинка + затемнение сверху */
background:
linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 70%),
url('/wp-content/themes/suntrans/assets/images/main-background.jpg') center / cover no-repeat;
}

/* сам хедер и hero должны быть над фоном */
.st-header,
.hero-calc{
position: relative;
z-index: 1;
}
.contacts-breadcrumb {
display: flex;
align-items: center;
gap: 15px;
margin: 30px 0 0;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.contacts-breadcrumb svg{width: 7.36px;
height: 12.73px;

}
.contacts-breadcrumb__link {
color: #C3C3C3;
text-decoration: none;
transition: color 0.2s ease;
font-family: Inter Semi Bold;
font-size: 16px;
line-height: 100%;
}
.bread{column-gap: 10px;}
.contacts-breadcrumb__link:hover {
color: #3C3C3C;
}

.contacts-breadcrumb__arrow {
flex-shrink: 0;
display: block;
}

.contacts-breadcrumb__current {
color: #3C3C3C;
font-family: Inter Semi Bold;
font-size: 16px;
leading-trim: CAP_HEIGHT;
line-height: 100%;
}

@media (max-width: 768px) {
.contacts-breadcrumb {
margin: 20px 0 0;
gap: 12px;
}

.contacts-breadcrumb__link,
.contacts-breadcrumb__current {
font-size: 16px;
}

.contacts-breadcrumb__arrow {
width: 10px;
height: 20px;
}
}
.htname{font-family: Inter Bold;
font-size: 22px;
line-height: 130%;color: #FF5121;margin-top: 23px;display: table;
}
.articles h1{font-family: Inter Extra Bold;
font-size: 40px;
line-height: 110%;color: #3C3C3C;margin-top: 21px;margin-bottom: 0px;
}
.teg_artils{gap:10px;flex-wrap: wrap;justify-content: flex-start;margin-top: 40px;}
.teg_artils a{font-family: Inter Bold;
font-size: 20px;
line-height: 100%;color: #FF5121;
height: 55px;
-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;
padding: 0 20px;border: 1px solid #FF5121;cursor: pointer;
}
.teg_artils a:hover{color: #fff;background: #FF5121;}
.article b{color: #000;font-family: Inter Bold;
font-size: 22px;
line-height: 130%;margin-top: 30px;display: table;
}
.article .desc{font-family: Inter Medium;
font-size: 18px;
line-height: 130%;color: #3C3C3C;margin-top: 20px;margin-bottom: 20px;
}
.article .link{font-family: Inter Semi Bold;
font-size: 20px;
line-height: 100%;color: #FF5121;margin-top: 30px;display: table;
}
.article .link svg{margin-left: 10px;}
.date,.eyes{color: #FF5121;font-family: Inter Medium;
font-size: 18px;
line-height: 130%;justify-content: flex-start;column-gap: 10px;
}
.dtyes{justify-content: flex-start;column-gap: 16px;}
.pagination span{
width: 60px;
height: 60px;
-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;
border: 1px solid #FF5121;
font-family: Inter Medium;
font-size: 25px;
line-height: 100%;color: #FF5121;justify-content: center;cursor: pointer;
}
.pagination span:hover,.pagination span.active{background: #FF5121;color: #fff;}
.pagination span:hover svg path,.pagination span.active svg path{fill: #fff;}
.pagination{justify-content: center;column-gap: 15px;}
.tags span{font-family: Inter Bold;
font-size: 20px;
line-height: 100%;color: #FF5121;
}
.tags{flex-wrap: wrap;justify-content: flex-start;gap: 10px;border: 1px solid #FF5121;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;padding: 10px 20px;margin-top: 30px;text-align: center;
justify-content: center;min-height: 55px;height: 100%;}
.particle h1{font-family: Inter Extra Bold;
font-size: 40px;
line-height: 110%;
color: #3C3C3C;margin-top: 30px;margin-bottom: 40px;
}
.gl_img{width: 100%;height: 498px; overflow: hidden;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.gl_img img{width: 130%;}
.content_left{max-width: 969px;color: #3c3c3c;font-family: Inter Medium;
font-size: 18px;
line-height: 130%;margin-top: 40px;
}
.content_left p{margin-bottom: 10px;}
.content_left p:last-of-type {
margin-bottom: 0px;
}
.content_left strong{font-family: Inter Bold;
font-size: 18px;
line-height: 24px;
}
.content_left h2{font-family: Inter Bold;
font-size: 25px;
line-height: 100%;margin-top: 40px;margin-bottom: 20px;
}
.square,.gal{list-style-type:none ;padding-left: 0px;margin-bottom: 0px;}
.gal{margin-top: 20px;}
.gal li:before{content: "";width: 16px;height: 16px;background: url('images/gal.svg') no-repeat;margin-right: 10px;background-size:100% auto;-webkit-background-size:100% auto;-o-background-size:100% auto;-moz-background-size:100% auto;display: inline-block;}
.square li:before{content: "";width: 16px;height: 16px;background: url('images/square.svg') no-repeat;margin-right: 10px;}
.square li:not(:last-child),.gal li:not(:last-child){margin-bottom: 13px;}
.square li,.gal li{justify-content: flex-start;}
.brdtxt{
-moz-border-radius: 8px;-webkit-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;
padding: 20px 16px;border: 1px solid #D0D0D0;background: #F6F6F6;font-family: Inter Bold;
font-size: 18px;
line-height: 24px;color: #3c3c3c;margin-top: 20px;
}
.brdtxt span{color:#FF5121;}
.brdtxt+p,.square+p{margin-top: 20px;margin-bottom: 10px !important;}
.content_left img{-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.back{justify-content: flex-start;column-gap: 10px;font-family: Inter Bold;
font-size: 20px;
line-height: 100%;color:#FF5121;margin-top: 24.5px;
}
.back:hover{color: #FF5121;}
.sidebar_right b{font-family: Inter Bold;
font-size: 22px;
line-height: 130%;color: #3c3c3c;
}
.contsb{-webkit-align-items: self-start;align-items: self-start;column-gap: 101px;}
.sidebar_right{max-width: 450px;width: 100%;position: relative;height: 100%;margin-top: 40px;}
.soderg{width: 100%;
-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;
padding: 24px;box-sizing: border-box;border: 1px solid #D0D0D0;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);

}
.soderga{max-width: 450px;width: 100%;}
.soderga.fixed{position: fixed;}
.soderg ul{padding-left: 30px;margin-top: 24px;}
.soderg ul li{font-family: Inter Medium;
font-size: 18px;
line-height: 130%;color: #FF5121;cursor: pointer;
}
.soderg ul li:not(:last-child){margin-bottom: 24px;}
.questb{background: #FF5121;position: relative;overflow: hidden;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;padding: 24px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);margin-top: 20px;}
.questb>*{position: relative;}
.questb b{font-family: Inter Bold;
font-size: 22px;
line-height: 130%;color: #fff;
}
.questb p{font-family: Inter Medium;
font-size: 18px;
line-height: 130%;
color: #fff;margin-top: 24px;margin-bottom: 0px;
}
.questb button{height: 54px;width: 100%;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;padding: 20px;background: #fff;font-family: Inter Bold;
font-size: 20px;
line-height: 100%;color: #FF5121;border:none;justify-content: center;margin-top: 120px;    box-sizing: border-box;position: relative;z-index: 1;
}
.questb button:hover{background: #FF5121;color: #fff;border:1px solid #fff;}
.questb:before{content: "";width: 289px;height: 193px;background: url('images/questb.png') no-repeat;right: -60px;top: 50%;-webkit-transform: translateY(-50%) rotate(4deg);-ms-transform: translateY(-50%) rotate(4deg);-o-transform: translateY(-50%) rotate(4deg);transform: translateY(-50%) rotate(4deg);position: absolute;z-index: 1;}
.questb:after{content: "";width: 371px;height: 250px;background: url('images/questb.svg') no-repeat;right: -90px;top: 50%;-webkit-transform: translateY(-50%) rotate(4deg);-ms-transform: translateY(-50%) rotate(4deg);-o-transform: translateY(-50%) rotate(4deg);transform: translateY(-50%) rotate(4deg);position: absolute;z-index: 0;background-size:115% auto;-webkit-background-size:115% auto;-o-background-size:115% auto;-moz-background-size:115% auto;}
.discount{background: #FF5121;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;padding: 65px 42px;position: relative;margin-top: 40px;overflow: hidden;}
.discount:after{content:"";width: 494px;height: 494px;display: block;background: url('images/discount.png') no-repeat;background-size:100% auto;-webkit-background-size:100% auto;-o-background-size:100% auto;-moz-background-size:100% auto;position: absolute;right: -10px;top: -30px;}
.discount:before{content:"";width: 490px;height: 490px;display: block;background: url('images/fndisc.svg') no-repeat;background-size:100% auto;-webkit-background-size:100% auto;-o-background-size:100% auto;-moz-background-size:100% auto;position: absolute;right: -10px;top: -30px;}
.discount p{font-family: Inter Bold;
font-size: 22px;
line-height: 130%;color: #fff;margin-bottom: 0px;}
.discount b{font-family: Inter Extra Bold;
font-size: 40px;
line-height: 110%;color: #fff;margin-top: 21px;display: table;}
.discount button{width: 188px;
height: 64px;
padding: 20px;
-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;background: #FFFFFF;
font-family: Inter Bold;
font-size: 20px;
line-height: 100%;color: #FF5121;border:1px solid #FF5121;box-sizing: border-box;margin-top: 40px;column-gap: 10px;justify-content: flex-start;
}
.discount button:hover{color: #fff;border:1px solid #fff;background: #FF5121;}
.discount button:hover path{fill:#fff;}
.artn{font-family: Inter Extra Bold;
font-size: 40px;
line-height: 110%;color: #3c3c3c;margin-top: 100px;display: table;
}
.otgartd{position: relative;margin-top: 40px;}
.change_tab{margin-top: 40px;}
.otgartd .swiper-button-prev{left:-84px;}
.otgartd .swiper-button-next{right: -84px;}
.otgartd .swiper-button-prev,.otgartd .swiper-button-next{width: 60px;height: 60px;background: #fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;border: 1px solid #FF5121;}
.otgartd .swiper-button-prev:after,.otgartd .swiper-button-next:after{content: "";}
.otgartd .swiper-button-prev:hover,.otgartd .swiper-button-next:hover{background: #FF5121;border: 1px solid #fff;}
.otgartd .swiper-button-prev:hover path,.otgartd .swiper-button-next:hover path{fill:#fff;}
.fquest{background: #F6F6F6;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;padding: 30px; margin-top: 100px;}
.fquest b{font-family: Inter Extra Bold;
font-size: 40px;
line-height: 110%;color: #3c3c3c;
}
.fquest label{font-family: Inter Medium;
font-size: 20px;
line-height: 100%;color: #3c3c3c;display: table;width: 100%;cursor: pointer;
}
.fquest .row{margin-top: 29px;row-gap: 19px;}
.inpv{width: 100%;height: 55px;background: #fff;border: 1px solid #FF5121;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;padding: 0px 15px;justify-content: flex-start;font-family: Inter Medium;
font-size: 20px;
line-height: 100%;
color: #3c3c3c;margin-top: 15px;
}
.inpv::-webkit-input-placeholder {color:#3c3c3c;opacity: 0.6;}
.inpv::-moz-placeholder          {color:#3c3c3c;opacity: 0.6;}
.inpv:-moz-placeholder           {color:#3c3c3c;opacity: 0.6;}
.inpv:-ms-input-placeholder      {color:#3c3c3c;opacity: 0.6;}

.sogld{justify-content: flex-start;column-gap: 10px;margin-top: 22.5px;}
.sogl{display: none;}
.qwadr:before{content:"";width: 20px;height: 20px;background: #fff;display: block;}
.sogl:checked+.qwadr:before{background: #fff url('images/galf.svg') center center no-repeat;border: 1px solid #FF5121;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.sogl:not(checked)+.qwadr:before{content:"";width: 20px;height: 20px;background: #fff;border: 1px solid #FF5121;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.fquest button.btn{margin-top: 20px;height: 54px;padding: 0px 20px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;background: #FF5121;border: 1px solid #FF5121;justify-content: flex-start;font-family: Inter Bold;
font-size: 20px;
line-height: 100%;
color: #fff;
}
.fquest button.btn:hover{background: #fff;color: #FF5121;}
.log_telegs{margin-top: 111px;}
.telegs{column-gap: 29px;}
.menuf{margin-top: 60px;}
.menuf b{font-family: Inter Bold;
font-size: 25px;
line-height: 100%;
color:#3c3c3c;margin-bottom: 30px;display: table;width: 100%;
}
.menuf a{font-family: Inter Semi Bold;
font-size: 20px;
line-height: 100%;color:#3c3c3c;display: table;width: 100%;
}
.menuf a:not(:last-child){margin-bottom: 20px;}
.menuf a:hover{color: #FF5121;}
.undfoot a{font-family: Inter Semi Bold;
font-size: 20px;
line-height: 100%;
color:#3c3c3c;
}
.undfoot,.menuf{margin-top: 30px;padding: 30px 0px;border-top: 1px solid #f6f6f6;}
.bdesc{font-family: Inter Bold;
font-size: 22px;
line-height: 130%;color: #FF5121;
}
.contacts{margin-top: 100px;}
.contacts h3{font-family: Inter Extra Bold;
font-size: 40px;
line-height: 110%;
color:#3c3c3c;margin-top: 21px;margin-bottom: 40px;
}
.adr_left{background: #F6F6F6;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;max-width: 622px;width: 100%;padding: 30px;
}
.adr_left>b{font-family: Inter Bold;
font-size: 25px;
line-height: 100%;
color:#3c3c3c;
}
.adr_left ul{padding-left: 0px;margin-top: 27px;margin-bottom: 0px;}
.adr_left p{font-family: Inter Medium;
font-size: 18px;
line-height: 130%;color:#3c3c3c;margin-top: 17px;margin-bottom: 0px;
}
.ndesc b{font-family: Inter Bold;
font-size: 22px;
line-height: 130%;color:#3c3c3c;
}
.con_addr{column-gap: 20px;}
.adr_left ul li{justify-content: flex-start;column-gap: 20px;}
.adr_left ul li:not(:last-child){margin-bottom: 26px;}
.adr_left ul li p{margin-top: 0px;}
.adr_right{max-width: 878px;width: 100%;-moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;overflow: hidden;line-height: 0px;}
.articles .fquest{margin-top: 20px;}
.pagination{margin-top: 40px;}
.pagination .pagel{display: none;}
.pagination .pagel.active-1,.pagination .pagel.active-2,.pagination .pagel.active, .pagination .pagel.active+.pagel,.pagination .pagel.active+.pagel+.pagel,.pagination .pagel:nth-last-child(2),.pagination .pagel:nth-child(2){display: flex;}
.pagination .prev{margin-right: 35px;}
.pagination .next{margin-left: 35px;}
.resultq p{font-family: Inter Medium;
font-size: 20px;
line-height: 100%;
color: green;
display: table;
width: 100%;
cursor: pointer;margin-top: 15px;}
/* адаптивная высота подложки, чтобы хватало до низа карточки */
@media (max-width: 1280px){ .st-hero-bg{ height: 875px; } }
@media (max-width: 1024px){ .st-hero-bg{ height: 800px; } }
@media (max-width: 768px) { .st-hero-bg{ height: 751px; } }

body .container {
max-width:1520px !important;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
/*padding-left: clamp(100px, 10.42vw, 200px);
padding-right: clamp(100px, 10.42vw, 200px)*/;max-width: 100%;
}

@media (max-width: 1024px) {
.container {
padding: 0 20px;
}
}