/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 50 version
*/

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

.h1 {color: #1E213D; font-size: 64px; font-style: normal; font-weight: 600; line-height: 100%; /* 64px */ letter-spacing: 1.92px; margin-top: 30px; margin-bottom: 10px;}
.h2 { color: #CB2821; font-size: 52px; font-style: normal; font-weight: 600; line-height: 100%; /* 52px */ letter-spacing: 1.56px; margin-bottom: 20px;}
.text { color: #121212; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.6px;}
.block_text { width: 540px; color: #121212; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.6px;}

.wrapper { max-width: 1400px;}

.button {color: white; text-decoration: none; padding: 15px 30px;  font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.6px;}

.header{ padding: 10px 120px; background-color: #1E213D; position: -webkit-sticky; position: sticky; top: 0; z-index: 4;}
.header_wrap{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.header_logo img { width: 60px; height: 60px;}
.header_logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 26px; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.6px; color: #FFF;}
.header_button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 160px; height: 44px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  background: #CB2821; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

.news { padding: 0px 120px;}
.gradient { width: 100%; display: inline-block; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.40)), to(rgba(0, 0, 0, 0.00))); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%); background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%);}
.gradient img { z-index: -1;}
.news_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative;}
.news_button { position: absolute;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; width: 160px; height: 44px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  background: #CB2821; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; bottom: 30px; right: 30px;}
.news_text { position: absolute; width: 90%; font-size: 4vw; font-style: normal; font-weight: 600; line-height: 100%; /* 52px */ letter-spacing: 1.56px; color: #FFF; top: 30px; left: 30px;}
.news_date { position: absolute; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.6px; color: #FFF; bottom: 30px; left: 30px;}

.news_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 5%;}
.news_view { padding: 0px 120px;}
.news_item { width: 70%; display: inline-block; margin-bottom: 30px; margin-top: 30px;}
.news_navbar { display:inline-block; width: 25%; margin-top: 30px; margin-bottom: 30px;}
.news_nav_item { border: 1px solid #1E213D; padding: 10px 20px; margin-bottom: 10px;}
.news_title a { text-decoration: none; color: #121212;}

.services { padding: 0px 120px;}
.services_wrap{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 60px; margin-bottom: 30px;}
/* .service_block:nth-child(odd) {} */

.adv { padding: 0px 120px;}
.adv_block {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 10%;}
.adv_item {display: inline-block; width: 30%;}
.adv_icon {display: block; margin-left: auto; margin-right: auto; width: 70%; margin-bottom: 30px; margin-top: 30px;}
.adv_text{width:100%; text-align: justify;}

.contact{ padding: 0 120px;}
.contact_wrapper { position: relative;}
.contact_wrap { display: inline-block; /*justify-content: flex-start; gap: 15%;*/ /*margin-bottom: 20px;*/ width: 100%}
.contact_text_item { margin-bottom: 30px;}
.contact_text { display: inline-block; width: 100%;}
.contact_text a { text-decoration: none;}
.contact_women_img img { width: 30%; position: absolute; z-index: -1; right: 10%; bottom: 40%;}
.contact_map { height: 100%;}

.faq { padding: 0 120px; margin-bottom: 20px;}
.faq_item { width: 100%; border: 1px solid #1E213D; margin-bottom: 10px;}
.faq_title { display: block; cursor: pointer; color: #121212; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.6px; padding: 15px 30px; -webkit-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out;}
.faq_title:hover {background: #1E213D; color: #FFF;}
.faq_text { text-align: justify; display: none;  color: #121212; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.6px; padding: 15px 30px;}
.faq_input { width: 0; height: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; position: absolute;}
.faq_input:checked ~ .faq_text { display: block;}
.faq_input:checked ~ .faq_title { background: #1E213D; color: #FFF;}
.faq_number { color: #CB2821; font-weight: 400; letter-spacing: 0.7px; padding: 10px;}
.faq_map { width: 100%; padding: 0 30px; margin-top: 20px;}

.footer { padding: 20px 120px; background-color: #CB2821;}
.footer_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}

@media screen and (max-width: 480px) {
    
    * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    }
    
    .h1 { width: 100%; color: #1E213D; font-size: 48px; font-style: normal; font-weight: 600; line-height: 100%; /* 64px */ letter-spacing: 1.44px; margin-top: 15px; margin-bottom: 10px;}
    .h2 { width: 100%; color: #CB2821; font-size: 32px; font-style: normal; font-weight: 600; line-height: 100%; /* 52px */ letter-spacing: 0.96px; margin-bottom: 10px;}
    .text { color: #121212; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px;}
    .block_text { width: 100%; color: #121212; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px;}
    
    .wrapper {max-width: 480px;}
   
    .button {color: white; text-decoration: none; padding: 12px 24px;  font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px;}

    .header{ padding: 10px 10px; background-color: #1E213D;}
    .header_logo img { width: 40px; height: 40px;}
    .header_logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 5px; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px; color: #FFF;}
    .header_button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 128px; height: 35.2px; padding: 12px 24px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #CB2821;}
    
    .news { padding: 0 10px;}
    .news_wrap img { min-height: 200px;}
    .news_button { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 128px; height: 35.2px; padding: 12px 24px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #CB2821;bottom: 10px; right: 10px;}
    .news_text { color: #121212; position: absolute; width: 90%; font-size: 5vw; font-style: normal; font-weight: 600; line-height: 100%; /* 52px */ letter-spacing: 0.96px; color: #FFF; top: 10px; left: 10px;}
    .news_date { position: absolute; font-size: 3vw; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px; color: #FFF; bottom: 10px; left: 10px;}

    .news_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 5%;}
    .news_view { padding: 0px 10px;}
    .news_item { width: 70%; display: inline-block; margin-bottom: 10px; margin-top: 10px;}
    .news_navbar { width: 25%; margin-top: 10px; margin-bottom: 10px;}
    .news_nav_item { display: inline-block; border: 1px solid #1E213D; padding: 10px 10px;}
    .news_title { text-decoration: none; width: 100%; font-size: 14px;}
    

    .services { padding: 0 10px;}
    .services_wrap { display: block; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; gap: 60px; margin-bottom: 30px;}

    .adv { padding: 0 10px;}
    .adv_block {display: inline-block; }
    .adv_item {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 10%; margin-bottom: 10px;}
    .adv_icon {max-width: 40%;}
    .adv_text{ width: 50%;  text-align: justify;}

    .contact{ padding: 0 10px;}
    .big_contact_wrapper {position: relative;}
    .contact_wrap { display: inline-block;  margin-bottom: 20px; width: 100%; position: relative;}
    .text_item { margin-bottom: 30px;}
    .contact_text { display: inline-block; width: 50%;}
    .contact_text a { text-decoration: none;}
    .contact_women_img img { width: 40vw; position: absolute; z-index: -1; right: 5%; bottom: 60%;}
    .contact_map { width: 100%;}

    .faq { padding: 0 10px; margin-bottom: 20px;}
    .faq_item { width: 100%; border: 1px solid #1E213D; margin-bottom: 10px;}
    .faq_title { width: 100%; display: block; cursor: pointer; color: #121212; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px; padding: 10px 10px; -webkit-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out;}
    .faq_text { width: 100%; text-align: justify; display: none;  color: #121212; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.48px; padding: 10px 10px;}
    .faq_input { width: 0; height: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; position: absolute;}

    .footer {padding: 10px;}
    .footer_block { display: inline-block; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center;}
    .footer_text { font-size: 14px;}
}