@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1206px;
    }
}

:root {
  --red: #BF1E1E;
  --main:#3E3C3C;
  --dark:#951313;
  --back: #D8D7D5
}

.mobile {display: none !important}

body {font-family: 'Montserrat'; color: var(--main); font-size: 16px; line-height: 120%}
header {background: #fff}
.top_line {display: flex; align-items: center; padding: 15px 0 7px 0}
.top_line_right {margin-left: auto;}
.top_line_contacts {display: flex; justify-content: flex-end; align-items: center}

.top_line_contacts li {display: block; margin-left: 40px; display: flex; align-items: center}
.top_line_contacts li img {margin-right: 8px;}

.top_menu {display: flex; align-items: center; justify-content: flex-end; padding: 0px; margin: 0px;}
.top_menu li {display: block; margin-left: 44px;}
.top_menu li a {color: #000;}
.top_menu>li>a {color: #000; display: block;   padding-bottom: 4px;}
.top_menu li a:hover {color: var(--red)}
.top_menu>li {position: relative}

.top_menu>li>ul {position: absolute; width: 360px; top: 22px; left: 0px; padding: 10px 0; background: #fff; box-shadow: 0px 4px 19px 0px #0000000D; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s;
}
.top_menu>li:hover>ul {opacity: 1; visibility: visible;}
.top_menu>li>ul>li {display: block; margin: 0px; }
.top_menu>li>ul>li>a {display: flex; align-items: flex-start;    justify-content: flex-start; padding: 10px 20px; font-size: 14px;}
.top_menu>li>ul>li>a:after{background: url(images/arrow_right.svg); margin-top: -4px; margin-left: auto; content: ''; width: 24px;min-width: 24px;  height: 21px; opacity: 0 } 
.top_menu>li>ul>li>a:hover:after{opacity: 1}
a.logo {width: 276px; }
a.logo img {width: 100%}




.top_banner { background: #D8D7D5}
.top_banner_left {  flex: 1; display: flex; align-items: center;}
.top_banner_right {width: 494px; min-width: 494px; margin-left: auto; position: relative; height: 100%;}
.top_banner_image {height: 100%;   overflow: hidden; position: relative; }

.top_banner_image img {object-fit:cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.top_banner_wrapper {display: flex; flex-wrap: wrap; height: 700px;}

.help {text-transform: uppercase; color: var(--red); font-size: 14px;}
.help_line {height: 40px; border-left: 1px solid var(--red); margin-bottom: 10px;}


.h1, h1 {font-size: 55px; line-height: 120%; font-family: 'Cormorant'; font-weight: 700}
.h2, h2 {font-size: 42px; line-height: 120%; font-family: 'Cormorant'; font-weight: 700}

.top_banner h1 span {display: block;}
.top_banner p {display: block; padding: 15px 0 80px;}
.mybutton {background: var(--red); border: transparent;  font-size: 14px; color: #fff; padding: 15px 30px;}
.mybutton:hover {background: var(--dark)}


.services {padding: 150px 0; position: relative}
.services h2 {margin-bottom: 60px}
.services .container {position: relative; z-index: 2}


.services_in {
    padding: 30px 0 150px 0;
    position: relative;
}

.myrow {display: flex; flex-wrap: wrap; margin: 0px -12px;}
.col3 {padding: 12px; width: 33.33%; min-width: 33.33%}
.col4 {padding: 12px; width: 25%; min-width: 25%}
.service_block {box-shadow: 0px 4px 19px 0px #0000000D; min-height: 386px; background: #fff; padding: 32px; position: relative; padding-bottom: 60px; height: 100%}

.service_block a.more {position: absolute; right: 32px; bottom: 40px; display: flex; align-items: center; color: #000 }
.service_block a.more:hover {color: var(--red)}

.services .waves { width: 100%; height: auto; position: absolute;}
.services_in .waves { width: 100%; height: auto; position: absolute;}

.title {font-size: 22px; font-weight: 700; line-height: 120%; min-height: 85px; height: auto; border-bottom: 1px solid var(--red); margin-bottom: 20px;}
.service_block p {line-height: 150%}

.page_banner {height: 300px; display: flex; align-items: center; justify-content: center; background-image: url('images/back.webp'); background-repeat: no-repeat; background-position: center center; background-size: cover}


.page_section {position: relative;}
.back_grey {background: var(--grey)}
.waves_vert {position: absolute; right: 0px; top: 0px; }

.breadcrumbs {padding: 30px 0px 100px 0px; font-size: 12px; color: #000}
.breadcrumbs a{opacity: 0.44}

.page_info h2 {margin-bottom: 60px;}
.page_info p {margin-bottom: 40px;}

.page_wrapper {margin-bottom: 150px;}
.stat_block {display: flex; margin-bottom: 60px;}
.stat_in {width: 33.33%; min-width: 33.33%;   text-align: left;}

.stat_num {font-weight: 700; font-size: 50px; line-height: 100%; color: var(--red); margin-bottom: 5px;}
.av_info_in {margin-bottom: 50px; font-size: 16px; line-height: 150%}
.av_info h3 {color: var(--red); font-size: 22px; font-weight: bold;}

.sert {width: 210px; height: auto;}
.noborder {border: transparent;}

.white {background: #fff; padding: 150px 0}

.with_red {position: relative; height: 100%}
.with_red:after {height: 100%; position: absolute; right: 0px; top: 0px; width: 1px; background: var(--red); content: '';}

.pad_left {padding-left: 111px;}
.pad_right {padding-right: 111px;}

.map_label {padding: 40px; background: #fff; z-index: 10;   box-shadow: 0px 4px 19px 0px #0000000D; color: #000;  display: inline-block
}
.for_map {position: relative;}

.map_wrapper {  width: 100%; margin: 0px auto; z-index: 100; display: flex; align-items: center; position: absolute; top: 0px; height: 100%}

.home_about {padding: 100px 0; background: #fff}

a.more_about {display: inline-flex; height: 51px; border: 1px solid rgba(191, 30, 30, 1); align-items: center; justify-content: center; padding: 0px 15px; color: rgba(191, 30, 30, 1); text-decoration: none}
a.more_about:hover {background: rgba(191, 30, 30, 1); color: #fff}

.inslider {position: relative}
.inslider .owl-nav {position: absolute; top: 0px;   width: 100%; }
.inslider .owl-nav img {position: absolute; right: 0px; top: -80px; }
.inslider .owl-nav img:hover {opacity: 0.5}

.inslider .owl-nav .owl-prev img {right: 80px; transform: rotateY(180deg)}

.inslider .owl-stage{display: flex;}

.footer a.logo {max-width: 276px;}
.footer_line_contacts {display: block; margin: 0px; padding: 0px;}
.footer_line {padding: 60px 0 0px 0; background: rgba(248, 249, 251, 1);
}

.footer_line_contacts li {display: block; margin-bottom: 20px;}
.footer_line_contacts li a img {margin-right: 10px;}


.footer_line_contacts .soc_icons a {margin-right: 20px;}

.copy {padding: 40px 0 28px 0}

.televawes {position: absolute; right: 0px; bottom: 0px;}
.teleblock {position: relative; background: rgba(248, 249, 251, 1); padding: 44px 0; }
.teleblock .container {position: relative; z-index: 2}
.tele_body {display: flex; align-items: center; max-width: 90%; }
.tele_body img {margin-left: auto; max-width: 325px; }

.tele_text {padding: 40px 0px 60px 0; max-width: 575px;}



.index_reviews {background: #fff; padding: 150px 0px;}

.rev_block {display: flex; align-items: flex-start;  padding-top: 30px; }
.rev_block  .rev_left {width: 50%; max-width: 50%; padding-right: 168px;}
.rev_block  .rev_right {flex: 1}
.rev_block  .rev_right .text {position: relative; padding: 0px 0px 0px 45px; font-size: 30px; line-height: 130%;     font-family: 'Cormorant';}
.rev_block  .rev_left  img {margin-bottom:20px; max-width: 100% }
.rev_block  .rev_right .text .quotes {position: absolute; left: 0px; top: 0px; width: 34px; height: 34px;}

.rev_block .from {font-size: 18px; margin-bottom: 10px;}
.rev_block .dol {font-size: 16px;}


.contacts { background: rgba(248, 249, 251, 1);}
.c_block {box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.05); min-height: 198px; padding: 30px;  text-align: center; background: #fff}
.c_block img {width: 74px; height: auto; margin-bottom: 20px;}
.c_block  a span {display: block; color: rgba(91, 91, 91, 1); font-size: 24px; line-height: 130%; text-align: center; text-decoration: none;font-weight: 600 }
.c_block.erip img {width: 145px;}
.mb30 {margin-bottom: 30px;}

.p60 {margin-bottom: 60px}

.white_reviews {background: #fff; padding: 150px 0}

.rev_link {display: flex; align-items: center; justify-content: center; border:1px solid #909090; height: 130px;}
.rev_link img {max-width: 100%}
.bigmap {padding: 60px 0 150px 0}

.includer {padding: 80px 0; background:rgba(248, 249, 251, 1)}
.in_block {box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.05); background: #fff; padding: 20px; display: flex; align-items: flex-end; position: relative; height: 200px;}
.in_block img {position: absolute; left: 20px; top: 20px;}

article {font-size: 16px; line-height: 120%; padding-bottom: 60px;}
article ul, article ol {margin-left: 20px; margin-bottom: 30px;}
.white_paper {background: #fff}