/* 
    Created on : 4 июн. 2020 г., 11:10:42
    Author     : VVP
*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap');

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body{
    font-weight: 400;
    color: #000;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    background: #fff;
    overflow: hidden;
}

h2{
    color: #132535;
    font-size: 64px;
    font-weight: 900;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
}

h2:first-letter{
    color: #c30e2e;
}

h3{
    font-family: 'Fira Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #1b1b1b;
}

section {
    padding: 50px 0;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
    font-size: 16px;
    overflow-x: hidden;
}

.ttu{
    text-transform: uppercase;
}

.navigation {
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    transition: all .3s;
    position: relative;
    z-index: 1050;
}

#scroll_nav{
    display: none;
    position: fixed;
}

.shadow_block{
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}

.cont_shadow{
    -webkit-box-shadow: 0 0px 25px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0px 25px rgba(0,0,0,0.2);
    box-shadow: 0 0px 25px rgba(0,0,0,0.2);
}

.spec_container {
    padding: 0 15px;
    max-width: 1650px;
    margin: 0 auto;
}

.nav_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo, .custom-logo {
    margin-right: 20px;
    /*max-width: 112px !important;*/
    max-width: 155px !important;
    min-width: 110px !important;
}

.nav_bar .menu-item{
    padding: 0;
    margin: 0;
    display: block;
    margin-right: 15px;
	text-align: center;
	width: 100%;
}

#main_menu {
	flex-wrap: nowrap !important;
}

.nav_bar .nav-link, .nav_bar .menu-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    height: 70px;
    padding-left: 0px;
    padding-right: 0px;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
    color: #010101;
    white-space: normal;
}

.nav_bar .nav-link:hover, .nav_bar .nav-link.active, .nav_bar .menu-item a:hover, .nav_bar .menu-item.current_page_item a{
    color: #010101;
    border-bottom: 6px solid #c30e2e;
    text-decoration: none;
}

.search {
    min-width: 21px;
    min-height: 21px;
    margin-right: 15px;
    cursor: pointer;
}

.nav_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 20px;
    border-left: 1px solid #e3e3e3;
    padding-top: 8px;
    padding-bottom: 8px;
}

.nav_container {
    position: relative;
    width: 100%;
    margin-right: 15px;
}

.lang_select {
    background-color: #fff;
    border: none;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    padding-right: 15px;
    background: url(../img/arrow_select.png) no-repeat right center;
    font-size: 14px;
    font-weight: 900;
    color: #010101;
    margin-right: 20px;
}

.lang_btn {
    background-color: transparent;
    font-size: 14px;
    font-weight: 900;
    color: #010101;
    margin-right: 20px;
    text-transform: uppercase;
}

.lang_btn:after{
    color: #c30e2e;
}

.dropdown-menu{
    width: auto;
    min-width: 0;
    padding: 0;
    background: #f2f2f2;
    border-radius: 0;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.dropdown-item, .dropdown-menu .lang-item a{
    font-size: 14px;
    font-weight: 900;
    color: #010101;
    border: none;
    height: auto;
    padding: 10px 15px !important;
    transition: all 0.3s;
    display: block;
}

.dropdown-menu .lang-item a:hover{
    color: #fff;
    background: #c30e2e;
    text-decoration: none;
    border: none;
}

.dropdown-item:active{
    background: #c30e2e;
}

.btn_login {
    color: #fff;
    background: #c30e2e;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
}

.btn_login img{
    margin-right: 10px;
}

.about {
    padding-top: 162px;
    padding-bottom: 130px;
    background: #fff;
    position: relative;
}

.about_media {
    position: relative;
}

.about_media img{
    border-radius: 10px;
}

.about-video-block {
	width: 100%;
	height: 525px;
	text-align: center;
}

.about-video-block video {
	max-height: 475px;
	min-height: 300px;
	min-width: 200px;
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.about_video {
    position: absolute;
    width: 50%;
    height: 50%;
    border-radius: 10px;
    top: 60%;
    left: 60%;
    margin-bottom: 50px;
}

.squere{
    position: absolute;
    border-radius: 10px;
    width: 78px;
    height: 78px;
    background: #c20e2e;
    bottom: -18px;
    right: -18px;
}

.offer_lozung{
    display: flex;
    align-items: center;
    background: url(../img/logo2.png) no-repeat left center;
    min-height: 141px;
    text-transform: uppercase;
    color: #57595b;
    font-size: 30px;
}

.mob_lozung{
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 18px;
}

.about_video_bg {
    position: relative;
    background: url(../img/about_video.jpg) no-repeat center center / cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.26);
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay img{
    cursor: pointer;
}

.about h2{
    margin-bottom: 50px;
}

.angle_span{
    position: relative;
}

.angle_span:after{
    content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 36px;
    height: 23px;
    background: url(../img/angle.png) no-repeat center center / contain;
}

.about_desc {
    color: #718fa0;
    margin-bottom: 40px;
    padding-right: 90px;
}

.selected_text{
    color: #2e2e2e;
    font-weight: 700;
}

.btn_main {
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #132535;
    border: 2px solid #9ea5ac;
    padding: 15px 30px;
    white-space: nowrap;
    transition: all 0.3s;
	width: auto !important;
}

.btn_main img, .btn_subscribe img, .btn_subscribe i{
    margin-left: 20px;
}

.btn_main:hover{
    color: #132535;
    background: #fff;
}

.about .decor {
    position: absolute;
    bottom: -20px;
    right: 0;
}

.perevagi {
    background: #f2f2f2;
    padding-top: 70px;
    padding-bottom: 40px;
}

.perevagi h2{
    font-size: 36px;
    color: #000;
    padding: 16px;
    border-left: 12px solid #c30e2e;
    margin-top: 20px;
    margin-left: 20px;
}

.perevagi h2:first-letter{
    color: inherit;
}

.perevagi .btn_main{
    margin-left: 35px;
}

.perevagi_ttl {
    margin-bottom: 60px;
    max-width: 320px;
    height: 100%;
}

.per_item{
    position: relative;
    border: 1px solid #9e9e9e;
    border-radius: 10px;
    padding: 40px;
    text-align: center;
    height: 100%;
    transition: all 0.3s;
}

.preim_margin{
    margin-bottom: 60px;
}

.per_item h3{
    font-family: 'Fira Sans', sans-serif;
    font-size: 24px;
    font-weight: 800;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.per_desc {
    text-transform: uppercase;
    color: #000;
}

.per_number {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 700;
    background: #f2f2f2;
    line-height: 30px;
    border-bottom-left-radius: 100%;
    transition: all 0.3s;
}

.per_item:hover{
    overflow: hidden;
    background: #fff;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 4px 20px 43px 4px rgba(0,0,0,0.07);
    -moz-box-shadow: 4px 20px 43px 4px rgba(0,0,0,0.07);
    box-shadow: 4px 20px 43px 4px rgba(0,0,0,0.07);
}

.per_item:hover .per_number {
    padding-top: 15px;
    padding-right: 15px;
    width: 76px;
    height: 76px;
    color: #fff;
    background: #c30e2e;
}

.after_preims h2{
    border: none;
    padding-left: 0;
    margin-left: 0;
}

.hide{
    display: none;
}

.before_quiz{
    background: #f2f2f2;
    padding-bottom: 20px;
}

.before_quiz .about_text{
    margin-bottom: 0;
    /*padding-bottom: 20px;*/
}

.nwp{
    white-space: nowrap;
}

.subsribe {
    padding-top: 70px;
    background: url(../img/sub_bg.jpg) no-repeat top left;
    padding-bottom: 25px;
}

.subsribe h2{
    color: #fff;
    font-size: 29px;
    margin-bottom: 40px;
}

.subsribe h2:first-letter{
    color: #fff;
}

.red_text{
    color: #c30e2e;
}

.input {
    background: #fff;
    font-size: 14px;
    color: #4b6574;
    border: none;
    padding: 17px 15px;
    border-radius: 10px;
    max-width: 287px;
    width: 100%;
    margin-right: 5px;
}

.btn_subscribe {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    background: #c30e2e;
    padding: 15px 25px;
}

.btn_subscribe:hover{
    color: #fff;    
}

.cat_btn{
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    background: #c30e2e;
    padding: 15px 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.offer .cat_btn, .offer .btn_main{
    display: inline-block;
}

.cat_btn i{
    margin-left: 15px;
    font-size: 20px;
}

.cat_btn:hover{
    color: #fff;
}

.cat_btns .cat_btn{
    width: 100%;
}

.cat_btns {
	justify-content: center;
}

.subsribe_form {
    display: flex;
    align-items: center;
}

.media_center {
    padding-top: 90px;
    background: url(../img/triangle.png) no-repeat center 60px;
    padding-bottom: 60px;
}

.media_center h2{
    margin-bottom: 20px;
}

.desc {
    margin-bottom: 50px;
    color: #718fa0;
}

.post_trumb {
    width: 48%;
    min-width: 40%;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    background: no-repeat center center / cover;
}

.post_item {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 200px;
}

.post_margin{
    margin-bottom: 60px;
}

.post_info {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.post_info h3{
    font-size: 19px;
    color: #000;
    font-weight: 700;
}

.post_more {
    text-transform: uppercase;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    color: #132535;
}

.post_more:hover{
    color: #132535;
    text-decoration: none;
}

.post_more img{
    margin-left: 15px;
}

.post_date {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #718fa0;
}

.offer {
    height: 1000px;
    position: relative;
    z-index: 2;
}

.striped_container {
    display: none;
    position: absolute;
    left: 480px;
    bottom: 200px;
}

.filled_block{
    width: 100%;
    height: 100%;
    padding: 15%;
    border-radius: 10px;
    background: #f2f2f2;
}

.striped_block{
    width: 100%;
    height: 100%;
    padding: 6%;
    border-radius: 10px;
    background: linear-gradient(90deg, #dcdcdc, #dcdcdc 30px, rgba(0,0,0,0) 30px, rgba(0,0,0,0) 40px), linear-gradient(90deg, #dcdcdc, #dcdcdc 30px, rgba(0,0,0,0) 30px, rgba(0,0,0,0) 40px), linear-gradient(0deg, #dcdcdc, #dcdcdc 30px, rgba(0,0,0,0) 30px, rgba(0,0,0,0) 40px), linear-gradient(0deg, #dcdcdc, #dcdcdc 30px, rgba(0,0,0,0) 30px, rgba(0,0,0,0) 40px);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 40px 12%, 40px 12%, 12% 40px, 12% 40px;
    background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
    animation: 9s linear bg infinite;
}

@keyframes bg{
    0% {
        background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
    }
    33%{
        background-position: 100% 0, 0 100%, 0 0, 100% 100%;
    }
    100%{
        background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
    }
}

.offer_left {
    position: absolute;
    top: 0;
    left: 50%;
    background: #f2f2f2;
    height: 100%;
    width: 0;
    margin-left: auto;
    padding-top: 15px;
    overflow: hidden;
    transition: all 0.3s ease-out;
}

.offer_left.active{
    width: 50%;
    padding-left: 30px;
}

.half_container{
    max-width: 825px;
    padding: 0px 15px;
}

.courses {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.course_label {
    color: #718fa0;
    font-size: 14px;
    margin-right: 10px;
}

.curency {
    border-radius: 5px;
    border: none;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    padding-right: 15px;
    background: url(../img/arrow3.png) no-repeat 70% center;
    background-color: #c30e2e;
    margin-right: 10px;
}

#curency{
    color: #121212;
    font-weight: 900;
}

.company {
    display: none;
    color: #132535;
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.offer_desc {
    color: #5a6874;
    max-width: 500px;
    margin-bottom: 45px;
}

.offer_slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/offer_bg.jpg) no-repeat center center / cover;
    transform: translateY(100%);
    transition: all 0.5s;
}

.offer_slide.active{
    transform: translateY(0);
}

#offer_slides{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.counter{
    opacity: 0;
    position: absolute;
    left: -100%;
    bottom: 5px;
    background: #000;
    width: 272px;
    height: 115px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
    font-size: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-out;
}

.counter.active{
    opacity: 1;
    left: 0;
}

.line {
    display: none;
    height: 1px;
    min-width: 95px;
    margin: 0 5px;
    background: #454545;
    margin-top: 25px;
}

#cur_sl, #count{
    display: none;
}

.prev_slide, .next_slide {
    position: absolute;
    top: 50%;
    font-weight: 700;
    font-size: 20px;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    transform: translateY(-50%);
    z-index: 60;
    width: 285px;
}

.prev_slide img, .next_slide img{
    margin-left: 15px;
}

.prev_slide{
    transform: rotate(270deg);
    color: #fff;
    left: -500px;
    transition: all 1s ease;
}

.prev_slide.active{
    left: -90px
}

.prev_slide:first-letter{
    color: #c30e2e;
}

.prev_slide:hover{
    text-decoration: none;
    color: #fff;
}

.next_slide{
    transform: rotate(90deg);
    right: -500px;
    transition: all 1s ease;
}

.go_contacts {
    color: #132535;
    position: absolute;
    top: 50%;
    font-weight: 700;
    font-size: 20px;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    transform: translateY(-45%);
    z-index: 60;
    width: 285px;
    transform: rotate(90deg);
    right: -90px;
    transition: all 0.3s;
}

.go_contacts:hover{
    color: #e4062b;
    text-decoration: none;
}

.next_slide.active{
    right: -90px;
}

.next_slide, .next_slide:hover{
    color: #e4062b;
    text-decoration: none;
}

.toggles_container{
    align-self: flex-end;
}

.toggles {
    opacity: 0;
    position: absolute;
    bottom: -70px;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: #fff;
    border-radius: 15px;
    padding: 30px 20px;
    width: calc(100% - 360px);
    height: 241px;
    -webkit-box-shadow: 10px 35px 76px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 10px 35px 76px 0px rgba(0,0,0,0.14);
    box-shadow: 10px 35px 76px 0px rgba(0,0,0,0.14);
    transition: all 0.4s ease-in-out;
}

.toggles.active{
    opacity: 1;
}

.toggle_item {
    display: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
    margin: 0 10px;
    width: 25%;
    color: #9199a0;
    cursor: pointer;
}

.toggle_ttl {
    position: relative;
    top: 0;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.toggle_img {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
}

.toggle_icon {
    background: rgba(195,14,46,0.8);
    width: 60px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: -70px;
    transition: all 0.3s;
    transition-delay: 0.4s;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
}

.toggle_icon img{
    width: 0;
    transition: all 0.3s;
    transition-delay: 0.7s;
}

.toggle_item.active .toggle_ttl{
    opacity: 0;
}

.toggle_item.active .toggle_img{
    height: 240px;
}

.toggle_item.active .toggle_icon{
    left: 0;
}

.toggle_item.active .toggle_icon img{
    width: 22px;
}

#ttl3, #ttl2, #ttl4, #desc1, #desc2, #desc3, #desc4, #ofbtn1, #ofbtn2, #ofbtn3, #ofbtn4,
#comp1, #comp2, #comp3, #comp4 {
    display: none;
}

.half_container h2, .half_container .offer_desc, .half_container .of_btn {
    display: none;
}

#ttl1{
    display: block;
}

.dots {
    position: absolute;
    bottom: 50px;
    left: 0;
    opacity: 0.6;
}

.zhaluzi {
    position: absolute;
    width: 100%;
    height: 25%;
    top: 0;
    right: 0;
    background: #c30e2e;
    opacity: 0.97;
    transition: all 0.4s ease;
    z-index: 100;
}

#zh2 {
    top: 25%;
}

#zh3 {
    top: 50%;
}

