/* Start:/bitrix/templates/verfmos/css/title.css?1782719503811*/
.title-head {background: #2A438A; color: #fff; overflow: hidden; width: 100%;}
.title-head h1 {text-transform: uppercase;font-size: 90px;line-height: 1;padding: 160px 0px 40px 0px;}
.title-head .marquee-track {display: flex; width: max-content;}
.title-head .marquee-line {display: flex; flex-shrink: 0;}
.title-head .marquee-item {display: inline-flex; align-items: center; flex-shrink: 0; padding-right: 0;}
.title-head .marquee-item::after {content: '\2022'; display: inline-block; margin: 0 32px; color: inherit; font-size: 0.6em; vertical-align: middle;}

@media (max-width: 980px) {
.title-head h1 {font-size: 35px; padding: 100px 0px 10px 0px;}
}

@media (max-width: 480px) {
.title-head h1 {padding: 80px 0px 10px 0px;}
}

@media (max-width: 360px) {
.title-head h1 {font-size: 26px;}
}
/* End */


/* Start:/bitrix/templates/verfmos/components/bitrix/breadcrumb/breadcrumb-site/style.css?17830665251963*/
.bx-breadcrumb {display: flex; color: #2a438a; width: 95%; margin: 0px auto; padding: 20px 0px; align-items: center;  justify-content: flex-start; max-width: 2500px;}
.bx-breadcrumb span {opacity: 0.5; }
.bx-breadcrumb span.breadcrumb-separator {opacity: 1; margin:-5px 10px 0px 10px;}
.bx-breadcrumb a {text-decoration: none;}
.bx-breadcrumb a span {color: #2a438a;  opacity: 1;}
.bx-breadcrumb a:hover {text-decoration: underline; }
.bx-breadcrumb .bx-breadcrumb-item {display: flex;	white-space: nowrap;line-height: 1;align-items: center;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 22px;white-space: normal;}
.bx-breadcrumb .bx-breadcrumb-item span svg {margin-top: 10px;}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {text-decoration:none;}

@media screen and (max-width: 980px) {
.breadcrumb {background:#2a438a;}
.bx-breadcrumb span  {color: #ffffff;}
.bx-breadcrumb a span {color: #ffffff; opacity: 1;}
.bx-breadcrumb span.breadcrumb-separator {filter: grayscale(1) brightness(1000%); margin:-2px 10px 0px 10px;}
.bx-breadcrumb .bx-breadcrumb-item span svg {margin-top: 0px;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 16px;}
.bx-breadcrumb .bx-breadcrumb-item {display:inline-block; vertical-align:top}
.bx-breadcrumb {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;display: block;}
.bx-breadcrumb::-webkit-scrollbar{height:0px;}
}

@media screen and (max-width: 640px) {
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 14px;margin: -2px 1px 0px 1px;}
.bx-breadcrumb {padding: 0;}
}

@media screen and (max-width: 480px) {
.bx-breadcrumb span.breadcrumb-separator {margin:0px 10px 0px 10px;}
.bx-breadcrumb .bx-breadcrumb-item span {font-size: 12px;}
}

@media (prefers-color-scheme: dark) {
.bx-breadcrumb a span,
.bx-breadcrumb {color: #fff !important;}
.bx-breadcrumb .bx-breadcrumb-item span svg path {fill: #ffffff;}
}

/* End */


/* Start:/bitrix/templates/verfmos/components/bitrix/news.list/napravleniya_servisa/style.css?178335772111908*/
body {background: #2a438a !important;}
.bx-breadcrumb,
.bx-breadcrumb a span {color:#fff !important;}
.breadcrumb-separator {filter: grayscale(1) brightness(1000%);}

.infrastructure,
.produktsiya-uslugi-block,
.napravleniya-servisa-section {width: 95%;margin: 0 auto;padding: 80px 0px 20px 0px;}
.produktsiya-uslugi-block .produktsiya-uslugi-content .content-produktsiya-uslugi {color: #fff;display: flex;justify-content: space-between;align-items: center;}
.produktsiya-uslugi-block .produktsiya-uslugi-main-image {width:100%; overflow:hidden;position: relative;}
.produktsiya-uslugi-block .produktsiya-uslugi-main-image:after {content: "";background: rgba(42, 67, 138, 0.2);top:0;left:0;width: 100%;height: 100%;display: block;position: absolute;}
.produktsiya-uslugi-block .produktsiya-uslugi-main-image img {width:100%; height: 570px; object-fit: cover; display: block;}
.produktsiya-uslugi-block h2.title-produktsiya-uslugi {font-size:64px;line-height:1;margin-bottom:25px;text-transform:uppercase;color:#fff;width: 60%;}
.produktsiya-uslugi-block .opisan-produktsiya-uslugi {width:40%;}
.produktsiya-uslugi-block .opisan-produktsiya-uslugi p {font-size:24px; line-height:1;}

.napravleniya-servisa-section {color: #fff;display: flex;}
.napravleniya-servisa-section .contain-values-grid {border-top:1px solid rgba(255, 255, 255, 0.3);}
.napravleniya-servisa-section h2.values-title {font-size:35px;line-height:1;text-transform:uppercase;color:#fff;width: 25%;padding: 20px 40px 0px 0px;position: relative;}
.napravleniya-servisa-section .values-grid {display: flex;font-size: 24px;line-height:1;border-right: 1px solid rgb(255 255 255 / 30%);justify-content: flex-end;width: 100%;}
.napravleniya-servisa-section .values-grid .value-card {position: relative;width: 25%;border-left: 1px solid rgb(255 255 255 / 30%);padding: 30px 20px;border-bottom: 1px solid rgb(255 255 255 / 30%);}
.infrastructure ul .infrastructure__item::after,
.infrastructure ul .infrastructure__item::before,
.napravleniya-servisa-section h2.values-title::after,
.napravleniya-servisa-section h2.values-title::before,
.napravleniya-servisa-section .values-grid .value-card::after,
.napravleniya-servisa-section .values-grid .value-card::before {width:16px;height:16px;position: absolute;z-index: 125;background-color: #2a438a;}
.napravleniya-servisa-section .values-grid .value-card .value-image {height:280px; width: 100%; position:relative; overflow: hidden;}
.napravleniya-servisa-section .values-grid .value-card .value-image img {width: 100%; height: 100%;object-fit: cover; display: block;}
.napravleniya-servisa-section .values-grid .value-card h3.value-name {margin: 20px 0px 15px 0px; font-weight: bold;}
.napravleniya-servisa-section .values-grid .value-card .value-desc {}
.napravleniya-servisa-section .values-grid .value-card .value-desc p {}

.infrastructure ul .infrastructure__item::after {content: '';display:block;top: -8px;left: -8px;}
.infrastructure ul .infrastructure__item::before {content: '';display:block;bottom: -8px;left: -8px;}
.napravleniya-servisa-section h2.values-title::before,
.napravleniya-servisa-section .values-grid .value-card::before {content: '';display:block;top: -8px;right: -8px;}
.napravleniya-servisa-section h2.values-title::after,
.napravleniya-servisa-section .values-grid .value-card::after {content: '';display:block;bottom: -8px;right: -8px;}

/* ============================================
   INFRASTRUCTURE 
   ============================================ */

.infrastructure {padding: 100px 0; overflow: hidden; width: 95%; margin: 0 auto;}
.infrastructure .infrastructure__inner {display: grid; grid-template-columns: 420px 1fr; grid-template-rows: auto auto; gap: 0 20px; align-items: start; color: #fff;}
.infrastructure .infrastructure__content {grid-column: 1 / 2; grid-row: 1 / 2; display: flex; flex-direction: column; gap: 20px; padding-bottom: 10px;}
.infrastructure .infrastructure__title {font-size: 35px; line-height: 1; text-transform: uppercase;}
.infrastructure .infrastructure__lead {font-size: 24px;line-height: 1;}
.infrastructure .infrastructure_list_content {grid-column: 1 / 2; grid-row: 2 / 3;}
.infrastructure ul.infrastructure__list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column;}
.infrastructure ul .infrastructure__item {position: relative; padding: 40px 5px 40px 20px;
 border-top: 1px solid rgba(255, 255, 255, 0.3); border-left: 1px solid rgba(255, 255, 255, 0.3);}
.infrastructure ul .infrastructure__item:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.infrastructure ul .infrastructure__item .infrastructure__item-text {font-size: 20px; line-height: 1.4;}

.infrastructure ul .infrastructure__item::after,
.infrastructure ul .infrastructure__item::before {content: '';display: block; width: 16px;  height: 16px; position: absolute; z-index: 125; background-color: #2a438a;}
.infrastructure ul .infrastructure__item::after {top: -8px; left: -8px;}
.infrastructure ul .infrastructure__item::before {bottom: -8px; left: -8px;}
.infrastructure__gallery {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    height: 850px;}
.infrastructure__media {
    position: relative;
    height: 100%;
    overflow: hidden;}
.infrastructure__media--main {
    grid-row: 1 / 3;
    grid-column: 1 / 2;}
.infrastructure__media--top {
    grid-row: 1 / 2;
    grid-column: 2 / 3;}
.infrastructure__media--bottom {
    grid-row: 2 / 3;
    grid-column: 2 / 3;}
.media-reveal__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;}

@media screen and (max-width: 1220px) {
.produktsiya-uslugi-block .produktsiya-uslugi-content .content-produktsiya-uslugi {display: block;}
.produktsiya-uslugi-block h2.title-produktsiya-uslugi,
.produktsiya-uslugi-block .opisan-produktsiya-uslugi {width: 100%;}
.produktsiya-uslugi-block .opisan-produktsiya-uslugi p {font-size: 35px; line-height: 1.2;}
.produktsiya-uslugi-block .opisan-produktsiya-uslugi {margin-bottom: 20px;}
}

@media screen and (max-width: 1360px) {
.napravleniya-servisa-section .contain-values-grid {border:0;}
.napravleniya-servisa-section .values-grid {display: grid; grid-template-columns: repeat(2, 1fr); border-right:0;}
.napravleniya-servisa-section h2.values-title,
.napravleniya-servisa-section .values-grid .value-card {width: 100%;}
.napravleniya-servisa-section h2.values-title,
.napravleniya-servisa-section .values-grid .value-card {border-bottom:0; border-top: 1px solid rgb(255 255 255 / 30%);}
.napravleniya-servisa-section .values-grid .value-card:nth-of-type(2n) {border-left:0;}
}

@media screen and (max-width: 1150px) {
.infrastructure ul .infrastructure__item {padding: 20px 5px 20px 20px;}
.infrastructure__gallery {height: 700px;}
}

@media screen and (max-width: 980px) {
.napravleniya-servisa-section {padding: 20px 0px;}
.produktsiya-uslugi-block .produktsiya-uslugi-main-image img {height: 460px;}
.infrastructure .infrastructure__inner {display: block;}
.infrastructure__media {height: 480px;width: 780px;position: relative;display: inline-block;margin: 0px 20px 0px 0px;vertical-align: top;}
.infrastructure__media:last-of-type {margin: 0;}
.infrastructure__gallery {height: 480px;grid-auto-flow: column;grid-template-columns: auto;grid-template-rows: auto;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;display: block;}
.infrastructure__gallery::-webkit-scrollbar-track {background-color: #4e6cc0; border-radius:25px;}
.infrastructure__gallery::-webkit-scrollbar-thumb {background-color: #ecfaff; border-radius:25px;}
.infrastructure__gallery::-webkit-scrollbar{height:8px;}
.infrastructure .infrastructure__content {flex-direction: row; padding-bottom: 20px;}
.infrastructure .infrastructure_list_content {margin-top: 20px;}
.media-reveal__img {top: -20px;}
.infrastructure .infrastructure__title,
.infrastructure .infrastructure__lead {width: 50%;}
.infrastructure ul.infrastructure__list {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.infrastructure ul .infrastructure__item:last-child {border-bottom:0;}
}

@media screen and (max-width: 720px) {
.infrastructure__media {height: 320px;width: 580px;position: relative;}
.infrastructure__gallery {height: 320px;}
}

@media screen and (max-width: 650px) {
.produktsiya-uslugi-block h2.title-produktsiya-uslugi {font-size:48px;}
.produktsiya-uslugi-block .opisan-produktsiya-uslugi p {font-size:16px; line-height:1;}
.produktsiya-uslugi-block .produktsiya-uslugi-main-image img {height: 270px;}
.napravleniya-servisa-section h2.values-title {font-size:20px; line-height:1.4;}
.infrastructure .infrastructure__content {display: block;}
.infrastructure .infrastructure__title {font-size: 20px;line-height: 1.4; width: 100%; margin: 10px 0px;}
.infrastructure .infrastructure__lead {font-size: 16px; width: 100%;}
.infrastructure ul .infrastructure__item .infrastructure__item-text {font-size: 16px;line-height: 1;}
.infrastructure__media {height: 250px;width: 400px;}
.infrastructure__gallery {height: 250px;}
.napravleniya-servisa-section .values-grid .value-card h3.value-name {font-size: 20px;}
.napravleniya-servisa-section .values-grid .value-card .value-desc {font-size: 14px;} 
.napravleniya-servisa-section .values-grid .value-card .value-image {height: 170px; width: 100%; overflow: hidden;}
.napravleniya-servisa-section .values-grid .value-card .value-image img {height: 220px;}
.napravleniya-servisa-section .values-grid .value-card {padding: 10px 20px;}
.infrastructure {padding:10px 0px 40px 0px;}
.infrastructure ul.infrastructure__list {border-right: 1px solid rgba(255, 255, 255, 0.3);}
.infrastructure ul .infrastructure__item:nth-of-type(1)::after {top: -8px; left: -8px;}
.infrastructure ul .infrastructure__item:nth-of-type(1)::before {top: -8px;right: -8px;left: auto;}
.infrastructure ul .infrastructure__item:nth-of-type(2)::after {top: -8px;right: -8px;left: auto;}
.infrastructure ul .infrastructure__item:nth-of-type(2)::before {bottom: -8px;right: -8px;left: auto;}
.infrastructure ul .infrastructure__item:nth-of-type(3)::after {left: -8px;bottom: -8px;top: auto;}
.infrastructure ul .infrastructure__item:nth-of-type(3)::before {top: -8px;right: -8px;}  
.infrastructure ul .infrastructure__item:nth-of-type(4)::after {right: -8px;bottom: -8px;top: auto;left: auto;}
.infrastructure ul .infrastructure__item:nth-of-type(4)::before {bottom: -8px;right: -8px;}  
}

@media screen and (max-width: 440px) {
.produktsiya-uslugi-block h2.title-produktsiya-uslugi {font-size: 32px;}
.produktsiya-uslugi-block .opisan-produktsiya-uslugi p {font-size:16px; line-height:1;}
.produktsiya-uslugi-block .produktsiya-uslugi-main-image img {height: 220px;}
.napravleniya-servisa-section h2.values-title {font-size:16px; line-height:1.4;}
.napravleniya-servisa-section .values-grid .value-card h3.value-name {font-size: 16px;}
.infrastructure ul .infrastructure__item .infrastructure__item-text {font-size: 14px;}
.produktsiya-uslugi-block, .napravleniya-servisa-section {padding: 40px 0px 20px 0px;}
}

@media screen and (max-width: 400px) {
.napravleniya-servisa-section .values-grid {display: block;}
.napravleniya-servisa-section h2.values-title {border-top:0; min-height: 80px;}
.napravleniya-servisa-section .values-grid .value-card {border-left: 0;}
.produktsiya-uslugi-block h2.title-produktsiya-uslugi {font-size: 28px;}
}

@media screen and (max-width: 370px) {
.infrastructure ul.infrastructure__list {display: block;}
.infrastructure ul .infrastructure__item {padding: 20px 5px;border-right: 0;border-left: 0;}
.infrastructure ul.infrastructure__list {border:0;}
.napravleniya-servisa-section .values-grid .value-card {padding: 10px 5px;}
}



/* End */
/* /bitrix/templates/verfmos/css/title.css?1782719503811 */
/* /bitrix/templates/verfmos/components/bitrix/breadcrumb/breadcrumb-site/style.css?17830665251963 */
/* /bitrix/templates/verfmos/components/bitrix/news.list/napravleniya_servisa/style.css?178335772111908 */