.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20000 !important;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
} .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-removing .mfp-arrow {
display: none;
} .mfp-fade.mfp-wrap .mfp-content,
.mfp-fade .mfp-arrow {
opacity: 0;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-ready .mfp-arrow {
opacity: 1
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
} .mfp-preloader {
width: 30px;
height: 30px;
background-color: #fff;
opacity: 0.65;
margin: 0 auto;
animation: rotateplane 1.2s infinite ease-in-out;
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}@font-face {
font-family: 'ts-icons'; src:
url(//karachaevsk.info/wp-content/themes/smart-mag/css/icons/fonts/ts-icons.woff2?v2.8) format('woff2'),
url(//karachaevsk.info/wp-content/themes/smart-mag/css/icons/fonts/ts-icons.woff?v2.8) format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
.tsi {
display: inline-block;
font: normal normal normal 14px/1 ts-icons;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tsi-spin {
-webkit-animation: tsi-spin 2s infinite linear;
animation: tsi-spin 2s infinite linear;
}
@-webkit-keyframes tsi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes tsi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} .tsi-threads:before {
content: "\e909";
}
.tsi-x-twitter:before {
content: "\e90a";
}
.tsi-discord:before {
content: "\e905";
}
.tsi-telegram:before {
content: "\e903";
}
.tsi-tiktok:before {
content: "\e904";
}
.tsi-moon:before {
content: "\e902";
}
.tsi-bar-chart-2:before {
content: "\e906";
}
.tsi-clock:before {
content: "\e900";
}
.tsi-eye:before {
content: "\e907";
}
.tsi-link:before {
content: "\e90b";
}
.tsi-share1:before {
content: "\e908";
}
.tsi-bright:before {
content: "\e901";
}
.tsi-plus:before {
content: "\f067";
}
.tsi-music:before {
content: "\f001";
}
.tsi-search:before {
content: "\f002";
}
.tsi-envelope-o:before {
content: "\f003";
}
.tsi-heart:before {
content: "\f004";
}
.tsi-star:before {
content: "\f005";
}
.tsi-star-o:before {
content: "\f006";
}
.tsi-close:before {
content: "\f00d";
}
.tsi-remove:before {
content: "\f00d";
}
.tsi-times:before {
content: "\f00d";
}
.tsi-home:before {
content: "\f015";
}
.tsi-clock-o:before {
content: "\f017";
}
.tsi-repeat:before {
content: "\f01e";
}
.tsi-rotate-right:before {
content: "\f01e";
}
.tsi-image:before {
content: "\f03e";
}
.tsi-photo:before {
content: "\f03e";
}
.tsi-picture-o:before {
content: "\f03e";
}
.tsi-play:before {
content: "\f04b";
}
.tsi-chevron-left:before {
content: "\f053";
}
.tsi-mail-forward:before {
content: "\f064";
}
.tsi-share:before {
content: "\f064";
}
.tsi-chevron-down:before {
content: "\f078";
}
.tsi-shopping-cart:before {
content: "\f07a";
}
.tsi-heart-o:before {
content: "\f08a";
}
.tsi-twitter:before { content: "\e90a";
}
.tsi-facebook:before {
content: "\f09a";
}
.tsi-facebook-f:before {
content: "\f09a";
}
.tsi-feed:before {
content: "\f09e";
}
.tsi-rss:before {
content: "\f09e";
}
.tsi-bars:before {
content: "\f0c9";
}
.tsi-navicon:before {
content: "\f0c9";
}
.tsi-reorder:before {
content: "\f0c9";
}
.tsi-pinterest:before {
content: "\f0d2";
}
.tsi-linkedin:before {
content: "\f0e1";
}
.tsi-comment-o:before {
content: "\f0e5";
}
.tsi-comments-o:before {
content: "\f0e6";
}
.tsi-cutlery:before {
content: "\f0f5";
}
.tsi-angle-double-left:before {
content: "\f100";
}
.tsi-angle-double-right:before {
content: "\f101";
}
.tsi-angle-left:before {
content: "\f104";
}
.tsi-angle-right:before {
content: "\f105";
}
.tsi-angle-up:before {
content: "\f106";
}
.tsi-angle-down:before {
content: "\f107";
}
.tsi-circle-o:before {
content: "\f10c";
}
.tsi-mail-reply:before {
content: "\f112";
}
.tsi-reply:before {
content: "\f112";
}
.tsi-youtube-play:before {
content: "\f16a";
}
.tsi-instagram:before {
content: "\f16d";
}
.tsi-flickr:before {
content: "\f16e";
}
.tsi-tumblr:before {
content: "\f173";
}
.tsi-long-arrow-left:before {
content: "\f177";
}
.tsi-long-arrow-right:before {
content: "\f178";
}
.tsi-dribbble:before {
content: "\f17d";
}
.tsi-vk:before {
content: "\f189";
}
.tsi-google:before {
content: "\f1a0";
}
.tsi-steam:before {
content: "\f1b6";
}
.tsi-soundcloud:before {
content: "\f1be";
}
.tsi-twitch:before {
content: "\f1e8";
}
.tsi-lastfm:before {
content: "\f202";
}
.tsi-pinterest-p:before {
content: "\f231";
}
.tsi-whatsapp:before {
content: "\f232";
}
.tsi-clone:before {
content: "\f24d";
}
.tsi-vimeo:before {
content: "\f27d";
}
.tsi-reddit-alien:before {
content: "\f281";
}
.tsi-shopping-bag:before {
content: "\f290";
}
.tsi-snapchat:before {
content: "\f2ac";
}
.tsi-user-circle-o:before {
content: "\f2be";
}
.tsi-chevron-right:before {
content: "\f054";
}
.tsi-hot:before {
content: "\e9a9";
}
.tsi-info:before {
content: "\e90c";
}html,body{
font-family: "FormaDJ", Sans-serif !important;
} ::-webkit-scrollbar{
display: none;
}
::-webkit-scrollbar-thumb{
display: none;
}
::-webkit-scrollbar-thumb:hover{
display: none;
} .logo{
display:flex;
align-items:center;
gap:7px;
}
.golos{
background:url(https://karachaevsk.info/wp-content/uploads/2025/12/2-1920x1080-1.png);
background-size:cover;
border-radius:10px;
}
.golos5{
background:url(//karachaevsk.info/wp-content/uploads/2026/07/svo.jpg);
background-size:cover;
height:640px !important;
}
.golos6{
background-image:none;
padding:0 20px;
display:flex;
justify-content:center;
align-items:center;
font-size:18px;
text-align:center;
color:#000;
font-weight:600;
line-height:28px;
background:#ccc;
background-size:cover;
height: 400px !important;
}
.logo img{
width:70px;
}
.logo span{
color:#fff;
text-transform:uppercase;
font-size:14px;
font-weight:400;
}
.title-burger{
color: #ffffffa6;
font-weight: 300;
letter-spacing: 2px;
font-size: 12px;
text-align:center;
}                .burger-menu {
position: relative;  border-radius: 50px;
overflow: hidden;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
z-index:999;
background:#fff;
box-shadow: 0px 0px 20px 1px #0000003b;
}
.burger-menu svg {
width: 30px;
height: 30px;
}
.burger-menu::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: #006EB7;
z-index: -1;
transition: height 0.3s ease;
}
.burger-menu:hover::before {
height: 100%;
}
.burger-menu path {
fill: #006EB7;
transition: fill 0.3s ease;
}
.burger-menu:hover path {
fill: #fff;
} .title-slider h1{
color:#fff;
font-size:50px;
line-height:60px;
}
.title-slider h1 span{
font-size:20px;
} .elementor-22 .elementor-element.elementor-element-f99da58 .block-head .view-link {
font-size: 18px;
font-weight: 400;
color: #0F61D9;
border-bottom:1px solid #fff;
padding-bottom:0;
margin-bottom:0;
}
.elementor-22 .elementor-element.elementor-element-f99da58 .block-head .view-link:hover{
border-bottom:1px solid #0F61D9;
} .turizm-location{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:20px;
}
.turizm-location span{
position:absolute;
top:15px;
left:15px;
color:#fff;
font-size:14px;
line-height:14px;
padding:7px 15px;
background:#2759BC;
border-radius:50px;
}
.tur-loc-item{
border-radius:15px;
height:350px;
position:relative;
}
.t-loc-i-1{
background:url(https://karachaevsk.info/wp-content/uploads/2024/04/karach.jpg) no-repeat center center;
background-size:cover;
}
.t-loc-i-2{
background:url(https://karachaevsk.info/wp-content/uploads/2024/04/tebkara-min.jpg) no-repeat center center;
background-size:cover;
}
.t-loc-i-3{
background:url(https://karachaevsk.info/wp-content/uploads/2024/04/dombaygora-min.jpg) no-repeat center center;
background-size:cover;
} .btn-cir-wrapp {
padding: 15px 50px;
border-radius: 5px;
background: #333;
color: #fff !important;
border: none;
display: inline-block;
text-decoration: none;
position: relative;
overflow: hidden;
}
.btn-video{
background:#0f61d9;
color:#fff !important;
}
.btn-cir-wrapp .btn-text {
position: relative;
z-index: 2;
transition: color 0.5s ease; }
.btn-cir-wrapp .btn-fill {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0707ae;
z-index: 1;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease;
}
.btn-cir-wrapp:hover .btn-fill {
transform: scaleX(1);
}
.btn-cir-wrapp:hover .btn-text {
color: #fff; } .priemnaya{
display:grid;
grid-template-columns:70% 1fr;
}
.priemnaya-content{
display:flex;
gap:30px;
}
.priemnay-bg{
background:url(https://karachaevsk.info/wp-content/uploads/2024/04/r8heufjkcwhiz31ehjnm1r15nsw7yny2.jpg) no-repeat center center;
background-size:cover;
height:200px;
} .wrap-mob-menu{
display:flex;
align-items:center;
gap:10px;
color:#fff !important;
font-weight: 400 !important;
}
.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>svg {
fill: #fff !important;
}
.krug{
display:block;
background:#fff;
height:5px;
width:5px;
border-radius:50px;
}
.navigation{
display:flex;
align-items:center;
gap:20px;
}
.navigation a {
color: #fff;
font-size: 16px;
font-family: "Montserrat", Sans-serif !important;
position: relative; font-weight: 500 !important;
}
.navigation a::after {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
width: 12px;
height: 12px;
background-color: #006eb7;
border-radius: 50%;
transition: all 0.3s ease;
transform: translateX(-50%) scale(0);
}
.nav-page a::after {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
width: 12px;
height: 12px;
background-color: #fff;
border-radius: 50%;
transition: all 0.3s ease;
transform: translateX(-50%) scale(0);
}
.navigation a:hover::after {
transform: translateX(-50%) scale(1); } .scrol-contact a {
color: #fff;
font-size: 16px;
font-family: "Montserrat", sans-serif !important;
position: relative;
display: inline-block;
padding-bottom: 10px;
overflow: hidden; }
.scrol-contact a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: url(https://karachaevsk.info/wp-content/uploads/2024/04/krivaya.svg);
background-repeat: no-repeat;
background-position: -100% bottom; transition: all 0.5s ease-in-out; opacity: 0;
}
.scrol-contact a:hover::after {
opacity: 1;
background-position: 100% bottom; } .nav-slider{
display:flex;
align-items:center;
gap:20px;
}
.nav-slider a {
color: #fff;
font-size: 16px;
font-family: "Montserrat", Sans-serif !important;
position: relative; text-transform:uppercase;
font-weight:700;
}
.nav-slider a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px; width: 100%;
height: 2px;
background-color: #fff; transition: all 0.3s ease; transform-origin: center; transform: scaleX(0); }
.nav-slider a:hover::after {
transform: scaleX(1); } .slabo{
background: #fff; padding: 4px 7px 4px;
display: flex;
border-left:2px solid #ccc;
} .elementor-44306 .elementor-element.elementor-element-6b422f2:not(.elementor-motion-effects-element-type-background){
background-size:cover !important;
background-position:center center;
background-repeat:no-repeat;
} .online-priem{
display:grid;
grid-template-columns:65% 1fr;
background:#eaeaea;
border-radius:10px;
}
.item-priem{
display:grid;
grid-template-columns:35% 1fr;
grid-gap:30px;
padding:30px;
align-items: center;
}
.bg-priem-item{
background:url(https://karachaevsk.info/wp-content/uploads/2024/04/2024-04-27_18-20-22.jpg) no-repeat center center;
background-size:cover;
border-radius:0 10px 10px 0;
}
.item-priem-title h3{
font-size: 26px;
line-height: 36px;
font-weight: 400;
margin-bottom: 30px;
Color: #3B4357;
}
.text-priem p {
font-size: 16px;
line-height: 26px;
}
.phone-priem p{
margin-bottom:7px;
}
.phone-priem a{
color:#000;
font-size:18px;
} .btn-width { color: #fff !important;
width: 100%;
text-align: center;
border-radius: 5px;
}
.btn-width a{
width:100%;
height:100%;
} @media(max-width:1024px){
.logo span{
display:none;
}
.nav-slider a{
font-size: 14px;
} .online-priem {
grid-template-columns: 1fr;
}
.bg-priem-item {
border-radius: 0px 0px 10px 10px;
height: 200px;
}
}
@media(max-width:767px){ .title-slider span{
font-size:14px;
}
.title-slider h1{
font-size: 40px;
line-height: 50px;
}
.none-link{
display:none;
}
.navigation a{
font-size:14px;
}
.burger-menu svg {
width: 20px;
height: 20px;
}
.burger-menu{
height: 45px;
width: 45px;
} .item-priem {
grid-template-columns: 1fr;
padding: 30px 20px;
}
.item-priem-title h3 {
font-weight: 500;
margin-bottom: 15px;
}
.text-priem p{
font-size:16px;
line-height:26px;
}
.bg-priem-item {
border-radius: 10px 10px 0px 0px;
height: 200px;
order: -1;
}
} .text-info-mer{
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.phon-mile-mer{
display:flex;
flex-direction:column;
gap:10px;
} .contact-slider p{
margin-bottom:5px;
}
.contact-slider a{
border-bottom:1px solid #000;
} .menu-head{
background-color: rgba(2, 12, 34, 0.7); backdrop-filter: blur(10px); padding:7px 15px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: backdrop-filter 0.3s ease, background-color 0.3s ease; color: white; } .elementor-45451 .elementor-element.elementor-element-bcae2f7 .elementor-search-form__submit{
height: 50px;
}
.elementor-45451 .elementor-element.elementor-element-bcae2f7 .elementor-search-form__input{
height: 50px;
}
.menu-wrapp{
display:flex;
align-items:center;
justify-content:space-between;
}
.menu-burger{
display:flex;
}
.menu-burger svg{
padding: 7px;
width: 45px;
height: 45px;
transform: rotate(0deg);
transition: 1s;
}
.border-svg{
border-radius: 7px;
border: 1px solid #fff;
display: flex;
align-items: center;
}
.border-svg:hover svg{
transform: rotate(360deg);
transition: 1s;
}
.border-svg:hover .cir-5{
fill:#fff;
}
.logo-header{ }
.item-head{ }
.wrap-right{
display:flex;
align-items:center;
gap:20px;
}
.logo-header section{
color: #fff;
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3.3px;
}
.logo-header span{
color: #ffffffa6;
font-weight: 200;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}
.head-right-block{
display:flex;
flex-direction:column;
align-items:end;
}
.head-right-block a{
display:flex;
align-items:center;
color:#fff;
gap:5px;
font-size:18px;
font-weight:600;
}
.head-right-block a span{
border-bottom: 1px solid #ccc0;
}
.head-right-block a {
position: relative;
text-decoration: none;
color: white;
overflow: hidden;
}
.head-right-block a span {
position: relative;
z-index: 1;
letter-spacing: 3px;
}
.head-right-block a span::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, transparent, #fff);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
line-height: 0; }
.head-right-block a:hover span::before {
transform: scaleX(1);
}
.head-right-block a:hover svg{
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.time-phone{
color: #ffffffa6;
font-weight: 300;
letter-spacing: 2px;
font-size: 12px;
} .bg-info-slider{
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
gap:20px;
}
.link-bg{
display:block;
padding:30px 50px;
background-color: rgba(2, 12, 34, 0.5);
}
.link-bg p{
margin-bottom:0;
font-size: 14px;
color:#fff;
letter-spacing: 1px;
} 
.title-slider{
color: #fff;
font-size: 30px;
line-height: 36px;
font-weight: 700;
margin-bottom: 20px;
}
.mer-block{
padding:0;
position:relative;
}
.mer{
display:grid;
grid-template-columns:1fr;
grid-gap:20px;
height:100%;
}
.mer-name{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
border-radius: 0 0 10px 10px;
padding: 7px 10px;
background-color: rgb(13 55 139 / 84%);
}
.mer-name h3{
color: #fff;
font-size: 20px;
line-height: 30px;
margin-bottom: 3px;
}
.mer-name span{
color:#fff;
}
.mer-bg-img{
background:url(https://karachaevsk.info/wp-content/uploads/2025/08/image-07-08-25-09-19-1.jpg) no-repeat center center;
background-size:cover;
border-radius:10px;
height: 280px;
}
.title-news{
display:flex;
align-items:center;
gap:15px;
}
.title-news span{
display: inline-block;
font-size: 20px;
background: #2759BC;
padding: 30px 10px;
border-radius: 100px;
font-weight: 900;
letter-spacing: 1px;
}
.phone-header{
font-family: "FormaDJ", Sans-serif !important;
letter-spacing: 2px !important;
} .nav-mob-right{
display:flex;
align-items:center;
gap:15px;
}
.ling-home-mob p{
color:#fff;
font-size:18px;
font-weight:900;
text-transform:uppercase;
margin-bottom:0;
letter-spacing: 3px;
}
.ling-home-mob span{
color: #ffffffa6;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
margin-top: 3px;
}
#news-block{
display:block;
} .grid-link{
display:grid;
grid-template-columns:repeat(4, 1fr);
grid-gap:10px;
}
.link-item{
background: #f3f3f3;
padding: 10px;
height: 150px;
border-radius: 10px;
display:flex;
align-items:center;
flex-direction:column;
justify-content: center;
}
.link-item p{
color:#000;
font-size:24px;
margin-top:10px;
margin-bottom:0;
font-weight:700;
letter-spacing: 2px;
}
.link-item img{
width:30px;
}
.lin-item-3 img{
width: 100px;
height: 30px;
}
.link-item-5 img{
height: 34px;
width: 60px;
}
.link-item-7 img{
width: 50px;
height: 21px;
}
.link-item-8 img{
height: 18px;
width: 80px;
} .popup-left-text{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.popup-left-text a span{
color:#000 !important;
}
.popup-left-text path{
fill:#000 !important;
}
.priem-popup{
color:#000;
} .form-wrapp{
display:flex;
flex-direction:column;
gap:20px;
}
.form-wrapp p{
margin-bottom:0;
}
.name-form{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:20px;
}
.form-item input{
width:100% !important;
}
.phone-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}
.btn-form input[type=submit]{
background: #2759BC;
padding: 5px 40px;
font-size: 14px !important;
}
.wpcf7-list-item{
margin:0 !important;
}
.ss1 a{
border-bottom:1px solid #000;
}
.ss1 a:hover{
color: #2759BC;
border-bottom:1px solid #2759BC;
} .soc-block{
display:flex;
align-items:center;
gap:15px;
justify-content:center;
}
.soc-block svg{
width:55px;
height:55px;
}
.soc-block path{
transition: fill .3s ease-in-out;
}
.soc-block svg:hover path{
fill:#2759bc;
transition: fill .3s ease-in-out;
}
.block-hidden{
overflow:hidden;
} .wrapp-fixed-menu{
display:flex;
align-items:center;
justify-content: space-between;
}
.fixed-nav-item{
display:flex;
flex-direction:column;
align-items: center;
gap:3px;
}
.fixed-nav-item span{
color:#fff;
} .popup-contact{
display:flex;
flex-direction:column;
gap:15px;
}
.popup-contact a{
display:flex;
gap:7px;
}
.phone-phone{
display:flex;
flex-direction:column;
gap:3px;
}
.phone-phone p{
font-weight:600;
font-size:16px;
margin-bottom:0px;
color:#000;
letter-spacing:1.5px;
}
.phone-phone span{
font-size:12px;
color:#000;
font-weight:400;
} .s-dark:not(i){
display:none;
} .footer{
display: grid;
grid-template-columns: repeat(4, 1fr);
justify-content: space-between;
grid-gap:20px;
}
.fotter-item-nav{
display:flex;
flex-direction:column;
gap:15px;
}
.footer-item h3{
color:#fff;
font-size:18px;
margin-bottom:28px;
font-weight:500;
}
.fotter-item-nav a{
color:#909cb4;
}
.fotter-item-nav span{
color:#909cb4;
}
.fotter-item-nav a:hover{
color:#fff;
} .gor-sreda{
display:grid;
grid-template-columns:1fr;
gap:0px;
}
.gor-sreda p{
margin-bottom:0;
}
.gor-sreda a{
} .trass-item{
display:flex;
align-items:center;
}
.trass{
display: flex;
align-items:center;
justify-content:center;
height:30px;
width:30px;
background: #ccc;
border-radius: 100px;
color: #fff;
margin-right: 7px;
}
.trass-red{
background:red;
}
.trass-blue{
background:blue;
}
.trass-black{
background:black;
}
.trass-green{
background:green;
} .dombay-wrapp{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:20px;
}
.domb-wrapp-item{
display:block;
height:350px;
position:relative;
border-radius:20px;
background:#ccc;
}
.d-bg-1{
background:url(https://karachaevsk.info/wp-content/uploads/2024/05/vagon-min.jpeg) no-repeat center center;
background-size:cover;
}
.k-bg-1{
background:url(https://karachaevsk.info/wp-content/uploads/2024/05/shumkaaaa.jpg) no-repeat center center;
background-size:cover;
}
.d-bg-2{
background:url(https://karachaevsk.info/wp-content/uploads/2024/05/trassmin.jpg) no-repeat center center;
background-size:cover;
}
.k-bg-2{
background:url(https://karachaevsk.info/wp-content/uploads/2024/04/pa-min.jpg) no-repeat center center;
background-size:cover;
}
.d-bg-3{
background:url(https://karachaevsk.info/wp-content/uploads/2024/05/vebkamdombay.jpg) no-repeat center center;
background-size:cover;
}
.k-bg-3{
background:url(https://karachaevsk.info/wp-content/uploads/2024/05/hillll.jpg) no-repeat center center;
background-size:cover;
}
.d-bg-4{
background:url(https://karachaevsk.info/wp-content/uploads/2024/05/dkan2.jpg) no-repeat center center;
background-size:cover;
}
.d-bg-5{
background:url(https://karachaevsk.info/wp-content/uploads/2024/05/turozero-min.jpg) no-repeat center center;
background-size:cover;
}
.d-bg-10{
background:url(https://karachaevsk.info/wp-content/uploads/2024/06/badug-min.jpg) no-repeat center center;
background-size:cover;
}
.d-bg-11{
background:url(https://karachaevsk.info/wp-content/uploads/2024/07/IMG_4401-min-scaled-1.jpg) no-repeat center center;
background-size:cover;
}
.domb-wrapp-item span{
position:absolute;
top:15px;
left:15px;
background:#2759BC;
color:#fff;
border-radius:50px;
padding:7px 30px;
} .map {
position: relative;
text-align: center;
overflow: hidden;
cursor: grab;
user-select: none;
}
.map.fullscreen .btn-plus {
z-index: 10000; }
.map:active {
cursor: grabbing;
}
.map img,
.map svg {
width: 100%;
height: auto;
transition: transform 0.3s ease;
transform-origin: 0 0;
cursor: inherit;
}
.map svg {
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.trasa {
opacity: 0;
fill: #271774;
position: relative;
z-index: 999;
transition: opacity 0.5s ease;
}
.trasa:hover {
transition: opacity 0.3s ease;
opacity: 1;
}
.trasa:hover text {
transition: opacity 0.3s ease;
opacity: 1;
}
.imgin img {
opacity: 1;
transition: opacity 0.8s ease;
}
.description {
position: absolute;
box-sizing: border-box;
width: 300px;
height: 400px;
background: #fff;
box-shadow: 0 0 23px 10px #ccc;
right: 50px;
bottom: calc(50% - 200px);
}
.highlighted {
stroke: #ff0000; stroke-width: 2; }
.tras-1 {
fill: #ff0000;
z-index:9999;
}
.tras-2 {
fill: #0000ff;
}
.tras-3 {
fill: #000;
}
.tras-4 {
fill: green;
}
.table {
fill: #0000ff69;
}
.btn-plus {
cursor: pointer;
font-size: 14px;
position: absolute;
top: 40%;
right: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 10px;
z-index: 10000;
color: #fff;
transition: transform 0.3s ease;
background: #fff;
border-radius: 30px;
padding: 10px 10px 8px 10px; 
}
.zoom-btn{
display: flex;
align-items: center;
border-radius: 50%;
height: 30px;
width: 30px;
padding: 7px;
background: #000;
}
.zoom-btn:hover{
background:#e40134;
}
.zoom-btn svg{
max-height: 150px;
max-width: 150px;
}
.zoom-btn path{
fill:#fff;
}          .fixed-version{
position:fixed;
bottom:15px;
right:15px;
z-index:9999;
}
.fixed-version a{
background:#ccc;
border-radius:50px;
height:50px;
width:50px;
display:flex;
align-items:center;
justify-content:center;
} .zam-wrapp{
display:grid;
grid-template-columns:1fr;
grid-gap:20px;
}
.otdel-name-wrapp{
display:flex;
flex-direction:column;
justify-content:space-between;
padding:30px 30px;
}
.zam-wrapp img{
width:100%;
height:500px !important;
object-fit: cover;
border-radius:15px;
}
.link-img{
height:500px;
}
.zam-item {
display: grid;
background: #020c22;
grid-template-columns: 1fr 1fr;
border-radius: 15px;
}
.zam-title{
color:#fff;
font-size:35px;
line-height:35px;
}
.zam-subtitle{
color: #ffffffd4;
font-size: 16px;
margin-top: 7px;
}
.otdel-list ul li{
list-style-type:disc;
color:#2759BC;
font-size:16px;
margin-left:10px;
}
.otdel-list li + li{
margin-top:10px;
}
.otdel-list a{
color:#fff;
}
.otdel-list a:hover{
color:#909cb4;
} .menudoc{
display:flex;
flex-direction:column;
align-items: center;
}
.menudoc:hover svg{
transform: rotate(0) !important;
transition: 1s;
}
.border-svg:hover svg{
transform: rotate(360deg);
transition: 1s;
}
.documents-wrapp{
display:grid;
grid-template-columns:1fr;
grid-gap:20px;
}
.doc-item{
display:flex;
align-items:center;
gap:10px;
position:relative;
}
.doc-item span {
color: #000;
font-size: 20px;
line-height: 28px;
position: relative; }
.doc-item span::before {
content: '';
position: absolute;
bottom: -1px; left: 0; width: 0; height: 1px;
background-color: #000;
transition: width 0.3s ease; }
.doc-item:hover span::before {
width: 100%; }
.doc-img-title{
font-size: 12px;
line-height: 12px;
height: 30px;
padding: 10px 14px;
width: 30px;
background: #020c22;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
border-radius: 100px;
} .is-title{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
-webkit-line-clamp: var(--limit-lines, 3);
overflow: hidden;
word-wrap: break-word;
text-overflow: ellipsis;
}
.text-marhrut{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-webkit-line-clamp: var(--limit-lines, 2);
overflow: hidden;
word-wrap: break-word;
text-overflow: ellipsis;
} .newspaper p{
margin-bottom:0;
}
.newspaper a{
height: 350px;
padding: 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: flex-end;
color: #ccc0;
border-radius:10px;
}
.elementor-47713 .elementor-element.elementor-element-3a9a5a5 .jet-remove-all-filters__button{
height:45px;
} #js-show-iframe-wrapper{
border-radius:10px;
}
.link-svo{
display:block;
background:url(//karachaevsk.info/wp-content/uploads/2026/07/Snimok-ekrana-2026-07-10-v-17.37.35.png) no-repeat;
background-size:cover;
border-radius:10px;
height:350px;
}
.banner-wrapp{
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:20px;
} .nacional{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}
.nacional-item{
height:400px;
border-radius:20px;
background:#ccc;
position:relative;
}
.nacional-item span{
position:absolute;
bottom:20px;
left:20px;
background:#2759BC;
color:#fff;
font-size:16px;
padding:10px 30px;
border-radius:50px;
}
.nac-1{
background:url(https://karachaevsk.info/wp-content/uploads/2024/06/vo.jpg) no-repeat center center;
background-size:cover;
}
.nac-2{
background:url(https://karachaevsk.info/wp-content/uploads/2024/06/kuzne.jpg) no-repeat center center;
background-size:cover;
}
.nac-3{
background:url(https://karachaevsk.info/wp-content/uploads/2024/06/hichin.jpg) no-repeat center center;
background-size:cover;
}
.nac-4{
background:url(https://karachaevsk.info/wp-content/uploads/2024/06/ornament.jpg) no-repeat center center;
background-size:cover;
} @media(max-width:1024px){
.dombay-wrapp {
grid-template-columns: 1fr 1fr;
}
.banner-wrapp{
grid-template-columns:1fr;
grid-gap:20px;
}
.link-svo{
height:300px;
}
.doc-item span {
color: #000;
font-size: 16px;
line-height: 26px;
}
.doc-img-title img {
width: 50px;
}
.zam-item {
grid-template-columns: 1fr;
}
.otdel-name-wrapp {
grid-gap: 50px;
}
}
@media(max-width:767px){
.turizm-location{
grid-template-columns:1fr;
gap:10px;
}
.nacional {
grid-template-columns: 1fr;
}
.nacional-item {
height: 300px;
}
.nacional-item span {
bottom: 10px;
left: 10px;
font-size:14px;
}
#js-show-iframe-wrapper .bf-1__decor{
background:none !important;
}
#js-show-iframe-wrapper .bf-1{
display:flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap:20px !important;
}
#js-show-iframe-wrapper .bf-1__content {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2{
width:100% !important;
}
.newspaper a{
height: 200px;
}
.link-img{
height:300px;
}
.zam-title {
font-size: 24px;
line-height: 34px;
}
.title-burger{
display:none;
}
.documents-wrapp{
grid-gap:10px;
}
.zam-wrapp{
grid-template-columns:1fr;
}
.zam-wrapp img{
width:100%;
height:300px !important;
}
.tur-loc-item{
height:300px;
}
.form-wrapp{
gap:10px;
}
.dombay-wrapp {
grid-template-columns:1fr;
gap:10px;
}
.domb-wrapp-item{
height:300px;
}
.nav-mob-right {
gap: 10px;
}
.menu-head {
background-color: rgba(2, 12, 34, 1);
}
.footer{
grid-template-columns: repeat(1, 1fr);
justify-content: space-between;
grid-gap:20px;
padding-bottom: 30px;
}
.fixed-nav-footer{
position:fixed;
bottom:0;
z-index:998;
}
.elementor-45451 .elementor-element.elementor-element-d6f4866 img{
width: 150%;
max-width: 150%;
height: 500px;
position: relative;
left: -193px;
top: 200px;
transform: rotate(343deg);
}
.bg-info-slider{
grid-template-columns:1fr;
}
.name-form{
grid-template-columns:1fr;
gap:10px;
}
.phone-form{
gap:10px;
}
.nav-mob-right svg{
width:35px;
height:35px;
}
.title-news span {
font-size: 16px;
padding: 0px 30px;
border-radius: 5px;
} .elementor-45451 .elementor-element.elementor-element-bcae2f7 .elementor-search-form__input {
height: 53px;
}
.elementor-45451 .elementor-element.elementor-element-bcae2f7 .elementor-search-form__submit {
height: 53px;
width: 80px;
--e-search-form-submit-icon-size: 16px !important;
}
input, select {
font-size: 16px !important;
} .grid-link {
grid-template-columns: repeat(2, 1fr);
}
.link-item{
height:100px;
}
.link-item p{
font-size:12px;
}
textarea {
font-size: 16px;
} .fixed-nav-item svg {
width: 16px;
height: 16px;
}
.fixed-nav-menu svg{
width: 36px;
height: 36px;
}
.fixed-nav-item span {
font-size: 10px;
}
} .btn-link {
display: inline-block;
padding: 10px 40px;
background-color: blue;
transition: background-color 0.3s ease;
}
.btn-link a {
color: white;
text-decoration: none;
}
.block-burger{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.burger-block-item{
background:#fff;
border-radius:10px;
color:#000;
display:flex;
flex-direction: column;
gap:10px;
align-items:center;
padding:10px 0;
}
.burger-block-item svg{
width:30px;
height:30px;
}
.burger-block-item span{
color:#000;
font-size:18px;
text-align:center;
} .map-structur svg path{
fill:#4054b200;
}
.map-structur svg path:hover{
fill: #4054b27d;
} .subcategories-wrapper {
max-width: 1450px;
margin: 0 auto; }
.subcategories {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
gap:10px;
}
.subcategory {
margin:0;
}
.subcategory a {
display: block;
padding: 15px 20px;
background-color: #f0f0f0;
border: 1px solid #ccc;
text-decoration: none;
font-size:18px;
color: #333;
border-radius: 5px;
transition: background-color 0.3s;
}
.subcategory a:hover {
background-color: #4054b2;
color: #fff;
}
.logo-header{
display:flex;
align-items:center;
}
.pobeda{
margin-left: 30px;
}
.pobeda img{
border-radius:5px;
margin-top:5px;
} .akcii-wrapp{
background:#051c4d;
width:80px;
height:80px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50px;
}
.akcii-wrapp img{
width:60px;
}
.akcii-wrapp-wrap {
display: flex;
justify-content: flex-start; align-items: center; border-radius: 50px;
background: #051c4d;
padding: 10px 15px;
height: 80px;
width: 80px;
overflow: hidden;
transition: width 0.5s ease, height 0.5s ease;
cursor: pointer;
position: relative;
gap: 10px;
}
.block-hide {
color: #fff;
z-index: -1; }
.akcii-btn {
margin-top: 10px;
}
.akcii-btn a {
background: #FF4B0D;
border-radius: 50px;
color: #fff;
padding: 10px 20px 11px;
font-size: 14px;
line-height: 14px;
position: relative; z-index: 3; margin-bottom: 7px;
display: inline-block;
}
.block-hide .akcii-btn {
pointer-events: auto; }
.akcii-wrapp-wrap svg {
width: 30px;
z-index: 1; position: relative; margin-right: 10px; margin-left: 8px;
flex-shrink: 0; }
@media(max-width:1024px){
.pobeda {
position: fixed;
bottom: -80vh;
left: -20px;
}
.golos {
height: 400px;
}
}
@media(max-width:767px){
.pobeda {
position: fixed;
bottom: 75px;
left: -25px;
overflow: visible;
display: none;
}
} @font-face {
font-family: 'Lato';
font-style: normal;
src: local('Lato Regular'), local('Lato-Regular'),
url(https://karachaevsk.info/wp-content/themes/smart-mag-child/font/Lato-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Light'), local('Lato-Light'),
url(https://karachaevsk.info/wp-content/themes/smart-mag-child/font/Lato-Light.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'),
url(https://karachaevsk.info/wp-content/themes/smart-mag-child/font/Lato-Bold.ttf) format('truetype');
}
.banner-pb_wrapper * {
box-sizing: border-box;
font-family: 'Lato', sans-serif;
}
.banner-pb_wrapper {
display: flex;
justify-content: center;
position: relative;
background: #2d73bc4d;
border-radius: 10px;
}
.banner-pb_container {
width: 100%;
max-width: 300px;
padding: 30px 12px;
display: flex;
flex-direction: column;
align-items: center;
}
.banner-pb_content {
display: flex;
flex-direction: column;
align-items: center;
}
.banner-pb_content__link {
width: 100%;
display: flex;
justify-content: space-between;
}
.banner-pb_button {
border-radius: 10px;
padding: 16px 32px;
background: #0d4cd3;
color: #ffffff;
font-weight: 700;
font-size: 16px;
}
.banner-pb_button:hover {
background: #1d5deb;
}
a {
text-decoration: none;
}
.banner-pb_icon {
width: 135px;
height: 50px;
padding: 8px 0;
}
.banner-pb_content__info {
margin: 20px 0;
color: #000000;
}
.banner-pb_content__title {
font-weight: 700;
font-size: 20px;
margin: 0 0 12px 0;
}
.banner-pb_content__subtitle {
font-weight: 400;
font-size: 16px;
margin: 0;
}
.banner-pb_image {
background-image: url(https://karachaevsk.info/wp-content/uploads/2025/04/business.svg);
width: 270px;
height: 275px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (min-width: 444px) {
.banner-pb_container {
max-width: 444px;
}
.banner-pb_content {
flex-direction: row;
padding: 20px 0 0 0;
width: 100%;
justify-content: space-between;
}
.banner-pb_content__link {
width: auto;
flex-direction: column;
}
.banner-pb_icon {
padding: 18px 0 0 0;
inline-size: fit-content;
}
.banner-pb_content__info {
margin: 0;
width: 240px;
}
}
@media screen and (min-width: 554px) {
.banner-pb_container {
max-width: 554px;
flex-direction: row-reverse;
justify-content: space-between;
}
.banner-pb_image {
width: 280px;
height: 285px;
}
.banner-pb_content {
flex-direction: column;
width: 230px;
padding: 0;
align-items: flex-start;
}
.banner-pb_content__info {
margin: 0 0 40px 0;
width: 240px;
}
}
@media screen and (min-width: 600px) {
.banner-pb_container {
max-width: 100%;
padding: 30px 30px;
}
.golos {
height: 300px;
}
}
@media screen and (min-width: 670px) {
.banner-pb_container {
max-width: 100%;
padding: 20px 60px;
}
}
@media screen and (min-width: 800px) {
.banner-pb_container {
width: 100%;
max-width: 885px;
padding: 0 60px;
}
.banner-pb_image {
width: 320px;
height: 250px;
background-position: top;
background-size: cover;
margin: 20px 0 0 0;
}
.banner-pb_content {
width: auto;
}
.banner-pb_content__info {
width: 315px;
}
.banner-pb_content__title {
font-size: 24px;
}
.banner-pb_content__subtitle {
font-size: 18px;
}
.banner-pb_content__link {
flex-direction: row;
}
.banner-pb_icon {
padding: 8px 0 8px 20px;
} 
}
@media screen and (min-width: 940px) {
.banner-pb_container {
width: 100%;
max-width: 100%;
padding:30px;
background: #2d73bc4d;
border-radius: 10px;
}
.banner-pb_image {
width: 360px;
height: 280px;
background-position: top;
background-size: cover;
margin: 20px 0 0 0;
}
.banner-pb_icon {
width: 180px;
height: 68px;
padding: 10px 0 10px 30px;
}
.banner-pb_content__info {
width: 430px;
}
.banner-pb_content__title {
font-size: 20px;
}
.banner-pb_content__subtitle {
font-size: 16px;
}
.banner-pb_button {
font-size: 20px;
padding: 22px 45px;
} 
}
@media screen and (min-width: 1920px) {
.banner-pb_container {
justify-content: center;
max-width: 1440px;
height: 260px;
width: 100%;
}
.banner-pb_image {
width: 310px;
height: 240px;
position: absolute;
margin-left: 20px;
}
.banner-pb_content {
width: 100%;
flex-direction: row;
align-items: center;
}
.banner-pb_content__info {
margin: 0;
}
}
.akgo-st{
--nv:#0E2A4E; --bl:#2759BC; --gd:#C08A2E; --ln:#CBD6E4;
--bd:#E3E9F1; --tx:#1B2430; --mut:#75818F; --pap:#F7F9FC;
font-family:inherit;color:var(--tx);margin:0 auto;padding:4px 0 0}
.akgo-st *{box-sizing:border-box}
.akgo-st ul{list-style:none;margin:0;padding:0}
.akgo-st [tabindex]:focus-visible{outline:3px solid #FFB000;outline-offset:3px}
.akgo-hint{display:none;align-items:center;gap:8px;font-size:14px;color:var(--mut);
margin:0 0 12px;padding:9px 13px;background:var(--pap);border:1px solid var(--bd);border-radius:8px}
.akgo-hint svg{flex:0 0 17px;color:var(--bl)}
.akgo-scroll{
overflow-x:auto;overflow-y:hidden;padding:2px 0 16px;
-webkit-overflow-scrolling:touch;scrollbar-width:thin;
background:
linear-gradient(90deg,#fff 28%,rgba(255,255,255,0)) left center/44px 100% no-repeat local,
linear-gradient(90deg,rgba(255,255,255,0),#fff 72%) right center/44px 100% no-repeat local,
radial-gradient(farthest-side at 0 50%,rgba(14,42,78,.15),rgba(14,42,78,0)) left center/13px 100% no-repeat scroll,
radial-gradient(farthest-side at 100% 50%,rgba(14,42,78,.15),rgba(14,42,78,0)) right center/13px 100% no-repeat scroll;
}
.akgo-canvas{min-width:940px;max-width:1180px;margin:0 auto;padding:6px 4px 0}
.akgo-head{max-width:460px;margin:0 auto;background:var(--nv);border-radius:12px;
padding:20px 26px;text-align:center;position:relative;overflow:hidden;
box-shadow:0 8px 26px rgba(14,42,78,.22)}
.akgo-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gd)}
.akgo-head .lbl{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
color:#93A9C6;margin-bottom:6px}
.akgo-head .nm{display:block;font-size:19px;font-weight:700;line-height:1.3;color:#fff}
.akgo-stem{width:2px;height:26px;background:var(--ln);margin:0 auto}
.akgo-br{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding-top:26px}
.akgo-br::before{content:"";position:absolute;top:0;left:calc(16.66% - 4px);right:calc(16.66% - 4px);
border-top:2px solid var(--ln)}
.akgo-col{position:relative}
.akgo-col::before{content:"";position:absolute;top:-26px;left:50%;width:2px;height:26px;background:var(--ln)}
.akgo-dep{background:#fff;border:1px solid var(--bd);border-top:4px solid var(--bl);border-radius:10px;
padding:16px 17px;min-height:86px;display:flex;flex-direction:column;justify-content:center;
box-shadow:0 2px 10px rgba(14,42,78,.07)}
.akgo-dep .lbl{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;
color:var(--bl);font-weight:700;margin-bottom:5px}
.akgo-dep .nm{display:block;font-size:15px;font-weight:600;line-height:1.35;color:var(--nv)}
.akgo-col>ul{margin-top:18px;position:relative;padding-left:22px}
.akgo-col>ul::before{content:"";position:absolute;left:0;top:-18px;bottom:26px;border-left:2px solid var(--ln)}
.akgo-col li{position:relative;margin-bottom:8px}
.akgo-col li::before{content:"";position:absolute;left:-22px;top:23px;width:22px;border-top:2px solid var(--ln)}
.akgo-col li>span{display:block;background:#fff;border:1px solid var(--bd);border-left:3px solid var(--bl);
border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.45}
.akgo-col li>span.pos{background:var(--pap);color:var(--mut);border-left-color:var(--ln);border-style:dashed}
.akgo-note{max-width:1180px;margin:16px auto 0;font-size:13px;color:var(--mut);line-height:1.6;
border-top:1px solid var(--bd);padding-top:12px}
@media(max-width:900px){
.akgo-hint{display:flex}
.akgo-canvas{padding-left:2px;padding-right:2px}
}