#zh4 {
    top: 75%;
}

.zhaluzi.hidden{
    width: 0;
}

.footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer .spec_container {
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer_logo {
    text-align: left;
    margin: 0 15px;
    width: 280px;
	margin-left: 0;
}

.footer_info {
    background: #302d30;
    padding: 45px 15px;
    padding-left: 45px;
    padding-bottom: 35px;
    max-width: 1640px;
    width: 100%;
}

.footer_col{
    width: 33.333%;
    padding: 0 15px;
}

.footer_info_item{
    display: flex;
    font-size: 14px;
    margin-bottom: 10px;
}

.footer_info_ttl{
    color: #fff;
    font-weight: 500;
}

.footer_info_desc{
    color: #b3bcc1;
}

.footer_icon{
    width: 24px;
    min-width: 24px;
    text-align: center;
    margin-right: 7px;
}

.f_tel {
    font-weight: 500;
    color: #fff;
}

.f_tel:hover{
    color: #fff;
    text-decoration: none;
}

.f_mail, .f_mail:hover {
    color: #fff;
}

.mobile_menu {
    position: absolute;
    top: 100%;
    left: -320px;
    width: 320px;
    background: #fff;
    z-index: 999999;
    padding: 40px 20px;    
    padding-top: 0;
    transition: all 0.5s;
    height: calc(100vh - 89px);
    overflow-y: auto;
    z-index: 1050;
}

.mobile_menu.active{
    left: 0;
}

.mobile_menu .nav-item, .mobile_menu .menu-item{
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mobile_menu .nav-link, .mobile_menu .menu-item a{
    vertical-align: central;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 40px;
    padding-left: 15px;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
    color: #010101;
}

.mobile_menu .nav-link:hover, .mobile_menu .nav-link.active, .mobile_menu .menu-item a:hover, .mobile_menu .menu-item.current_page_item  a {
    color: #010101;
    border-bottom: 6px solid #c30e2e;
    text-decoration: none;
}

.ham {
    position: relative;
    border: 3px solid #030303;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s;
}

.ham_line{
    position: absolute;
    background: #030303;
    width: 18px;
    height: 3px;
    border-radius: 4px;
    transition: all 0.5s;
    left: 8px;
}

.ham.active{
    border-color: #c30e2e;
    background: #c30e2e;
}

.ham.active .ham_line{
    background: #fff;
}

.ham .ham_line:first-child{
    top: 9px;
}

.ham .ham_line:last-child{
    top: 23px;
}

.ham .ham_line:nth-child(2){
    top: 16px;
}

.ham.active .ham_line:first-child{
    transform: rotate(45deg);
    top: 16px;
}

.ham.active .ham_line:last-child{
    opacity: 0;
}

.ham.active .ham_line:nth-child(2){
    transform: rotate(-45deg);
}

.mob_slide {
    background: url(../img/offer_bg.jpg) no-repeat center center / cover;
    color: #fff;
    padding-top: 120px;
    position: relative;
    padding-bottom: 120px;
    text-align: center;
    height: 100vh;
}

.mob_slide h2{
    color: #fff;
}

.mob_slide .offer_desc{
    display: block !important;
    color: #fff;
    text-align: center;
    width: 80%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mob_slide .btn_main{
    border-color: #fff;
    color: #fff;
}

.mob_slide .btn_main:hover{
    color: #132535;
}

.mob_offer .swiper-button-prev{
    width: 66px;
    height: 60px;
    background: #000;
    border-radius: 0;
    left: 0;
    top: auto;
    bottom: 0;
}

.mob_offer .swiper-button-prev img{
    transform: rotate(180deg);
}

.mob_offer .swiper-button-prev img, .mob_offer .swiper-button-next img{
    filter: grayscale(100%) brightness(600%);
}

.mob_offer .swiper-button-prev:hover, .mob_offer .swiper-button-next:hover{
    background: #000;
}

.mob_offer .swiper-button-prev:hover img, .mob_offer .swiper-button-next:hover img{
    filter: none;
}

.mob_offer .swiper-button-prev.swiper-button-disabled, .mob_offer .swiper-button-next.swiper-button-disabled{
    opacity: 0.5;
}

.mob_offer .swiper-button-next{
    width: 66px;
    height: 60px;
    background: #000;
    border-radius: 0;
    left: 66px;
    right: auto;
    top: auto;
    bottom: 0;
}

.mob_offer .swiper-button-prev, .mob_offer .swiper-button-next{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mob_offer .swiper-button-prev:after, .mob_offer .swiper-button-next:after{
    display: none;
}

.mob_courses {
    background: rgba(242,242,242,0.9);
    position: absolute;
    top: 10px;
    width: 100%;
    padding: 15px;
    z-index: 5;
}

.mob_courses .courses{
    justify-content: center;
    margin-bottom: 0;
}

.mob_courses .course_label{
    color: #1e2021;
    font-weight: 500;
}

.curencyc{
    font-weight: 900;
}

.modal-content{
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

button.close{
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    top: -20px;
    right: -15px;
    opacity: 1;
    border: 2px solid #c30e2e;
    color: #c30e2e;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    padding-bottom: 2px;
    z-index: 100;
}

button.close:hover{
    color: #fff;
    background: #c30e2e;
    opacity: 1 !important;
}

.video{
    width: 100%;
    border-radius: 5px;
}

#zayavka .modal-content, #no_fiz .modal-content{
    background: #fff url(../img/zayavka.jpg) no-repeat center bottom;
}

#zayavka h2{
    color: #000;
    font-size: 46px;
}

.form_desc{
    color: #5a6874;
    margin-bottom: 30px;
}

label{
    font-weight: 500;
}

.input_main, .wpcf7-select{
    font-size: 16px;
    background: #f2f2f2;
    color: #5e7583;
    font-weight: 500;
    padding: 20px;
    border: none;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 30px;
}

#zayavka form{
    padding: 70px 20px;
    padding-right: 0;
}

.mob_nav {
    background: #f2f2f2;
    padding: 5px 15px;
}

.page_offer {
    background: url(../img/mc.jpg) no-repeat center center / cover;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 90px;
    color: #fff;
    position: relative;
}

.page_offer h1{
    font-weight: 900;
    font-family: 'Fira Sans', sans-serif;
    font-size: 64px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.page_offer h1:first-letter{
    color: #c30e2e;
}

.crumb {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Fira Sans', sans-serif;
}

.crumb img{
    margin: 0 10px;
}

.crumb a, .crumb a:hover{
    color: #fff;
}

.page_decor {
    position: absolute;
    right: 0;
    bottom: 25px;
}

.about_description {
    background: #f2f2f2 url(../img/about2.png) no-repeat center -50px;
    padding: 60px 0;
}

.about_text {
    border-left: 10px solid #c30e2e;
    padding-left: 20px;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
    margin-bottom: 90px;
}

.about_text h2{
    font-size: 30px;
    margin-bottom: 20px;
    color: #1b1b1b;
}

.about_text h2:first-letter{
    color: #1b1b1b;
}

.about_list {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
}

.about_list_ttl {
    background: #c30e2e;
    border-radius: 10px 10px 0 0;
    padding: 20px 40px;
    font-size: 22px;
    color: #fff;
}

.about_list_body {
    font-weight: 400;
    padding: 20px;
    background: #fff;
    border-radius: 0 0 10px 10px;
}

.about_list_body .card-header{
    padding-top: 10px;
    padding-bottom: 10px;
}

.about_list_item, .about_list_body li {
    position: relative;
    /*padding-left: 30px;*/
    margin-bottom: 30px;
}

.about_list_item:before{
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background: url(../img/add.png) no-repeat center center / contain;
    top: 0;
    left: 0;
}

.about_imgs {
    position: relative;
    margin-top: 50px;
}

.ab_bg {
    border-radius: 10px;
}

.about_doc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -100px;
}

.mission {
    padding-top: 80px;
    padding-bottom: 100px;
    position: relative;
}

.mis_decor{
    position: absolute;
    left: 0;
    bottom: 110px;
}

.mission h2{
    margin-bottom: 60px;
}

.mission_images {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
}

.mission_images img{
    margin-bottom: 50px;
}

.mission_desc {
    max-width: 860px;
    margin: 0 auto;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #1b1b1b;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.cennosti {
    background: #c30e2e;
    padding: 95px 0;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
}

.cennosti h2, .cennosti h2:first-letter{
    color: #fff;
}

.cennosti h2{
    margin-bottom: 20px;
}

.cennosti_desc {
    text-transform: uppercase;
    font-size: 20px;
    max-width: 340px;
    font-weight: 500;
}

.cennost{
    background: rgba(24,33,46,0.15);
    padding: 30px;
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cennost img{
    min-width: 40px;
    min-height: 40px;
    margin-right: 20px;
}

.team {
    padding: 70px 0;
    background: #f2f2f2;
    position: relative;
    overflow-x: hidden;
}

.team h2{
    font-size: 50px;
    color: #1b1b1b;
    margin-bottom: 50px;
}

.team h2:first-letter{
    color: #1b1b1b;
}

.member_photo {
    border-radius: 10px;
}

.member_info {
    padding: 20px;
    font-size: 15px;
    font-family: 'Fira Sans', sans-serif;
    text-align: left;
}

.member_name {
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 700;
    color: #1b1b1b;
    margin-bottom: 10px;
}

.member_info a, .member_info a:hover{
    text-decoration: none;
    color: #5b718c;
}

.team_member {
    margin-bottom: 40px;
    text-align: center;
}

.swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    width: 35px;
    height: 10px;
    border-radius: 10px;
}

.swiper-pagination-bullet-active{
    width: 45px;
    background: #c30e2e;
}

.swiper-button-next, .swiper-button-prev{
    background: #fff;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    top: 70px;
}

.swiper-button-prev{
    left: -15px;
}

.swiper-button-next{
    right: -15px;
}

.swiper-button-prev img{
    transform: rotate(180deg);
}

.swiper-button-next img, .swiper-button-prev img{
    filter: grayscale(100%) brightness(0);
}

.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}

.swiper-button-next:hover, .swiper-button-prev:hover{
    background: #c30e2e;
}

.swiper-button-next:hover img, .swiper-button-prev:hover img{
    filter: grayscale(100%) brightness(500%);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}

.team_decor {
    position: absolute;
    top: 65px;
    left: 70%;
    display: none;
}

.normat_docs {
    background: #18212e;
    color: #fff;
    padding-top: 90px;
    padding-bottom: 60px;
    font-family: 'Fira Sans', sans-serif;
}

.normat_docs h2, .normat_docs h2:first-letter{
    color: #fff;
}

.normat_docs h2{
    border-left: 10px solid #c30e2e;
    padding-left: 20px;
    font-size: 40px;
    margin-bottom: 45px;
    font-weight: 700;
}

.nd_sub{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.doc_link {
    display: flex;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.doc_link img{
    min-width: 26px;
    min-height: 28px;
    width: 26px;
    height: 28px;
    margin-right: 12px;
    filter: grayscale(100%) brightness(500%);
    transition: all 0.3s;
}

.doc_link:hover{
    color: #c30e2e;
    text-decoration: none;
}

.doc_link:hover img{
    filter:none;
}

.btn_nr {
    border-radius: 0;
}

.vakansii_description {
    background: #f2f2f2 url(../img/dotted_top.png) no-repeat center -50px;
    padding: 50px 0;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
    font-size: 14px;
}

.no_first:first-letter{
    color: inherit;
}

.vakansii_description h2{
    font-size: 36px;
    color: #1b1b1b;
    margin-bottom: 36px;
}

.bl{
    border-left: 10px solid #c30e2e;
    padding-left: 20px;
}

.lozung {
    margin-top: 25px;
    font-size: 28px;
    color: #18212e;
    font-weight: 700;
    border: 25px;
    margin-bottom: 30px;
}

.list_ttl {
    padding-left: 20px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.2;
    position: relative;
    margin-bottom: 15px;
}

.list_ttl:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 32px;
    background: #c30e2e;
    top: 3px;
    left: 0;
}

.vakansii_description ul{
    font-weight: 600;
    list-style-image: url(../img/mark.png);
}

.vac_note ul, .lk ul{
    list-style-image: url(../img/mark.png);
}

.vakansii_description li{
    margin-bottom: 10px;
}

.who {
    padding: 30px 0;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
    font-size: 14px;
}

.who h3{
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 20px;
}

.vac_list {
    background: #f2f2f2 url(../img/vakantion_list.png) no-repeat center 60px;
    padding-top: 60px;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
    padding-bottom: 90px;
    overflow-x: hidden;
}

.vac_list h2{
    text-transform: none;
    font-size: 36px;
    color: #1b1b1b;
    margin-bottom: 60px;
}

.vac_list .card {
    background: #fff;
    border-radius: 10px;
    border: none;
    overflow: hidden;
}

.card{
    margin-bottom: 10px;
}

.card-header img {
    margin-right: 20px;
    min-width: 17px;
    min-height: 17px;
    transition: all 0.3s;
}

.card-link, .card-link:hover{
    color: #1b1b1b;
}

.vac_list .card-header{
    background: #fff;
    border-radius: 10px 10px 0 0;
    border: none;
    font-weight: 900;
    transition: all 0.3s;
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

.card-header{
    background: #f2f2f2;
    border-radius: 10px 10px 0 0;
    border: none;
    font-weight: 900;
    transition: all 0.3s;
    padding: 30px 20px;
    display: flex;
    align-items: center;
}

[aria-expanded="true"] .card-header{
    background: #c30e2e;
}

[aria-expanded="true"] .card-header img{
    filter: grayscale(100%) brightness(500%);
    transform: rotate(45deg);
}

.card-link[aria-expanded="true"] {
    color: #fff;
}

.card-body h3{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
}

.card-body{
    font-size: 15px;
    padding: 30px 40px;
}

.vac_list .card-body{
    line-height: 1.8;
}

.card-body p{
    margin-bottom: 30px;
}

.btn_vac {
    padding: 20px 25px;
    background: #f2f2f2;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
    border: 1px solid #d9cfd4;
    border-radius: 0;
    color: #000;
    transition: all 0.3s;
    margin-right: 20px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 270px;
}

.btn_vac img{
    margin-left: 20px;
}

.btn_vac:hover{
    color: #000;
    background: #fff;
}

.vac_note {
    margin-top: 50px;
    font-size: 17px;
}

.vac_note a, .vac_note a:hover{
    text-decoration: underline;
    font-weight: 500;
    color: #1b1b1b;
}

.vac_note .anketa {
    font-weight: 700;
    color: #c30e2e;
    text-decoration: none;
}

.vac_note .anketa:hover{
    color: #c30e2e;
    text-decoration: underline;
}

.tabs {
    background: #f2f2f2;
    padding: 50px 0;
}

.tabs .nav-link{
    background: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 900;
    color: #27282d;
    padding: 20px 40px;
    border-radius: 0;
    margin-right: 15px;
    text-transform: uppercase;
}

.tabs .nav-link.active, .tabs .nav-link:hover{
    background: #261d1f;
    color: #fff;
}

.quiz {
    background: #f2f2f2;
    padding: 50px 0;    
}

.quiz_container{
    padding: 30px 60px;
    border: 1px solid #cfc5ca;
}

.quiz_markers{
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-top: -55px;
}

.quiz_marker{
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;    
    border-radius: 50%;
    margin-right: 20px;
    background: #fff;
    border: 1px solid #fff;    
    display: flex;
    align-items: center;
    justify-content: center;
}

.quiz_marker img{
    display: none;
}

.quiz_marker.passed{
    background: #f2f2f2;
    border: 1px solid #cfc5ca;
}

.quiz_marker.passed img{
    display: block;
}

.quiz_marker.passed .quiz_index{
    display: none;
}

.quiz_index{
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border: 1px solid #2bc582;
    border-radius: 50%;
    color: #2bc582;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
}

.quiz_input{
    font-family: 'Fira Sans', sans-serif;
    color: #545660;
    font-size: 14px;
    padding: 15px 25px;
    background: #fff;
    border: none;
    margin-bottom: 20px;
    width: 240px;
    margin-right: 0;
}

.quiz_vopros, .quiz_ttl{
    font-weight: 900;
    font-size: 24px;
    color: #27282d;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 30px;
}

.quiz_ttl{
    margin-bottom: 50px;
    padding-left: 50px;
}

.otvet_label{
    font-size: 14px;
    font-weight: 700;
    color: #81838d;
    margin-bottom: 5px;
}

.otvet_field {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.quiz .btn_main{
    margin-right: 20px;
}

.step{
    display: none;
}

.step.active{
    display: block;
}

#quiz_ul .step{
    background: #555;
}

.prev_btn img{
    margin-left: 0;
    margin-right: 20px;
    transform: rotate(180deg);
}

.prev_btn i, .next_btn i{
    color: #c30e2e;
}

.prev_btn i{
    margin-right: 20px;
}

.next_btn i{
    margin-left: 20px;
}

.next_btn{
    filter: grayscale(100%);
    cursor: not-allowed !important;
}

.next_btn:hover{
    background: none;
}

.next_btn.active{
    filter: grayscale(0);
    cursor: pointer !important;
}

.next_btn.active:hover{
    background: #fff;
}

.quiz .btn_subscribe{
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.udobstvo {
    background: #f2f2f2 url(../img/udobstvo.png) no-repeat center top;
    padding-top: 60px;
    padding-bottom: 40px;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
}

.udobstvo_item {
    text-align: center;
    margin-bottom: 30px;
}

.xes {
    position: relative;
}

.xes:after{
    content: '';
    position: absolute;
    width: 90px;
    height: 35px;
    top: -5px;
    left: calc(100% + 95px);
    background: url(../img/xes.png) no-repeat center center / contain;
}

.simple_h {
    font-size: 50px;
    font-weight: 700;
    color: #1b1b1b;
    margin-bottom: 30px;
}

.simple_h:first-letter{
    color: inherit
}

.udobstvo_info {
    position: relative;
    height: 100%;
    background: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 25px 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.udobstvo_item:hover .udobstvo_info{
    background: #c30e2e;
    color: #fff;
}

.dogovor {
    background: url(../img/dogovor.jpg) no-repeat top center;
    padding: 50px 0;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
}

.dogovor_baner {
    height: 100%;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding-top: 55px;
}

.d_baner_note{
    text-align: center;
    font-weight: 700;
    font-size: 24px;
}

.note_small {
    color: #616161;
    font-size: 14px;
    font-weight: 400;
}

.d_btn {
    background: #c30e2e;
    border-radius: 0;
    width: 100%;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 40px;
    transition: all 0.3s;
}

.d_btn:hover{
    color: #fff;
}

.dogovor_link {
    display: block;
    height: 100%;
    background: #f2f2f2;
    color: #1b1b1b;
    text-decoration: none;
    padding: 15px 25px;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.3s;
}

.dogovor_link img{
    margin-bottom: 15px;
}

.dogovor_link:hover{
    background: #fff;
    color: #1b1b1b;
    text-decoration: none;
    -webkit-box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
}


.tarifs {
    background: #f2f2f2;
    padding: 50px 0;
}

.tarif {
    border-radius: 10px;
    padding: 20px;
    background: #fff;
    font-family: 'Fira Sans', sans-serif;
    text-align: center;
    min-height: 475px;
    height: 100%;
    padding-bottom: 50px;
    transition: all 0.3s;
}

.tarif img{
    margin-bottom: 15px;
}

.tarif_ttl {
    color: #1c212a;
    font-size: 26px;
    font-weight: 900;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.tarif_desc {
    color: #717985;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
}

.tarif_cost {
    font-weight: 900;
    font-size: 47px;
    color: #717985;
}

.compare {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

.devider {
    height: 140px;
    width: 1px;
    min-width: 1px;
    background: #dad9d9;
    margin: 0 15px;
}

.tarif_note {
    color: #717985;
    text-align: left;
    font-size: 14px;
    margin-top: 15px;
}

.tarif.selected{
    height: auto;
    -webkit-box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
}

.tarif:hover{
    -webkit-box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    transform: scale(1.05);
}

.ee_docs {
    background: url(../img/norm_doc.jpg) no-repeat center top / cover;
}

.market_note {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.market_desc {
    font-weight: 700;
    font-size: 16px;
}

.prices {
    padding-top: 50px;
    padding-bottom: 80px;
    background: #f2f2f2;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
    font-size: 16px;
}

.white_shadow_block {
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    box-shadow: 10px 15px 21px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.prices_header {
    border-bottom: 1px solid #f5f5f6;
    padding: 20px 40px;
    display: flex;
}

.prices_header h2{
    text-transform: none;
    font-weight: 900;
    margin-bottom: 0;
}

.prices_header_desc {
    font-weight: 300;
}

.prices_header .nav-link{
    background: #f2f2f2;
    padding: 15px 25px;
    border: 1px solid #dddede;
    border-radius: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #1b1b1b;
    margin-left: 5px;
    margin-right: 5px;
}

.prices_header .nav-link:hover, .prices_header .nav-link.active{
    background: #fff;
    color: #1b1b1b;
}

.prices .tab-content{
    padding: 20px 30px;
}

.price_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.price_item {
    padding: 15px 20px;
    border-radius: 15px;
    border: 1px solid #f5f5f6;
    margin: 0 12px;
    margin-bottom: 20px;
    width: 310px;
    transition: all 0.3s;
}

.part_prc .price_item {
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #f5f5f6;
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100%;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.price_ttl {
    font-size: 23px;
    font-weight: 700;
}

.price_date {
    color: #89969d;
}

.price {
    font-size: 22px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
}

.weight {
    font-size: 13px;
    color: #657984;
    font-weight: 400;
}

.price_stat {
    width: 146px;
    background: #353b48;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s;
}

.stat_month {
    font-size: 13px;
    font-weight: 400;
    color: #a5aaad;
    transition: all 0.3s;
}

.price_item:hover{
    -webkit-box-shadow: 0px 15px 21px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 15px 21px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 15px 21px 3px rgba(0,0,0,0.1);
}

.price_item:hover .price_stat{
    background: #c30e2e;
}

.price_item:hover .stat_month{
    color: #fff;
}

.white_bg {
    background: #fff;
}

.white_bg .swiper-pagination-bullet{
    background: #f2f2f2;
}

.white_bg .swiper-pagination-bullet-active{
    background: #c30e2e;
}

.white_bg .team_member{
    border: 1px solid #d7d7d7;
    border-radius: 10px;
}

.region {
    display: inline-block;
    width: auto;
    padding: 10px 20px;
    padding-left: 30px;
    background: #323649;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border-top-right-radius: 30px;
    margin-right: auto;
}

.region_post{
    display: inline-flex;
    align-items: center;
    padding-right: 30px;
}

/*.adapt .swiper-button-next, .adapt .swiper-button-prev{
    top: auto;
    bottom: 40px;
    width: 40px;
    height: 40px;
}*/

.adapt .swiper-button-next{
    right: 0;
}

.adapt .swiper-button-prev{
    left: 0;
}

.adapt .swiper-slide{
    padding-bottom: 40px;
}

.produkcia {
    background: #f2f2f2 url(../img/pp1_bg.png) no-repeat center -45px;
    padding: 50px 0;
    color: #1b1b1b;
    font-family: 'Fira Sans', sans-serif;
}

.c_produkcia{
    background: #f2f2f2 url(../img/dotted_top.png) no-repeat 60% -45px;
}

.produkcia h2{
    font-size: 30px;
    color: #1b1b1b;
    text-transform: none;
    margin-bottom: 50px;
}

.product {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    padding-bottom: 10px;
    height: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    -webkit-box-shadow: 4px 12px 29px 2px rgba(41,41,41,0.04);
    -moz-box-shadow: 4px 12px 29px 2px rgba(41,41,41,0.04);
    box-shadow: 4px 12px 29px 2px rgba(41,41,41,0.04);
}

.product img{
    margin-bottom: 15px;
}

.color_desc {
    position: relative;
    height: 100%;
    padding: 40px 20px;
    background: #fff;
    transition: all 0.3s;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.color_desc:hover{
    background: #c30e2e;
    color: #fff;
}

.color_desc:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 10px;
    background: #c30e2e;
    transition: all 0.3s;
}

.color_desc:hover:before{
    background: #fff;
}

.color_img {
    min-width: 79px;
    margin-right: 20px;
}

.yellow_img {
    display: none;
}

.color_desc:hover .yellow_img{
    display: block;
}

.color_desc:hover .red_img{
    display: none;
}

.how_work {
    padding: 50px 0;
    font-family: 'Fira Sans', sans-serif;
}

.how_work h2{
    text-transform: none;
}

.dark_btn {
    background: #1c1c1c;
    border-radius: 0;
    padding: 15px 30px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    transition: all 0.3s;
    margin-top: 30px;
}

.dark_btn:hover{
    color: #fff;
}

.preferenses {
    padding: 50px 0;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
    background: #f2f2f2;
    overflow-x: hidden;
}

.pp_pref{
    background: #f2f2f2 url(../img/dotted_top2.png) no-repeat center top;
}

.pref_info {
    height: 110px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.partners {
    padding: 50px 0;
}

.pp_docs {
    padding: 50px 0;
    background: #f2f2f2 url(../img/pp5_bg.png) no-repeat center center;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
    overflow-x: hidden;
}

.pp_docs h2{
    font-size: 38px;
    max-width: 295px;
    font-weight: 900;
    margin-bottom: 25px;
}

.team_photo {
    text-align: center;
    position: relative;
}

.team_ttl {
    position: absolute;
    background: #fff;
    bottom: -10px;
    left: -10px;
    padding: 20px 15px;
    font-weight: 700;
    font-size: 19px;
    text-transform: uppercase;
}

.pp_docs_desc {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.fos {
    padding: 50px 0;
    background: #f2f2f2 url(../img/dotted_b.png) no-repeat center 30px;
    font-family: 'Fira Sans', sans-serif;
    color: #1b1b1b;
}

.ttn{
    text-transform: none;
}

.fos h2{
    margin-bottom: 20px;
}

.fos p{
    margin-bottom: 0;
}

.fos_desc {
    color: #595c6d;
    font-size: 24px;
    margin-bottom: 40px;
    max-width: 470px;
}

.rev_wrap{
    flex-wrap: wrap-reverse;
}

.input_fos {
    background: #fff;
    border: none;
    padding: 20px 25px;
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
}

.fos_area {
    resize: none;
    height: 232px;
}

.g_price {
    color: #425e65;
}

.red_link, .red_link:hover {
    color: #c30e2e;
}

.base_price {
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 25px;
}

.grey_bg {
    background-color: #f2f2f2;
}

.g_dogovor {
    background: #f2f2f2 url(../img/vakantion_list.png) no-repeat center bottom;
}

.g_dogovor ul{
    list-style: none;
    font-weight: 500;
    padding-left: 0;
}

.g_dogovor li, .g_dogovor .g_dog_link{
    padding-left: 49px;
    position: relative;
    margin-bottom: 30px;
    font-weight: 500;
    display: block;
}

.g_dogovor li:before, .g_dogovor .g_dog_link:before{
    content: '';
    background: url(../img/writing.png) no-repeat center center / contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 29px;
    height: 29px;
}

.red_h {
    color: #1b1b1b;
}

.red_h:hover{
    color: #c30e2e;
}

.g_dogovor .dogovor_baner{
    height: auto;
}

.lk_item {
    padding: 20px 15px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #d4d4d4;
    height: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    transition: all 0.3s;
}

.lk_item img{
    margin-bottom: 20px;
    transition: all 0.3s;
}

.lk_item:hover{
    background: #c30e2e;
    color: #fff;
    border-color: #c30e2e;
}

.lk_item:hover img{
    filter: grayscale(100%) brightness(600%);
}

h2.garannt_ttl{
    font-size: 47px;
    font-weight: 700;
    color: #18212e;
}

.coal_product {
    width: 20%;
    padding: 0px 15px;
}

.coal_icon {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color_desc.coal {
    height: auto;
    align-items: flex-start;
    margin-bottom: 30px;
}

.types {
    position: relative;
    overflow-x: hidden;
}

.type {
    background: #fff;
    padding: 20px;
    display: flex;
}

.type_icon{
    width: 135px;
    min-width: 135px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/ugol.jpg) no-repeat center center / cover;
    color: rgba(255,255,255,0.85);
    font-weight: 700;
    font-size: 30px;
}

.type_ttl {
    color: #c30e2e;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
}

.type_marg{
    margin-bottom: 20px;
}

.btn_white {
    font-family: 'Fira Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #1b1b1b;
    background: #fff;
    padding: 15px;
    border-radius: 0;
    transition: all 0.3s;
}

.btn_white:hover{
    color: #fff;
    background: #c30e2e;
}

.btn_white img{
    transition: all 0.3s;
}

.btn_white:hover img{
    filter: grayscale(100%) brightness(600%);
}

.types_decore {
    position: absolute;
    top: -30px;
    left: 1480px;
}

.fos_tel {
    font-size: 50px;
    font-weight: 700;
    color: #18212e;
    text-decoration: none;
}

.fos_tel:hover{
    color: #18212e;
    text-decoration: none;
}

.fos_tel img, .fos_mail img{
    margin-right: 20px;
}

.fos_mail {
    display: block;
    font-size: 36px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px;
}

.page_content {
    background: #f2f2f2 url(../img/pp1_bg.png) no-repeat center top;
    padding: 80px 0;
    font-family: 'Fira Sans', sans-serif;
}

.news_info {
    padding: 20px 15px;
    background: #fff;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s;
    flex-grow: 3
}

.news_poster img{
    width: 100%;
}

.news_date {
    color: #718fa0;
    font-size: 14px;
    transition: all 0.3s;
}

.news_date img{
    margin-right: 7px;
    transition: all 0.3s;
}

.news_ttl {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.news_item{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 30px;
    color: #000;
}

.news_item:hover{
    text-decoration: none;
}

.news_item:hover .news_info {
    background: #c30e2e;
}

.news_item:hover .news_date, .news_item:hover .news_ttl{
    color: #fff;
}

.news_item:hover .news_date img{
    filter: grayscale(100%) brightness(600%);
}

.bb{
    border-bottom: 1px solid #dfdfdf;
}

.steps_sub{
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 40px;
}

.mbn{
    margin-bottom: 0;
}

.pagin, .wp-pagenavi {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.pag_arrow {
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 5px;
}

.pag_arrow img{
    filter: grayscale(100%) brightness(0);
    transition: all 0.3s;
}

.pag_arrow:hover img{
    filter: none;
}

.pag_swittcher, .wp-pagenavi a {
    cursor: pointer;
    padding: 5px 10px;
    transition: all 0.3s;
    font-weight: 700;
    margin: 0 5px;
    color: #000000;
    border: none;
}

.pag_swittcher.active, .pag_swittcher:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover{
    background: #fff;
    color: #c30e2e;
    border: none;
    padding: 5px 10px;
    text-decoration: none;
}

.social_links {
    display: flex;
    align-items: center;
}

.social_links img{
    margin-left: 10px;
    min-width: 44px;
    margin-top: 30px;
}

.social_links.head_socials img{
	margin-top: 0;
	min-width: 20px;
	max-width: 38px;
}

.nd_page {
    background: #f2f2f2 url(../img/dotted_top.png) no-repeat center -30px;
    color: #1b1b1b;
    padding-bottom: 80px;
}

.nd_page h2{
    font-size: 30px;
    color: #1b1b1b;
}

.nd_desc {
    font-size: 14px;
    font-family: 'Fira Sans', sans-serif;
    margin-bottom: 45px;
    font-weight: 500;
}

.nd_item {
    display: flex;
    color: #1b1b1b;
    font-weight: 900;
    padding: 25px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.nd_item img{
    min-width: 26px;
    max-height: 28px;
    margin-right: 15px;
    transition: all 0.3s;
}

.nd_item:hover{
    background: #c30e2e;
    color: #fff;
    text-decoration: none;
}

.nd_item:hover img{
    filter: grayscale(100%) brightness(600%);
}

.map {
    width: 100%;
    height: 900px;
}

.contacts {
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    margin-bottom: 40px;
}

.cfos {
    background: #fff;
    padding: 80px;
}

.contacts h2{
    font-weight: 900;
    font-size: 30px;
}

.contacts .input_main{
    border-radius: 50px;
    padding: 20px 30px;
    margin-bottom: 20px;
}

textarea{
    resize: none;
}

.cfos textarea{
    height: 150px;
}

.kontacti {
    background: #fff;
    height: 100%;
    padding: 60px 20px;
}

.kontacti_info_item{
    display: flex;
    font-size: 14px;
    margin-bottom: 30px;
}

.phones_list p {
	margin-bottom: 5px;
}

.kontacti_info_ttl{
    font-weight: 500;
}

.kontacti_info_desc{
    color: #757575;
}

.kontacti_icon{
    width: 24px;
    min-width: 24px;
    text-align: center;
    margin-right: 7px;
}

.k_tel, .k_tel:hover {
    color: #757575;
    text-decoration: none;
}

.k_mail, .k_mail:hover {
    color: #757575;
}

.page_404 {
    text-align: center;
    font-size: 16px;
}

.page_404 h2{
    font-size: 36px;
    margin-bottom: 10px;
}

.block404 {
    margin-top: 60px;
    position: relative;
    margin-bottom: 40px;
}

.error_msg{
    position: absolute;
    width: 44px;
    height: 66px;
    text-align: left;
    right: 0;
    bottom: 40%;
    font-size: 44px;
    font-weight: 900;
    font-family: 'Fira Sans', sans-serif;
    transform: rotate(270deg);
}

.nav_bar{
    position: relative;
}

.search_panel{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    padding: 20px;
}

.search_panel .form-control{
    background: #f2f2f2;
}

.btn_in_search{
    background: #f2f2f2;
    border: 1px solid #ced4da;
    display: flex;
    align-items: center;
    justify-content: center;
}

#top_search_mob{
    padding: 5px 20px;
    max-width: 80%;
    background: #f2f2f2;
}

#thanks{
    font-family: 'Fira Sans', sans-serif;
}

#thanks h2{
    font-size: 36px;
}

.vasha {
    font-size: 21px;
}

.thanks_desc {
    font-size: 14px;
}

.news {
    background-image: url(../img/new_bg.png);
    font-family: 'Fira Sans', sans-serif;
    color: #666;
    font-size: 15px;
}

.news h2{
    color: #18212e;
    font-size: 46px;
    font-weight: 700;
    text-transform: none;
    margin-top: 40px;
    margin-bottom: 20px;
}

.news h2:first-letter{
    color: inherit;
}

.news h3{
    font-size: 20px;
    font-weight: 600;
    color: #222;
}

.quote {
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    color: #222;
    margin: 30px 0;
    padding-left: 50px;
    background: url(../img/quotes.png) no-repeat top left;
    margin-left: 50px;
}

.share_link {
    font-size: 15px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
}

.share_link:hover{
    color: #c30e2e;
    text-decoration: none;
}

.news_share {
    text-align: center;
    padding: 15px 0;
}

.news_nav {
    display: flex;
}

.prev_news {
    justify-content: flex-end;
}

.nav_texts{
    max-width: 270px;
}

.prev_news .nav_texts{
    text-align: right;   
}

.nav_img{
    min-width: 120px;
    height: 92px;
}

.next_news{
    justify-content: flex-start;
}

.nav_text {
    font-weight: 700;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.nav_text:hover{
    color: #c30e2e;
    text-decoration: none;    
}

.nav_ttl {
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.prev_news .nav_img{
    margin-left: 20px;
}

.next_news  .nav_img{
    margin-right: 20px;
}

.news_navigation {
    margin-top: 40px;
}

.btn_sb_search {
    background: #fff;
    color: #222;
    border-radius: 0;
}

.sidebar{
    font-family: 'Fira Sans', sans-serif;
}

.sidebar input{
    background: #fff;
    color: #222;
    border-radius: 0;
    border: none;
}

.sidebar h2{
    font-weight: 700;
    font-size: 18px;
    color: #222;
    text-transform: uppercase;
    padding: 15px 20px;
    border: 1px solid #eee;
    background: #f6f6f6;
    border-bottom: 3px solid #c30e2e;
    margin-bottom: 30px;
}

.side_block {
    margin-bottom: 40px;
}

.sb_nav {
    list-style: none;
    padding-left: 20px;
}

.widget_archive ul{
    list-style: none;
    padding-left: 20px;
}

.sb_nav a:before{
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    font-size: 14px;
}

.widget_archive a:before{
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    font-size: 14px;
}

.sb_nav a, .widget_archive a{
    color: #222;
    font-size: 15px;
    font-weight: 500;
}

.sb_nav a:hover, .widget_archive a:hover{
    color: #c30e2e;
    text-decoration: none;
}

.sidebar .post_trumb{
    border-radius: 0;
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    margin-right: 10px;
    background: no-repeat center center / cover;
}

.sidebar h3{
    font-size: 15px;
    margin-bottom: 0;
}

.sidebar a{
    color: #222;
}

.sidebar a:hover{
    color: #c30e2e;
    text-decoration: none;
}

.sidebar .post_date{
    margin-top: 5px;
    margin-bottom: 0;
}

.sidebar .post_date img{
    margin-right: 8px;
}

.sidebar .post_item{
    margin-bottom: 30px;
}

.sidebar .tag, a.tag-cloud-link {
    display: inline-block;
    border: 1px solid #d4d4d4;
    font-size: 14px !important;
    font-weight: 500;
    color: #444;
    padding: 10px 15px;
    margin-bottom: 5px;
    text-align: center;
    min-width: 75px;
    transition: all 0.3s;
}

.sidebar .tag:hover, a.tag-cloud-link:hover{
    background: #c30e2e;
    border-color:  #c30e2e;
    color: #fff;
}

.sb_video {
    width: 100%;
    height: auto;
}

.btn:focus, .btn:active{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.wpmi-list{
    align-items: center;
}

.wpmi-item{
    padding: 5px;    
}

.wpmi-me{
    bottom: -30px !important;
}

.wp-my-instagram .wpmi-me a{
    color: #fff !important;
    background: #c30e2e !important;
    font-size: 16px !important;
    font-weight: 600;
    font-family: 'Fira Sans', sans-serif;
}

.wpmi-list img{
    max-width: 100%;
    height: auto;
}

.sidebar section{
    padding-top: 0;
    padding-bottom: 30px;
}

.wpcf7-response-output{
    display: none !important;
}

.custom-logo{
    height: auto !important;
    /*max-width: 75px !important;*/
    max-width: 155px !important;
}

.ttn{
    text-transform: none;
}

.logo_head{
    min-width: 205px;
    margin-right: 15px;
}

.topbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 6px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.topbar .f_tel, .topbar .f_mail{
    color: #282828;
}

.topbar .f_tel:hover, .topbar .f_mail:hover{
    color: #282828;
}

.topbar .f_mail{
    font-size: 14px;
    text-decoration: underline;
    margin-right: 30px;
    font-weight: 500;
}

.topbar .f_mail:hover{
    text-decoration: underline;
}

.topbar .footer_info_item{
    font-size: 18px;
    margin-right: 30px;
    margin-bottom: 0;
}

.topbar .header-contact-items {
	flex-direction: column;
}

.topbar .menu-item{
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 500;
}

.topbar .menu-item:last-child{
    padding-right: 0;
}

.topbar .menu-item a{
    color: #282828;
    transition: all .3s;
}

.topbar .menu-item a:hover{
    color: #c30e2e;
}

.nav_bar .dropdown-menu .menu-item{
    margin-right: 0;
}

.serv_menu{
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    width: 130px;
}

.serv_menu img{
    margin-right: 10px;
}

.mobile_right{
    background: #c30e2e;
    height: 450px;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    left: -300px;
    padding: 20px;
    z-index: 1100;
    transition: all .8s;
}

.mobile_right.active{
    left: 0;
}

.mobile_right .menu-item{
    padding: 0;
    margin-bottom: 30px;
}

.mobile_right .menu-item a{
    color: #fff;
    font-weight: 500;
    font-size: 17px;
}

.mobile_right .btn_login{
    background: #2e2e2e;
    border-radius: 0;
    margin-left: 0;
    text-transform: uppercase;
    max-width: 140px;
    font-size: 14px;
    font-weight: 700;
}

.mobile_right .btn_login:hover{
    color: #c30e2e;
}

.close_top{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.color_dec_mu{
    font-size: 18px;
}

.color_dec_mu .color_img{
    min-width: 50px;
}

.color_dec_mu:before{
    background: #fff;
}

.color_dec_mu:hover{
    background: #fff;
    color: #1b1b1b;
}

.color_dec_mu:hover:before{
    background: #c30e2e;
}

.white_bg .type{
    background: #f2f2f2;
}

.white_bg .btn_white{
    background: #f2f2f2;
}

.white_bg .btn_white:hover{
    background: #c30e2e;
}

.type_sub{
    font-size: 36px;
}

/*.page_offer .text_shadow:first-letter{
    /*-webkit-text-stroke: 2px #fff;
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}*/

.page_offer .text_shadow{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 5;
}

h2.small_h {
    font-size: 28px;
}

.ag_first{
    background: #fff url(../img/dotted_t_full.png) no-repeat center top;
}

.color18{
    color: #18212e;
}

.a_who_item{
    margin-bottom: 30px;
}

.a_who_item_text{
    background: #fff;
    padding: 14px;
    padding-left: 20px;
}
.a_what_item{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    font-weight: 800;
}

.a_what_item:last-child{
    margin-bottom: 0;
}

.what_icon{
    text-align: center;
    min-width: 64px;
    margin-right: 20px;
}

.a_chto .about_text{
    margin-bottom: 0;
}

.fos_desc.w-100{
    max-width: 100%;
}

.w-xl-75{
    max-width: 75%;
}

.pagesub {
    font-size: 36px;
    color: #fff;
    margin-bottom: 50px;
}

.page_decor_righter {
    position: absolute;
    right: -80px;
    top: 25px;
    bottom: 0;
}

.pravila_desc {
    font-size: 20px;
}

.pravila_us {
    font-size: 22px;
    font-weight: 700;
}

.pravila {
    background: #fff;
    padding: 35px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pravila_img {
    background: no-repeat center center / cover;
    height: 360px;
}

.pravila_price {
    background: #fff;
    padding: 30px 45px;
    position: relative;
    text-align: center;
}

.pravila_price:before, .pravila_price:after {
    content: '';
    position: absolute;
    top: 50%;
    background: url(../img/xes_big.png) no-repeat center center / contain;
    width: 136px;
    height: 52px;
}

.pravila_price:before{
    left: 0;
    transform: translate(-50%, -50%);
}

.pravila_price:after {
    right: 0;
    transform: translate(50%, -50%);
}

.prise {
    color: #c30e2e;
    font-weight: 700;
    font-size: 60px;
}

.pravila_block{
    color: #18212e;
}

.pravila_block h2 {
    color: #18212e;
}

.kriteriy {
    display: flex;
    align-items: center;
    background: #fff;
    margin-bottom: 20px;
    font-weight: 800;
    padding: 20px;
}

.kr_num {
    font-size: 48px;
    color: #c30e2e;
    text-align: center;
    min-width: 50px;
    width: 50px;
    margin-right: 20px;
}

.umova {
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 800;
    text-align: right;
    justify-content: flex-end;
}

.umova p {
    margin-bottom: 0;
}

.left_umova {
    margin-right: 50px;
}

.right_umova {
    margin-left: 50px;
    text-align: left;
    justify-content: flex-start;
}

.left_umova:before, .right_umova:after{
    content: '';
    position: absolute;
    width: 75px;
    height: 41px;
    bottom: -40px;
}

.left_umova:before {
    background: url(../img/ar_lr.png) no-repeat center center / contain;
    right: -105px;
}

.right_umova:after {
    background: url(../img/ar_rl.png) no-repeat center center / contain;
    left: -105px;
}

.umova_icon {
    min-width: 78px;
    width: 78px;
    text-align: center;
    margin: 0 10px;
    margin-left: 20px;
}

.righ_umova .umova_icon {
    margin-right: 20px;
    margin-left: 10px;
}

.umova_num {
    font-size: 30px;
}

.umova.noar:after, .umova.noar:before{
    display: none;
}

.umova.margin{
    margin-top: 50px;
}

.ceremoni {
    background: #fff;
    padding: 20px 60px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 700;
}

.ceremoni img {
    min-width: 133px;
    margin-right: 15px;
}

.ceremoni p {
    margin-bottom: 0;
}

.quiz_grant .quiz_container {
    border: 5px solid #c30e2e;
}

.quiz_grant .quiz_input {
    background: #f2f2f2;
    width: 100%;
}

.quiz_grant .btn_subscribe {
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.quiz_grant .otvet_field{
    display: block;
}

.info_tt {
    cursor: pointer;
    color: #9ea5ac;
    font-weight: 800;
    font-size: 18px;
    border: 2px solid #9ea5ac;
    padding: 0 8px;
    border-radius: 100%;
    transition: all 0.3s;
}

.info_tt:hover {
    color: #c30e2e;
    border-color: #c30e2e;
}

.tooltip-inner{
    background: #fff;
    color: #1b1b1b;
    box-shadow: 3px 6px 24px rgba(0, 0, 0, .1);
    padding: 20px;
    max-width: 300px;
    text-align: left;
}

.tooltip .arrow{
    display: none;
}

.notvalid {
    border: 2px solid red;
}

.real_ttl {
    height: 320px;
    background: no-repeat center center / cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
}

.real_ttl h3{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    padding: 30px;
    color: #fff;
    margin-bottom: 0;
}

.real_desc{
    background: #f2f2f2;
    padding: 50px;
    transition: all .3s;
    font-size: 22px;
    font-weight: 700;
    position: relative;
}

.real_desc:hover {
    background: #c30e2e;
    color: #fff;
}

.real_desc:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #c30e2e;
    width: 17px;
    height: 10px;
    transition: all .3s;
}

.real_desc:hover:before{
    background: #f2f2f2;
}

.real_tbl thead tr{
    color: #fff;
    font-weight: 400;
    background: #c30e2e;
}

.real_tbl thead th{
    vertical-align: middle;
    font-weight: 400;
}

.real_tbl tr {
    background: #f2f2f2;
    border-bottom: 2px solid #fff;
}

.realiz {
    font-size: 18px;
}

.baners{
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    width: 100%;
}

@keyframes blink { 
    0% { color: rgba(255,255,255,1); }
    50% {color: rgba(255,255,255,.1);}
    100% { color: rgba(255,255,255,1); }  
}

@keyframes blink_btn { 
    0% { opacity: 1; transform: scale(1.1);}
    50% {opacity: .3; transform: scale(1);}
    100% { opacity: 1; transform: scale(1.1);}  
}

.baner {
    height: 67px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 50%;
    min-width: 50%;
    background: no-repeat center center / cover;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    padding: 0 15px;
    animation: 1s linear 0s infinite blink;
}

.baner:hover{
    color: #fff;
    text-decoration: none;
}

.baners .baner:nth-child(2n){
    margin-right: 0;
}

.mob_offer .btn_main{
    animation: 1.5s linear 0s infinite blink_btn;
}

.fl:first-letter{
    color: #c30e2e !important;
}


.met_type {
    min-height: 134px;
    align-items: center;
    cursor: pointer;
}

.met_type .type_icon {
    height: 100%;
}

.met_type .type_ttl {
    margin-bottom: 0;
}

.hidden_table {
    display: none;
}

.hidden_table .tablepress {
    font-size: 16px;
}

.hidden_table .tablepress td{
    border: none;
}

.hidden_table .tablepress .even td {
    background: #fafafa;
}

.hidden_table .tablepress .odd td {
    background: #f2f2f2;
}

.hidden_table .tablepress thead th {
    background: #c30e2e;
    color: #fff;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

.predl{
    padding-bottom: 0;
}

.predl .swiper-pagination{
    opacity: 0;
}

.predl h2{
    font-size: 30px;
    font-weight: 800;
}

.predl .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    color: #1b1b1b;
    font-size: 16px;
    font-weight: 700;
    padding: 20px;
    height: 195px;
    padding-top: 25px;
    transition: all 0.3s;
}

.predl .nav-link .image{
    width: 104px;
    height: 79px;
    max-width: 104px;
    max-height: 79px;
    min-width: 104px;
    min-height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.predl .nav-link:hover, .predl .nav-link.active{
    color: #fff;
    text-decoration: none;
    background: #c30e2e;
}

.predl .nav-link:hover .image, .predl .nav-link.active .image{
    filter: grayscale(100%) brightness(600%);
}

.pder_ttl{
    font-size: 26px;
    font-weight: 700;
    color: #c30e2e;
    margin-bottom: 20px;
}

.predl .tab-pane{
    padding-top: 55px;
}

.pred_price_ttl{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}

.pred_price{
    display: flex;
    margin-bottom: 30px;
}

.pred_price_block{
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    width: 350px;
    font-weight: 700;
    font-size: 16px;
}

.pred_price_block_price{
    color: #c30e2e;
    font-size: 40px;
    margin-right: 10px;
}

.div3_4{
    font-size: 75%;
}

.pred_list_ttl {
    font-size: 20px;
    font-weight: 700;
    color: #c30e2e;
    margin-bottom: 20px;
}

.predl ul {
    list-style: none;
    padding-left: 0;    
}

.predl ul li:before{
    display: block;
    content: url(../img/check_red.png);
    margin-right: 10px;
}

.predl ul li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.p_label {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
}

.subsribe_form{
    flex-wrap: wrap;
}

.subsribe_form .p_label{
    color: #fff;
    width: 100%;
}

.p_link, .p_link:hover{
    color: #c30e2e;
    text-decoration: underline;
}

.predl .swiper-pagination{
    opacity: 1;
}
.predl .nav-link{
    margin-bottom: 40px;
}

.kons_img {
    position: relative;
    text-align: center;
    max-width: 492px;
    margin: 0 auto;
}

.ruk_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,.7);
    padding: 25px;
}

.ruk_name {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 21px;
}

.problem_kons {
    margin-bottom: 25px;
}

.problem_kons p {
    font-size: 22px;
}

.problem_kons ul {
    font-size: 16px;
}

.resh_kons {
    background: #fff;
    padding: 65px 45px 45px 55px;
    font-weight: 700;
}

.contacts_kons {
    font-size: 22px;
    text-align: center;
    color: #18212e;
    margin-bottom: 50px;
}

.contacts_kons a, .contacts_kons a:hover {
    color: #18212e;
    font-weight: 700;
    text-decoration: none;
}

.kons_form_block {
    background: #f2f2f2;
    border: 1px solid #d9cfd4;
    padding: 65px 140px;
}

.form_ttl_konst {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 40px;
    text-align: center;
}

.kons_form_block .input_main {
    background: #fff;
    border-radius: 10px;
}

select.input_main, textarea.input_main  {
    width: 100%;
}

.kons_form_block textarea.input_main{
    height: 160px;
}

label.kons_label {
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    color: #81838d;
}

.kons_form_block .input_main {
    margin-top: 10px;
}

.nav_files {
	margin-right: 20px;
}

.nav_files_wr {
	width: 160px;
	display: flex;
	justify-content: space-between;
}

.nav_files_wr img {
	width: auto;
	max-width: 60px;
	max-height: 50px;
	height: auto;
}

.mobile_nav_files {
	display: none;
}

.el_news {
	padding: 50px 0;
}

.el_news .spec_container {
	border-bottom: 1px solid #dfdfdf;
}

.el_news .spec_container .col-lg-9.bb {
	border-bottom: 0px solid #dfdfdf;
}

.el_news .pagin, .el_news .wp-pagenavi {
	justify-content: flex-start;
	width: 100%;
}

.nothing-found {
	padding: 30px 0;
}

.with-ukraine img {
	max-width: 100%;
	height: auto;
}

.courses {
	flex-direction: column;
	align-items: flex-start;
}

.courses-wr {
	align-items: center;
	display: flex;
}

.courses-ast {
	color: #718fa0;
	font-size: 11px;
}

.info-100 {
	padding-top: 20px;
}

.running-blocks {

}

.running-blocks > p {
	font-size: 22px;
	font-weight: bold;
	color: #c30e2e;
	text-align: center;
	text-transform: uppercase;
}

.running-blocks-wr {
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
}

.running-blocks-slider {
	display: flex;
	align-items: center;
	width: 200%;
	-webkit-animation: animMarquee 28s linear infinite;
	animation: animMarquee 28s linear infinite;
	transform: translateX(0%);
}

@-webkit-keyframes animMarquee {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@keyframes animMarquee {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.running-blocks-slider .block {
	background-color: #aee4fe;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 10px 20px;
	min-height: 60px;
	width: 100%;
}

.running-blocks-slider .block.yellow {
	background-color: #ffec7b;
}

.running-blocks-slider .block img {}

.running-blocks-slider .block p {
	margin: 0 !important;
	font-size: 17px;
	line-height: 1.2;
}

#partners_pt .text-center, #partners .text-center {
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#partners_pt .text-center img, #partners .text-center img {
	max-height: 100%;
	max-width: 100%;
	height: auto;
}

.form_usl {
	margin-bottom: 0;
	position: relative
}

.form-ch-wr {
	position: absolute;
	left: 0;
	top: calc(100% - 15px);
	width: 100%;
	background: #fff;
	z-index: 2;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	overflow: hidden;
}

.form_usl .wpcf7-form-control-wrap {
	display: block;
	max-height: 0;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.form_usl .wpcf7-form-control-wrap.open {
	max-height: 150000px;
	opacity: 1;
	padding: 15px;
}

.form_usl > label {
	cursor: pointer;
}

.form-ch-wr i.close {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: url('../img/close.png') center center / 10px auto no-repeat,
				#fff;
	z-index: 2;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25);
	display: none;
}

.form-ch-wr i.close.s {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 1;
}

/*.form_usl > label::after {
	content: "";
	color: #c30e2e;
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	translate: 10px 1px;
}*/

.form_usl .wpcf7-checkbox {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px 10px;
}

.form_usl .wpcf7-checkbox .wpcf7-list-item {
	position: relative;
	margin: 0 !important;
	font-size: 15px;
	color: #5e7583;
	font-weight: 500;
}

.form_usl .wpcf7-checkbox .wpcf7-list-item input {
	position: absolute;
	left: -50px;
}

.form_usl .wpcf7-checkbox .wpcf7-list-item label {
	margin-bottom: 0;
}

.form_usl .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
	display: block;
	padding-left: 32px;
}

.form_usl .wpcf7-checkbox .wpcf7-list-item label span {
	position: relative;
}

.form_usl .wpcf7-checkbox .wpcf7-list-item label span::before {
	width: 22px;
	height: 22px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #f2f2f2;
	border-radius: 4px;
}

.form_usl .wpcf7-checkbox .wpcf7-list-item label span::after {
	content: "";
	position: absolute;
	display: none;
}

.form_usl .wpcf7-checkbox .wpcf7-list-item label input:checked ~ span::after {
	display: block;
}
  
.form_usl .wpcf7-checkbox .wpcf7-list-item label span::after {
	left: 8px;
	top: 4px;
	width: 8px;
	height: 12px;
	border: solid #c30e2f;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.form_usl .wpcf7-checkbox .wpcf7-list-item label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

#zayavka .modal-content {
	background-image: url('../img/zayavka22.jpg') !important;
	background-size: cover;
	background-position-x: -470px !important;
}

.form_usl.fu-col2 .wpcf7-checkbox {
	grid-template-columns: 1fr 1fr;
	gap: 15px 15px;
}

#offer_slides a.btn_main, .of_btn a.btn_main {
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 10px;
	background: #c30e2e;
	padding: 15px 25px;
	border: 0;
	animation: pulse 1.5s infinite;
}

.after_preims {
	margin-top: 40px;
}

.after_preims .about_media {
	margin-bottom: 10px;
	padding-top: 15px;
}

.after_preims h2 {
	padding-left: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

@-webkit-keyframes pulse {
	0% {
	  	-webkit-box-shadow: 0 0 0 0 rgba(195, 14, 46, 1);
	}
	70% {
		-webkit-box-shadow: 0 0 0 15px rgba(195, 14, 46, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(195, 14, 46, 0);
	}
}

@keyframes pulse {
	0% {
	  	-moz-box-shadow: 0 0 0 0 rgba(195, 14, 46, 1);
	  	box-shadow: 0 0 0 0 rgba(195, 14, 46, 1);
	}
	70% {
		-moz-box-shadow: 0 0 0 15px rgba(195, 14, 46, 0);
		box-shadow: 0 0 0 15px rgba(195, 14, 46, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(195, 14, 46, 0);
		box-shadow: 0 0 0 0 rgba(195, 14, 46, 0);
	}
}

.form_usl.fu-col2 .checkbox-result {
	background: #fff;
	border: none;
	padding: 20px 25px;
	width: 100%;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 16px;
	border-radius: 0;
}

#offer_slides a.btn_main, .of_btn a.btn_main:hover {
	background: #9f0b25;
}

#offer_slides a.btn_main, .of_btn a.btn_main i {
	margin-left: 10px;
}

a.img-wr {
	display: block;
	max-height: 190px;
	overflow: hidden;
}

.video-code iframe {
	width: 100% !important;
	max-width: 100% !important;
	height: 480px;
}

.dop-text {
	margin-top: 20px;
}

.real_ttl {
	position: relative;
}

.license-img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -100px;
	max-width: 200px;
	max-height: 290px;
}

.real_ttl.real_ttl_new h3 {
	padding-left: 120px;
}

.pp-custom-container {
	display: flex;
	flex-direction: column;
}
	
.pp-custom-container > img {
	order: 1;
}
	
.pp-custom-container > .video-code {
	order: 3;
}
	
.pp-custom-container > .row.no-gutters {
	order: 2;
}

.news_content table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.news_content table td, .news_content table th {
	border: 1px solid #ccc;
	padding: 8px 12px;
}

.table-wr {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
}

@media screen and (max-width: 1639.8px) {

}

@media screen and (max-width: 1581.8px) {
    .counter{
        width: 250px;
        font-size: 36px;
    }
    .line{
        min-width: 80px;
    }
	.with-ukraine {
		max-width: 185px;
	}
}

@media screen and (max-width: 1420.8px) {
    .offer_desc{
        max-width: 400px;
    }
    .toggles{
        width: calc(100% - 280px);
    }
	.with-ukraine {
		max-width: 185px;
	}
}

@media screen and (max-width: 1384px) {
    .with-ukraine {
		max-width: 175px;
	}
	
	.logo, .custom-logo {
		margin-right: 15px;
	}
	
	/*.topbar .menu-item {
		padding: 5px 10px;
	}*/
	
	.topbar .f_mail {
		margin-right: 15px;
	}
	
	.topbar .footer_info_item {
		margin-right: 15px;
	}
	
	.topbar .menu-item {
		padding: 5px 12px;
	}
}

@media screen and (max-width: 1290.8px) {
    /*    .nav_bar .nav-link, .nav_bar .menu-item a{
            font-size: 9px;
            font-weight: 900;
            padding-left: 4px;
            padding-right: 4px;
        }*/
    .nav_bar .menu-item{
        margin-right: 12px;
    }
    .nav_bar .menu-item a{
        font-size: 11px;
        padding-right: 0;
    }
	
	.logo, .custom-logo {
		margin-right: 10px;
	}
	
	.topbar .menu-item {
		padding: 5px 10px;
	}
	
	.topbar .f_mail {
		margin-right: 10px;
	}
	
	.topbar .footer_info_item {
		margin-right: 10px;
	}
	
	.with-ukraine {
		max-width: 165px;
	}
}

@media screen and (max-width: 1199.8px){
    .w-xl-75{
        max-width: 100%;
    }
    .counter{
        width: 180px;
        font-size: 30px;
    }
    .toggles{
        width: calc(100% - 200px);
        padding: 30px 10px;
    }
    .toggle_item{
        font-size: 10px;
        margin: 0 5px;
    }
    .line{
        min-width: 60px;
    }
    h2{
        font-size: 56px;
    }
    .nav_bar{
        padding: 5px 0;
    }
    .about{
        padding-top: 60px;
    }
    #top_search{
        height: auto;
        padding: 0;
        top: -8px;
    }
    .coal_product{
        width: 33%;
        margin-bottom: 30px;
    }
    .about_desc{
        padding-right: 0;
    }
    .perevagi_ttl{
        max-width: 100%;
    }
    .topbar .footer_info_item{
        font-size: 14px;
        margin-right: 15px;
        align-items: center;
    }
	
	.running-blocks-slider {
		width: 300%;
	}
}

@media screen and (max-width: 991.8px){
    /*    .per_item{
            height: 300px;
        }*/
    .lang_btn{
        margin-right: 0;
    }
    /*    .mobile_menu{
            top: 124px;
        }*/
    .kons_img {
        margin-bottom: 30px;
    }
    .angle_span:after{
        display: none;
    }
    #zayavka .modal-content{
        background: #fff !important;
    }
    #zayavka form{
        padding: 20px 0px;
    }
    #zayavka h2, #zayavka .form_desc{
        text-align: center;
    }
    .about_doc{
        position: relative;
        top: auto;
        left: auto;
        transform: translateY(0);
    }
    .about_imgs{
        text-align: center;
    }
    .mis_decor{
        display: none;
    }
    .cennosti h2{
        text-align: center;
    }
    .cennosti_desc{
        text-align: center;
        max-width: 100%;
    }
    .team_decor{
        left: auto;
        right: 0;
    }
    .fos_tel{
        font-size: 36px;
    }
    .fos_mail{
        font-size: 24px;
    }
    .cfos{
        padding: 80px 20px;
    }
    .map{
        height: 400px;
    }
    .error_msg{
        font-size: 32px;
        line-height: 32px;
        max-width: 26px;
        max-height: 32px;
        bottom: 42%;
    }
    .coal_product{
        width: 50%;
        margin-bottom: 30px;
    }
    .footer_info .col-lg-3{
        padding-bottom: 0px;
    }
    .cat_btns .cat_btn{
        font-size: 14px;
    }
    .topbar .custom-logo, .topbar .logo{
        max-height: 65px;/*46*/
        min-width: 0 !important;
		width: auto;
		max-width: 97px;
    }
    .kons_form_block{
        padding: 40px;
    }
	.ham {
		margin-left: 0;
	}
	.nav_files {
		margin-right: 10px;
	}
	.footer_logo img {
		max-height: 65px;
		width: auto;
		max-width: 97px;
	}
	.info-100 {
		padding-top: 40px;
	}
	.running-blocks-slider {
		width: 400%;
	}
	.el_news .col-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 767.8px){
    .kons_form_block{
        padding: 40px 20px;
    }
    .problem_kons p, .contacts_kons {
        font-size: 18px;
    }
    .problem_kons{
        margin-bottom: 25px;
    }
    .problem_kons ul{
        font-size: 14px;
    }
    .resh_kons {
        font-size: 16px;
        text-align: center;
        padding: 30px 15px;
    }
    .subsribe_form {
        justify-content: center;
    }
    .decor{
        display: none;
    }
    .about_media{
        width: 90%;
        margin-bottom: 80px;
    }
    .per_item{
        height: auto;
    }
    .subsribe{
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: cover;
    }
    h2{
        font-size: 36px;
    }
    .about{
        padding-bottom: 50px;
    }
    .perevagi{
        padding-top: 50px;
    }
    .subsribe h2{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .subsribe_form{
        flex-wrap: wrap;
    }
    .subsribe_form .input{
        max-width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
    .subsribe_form span.your-email{
        width: 100%;
    }
    .btn_subscribe{
        width: 100%;
    }
    .page_404 .btn_subscribe{
        max-width: 200px;
    }
    .mission, .cennosti, .team, .normat_docs{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .about_list{
        margin-bottom: 20px;
    }
    .about_text{
        margin-bottom: 30px;
    }
    .mission_images img{
        margin-bottom: 30px;
    }
    .team_decor{
        left: auto;
        right: -50px;
    }
    .page_offer h1, .simple_h {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .pagesub {
        font-size: 18px;
    }
    .page_offer .text_shadow:first-letter{
        letter-spacing: 2px;
    }
    .crumb{
        font-size: 14px;
    }
    .page_offer{
        padding: 80px 0;
    }
    .dogovor_baner, .dogovor_link{
        height: auto;
        margin-bottom: 20px;
    }
    .team_photo{
        margin-bottom: 50px;
    }
    .cfos, .kontacti{
        padding: 40px 20px;
    }
    .cfos{
        margin-bottom: 30px;
    }
    .quote{
        margin-left: 0;
        font-size: 16px;
    }
    .prev_news{
        flex-wrap: wrap-reverse;
    }
    .next_news{
        flex-wrap: wrap;
    }
    .navigation{
        background: #f2f2f2;
    }
    .white_bg .btn_white{
        background: #c30e2e;
        color: #fff;
    }

    .white_bg .btn_white img{
        filter: grayscale(100%) brightness(600%);
    }

    .white_bg .btn_white:hover{
        background: #c30e2e;
    }
    .type_sub{
        font-size: 22px;
    }
    .umova:after, .umova:before{
        display: none;
    }
    .umova{
        margin-right: 0;
        margin-left: 0;
    }
    .ceremoni {
        padding: 20px 10px;
    }
    .quiz_grant .btn_subscribe{
        margin-left: 0 !important;
        margin-top: 15px;
    }
    .hidden_table{
        overflow-x: auto;
    }
    .ruk_name {
        font-size: 18px;
    }
	
	.nav_files {
		display: none;
	}
	
	.mobile_nav_files {
		display: block;
	}
	
	#mob_offer .swiper-slide:nth-child(7) .mob_slide {
		background-position: left center;
	}
	
	.mobile_right .social_links.head_socials {
		display: block;
		margin-top: 20px;
	}
	
	.mobile_right .social_links.head_socials img {
		margin-left: 0;
		margin-right: 10px;
		max-width: 38px;
	}
	
	.with-ukraine {
		display: none;
	}
	
	.footer_info {
		padding-left: 15px;
	}
	
	.kontacti {
		padding: 40px 0px;
	}
	
	.form_usl.fu-col2 .wpcf7-checkbox {
		grid-template-columns: 1fr;
	}
	
	.running-blocks-slider {
		width: 400%;
	}
	
	.running-blocks-slider {
		-webkit-animation: animMarquee 15s linear infinite;
		animation: animMarquee 15s linear infinite;
	}
	
	.about-video-block {
		height: auto;
	}
	
	.about_media {
		width: 100%;
	}
	
	.footer .spec_container {
		padding-right: 0;
	}
	
	.social_links.footer_socials {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 10px;
		margin-top: 15px;
	}
	
	.social_links.footer_socials img {
		margin-left: 0px;
		margin-top: 0px;
	}
	
	.license-img {
		left: 10px;
		max-width: 100px;
	}
	
	.pp-custom-container {
		display: flex;
		flex-direction: column;
	}
	
	.pp-custom-container > img {
		order: 1;
	}
	
	.pp-custom-container > .video-code {
		order: 3;
	}
	
	.pp-custom-container > .row.no-gutters {
		order: 2;
	}
}

@media screen and (max-width: 575.8px){
    .predl .nav-link{
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .pder_ttl, .pred_price_ttl{
        font-size: 20px;
    }
    .pred_price_block_price{
        font-size: 30px;
    }
    .pred_price_block{
        padding: 5px 10px;
    }
    .ppr_img{
        max-width: 55px;
        height: auto;
    }
    .mob_slide {
        height: 100vh;
    }
    body, .list_ttl, .vac_note, .pp_docs_desc, .pravila_desc, .realiz{
        font-size: 15px;
    }
    .real_tbl{
        font-size: 13px;
    }
    .real_desc{
        padding: 25px 15px;
    }
    .real_ttl h3{
        font-size: 18px;
        padding: 20px;
    }
    .real_ttl{
        height: 200px;
    }
    .perevagi h2{
        font-size: 24px;
        margin-left: 0;
        padding: 0;
        padding-left: 16px;
        margin-bottom: 20px;
    }
    .perevagi .btn_main{
        margin-left: 0;
    }
    .per_item h3, .pravila_us{
        font-size: 18px;
    }
    .per_item{
        padding: 30px;
    }
    .post_item, .footer{
        flex-wrap: wrap;
    }
    .post_item{
        height: auto;
    }
    .post_trumb{
        height: 200px;
    }
    .subsribe{
        padding: 30px 0;
    }
    .media_center{
        padding: 40px 0;
        background: #f2f2f2;
    }
    .post_trumb{
        width: 100%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 10px;
    }
    .post_info{
        height: auto;
    }
    .post_margin{
        margin-bottom: 35px;
    }
    .footer_logo{
        padding: 0px;
		padding-left: 0;
    }
	.footer_logo img {
		max-height: 65px;
		width: auto;
	}
    .about{
        padding-top: 40px;
    }
    .nav_right{
        padding-left: 0;
        border: none;
    }
    .nav_bar .logo, .nav_bar .custom-logo{
        max-width: 75px !important;
    }
    /*    .mobile_menu{
            top: 50px;
        }*/
    #zayavka h2, .about_description h2, .cennosti h2, .team h2, .mission h2, .normat_docs h2, .vakansii_description h2,
    .vac_list h2, .produkcia h2, .pp_docs h2, .about_description h2, .nd_page h2, .contacts h2, #thanks h2, .news h2, 
    h2.garannt_ttl{
        font-size: 24px;
    }
    h2.small_h {
        font-size: 22px;
    }
    .vac_list{
        background-position-x: left;
    }

    .vac_list .xes:after{
        left: calc(100% + 130px);
    }
    .about_description h2, .cennosti h2, .team h2, .mission h2, .normat_docs h2{
        margin-bottom: 30px;
    }
    .bl{
        padding-left: 12px;
    }
    .lozung{
        font-size: 22px;
    }
    .cennosti h2{
        margin-bottom: 15px;
    }
    .modal-content{
        padding: 10px;
    }
    button.close{
        right: -10px;
        top: -10px;
    }
    .about_list_ttl{
        font-size: 16px;
        padding: 20px 30px;
    }
    .cennosti_desc, .color_desc, .fos_desc, .g_price h3, .base_price, .real_desc{
        font-size: 16px;
    }
    .doc_link, .team_ttl, .g_price{
        font-size: 14px;
    }
    .tabs .nav-link{
        background: #fff;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 900;
        color: #27282d;
        padding: 15px 10px;
        border-radius: 0;
        margin-right: 0px;
        font-size: 13px;
    }
    .prices_header{
        padding: 10px;
        flex-wrap: wrap;
    }
    .price_item{
        width: 100%;
    }
    .prices .tab-content{
        padding: 10px 0;
    }
    .color_img{
        min-width: 46px;
        margin-right: 10px;
    }
    .color_desc{
        padding: 20px 15px;
    }
    .lk_item{
        height: auto;
        margin-bottom: 20px;
    }
    .lk{
        text-align: center;
    }
    .fos_tel{
        font-size: 20px;
    }
    .fos_mail{
        font-size: 20px;
    }
    .fos_tel img, .fos_mail img{
        max-width: 20px;
        height: auto;
        margin-right: 10px;
    }
    .news_ttl{
        font-size: 13px;
    }
    .error_msg{
        font-size: 18px;
        line-height: 32px;
        max-width: 18px;
        max-height: 32px;
        bottom: 42%;
    }
    .coal_product{
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .product{
        padding: 10px;
        font-size: 13px;
    }
    .type{
        padding: 15px;
    }
    .type_icon{
        width: 90px;
        min-width: 90px;
    }
    .type_desc{
        font-size: 12px;
        line-height: 1.2;
    }
    .type_ttl, .news h3{
        font-size: 18px;
    }
    .type_marg{
        padding-left: 0;
        padding-right: 0;
    }
    .news_share{
        text-align: left;
    }
    .nav_ttl{
        display: none;
    }
    .no_after:after{
        display: none;
    }
    .g_dogovor{
        background: #f2f2f2;
    }
    .team_decor{
        top: 40px;
        right: -60px;
    }
    .c_produkcia{
        background: #f2f2f2 url(../img/dotted_t.png) no-repeat -170px -45px;
    }
    .contacts .input_main{
        border-radius: 10px;
    }
    .contacts .btn_subscribe {
        margin-left: 0 !important;
    }
    .kontacti{
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .kontacti h2{
        text-align: center;
        font-size: 36px;
    }
    .quiz_markers{
        margin-left: 0;
    }
    .quiz_container{
        padding: 30px 20px;
    }
    .quiz_ttl{
        padding-left: 20px;
    }
    .g_tab{
        background: #f2f2f2 url(../img/dotted_top2.png) no-repeat -40px -45px;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    .swiper-button-next img, .swiper-button-prev img{
        width: 14px;
    }
    .swiper-button-next{
        right: 0;
    }
    .swiper-button-prev{
        left: 0;
    }
    .btn_vac{
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
        padding: 20px 15px;
    }
    .card-body{
        padding: 30px 20px;
    }
    .dot_ab_decor{
        position: absolute;
        right: 0;
        bottom: 250px;
    }
    .prices_header_desc{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .tabs .nav-link{
        margin-bottom: 10px;
    }
    .tabs .nav-link{
        width: 150px;
        min-width: 150px;
        text-align: center;
    }
    .next_btn, .prev_btn{
        min-width: 176px;
        margin-top: 10px;
    }
    .quiz .btn_subscribe{
        max-width: 240px;
    }
    .m_nd{
        font-size: 14px;
        padding: 20px 10px;
    }
    .cat_btns .cat_btn{
        font-size: 12px;
        padding: 20px 10px;
    }
    .pravila_price{
        padding: 15px;
    }
    .pravila_price:before, .pravila_price:after{
        display: none;
    }
    .prise {
        font-size: 45px;
    }
    .ceremoni{
        flex-direction: column;
        font-size: 20px;
        text-align: center;
    }
    .ceremoni img{
        margin: 0;
        margin-bottom: 15px;
    }
	
	.social_links.head_socials {
		display: none;
	}
	.running-blocks-slider {
		width: 800%;
	}
	
	.video-code iframe {
		height: 200px !important;
	}
}