@font-face {
    font-family: 'Inter';
    src: url("../fonts/Inter_18pt-Regular.ttf") format("truetype");
}
h1, .h1 { font-size: 5rem; font-weight: 700; text-transform: uppercase;}
h2, .h2 { font-size: 3.25rem; font-weight: 700; text-transform: uppercase;}
h3, .h3 { font-size: 2.5rem; font-weight: 700; text-transform: uppercase;}
h4, .h4 { font-size: 1.75rem; font-weight: 600; text-transform: uppercase;}
h5, .h5 { font-size: 1.5rem; font-weight: 600; text-transform: uppercase;}
h6, .h6 {}


/* ===== ОСНОВНЫЕ НАСТРОЙКИ ===== */
:root, body { font-size: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
@media (min-width: 576px) { :root, body { font-size: 12px; } }
@media (min-width: 768px) { :root, body { font-size: 12px; } }
@media (min-width: 992px) { :root, body { font-size: 14px; } }
@media (min-width: 1200px) { :root, body { font-size: 16px; } }

html { width: calc(100% + calc(100vw - 100%)); overflow-x: hidden; }
body { display: flex; flex-direction: column; margin: 0 auto; max-width: 2700px; font-family: 'Inter',sans-serif; color: #000; outline: 1px solid #ddd; overflow-x: hidden; }
#middle main { overflow: inherit; }
*::before { pointer-events: none; }
@media (min-width: 1680px) { .container { max-width: 1296px; } }
a { text-decoration: none; }

.event-button:hover{color: #fff !important;}

.color-blue {color: #1384BD;}
.color-grey {color: #1B2D4D;}

body #fos .modal-content { height: auto !important; }

#middle {position: relative; z-index: 3;}

.btn-hover {white-space: nowrap;}

/*  ===== ПУНКТЫ МЕНЮ СВЕРХУ =====  */
#top_menu{display:flex;justify-content:space-between;align-items:center;}
#top_menu .nav-item > a{color:#F0F8FA;font-weight: 400;font-size: 1rem;width:2.75rem;height:1.25rem;}
.mod-menu{display:flex;gap:2.5rem;width: 34.375rem;height: 1.25rem;}
.right-container{display:flex;column-gap:2.5rem;justify-content:center;align-items:center;width:25.25rem;height:2.75rem;}
.btn-custom-header{width:15rem;height:2.75rem;background-color:#1384BD;padding:0.75rem 1.75rem;color:#fff;border-radius:1rem;display:flex;align-items:center;font-weight:600;}
.wrap-right-container{column-gap:1.25rem;}

#navbar-content .navbar-brand {position: absolute; top: 5px; left: 5px;}
.js-toggle-fulltext {border: 1px solid #1384BD !important;}

/*  ===== СЛАЙДЕР НА ГЛАВНОЙ =====  */
.title{font-weight: 700;font-size: 5rem;line-height: 1.2;text-transform: uppercase;color:rgba(255, 255, 255, 1);width:34.75rem;height:12.125rem;}
.sub-title{font-weight: 700;font-size: 3.25rem;line-height: 100%;text-transform: uppercase;color:rgba(240, 248, 250, 1);width:39.625rem;height:4rem;margin-bottom:6.25rem;}
.desc12{font-weight: 400; font-size: 1.25rem; line-height: 1.5rem; width: 52rem; height: 6rem; margin-bottom: 3.6rem;}
.desc{font-weight: 400;font-size: 1.25rem;line-height: 1.5rem;color:rgba(240, 248, 250, 0.9);width:52rem;height:6rem;margin-bottom:6.25rem;}
.slider-button{width: 23.625rem;height: 4.5rem;border-radius: 1rem;background: linear-gradient(90deg, #294474 0%, #3175AC 53.92%, #389BD8 100%);color: #fff;}
.slider-button:hover {background: #fff; color: #1384BD; }
.ban-margin{margin-top:-9rem !important;}
.hero-button {outline: none;transition: all 0.3s ease;border: none;font-weight:600;text-transform: uppercase;width: 23.625rem; height: 4.44rem; border-radius: 1rem; padding: 1rem 2rem;  background-color: #294474;background-image: linear-gradient(90deg, #294474 0%, #3175AC 53.92%, #389BD8 100%); color: #fff;background-repeat: no-repeat;}
.hero-button:hover {background: #fff; color: #1384BD; }
.wid-banner{width:23.625rem;}

.mod-banner .banner-img {position: absolute; top: -95px; right: 0; left: 0; z-index: -1;}
.mod-banner .wrap-banner-info {padding-top: 5.6rem; padding-bottom: 10rem;}
.mod-banner.bg-color::before {background: transparent; background: url(/images/banner/001.jpg) no-repeat; background-size: cover; top: -35rem; /*animation: zoomOut 3s ease forwards;*/ background-attachment: fixed; overflow: hidden;}

.banner-project .banner-img {position: absolute; top: -95px; right: 0; left: 0; z-index: -1;}
.banner-project .wrap-banner-info {padding-top: 10rem; padding-bottom: 11rem;}
.banner-project.bg-color::before {background: transparent; background: url(/images/banner/004.jpg) no-repeat; background-size: cover; top: -35rem; animation: zoomOut 3s ease forwards; overflow: hidden;}

.banner-project-child .banner-img {position: absolute; top: -95px; right: 0; left: 0; z-index: -1;}
.banner-project-child .wrap-banner-info {padding-top: 12rem; padding-bottom: 6rem;}
.banner-project-child.bg-color::before {background: transparent; background: url(/images/banner/003.webp) no-repeat; background-size: cover; top: -35rem; animation: zoomOut 3s ease forwards; overflow: hidden;}

.banner-project-main .banner-img {position: absolute; top: -95px; right: 0; left: 0; z-index: -1;}
.banner-project-main .wrap-banner-info {padding-top: 10rem; padding-bottom: 0rem;}
.banner-project-main.bg-color::before {background: transparent; background: url(/images/banner/005.webp) no-repeat; background-size: cover; top: -35rem; animation: zoomOut 3s ease forwards; overflow: hidden;}

.mod-physics, .mod-pdd, .bez-promille, .bezprom, .bezp, .pdd-r, .phys-r {z-index: 2; background: #fff; position: relative;}

.banner-text {padding-top: 20rem;}
.clip-path {clip-path: polygon(0% 100%, 100% 75%, 100% 100%, 0% 100%); background: #fff; width: 100%; height: 100%; bottom: -1px;}

@keyframes zoomOut {
    0% {
        scale: 1.4;
        top: 0rem
    }
    100% {
        scale: 1;
        top: -12rem;
    }
}


/*  ===== БЕЗОПАСНОСТЬ =====  */
.block2-title{font-size: 2.5rem;line-height: 100%;text-transform: uppercase;width: 40.375rem;height: 6rem;color:rgba(19, 132, 189, 1);}
.block2-text{font-weight: 400;font-size: 1.25rem;line-height: 1.5rem;color:rgba(27, 45, 77, 0.8);width: 49.5rem;height: 10.5rem;}
.backk{background-color:rgba(5, 20, 31, 0.4);}
/* .mod-safety .img-1:hover .backk, .mod-safety .img-3:hover .backk, .mod-safety .img-4:hover .backk {background-color:unset;} */
.img-1:hover .img-scale, .img-3:hover .img-scale, .img-4:hover .img-scale { transition: all 0.5s; }
.img-1:hover .img-scale, .img-3:hover .img-scale, .img-4:hover .img-scale { scale: 1.1; transition: all 0.5s; }
.saf-otstup{padding:2rem;}
.saf-otstup2{left:2.5rem;}
.border-primary-opacity-20 {border-color: rgba(19, 132, 189, 0.2);padding:2rem;}


/*  =====   МЕРОПРИЯТИЯ =====  */
.event-title{text-transform: uppercase;color:rgba(27, 45, 77, 0.8);width: 33rem;}
.event-text{font-weight: 400;line-height: 1.5rem;color:rgba(27, 45, 77, 0.8);}
.event-button {width: 15.5rem;height: 3.5rem;padding:1rem 2rem;background-color:rgba(19, 132, 189, 1);color:#fff;font-weight: 600;line-height: 1.5rem;text-transform: uppercase;border-radius:1rem;}
.triangle-right{right: -1px; clip-path: polygon(100% 0, 0% 0, 100% 100%); width: 15% !important; height: 100%; top: -2px ;}
.triangle-left{left: -1px; clip-path: polygon(0 0, 100% 0, 0 100%); width: 15%; height: 100%; top: -2px;}
.sub-title-p2{font-weight: 700;font-size: 3.25rem;line-height: 1.2;text-transform: uppercase;color:rgba(240, 248, 250, 1);width:60.25rem;height:7.875rem;}

/*  =====   ПРОЕКТЫ =====  */
.proj-zag {color: rgba(19,132,189,0.8); width: 12.75rem; height: 3rem; }
.triangle-bottom-left { bottom: -1px; left: -1px; width: 9.375rem; height: 30rem; clip-path: polygon(0 100%, 100% 100%, 0 0);}
.triangle-bottom-right { bottom: -1px; right: -1px; width: 9.375rem; height: 30rem; clip-path: polygon(100% 100%, 0 100%, 100% 0);}
.triangle-top-right{ top: -1px; right: -1px; width: 9.375rem; height: 30rem; clip-path: polygon(100% 0, 0 0, 100% 100%);}
.triangle-top-left{  top: -1px; left: -1px; width: 9.375rem; height: 30rem; clip-path: polygon(0 0, 100% 0, 0 100%);}
.proj-wid{width:32.875rem;}



/*  =====   КОМПЛЕКСНЫЙ ПОДХОД =====  */
.triangle-top-left-com{top: -2px;left: -1px;width: 122rem;height: 9.375rem;clip-path: polygon(0 0, 100% 0, 0 100%);}
.triangle-bottom-left-com{bottom: -2px;left: -2px;width: 67.375rem;height: 7.375rem;clip-path: polygon(0 100%, 100% 100%, 0 0);}
.triangle-bottom-right-com{bottom: -2px;right: -2px;width: 67.375rem;height: 7.375rem;clip-path: polygon(100% 100%, 0 100%, 100% 0);}
.complex-hero-wrapper{height:39.75rem;}
.complex-overlay-custom {background-color: rgba(5, 20, 31,0.4);}
.complex-hero-button {padding: 1.75rem 0.75rem;background-color: #1384BD;color: #fff;font-weight: 600;border-radius: 1rem;width: 14rem;height: 2.75rem;text-transform: uppercase;}
.complex-hero-button:hover {color:#fff;}
.complex-hero-title{width:53.44rem;height:6rem;color:#F0F8FA;}
.complex-hero-description{width:53.44rem;height:3rem;color:#F0F8FA;}
.wrap-com{width:53.44rem;}


/*  =====   УСЛУГИ =====  */
.us-zag{color: rgba(19,132,189,0.8); width: 19.1rem; height: 3rem;}
.uss-button{width: 17.2rem;height: 3.5rem;padding:1rem 2rem;background-color:rgba(19, 132, 189, 1);color:#fff;font-weight: 600;line-height: 1.5rem;text-transform: uppercase;border-radius:1rem;}
.uss-button:hover {color:#fff;}


/*  =====   ПРИЗНАНИЕ =====  */
.corner-triangle-left-white{bottom: -1px; width: 120rem; height: 9rem; clip-path: polygon(0% 100%, 100% 100%, 0% 0%);}
.priznanie-section{ height:41rem;width: 120rem;}
.overlay-priz{background-color:rgba(5, 20, 31, 0.5);}
.text-priznanie{padding:7.375rem 19.5rem 25.44rem 18.4rem}
.priznanie-subtitle{color:rgba(240, 248, 250, 1);width:45.125rem;height:6rem;text-transform: uppercase;}
.priznanie-description{color:rgba(240, 248, 250, 1);width:46.625rem;height:7.5rem;}
.priznanie-carousel .owl-stage-outer{overflow:visible;}

/*  =====   ПРИЗНАНИЕ-КАРУСЕЛЬ =====  */
.priznanie-carousel .owl-stage{display:flex;align-items:end;justify-content:center;position:relative;}
.priznanie-carousel .owl-item {transform-origin: bottom center;transition: transform 0.3s ease;position: relative;z-index: 1;}
.prizz .owl-carousel{overflow:none;}
.owl-carousel .owl-nav{color:#1384BD;z-index:3;}
.priznanie-carousel .owl-stage .owl-item:hover{transform: scale(1.5);z-index:5;position:relative;}
.priznanie-carousel .owl-item {opacity: 0;}
.priznanie-carousel .owl-item.active {opacity: 1;z-index:3;}
.owl-carousel .owl-nav{max-width:1350px !important;}


/*  =====   БЕГУЩАЯ СТРОКА =====  */
.logo-marquee-content {animation: scroll 20s linear infinite;width: fit-content;}
.logo-marquee-item {height: 6.25rem;}
.logo-marquee-image {max-width: 17.5rem;}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%);}
}
.logo-marquee-content{gap:15rem;}
.marq-zag{color: rgba(19,132,189,0.8); width: 23.125rem; height: 3rem; }


/*  =====   НАША КОМАНДА =====  */
.team-zag{color: rgba(19,132,189,0.8); width: 22.32rem; height: 3rem;}
.wrap-team{width:18.5rem;height:36.25rem;}
.subtitle-team{color:rgba(27,45,77,0.8);padding:2rem 0;width:17.625rem;text-transform: none;}
.our-team .owl-carousel .owl-item img{height:25.75rem;}
.teams-carousel .owl-item{height:36.25rem;}
.text-team{font-weight: 400;font-size: 1.25rem;line-height: 1.5rem;color:rgba(27,45,77,0.8);}


/*  =====   НАСВЯЗИ =====  */
.nasvyazi-section {height: 41rem;width: 100%;}
.nasvyazi-section .container {z-index: 2;height: 100%;}
.svyazi-title,
.priznanie-description {color: #fff;}


/*  =====   КОНТАКТЫ ФУТЕР =====  */
.contacts-title {width:39.75rem;height:3.1rem;text-transform: uppercase; color: #1384BD; }
.title-contact {color: #7389B2; }
.subtitle-contact {color: #1384BD; width: 24.2rem; height: 2rem;}
.subtitle-contact22 {height: 2rem; color: #1384BD;}
.address-selector select { position: absolute;margin-top:4rem;color:#1384BD;right: 1.25rem; width: 33.25rem; height: 3.57rem; padding: 1rem 2rem; font-size: 1rem; border: 1px solid rgba(19,132,189,1); cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(19,132,189,1)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: right 2rem center; background-size: 1rem; z-index: 2;}
.kon-otst{margin-bottom:3rem;}
.kontakty  .navbar-nav .mod-menu .nav-item a,
.privacy  .navbar-nav .mod-menu .nav-item a,
.user-agreement  .navbar-nav .mod-menu .nav-item a,
.news .navbar-nav .mod-menu .nav-item a {color:rgba(73, 87, 113, 1) !important;}



/*  =====   НОВОСТИ ФУТЕР =====  */
.nov-otstup{padding-top: 3.25rem;padding-bottom:5rem}
.nov-text1{color:rgba(27, 45, 77, 0.8);width:22rem;height:6rem;text-transform:none;}
.nov-text2{color:rgba(27, 45, 77, 0.8);width:22rem;height:4rem;text-transform:none;}
.greater-text{text-transform: uppercase; color: rgba(19,132,189,0.6); line-height:1.25rem;font-weight:600;}
.greater{width:1.35rem;height:2.26rem;}


/*  =====   ПУНКТЫ МЕНЮ ФУТЕР =====  */
footer {}
footer .foot-img {z-index: -1;}
footer .mod-menu{display: flex;flex-direction: column;flex-wrap: nowrap;align-items: end;justify-content: center;gap:2.5rem; width: 100%;margin-top: 30rem;height:auto;}
footer .mod-menu > .nav-item > a{color:#fff;font-size:1.25rem;}
.item-109 > a{color:white;}
.item-110 > a{color:white;}


/*  =====   ЮР-ИНФОРМАЦИЯ ФУТЕР =====  */
.footer-text{color:rgba(240, 248, 250,0.7);line-height: 1.25rem;width:24.75rem;}
.footer-cont{color:rgba(240, 248, 250,0.7);line-height: 1.25rem;}
.otst-footer{row-gap:3rem;column-gap:4rem;flex-wrap:nowrap;margin-right:8rem;}
.footer-picture{display:flex;gap:1rem;}
.footer_items .mod-menu .nav-item .item-109{text-align:right;right:0rem;}
.footer_items .mod-menu .nav-item .item-110{text-align:right;right:0rem;}



/*  =====   ПРОЕКТЫ-БАННЕР =====  */
.sub-title-p{font-weight: 700;font-size: 3.25rem;line-height: 1.2;text-transform: uppercase;color:rgba(240, 248, 250, 1);width:60.25rem;}


/*  =====   ПРОЕКТЫ-БЕЗ-ПРОМИЛЛЕ =====  */
.bez-zag{font-weight: 700;line-height: 100%;text-transform: uppercase;height:3rem;width:20.2rem;color:rgba(27, 45, 77, 0.8);}
.event-title-p{font-weight: 600;font-size: 1.25rem;line-height: 1.5rem;color:rgba(27, 45, 77, 0.8);padding-bottom:0.625rem;}
.event-text-p{font-weight: 400;line-height: 1.5rem;color:rgba(27, 45, 77, 0.8);}
.height-image-mer-p{width: 58.2rem;height: 37.625rem;}
.event-text-prom{font-weight: 400;line-height: 1.5rem;color:rgba(27, 45, 77, 0.8);width:53.5rem;}
.triangle-top-left-p{ top: -1px; left: -2px; width: 6.375rem; height: 23rem; clip-path: polygon(0 0, 100% 0, 0 100%);}
.triangle-top-right-p{top: -1px; right: -2px; width: 6.375rem; height: 23rem; clip-path: polygon(100% 0, 0 0, 100% 100%);}
.triangle-bottom-left-p {bottom: -2px;left: -2px;width: 6.375rem;height: 23rem;clip-path: polygon(0 100%, 100% 100%, 0 0);}
.triangle-bottom-right-p {bottom: -1px;right: -2px;width: 6.375rem;height: 23rem;clip-path: polygon(100% 100%, 0 100%, 100% 0);}
.bez-proj-width{width: 30vw;max-height: 30rem; }



/*  =====   МОДАЛЬНОЕ ОКНО =====  */
.framee{border:1px solid rgba(19, 132, 189,1)}
.fos-h{color:rgba(19, 132, 189,1);}
.fos-text{font-weight: 400;font-size: 1rem;line-height: 1.25rem;color:rgba(19, 132, 189,1);}
.btn-fos{background:linear-gradient(135deg,#1384BD 0%,#294474 100%);height:4.44rem;border:none !important;border-radius:16px;}
.wd-fos-input{width:90%;}
.wd-fos-input::placeholder{color:rgba(19, 132, 189,0.4);}
#file-label{color:rgba(19, 132, 189,0.4) !important;text-decoration:none !important;}
.modal-header{border-bottom:none !important;padding-bottom:0 !important;}
#fos .modal-content{overflow:hidden !important;width:53.5rem !important;height:48rem !important;padding:1rem;}
.modal-dialog-scrollable .modal-body{overflow:hidden !important;}
.btn-close{display:none;}
.ots-fos{margin-right:1.7rem;}
.modal-dialog{display:flex !important;justify-content:center!important;align-items:center!important;}
.col-fos{color:rgba(19, 132, 189, 1);}
.agree-text{color:rgba(19, 132, 189, 0.6);}
.agree-fos{color:rgba(19, 132, 189, 1);}
#fos2 .modal-content{width:45rem;padding:1rem;}
/* #fos3 .modal-content{height:56rem !important;width:51rem;height:56rem;padding:0.5rem;} */
.color-p{color:rgb(73, 87, 113)}
.framee select{color:rgba(19, 132, 189,0.4);right: 1.25rem;border:none;cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(19,132,189,1)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: right 2rem center; background-size: 1rem; z-index: 2;}
.modal-dialog-scrollable .modal-content{max-height:none;}
.text-color{color: rgba(19, 132, 189,0.4)}




/*  =====   ДОП СВОЙСТВА =====  */
.full-left {width: 52vw;left: 25%; transform: translateX(-50%);}
.full-right {width: 55vw;left: 70%; transform: translateX(-50%);}
.height-image-mer{height:25.5rem;}
.text-truncate-2 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.proj-wid, .owl-carousel .item {min-width: 0;}
.itallic{font-style: italic;font-size:1rem;}
.btn-hover:hover{background: #fff; color: #1384BD !important;border: 1px solid #1384BD !important;}
.cursor-pointer{cursor:pointer;}
.color-pdd{color:rgb(73, 87, 113)}
.wid-pdd{width:46.625rem;}
.wid-pdd2{width:45.625rem;}
.color-p3{color:rgba(73, 87, 113,0.8);}
.color-grey2{color:rgba(27, 45, 77,0.8); }
footer .mod-menu__sub{display:none;}


/*  Новости  */
.mod-news .card-big-new {gap: 1.5rem; padding: 2rem; border: 1px solid rgba(19, 132, 189, 0.20);}
.mod-news .card-big-new-info {color: rgba(27, 45, 77, 0.80);}
.mod-news .card-big-new-title {padding: 3.5rem 0; font-size: 1.75rem;}
.mod-news .card-new {gap: 1.5rem; padding: 2rem; border: 1px solid rgba(19, 132, 189, 0.20);}
.mod-news .card-mew-img {min-width: 12.5rem;}
.mod-news .card-new-info {color: rgba(27, 45, 77, 0.80);}
.mod-news .wrap-card {border: 1px solid rgba(19, 132, 189, 0.2); padding: 2rem;}
.mod-news .wrap-card .card-title {opacity: .8;}
.mod-news .wrap-card .card-btn {background: #1384BD; border-radius: 16px;}




/*  =====   АДАПТИВ =====  */
@media (max-width: 1920px) {
    .mod-banner.bg-color::before {background-size: auto;}
    .banner-project.bg-color::before {background-size: auto;}
    .banner-project-child::before {background-size: auto;}
    .banner-project-main::before {background-size: auto;}
}
@media (max-width: 1700px) {
    .fos-h{font-size:1.75rem !important;}
}
@media (min-width: 1200px) {
    #fos .modal-content{height:49rem !important;}
    .saf-otstup2{left:7.5rem;}
}
@media (max-width: 1400px){
    .mod-banner.bg-color::before {background-size: cover; top: -9rem;}
    .banner-project.bg-color::before {background-size: cover; top: -9rem;}
    .banner-project-child.bg-color::before {background-size: cover; top: -9rem;}
    .banner-project-main.bg-color::before {background-size: cover; top: -9rem;}

    .bez-promille .img-top .img-lft-rtb,
    .mod-blind-zone .img-lft-rtb,
    .mod-school-pdd .img-lft-rtb,
    .bez-promille .img-bot .img-lfb-rtt {clip-path: none;}
}
@media (max-width: 1200px) {
    .bez-promille .img-rtb, 
    .bez-promille .img-ltt,
    .mod-blind-zone .img-ltb,
    .mod-blind-zone .img-rtt,
    .mod-help-desc .img-rtt,
    .mod-help-desc .img-ltt,
    .mod-school-pdd .img-ltb,
    .mod-school-pdd .img-rtt
    {clip-path: none;}

    .kontakty .navbar-nav .mod-menu .nav-item a {color:white !important;}
    .user-agreement .navbar-nav .mod-menu .nav-item a {color:white !important;}
    .news .navbar-nav .mod-menu .nav-item a {color:white !important;}
    #top_menu{padding:4rem 2rem;gap:0rem;}
    .navbar-toggler{z-index:2;margin-right:1.5rem;}
    .navbar-toggler img{width:1.875rem;height:1.875rem;}
    .btn-custom-header {width:16rem;justify-content:center;}
    #top_menu .nav-item > a{width:auto;font-size:1.35rem;}  
    #top_menu{padding:4rem 0rem;gap:0rem;}
    #navbar-content{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#1384BD 0%,#294474 100%);transition:transform 0.4s ease;padding:3.125rem 1.25rem 1.25rem;}
    #navbar-content.show{transform:translateY(0);border-radius:0.5rem 0.5rem 1.25rem 1.25rem;} 
    #top_menu .mod-menu{height:18rem;display:flex;flex-direction:column;align-items:end;gap:1.5rem;width:100%;}
    h1,.h1{font-size:2.5rem;} h2,.h2{font-size:2rem;} h3,.h3{font-size:1.75rem;} h4,.h4{font-size:1.5rem;}
    .title,.sub-title,.desc,.desc12,.block2-title,.block2-text,.complex-hero-title,.complex-hero-description,.priznanie-subtitle,.priznanie-description,.svyazi-title,.contacts-title{width:auto;height:auto;}
    .saf-otstup,.border-primary-opacity-20{padding:1rem;}
    .proj-wid,.wrap-com,.wrap-team{width:100%;}
    .otst-footer{flex-wrap:wrap;}
    .address-selector select{width:100%;position:static;margin-top:1rem;}
    .full-left{width:90vw;left:0%;}
    .full-right{width:90vw;left:100%;}
    .event-title{width:auto;}
    .adapt-mer{display:flex; flex-direction:column; justify-content:end; align-items:end;}
    .event-text{width: 320px;}
    .navbar-nav .nav a{display:inline-block !important;}
    .event-text > p{text-align:end;}
    .ttt > p{text-align:start;margin-top:1rem;margin-bottom:2rem;}
    .ddd2{padding-right:3rem;}
    .ddd1{padding-left:3rem;}
    .right-container{display: flex;gap: 1.25rem;justify-content: space-between;align-items: center;width: 22.25rem;height: 2.75rem;}
    .mod-custom{width:100%}
    .right-container{width:100%;}
    .wrap-right-container{display:flex;gap:1rem;/*margin-left:1.5rem;*/}
    .ddd1{padding-left:0rem;}
    .ddd2{padding-left:0rem;}
    .event-text > p{text-align:start;}
    .adapt-kon{margin-right:3rem;margin-left:3rem;}
    .adapt-pad{padding:0;}
    .adapt-select{margin-left:3rem;width:80% !important;}
    .mrg-foot{margin-top:8rem;}
    footer .mod-menu {flex-direction: column;align-items: end;justify-content: center;gap: 1rem!important;}
    .otst-footer{row-gap:0rem;}
    .mobile-icon img { width: 3.44rem; height: 3.44rem; }
    .mobile-text { font-size: 1.2rem !important; line-height: 1.4rem; }
    footer .mod-menu .nav-item > a { font-size: 1.25rem; }
    .hero-button{font-size:1.4rem !important;}
    .ban-margin{height:75vh !important;}
    .ff-color-rgba {color: rgba(240, 248, 250, 0.7);}
    #fos .modal-content{height:49rem !important;}
    .mod-menu__sub{display:none;}
    .pdd-marg{margin-left:-8rem;}
    .bez-promille .bezpromille-img .img-lft-rtb, .bez-promille .bezpromille-img .img-lft-rtb2 {clip-path: none;}
    .clip-path {clip-path: polygon(0% 100%, 100% 80%, 100% 100%, 0% 100%);}
}
@media (max-width: 992px) {
    #fos .modal-content{height:52rem !important;}
    #fos2 .modal-content{height: 60rem !important;}

    .mod-physics .img-rtt {clip-path: none;}
    .mod-retiree .img-rtb {clip-path: none;}
    .mod-parents .img-lfb-rt {clip-path: none;}
    .mod-safe .img-lft-rt {clip-path: none;}
    .mod-emergency .img-rtt {clip-path: none;}
    .mod-first-aid .img-rtb {clip-path: none;}

    .mod-blind-zone .img-lfb-rtt {clip-path: none;}
    .mod-help-desc .img-lft-rtb {clip-path: none;}
    .mod-school-pdd .img-lfb-rtt {clip-path: none;}

    .mod-pdd .img-lft-rtb {clip-path: none;}
    .mod-lighter .img-lfb-rtt {clip-path: none;}
    .mod-buckle-up .img-rtb {clip-path: none;}
    .mod-pdd .img-lft-rtb {clip-path: none;}
    .mod-bicycle-safety .img-rtt {clip-path: none;}
}
@media (max-width: 768px) {
    .mobile-icon img { width: 2.8rem; height: 2.8rem; }
    .mobile-text { font-size: 1.2rem !important; line-height: 1.3rem; }
    footer .mod-menu .nav-item > a { font-size: 1.1; }
    .ddd1{padding-left:0rem;}
    #fos.modal-content{height: 47rem !important;}
    .ban-margin{height:66vh !important;}
    .clip-path {clip-path: polygon(0% 100%, 100% 85%, 100% 100%, 0% 100%);}
}
@media (max-width: 576px){
    .right-container{display: flex;gap: 1.25rem;justify-content: center;align-items: center;width: 22.25rem;height: 2.75rem;flex-direction:column;}
    .btn-custom-header{justify-content:center;width:28rem;height:3rem;font-size:1.2rem;}
    .mod-custom{width:100%}
    .right-container{width:100%}
    .wrap-right-container > a > img{width:2.5rem;}
    .wrap-right-container{display:flex;gap:1rem;}
    .navbar-toggler{margin-right:1.5rem;}
    .owl-carousel .owl-item img{width:50%;}
    .priznanie-carousel .item{display:flex;justify-content:center;}
    .event-title{width:auto;}
    .drt{display:flex;align-items:end !important;}
    .drt .event-text > p{text-align:end;}
    .mobile-icon img { width: 2.5rem; height: 2.5rem; }
    .mobile-text { font-size: 1.1rem !important; line-height: 1.2rem; }
    footer .mod-menu .nav-item > a { font-size: 12px; }
    .mobile-footer { padding: 1rem !important; }
    footer .mod-menu {gap:0.5rem!important;}
    .ddd1{padding-left:3rem;}
    .ban-margin{height:60vh !important;}
    .hero-button{font-size:1.4rem !important;width:18.7rem;font-weight:600;}
    #fos .modal-content{height: 54rem !important;}
    #fos2 .modal-content{height: 59rem !important;}
    footer .mod-menu {margin-top:10rem;}
    .pad-foot{padding-right:57px;}
    .pad-right-foot{padding-right:4rem;}
    .footer-picture{gap:1.5rem;}
    .clip-path {clip-path: polygon(0% 100%, 100% 90%, 100% 100%, 0% 100%);}
}
@media (min-width: 768px) and (max-width: 1200px) {
    .adapt-wid{width:28rem;}
}
@media (min-width: 1200px) and (max-width: 1700px) {
}