/* Настройки шаблона */
@font-face {
    font-family: "Radiotechnika";
    src: url("../fonts/Radiotechnika.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: "Onest-Medium";
    src: url("../fonts/Onest-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Onest-Regular";
    src: url("../fonts/Onest-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

:root {
	--light: #ffffff;
	--dark: #252525;
	--contrast: #7D1615;
    --gray: #F8F8F9;
}

/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Onest-Regular', sans-serif; font-size: 16px; color: var(--dark); outline: 1px solid var(--dark); overflow-x: hidden;}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1400px) {.container {max-width: 1465px;}}
/*@media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}*/

h1, .h1 {font-size: 5rem; font-family: "Radiotechnika", sans-serif;}
h2, .h2 {font-size: 3.75rem; font-family: "Radiotechnika", sans-serif;}
h3, .h3 {font-size: 1.25rem; font-family: "Radiotechnika", sans-serif;}
h4, .h4 {font-size: 2.5rem; font-family: "Onest-Regular", sans-serif;}
h5, .h5 {font-size: 1.8rem; font-family: "Onest-Medium", sans-serif;}
h6, .h6 {font-size: 24px; font-family: "Onest-Regular", sans-serif;}

a {text-decoration: none; color: var(--contrast);}

ul {padding-left: 0rem;}
li {list-style-type: none; margin-bottom: 1rem;}
li::before {content: ""; background: var(--contrast); width: 0.75rem; height: 0.75rem; display: inline-block; margin-right: 1rem;}

/* Общие классы */

.ff-r {font-family: "Radiotechnika", sans-serif;}

.borderline {content: ""; background: var(--light); height: 0.063rem; width: 100%;}
.borderline-red {content: ""; background: var(--contrast); height: 0.063rem; width: 100%;}

.btn-danger {background: var(--contrast); border: 0}

.text-light {color: var(--light);}
.text-red {color: var(--contrast);}

.swiper-button-next, .swiper-button-prev {width: auto; position: static; margin-top: 0;}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}

.toggler {display: none;}
.home .toggler {background: transparent; border: 0; transform: translateY(-50%); display: block;}

.modal-content {border-radius: 0rem;}
.modal-title .h5 {margin-bottom: 0;}
.form-check-input[type=checkbox] {border-radius: 0em;}

.grayscale-img {filter: grayscale(100%);transition: filter 0.5s ease;}

.mod-info-about .introtext {width: 96%;}

.project-title {text-wrap: balance;}

/* Меню */

header a {color: var(--dark);}
header li {list-style-type: none; margin-bottom: unset;}
header li::before {content: none}
.home header a {color: var(--light);}
header a:hover {color: var(--contrast);}

header #logo img {height: 6.25rem;}

.home header {transition: all 0.3s ease-in-out;}
.home header.menu-back-second::before {background: rgba(0, 0, 0, 0.35) !important; color: var(--light); border-bottom: 0.0625rem solid var(--light); backdrop-filter: blur(0.4rem)}
.home header.menu-back-first::before {background: linear-gradient(180deg, rgba(37,37,37,1) 0%, rgba(255,255,255,0) 100%);}
.home header {position: absolute !important; top: 0%;left: 50%;transform: translate(-50%);}
.home header .showing-menu {display: none;}
.home header .mod-contacts-menu img {filter: brightness(1) invert(1);}

/* Футер */

footer a {color: var(--dark);}
footer a:hover {color: var(--contrast);}
footer li {list-style-type: none; margin-bottom: unset;}
footer li::before {content: none}

footer .mod-logo-footer img {height: 6.25rem;}

/* Баннер */

.mod-banner.fullbg {background: url("/images/banners/banner.jpg") var(--dark); background-size: cover; background-position: center; filter: contrast(1.25);}
.mod-banner img.banner {height: 100vh; width: 100%; opacity: 0.7;}
.mod-banner .banner-title {transform: translate(-50%, -50%);}
.mod-banner .title::before {content: ""; height: 100%; width: 100%; border-radius: 100%; background: black; display: flex; position: absolute; z-index: -1; filter: blur(5.5rem);}
.mod-banner .arrow-btn-position {transform: translate(-50%);}
.mod-banner .arrow-btn-position .arrow-btn {background: rgba(255,255,255,0.5); border: 1px solid var(--light); border-radius: 100%; backdrop-filter: blur(0.125rem);}
.mod-banner .arrow-btn-position .arrow-btn .img-wrap {height: 5rem;}

/* Цитата */

.mod-quote::before {background: transparent;}
.mod-quote .img-wrap {height: 53rem;}
.mod-quote img.quote-logo {top: 10%}

.about .mod-quote::before {background: var(--contrast); left: 90%; z-index: -1;}
.about .mod-quote {color: var(--light)}
.about .mod-quote .img-wrap {height: 46rem; width: 37.5rem;}
.about .mod-quote img.quote-logo {top: 5%}

/* Преимущества */

.mod-advantages .swiper {overflow: visible;}
.mod-advantages .swiper-advantages-numbers .swiper-slide {height: auto!important; opacity: 0; transition: all 0.3s ease-in-out;}
.mod-advantages .swiper-advantages-numbers .swiper-slide.swiper-slide-active {opacity: 1; transition: all 0.3s ease-in-out;}
.mod-advantages .swiper-advantages-numbers .swiper-slide.swiper-slide-next {opacity: 0.5; transition: all 0.3s ease-in-out;}
.mod-advantages .swiper-advantages-numbers .swiper-slide.swiper-slide-next + .swiper-slide {opacity: 0.25; transition: all 0.3s ease-in-out;}
.mod-advantages .img-wrap {position: relative;}
.mod-advantages .img-wrap img {aspect-ratio: 2/2; border-radius: 100%;}
.mod-advantages .img-wrap::before {content: ""; position: absolute; background: var(--contrast); width: 100vw; height: 1px; top: 50%; left: 50%; z-index: 1; transform: rotate(156deg); transform-origin: left top;}
.mod-advantages .img-wrap .dot {background: var(--contrast); height: 2rem; width: 2rem; border-radius: 100%; border: 1px solid var(--light); transform: translate(-50%, -50%);}
/*.mod-advantages .line {background: var(--contrast); height: 1px;}*/

/* Инфо */

.mod-info-left::before, .mod-info-right::before {background: var(--contrast);}
.mod-info-left, .mod-info-right {color: var(--light);}

.about .mod-info-left::before {background: transparent;}
.about .mod-info-left {color: var(--dark);}
.about .mod-info-left .about-us-responsive {align-items: end;}
.about .mod-info-left .img-wrap {height: 45rem;}
.about .mod-info-left img {width: 100%; left: 0; max-width: unset; filter: grayscale(100%);}
.about .borderline {background: var(--contrast);}

.mod-info::before {background: var(--dark);}
.mod-info {color: var(--light);}

.mod-info-left img {width: 45vw; left: auto; max-width: 900px; object-position: top;}
.mod-info-right img {width: 45vw; right: 0; max-width: 900px; object-position: top;}
.mod-info img {width: 50vw; left: auto; max-width: 1000px; object-position: top;}

/* Услуги */

.mod-services .description {display: none;}
.home .mod-services .description {display: block;}

.mod-services .img-wrap {background: var(--gray); height: 30rem; cursor: pointer; transition: all 0.3s ease-in-out;}
.mod-services .img-wrap .text-wrap {color: var(--contrast); transition: all 0.2s ease-in-out;}
.mod-services .img-wrap img {opacity: 0; transition: all 0.3s ease-in-out;}

.mod-services .img-wrap:hover {background: var(--dark); }
.mod-services .img-wrap:hover img {opacity: 0.7;}
.mod-services .img-wrap:hover .text-wrap {color: var(--light);}
.mod-services .img-wrap:hover .borderline-red {background: var(--light); transition: all 0.2s ease-in-out;}

.mod-services .swiper-services {overflow: visible;}

.mod-service-items .img-wrap {height: 25rem; background: var(--dark); transition: all 0.3s ease-in-out;}
.mod-service-items .img-wrap:hover {transform: scale(1.01);}
.mod-service-items .img-wrap img {opacity: 0.5;}

/* Проекты */

.mod-projects.fullbg {background: var(--dark);color: var(--light);}
.mod-projects .map {padding-top: 38%; min-height: 60rem;}
.mod-projects .region:hover {fill: rgba(84,83,83,1); transition: all 0.1s ease-in-out;}
.mod-projects .map-title {background: rgba(255,255,255,0.5); top: 75%; backdrop-filter: blur(0.125rem);}

/*.mod-projects ul {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1rem; row-gap: 0.5rem;}*/

.mod-projects .map-point {cursor: pointer;}
.mod-projects .map-point .point {background: #D9D9D9; width: 1rem; height: 1rem; border-radius: 100%; position: relative;}
.mod-projects .map-point .point:hover::before {position: absolute; content:""; height: 5rem;width: 5rem;background: rgba(255, 255, 255, 0.3); border-radius: 100%; border: 1px solid var(--light); top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out;}

.mod-projects li {list-style-type: square; margin-bottom: 1rem; color: var(--contrast) !important; font-size: 2rem;}
.mod-projects li span {color: var(--light)!important; font-size: 24px;}
.mod-projects li::before {content: none;}

.mod-projects .map-point .title {display: none; left: 130%;}

.mod-projects .map-title {display: none}

.mod-projects .map-point:nth-child(2) {top: 79%; left: 84%;}
.mod-projects .map-point:nth-child(3) {top: 81%; left: 76.5%;}
.mod-projects .map-point:nth-child(4) {top: 69%; left: 11%;}
.mod-projects .map-point:nth-child(5) {top: 77%; left: 47%;}
.mod-projects .map-point:nth-child(6) {top: 47%; left: 10%;}
.mod-projects .map-point:nth-child(7) {top: 46%; left: 18%;}
.mod-projects .map-point:nth-child(8) {top: 47%; left: 12%;}
.mod-projects .map-point:nth-child(9) {top: 17%; left: 25.5%;}
.mod-projects .map-point:nth-child(10) {top: 59%; left: 4%;}
.mod-projects .map-point:nth-child(11) {top: 74%; left: 84.5%;}
.mod-projects .map-point:nth-child(12) {top: 60%; left: 18.5%;}
.mod-projects .map-point:nth-child(13) {top: 55%; left: 22%;}
.mod-projects .map-point:nth-child(14) {top: 39%; left: 48%;}
.mod-projects .map-point:nth-child(15) {top: 53%; left: 26%;}
.mod-projects .map-point:nth-child(16) {top: 44.5%; left: 15%;}
.mod-projects .map-point:nth-child(17) {top: 58%; left: 19%;}
.mod-projects .map-point:nth-child(18) {top: 57%; left: 15%;}
.mod-projects .map-point:nth-child(19) {top: 58%; left: 38%;}
.mod-projects .map-point:nth-child(20) {top: 68%; left: 21%;}
.mod-projects .map-point:nth-child(21) {top: 53%; left: 20.5%;}
.mod-projects .map-point:nth-child(22) {top: 53.5%; left: 18%;}
.mod-projects .map-point:nth-child(23) {top: 24.5%; left: 15%;}
.mod-projects .map-point:nth-child(24) {top: 35%; left: 18.5%;}
.mod-projects .map-point:nth-child(25) {top: 64%; left: 26.5%;}
.mod-projects .map-point:nth-child(26) {top: 56%; left: 4%;}
.mod-projects .map-point:nth-child(27) {top: 63%; left: 33%;}
.mod-projects .map-point:nth-child(28) {top: 29%; left: 17.5%;}
.mod-projects .map-point:nth-child(29) {top: 65%; left: 6.5%;}
.mod-projects .map-point:nth-child(30) {top: 56%; left: 18%;}

/* Документы */

.mod-documents .img-wrap {height: 32rem; background: var(--contrast); transition: all 0.2s ease-in-out;}
.mod-documents .img-wrap img {opacity: 0; transition: all 0.3s ease-in-out;}
.mod-documents .img-wrap:hover {background: var(--dark);}
.mod-documents .img-wrap:hover img {opacity: 0.7;}

/* Заказчики */

.mod-partners::before {background: transparent;}
.about .mod-partners::before {background: var(--dark); top: -70%; padding-bottom: 100rem;}
.about .mod-partners {color: var(--light);}
.about .mod-partners .borderline-red {background: var(--light);}

/*.mod-partners .swiper {overflow: visible;}
.mod-partners .svg-wrap {height: 8rem;}
.mod-partners .svg-wrap svg {width: 100%!important; height: 100%!important; cursor: pointer;}*/

.mod-partners .owl-stage-outer {overflow: visible;}
.mod-partners .img-wrap img {filter: brightness(0); transition: all 0.2s ease-in-out; cursor: pointer; height: 10rem;}
.mod-partners .img-wrap:hover img {filter: brightness(1)}

.about .mod-partners .img-wrap img {filter: brightness(0) invert(1); transition: all 0.2s ease-in-out; cursor: pointer;}
.about .mod-partners .img-wrap:hover img {filter: brightness(1)}

.mod-partners .svg-wrap svg path {fill: var(--dark); transition: fill 0.2s ease;}
.about .mod-partners .svg-wrap svg path {fill: var(--light); transition: fill 0.2s ease;}
.mod-partners .svg-wrap svg:hover path {fill:revert-layer;}

/* Контакты */

.mod-contacts::before {background: url("/images/icons/map-logo.png") bottom right no-repeat var(--contrast); z-index: -1;}
.mod-contacts a {color: var(--light);}
.mod-contacts {color: var(--light);}
.mod-contacts .map {width: 60vw; right: 0;}

/* Адаптация */

@media screen and (max-width: 1399px) {
    .mod-projects .map {padding-top: 45%; min-height: unset;}
}

@media screen and (max-width: 1199px) {
    h1, .h1 {font-size: 1.75rem; font-family: "Radiotechnika", sans-serif;}
    h2, .h2 {font-size: 1.75rem; font-family: "Radiotechnika", sans-serif;}
    h3, .h3 {font-size: 1rem; font-family: "Radiotechnika", sans-serif;}
    h4, .h4 {font-size: 1.5rem; font-family: "Onest-Regular", sans-serif;}
    h5, .h5 {font-size: 1.25rem; font-family: "Onest-Medium", sans-serif;}
    h6, .h6 {font-size: 16px; font-family: "Onest-Regular", sans-serif;}

    .ff-r {font-family: "Radiotechnika", sans-serif;}
    .mod-info-about .introtext {width: 100%;}

    .wrap-text {text-wrap: auto;}

    header #logo img {height: 3.25rem;}
    header #toggleButton {display: none;}
    .home header .showing-menu {display: flex;}

    footer .mod-logo-footer img {height: 3.25rem;}

    .mod-banner .title::before {filter: blur(4.25rem);}

    .mod-quote br {display: none;}
    .mod-quote .img-wrap {height: 25rem;}
    .mod-quote .quote-logo {height: 5rem;}
    .about .mod-quote .img-wrap {height: 25rem; width: auto; padding-top: 1rem;}
    .about .mod-quote::before {background: var(--contrast); left: 50%;}

    .about .mod-about .img-wrap {margin-top: 0rem!important; margin-bottom: 1.5rem; height: 25rem;}

    .mod-advantages .swiper-advantages-numbers {overflow: hidden;}

    .mod-info-left .img-wrap, .mod-info-right .img-wrap {height: 25rem;}
    .mod-info .img-wrap {height: 25rem;}

    .mod-services .img-wrap {height: 20rem;}
    .mod-service-items .img-wrap {height: 16rem;}

    .mod-projects li {list-style-type: square; margin-bottom: 1rem; color: var(--contrast) !important; font-size: 1.5rem;}
    .mod-projects li span {color: var(--light)!important; font-size: 16px;}
    .mod-projects .map {padding-top: 45%; min-height: unset;}
    .mod-projects .map-point .point {width: 0.35rem; height: 0.35rem;}
    .mod-projects .map-point .title {font-size: 0.5rem;}
    .mod-projects .map-point .point:hover::before {position: absolute; content:""; height: 3rem;width: 3rem;background: rgba(255, 255, 255, 0.3); border-radius: 100%; border: 1px solid var(--light); top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.2s ease-in-out;}


    .mod-documents .document-card {padding-top: 0rem!important;}
    .mod-documents .wrap {height: 20rem;}
    .mod-documents .img-wrap {height: 20rem;}

    .mod-partners .img-wrap img {height: 5rem;}

    .mod-contacts .map {height: 25rem !important;}
}

/* Анимации */

.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}


ul {padding-left: 1.75rem;}
li::before{margin-left:-1.75rem;}