body {
    background-color: #f3f5f9;
}

.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-col{
    flex-direction: column;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.items-center {
    justify-content: center;
}

.wp-100 {
    width: 100%;
}

.m-center {
    margin: 0 auto;
}

.cursor-pointer {
    cursor: pointer;
}

.hidden {
    visibility: hidden;
}

.link {
    color: #131313 !important;
    font-weight: 400;
    border-width: 1px;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.link:hover {
    color: #97999c !important;
}


.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-48 {
    padding-bottom: 48px;
}

.pb-80 {
    padding-bottom: 80px;
}


@media (min-width: 980px) {
    .container {
        background-color: #f3f5f9;
        max-width: 1160px;
        margin: 0 auto;
        
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .break_pb_80 {
        padding-bottom: 80px;
    }
    
    /**************************************************************************************************************************/
    /*********** Header ***********/
    /**************************************************************************************************************************/
    
    .header_container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .navbar {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    
    .header_body {
        display: flex;
        flex-direction: row;
    }
    
    .header_body_item {
        font-size: clamp(16px, 5vw, 62px);
        font-weight: bold;
        font-family: 'Ubuntu', Arial, sans-serif;
        width: 50%;
    }
    
    .header_body_item img {
        width: 100%;
    }
    
    .header_navbar a {
        font-weight: bold;
        font-family: 'Ubuntu', Arial, sans-serif;
        text-decoration: none;
        color: black;
        font-size: 16px;
        margin: 0 10px;
    }

    .header_contact {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .btn_callback {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        display: flex;
        align-items: center;
        text-align: center;
        
        background: #DDECFF;
        border-radius: 32px;
        width: 190px;
        height: 40px;
        cursor: pointer;
        transition: background 0.3s ease;
    }
    
    .btn_callback span {
        color: #2560E6 !important;
        width: 100%
    }
    
    .btn_callback:hover {
        background: #0048ce;
        transition: background 0.2s ease-in-out;
    }
    
    .btn_callback span:hover {
        color: #FFFFFF !important;
        transition: background 0.2s ease-in-out;
    }

    .header_phone_number {
        font-weight: bold;
        font-family: 'Ubuntu', Arial, sans-serif;
        margin-top: 10px;
    }

    .header_title {
        padding-bottom: 48px;
    }
    
    .btn_header_try_product {
        display: flex;
        align-items: center;
        text-align: center;
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        cursor: pointer;
        background: #2560E6;
        border-radius: 32px;
        width: 360px;
        height: 52px;
    }
    
    .btn_header_try_product span {
        color: #FFFFFF !important;
        width: 100%
    }
    
    .btn_header_try_product:hover {
        background: #0048ce;
        color: #FFFFFF !important;
        transition: background 0.2s ease-in-out;
    }
    
    /**************************************************************************************************************************/
    /*********** News ***********/
    /**************************************************************************************************************************/
    .block_news {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
    }
    
    .block_news_title {
        background-color: #fff;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .news_title_text {
        font-family: 'Ubuntu', Arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        margin-left: 20px;
    }
    
    .block_news_body {
        display: flex;
        flex-direction: row;
        background-color: #fff;
        padding-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .news_img {
        width: 60%;
    }
    
    .news_img img {
        width: 100%;
    }
    
    .news_body {
        display: flex;
        flex-direction: column;
        width: 40%;
        margin-left: 20px;
    }
    
    .news_title {
        font-size: 20px;
        font-family: 'Ubuntu', Arial, sans-serif;
        line-height: 30px;
    }
    
    .news_text {
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        line-height: 24px;
        margin-top: 40px;
    }
    
    /**************************************************************************************************************************/
    /*********** Videos ***********/
    /**************************************************************************************************************************/
    
    .block_videos {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
    }
    
    .block_videos_title {
        background-color: #fff;
        width: 100%;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .videos_title_text {
        font-family: 'Ubuntu', Arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        margin-left: 20px;
    }
    
    .block_videos_body {
        display: flex;
        flex-direction: row;
        background-color: #fff;
        padding-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .video_img {
        /*display: flex;*/
        /*justify-content: center;*/
        /*align-items: center;*/
        width: 60%;
        /*.   Доделать!!!   */
        /*height: 25vw;*/
        height: auto;
    }
    
    .video_img video {
        width: 100%;
    }
    
    .video_body {
        display: flex;
        flex-direction: column;
        width: 40%;
        margin-left: 20px;
    }
    
    .video_title {
        font-size: 20px;
        font-family: 'Ubuntu', Arial, sans-serif;
        line-height: 30px;
    }
    
    .video_text {
        margin-top: 40px;
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        line-height: 24px;
        font-weight: 400;
    }
    
    /**************************************************************************************************************************/
    /*********** Partners ***********/
    /**************************************************************************************************************************/
    
    .partners {
        display: flex;
        justify-content: center;
        padding-bottom: 20px;
    }
    
    .partners h1 {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        line-height: 41px;
    }
    
    /*Стили кнопок*/
    /*.prev , .next {*/
    /*    cursor:pointer;*/
    /*    padding: 4px;*/
    /*}*/
    /*img.sliderarrowowl {*/
    /*    width: 35px;*/
    /*    margin-top: 15px;*/
    /*    border-radius: 17px;*/
    /*    transition: all 0.2s ease-in-out;*/
    /*}*/
    /*img.sliderarrowowl:hover {*/
    /*    transform: scale(1.2);*/
    /*}*/
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #c399ff;
    }
    .owl-theme .owl-dots .owl-dot span {
        background: #e8f7ff;
    }
    /*img.sliderarrowowl:active {*/
    /*    transform: scale(0.9);*/
    /*}*/
    /*.owl-prev , .owl-next{*/
    /*    display: none !important*/
    /*}*/
    .owl_carousel_item {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	justify-content: center;
    }
    
    .owl_carousel_item p {
    	text-align: center;
    	font-family: 'Ubuntu';
        font-weight: 700;
        font-size: 14px;
        margin: 0 auto
    }
    
    .owl_carousel_item img {
    	width: 60% !important;
    }
    /*.flex_wrap {*/
    /*    display:flex;*/
    /*    gap 10px;*/
    /*}*/
    
    
    /*.owl-carousel, .owl-carousel{*/
    /*    display: block !important;*/
    /*}*/
    
    /**************************************************************************************************************************/
    /*********** Footer ***********/
    /**************************************************************************************************************************/
    .footer_container {
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
        justify-content: center;
        background-color: #f3f5f9;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    
    .footer_caption {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-color: #f3f5f9;
        width: 100%;
        padding-bottom: 27px;
    }
    
    .footer_body {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background-color: #f3f5f9;
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        width: 100%;
        padding-bottom: 72px;
    }
    
    
    .footer_footer {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-color: #f3f5f9;
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        width: 100%;
    }
    
    .footer_body_column {
        flex: 1;
        margin-right: 20px;
    }
    
    .footer_body_column:last-child {
        text-align: right;
    }
    
    .footer_body_column p {
        margin: 10px 0;
    }

}

    /**************************************************************************************************************************/
    /*********** Blog ***********/
    /**************************************************************************************************************************/
    .block_blogs {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
    }
    
    .block_blogs_title {
        background-color: #fff;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .blogs_title_text {
        font-family: 'Ubuntu', Arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        margin-left: 20px;
    }
    
    .block_blogs_body {
        display: flex;
        flex-direction: row;
        background-color: #fff;
        padding-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .blogs_img {
        width: 100%;
    }
    
    .blogs_img img {
        width: 100%;
    }

    .blogs_body {
        display: flex;
        flex-direction: column;
        width: 100%;
        -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        padding: 20px;
    }
    
    .blogs_title {
        font-size: 20px;
        font-family: 'Ubuntu', Arial, sans-serif;
        line-height: 30px;
    }
    
    .blogs_text {
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        line-height: 24px;
        margin-top: 40px;
    }
    
    .blog_footer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .blog_date_of_publication {
        font-size: 14px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        color: #c0c0c0;
    }


@media (max-width: 980px) {
    .container {
        display: none;
    }
    
    .break_pb_80 {
        padding-bottom: 0px;
    }
}


/**************************************************************************************************************************/
/**************************************************************************************************************************/
/*********** Mobile ***********/
/**************************************************************************************************************************/
/**************************************************************************************************************************/

@media (min-width: 980px) {
    .container_mob {
        display: none;
    }
    
    .break_pb_48_mob {
        padding-bottom: 0px;
    }
}

@media (max-width: 980px) {
    .container_mob {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f3f5f9;
        margin: 0 auto;
        /*padding-top: 30px;*/
        /*padding-bottom: 30px;*/
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .break_pb_48_mob {
        padding-bottom: 48px;
    }
    
    /**************************************************************************************************************************/
    /*********** Header Mob ***********/
    /**************************************************************************************************************************/
    
    .header_mob {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .navbar_mob {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background-color: #f3f5f9;
        z-index: 3;
    }
    
    .header_body_mob {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }
    
    .header_body_item_mob {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: clamp(16px, 5vw, 62px);
        font-weight: bold;
        font-family: 'Ubuntu', Arial, sans-serif;
        /*width: 100%;*/
    }
    
    .header_body_item_mob img {
        width: 100%;
    }
    
    .header_navbar_mob a {
        font-weight: bold;
        font-family: 'Ubuntu', Arial, sans-serif;
        text-decoration: none;
        color: black;
        font-size: 16px;
        margin: 0 11px;
    }

    .header_contact_mob {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .btn_callback_mob {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        display: flex;
        align-items: center;
        text-align: center;
        
        background: #DDECFF;
        border-radius: 32px;
        width: 190px;
        height: 40px;
        cursor: pointer;
        transition: background 0.3s ease;
    }
    
    .btn_callback_mob span {
        color: #2560E6 !important;
        width: 100%
    }
    
    .btn_callback_mob:hover {
        background: #0048ce;
        transition: background 0.2s ease-in-out;
    }
    
    .btn_callback_mob span:hover {
        color: #FFFFFF !important;
        transition: background 0.2s ease-in-out;
    }

    .header_phone_number_mob {
        font-weight: bold;
        font-family: 'Ubuntu', Arial, sans-serif;
        margin-top: 10px;
    }

    .header_title_mob {
        /*padding-bottom: 48px;*/
    }
    
    .btn_header_try_product_mob {
        display: flex;
        align-items: center;
        text-align: center;
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        cursor: pointer;
        background: #2560E6;
        border-radius: 32px;
        width: 360px;
        height: 52px;
    }
    
    .btn_header_try_product_mob span {
        color: #FFFFFF !important;
        width: 100%
    }
    
    .btn_header_try_product_mob:hover {
        background: #0048ce;
        color: #FFFFFF !important;
        transition: background 0.2s ease-in-out;
    }
    
    /**************************************************************************************************************************/
    /*********** News Mob ***********/
    /**************************************************************************************************************************/
    
    .block_news_mob {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #f3f5f9;
        width: 90%;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        
    }
    
    .block_news_title_mob {
        background-color: #fff;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        width: 90%;
        padding: 20px;
        margin: 0 auto;
    }
    
    .block_news_body_mob {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        width: 90%;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
    }
    
    .news_img_mob {
        width: 100%;
    }
    
    .news_img_mob img {
        width: 100%;
    }
    
    .news_body_mob {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .news_title_mob {
        font-size: 20px;
        font-family: 'Ubuntu', Arial, sans-serif;
        line-height: 30px;
        margin-top: 20px;
    }
    
    .news_text_mob {
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        line-height: 24px;
        padding-top: 20px;
    }
    
    /**************************************************************************************************************************/
    /*********** Videos Mob ***********/
    /**************************************************************************************************************************/
    
    .block_videos_mob {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 90%;
        margin: 0 auto;
        /*padding-top: 20px;*/
        /*padding-bottom: 20px;*/
        padding-left: 20px;
        padding-right: 20px;
        background-color: #f3f5f9;
    }
    
    .block_videos_title_mob {
        padding: 20px;
        width: 90%;
        margin: 0 auto;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        background-color: #fff;
    }
    
    .block_videos_body_mob {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        width: 90%;
        margin: 0 auto;
        background-color: #fff;
    }
    
    .news_img_mob {
        width: 100%;
        height: 30vw;
    }
    
    .video_img_mob video {
        width: 100%;
    }
    
    .video_body_mob {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    .video_title_mob {
        /*margin-top: 20px;*/
        font-size: 20px;
        font-family: 'Ubuntu', Arial, sans-serif;
        line-height: 30px;
    }
    
    .video_text_mob {
        padding-top: 20px;
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 20px
    }
    
    /**************************************************************************************************************************/
    /*********** Partners Mob ***********/
    /**************************************************************************************************************************/
    
    .partners_mob {
        display: flex;
        justify-content: center;
        padding-bottom: 20px;
    }
    
    .partners_mob h1 {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 27px;
    }
    
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #c399ff;
    }
    .owl-theme .owl-dots .owl-dot span {
        background: #e8f7ff;
    }

    .owl_carousel_item {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	justify-content: center;
    }
    
    .owl_carousel_item p {
    	text-align: center;
    	font-family: 'Ubuntu';
        font-weight: 700;
        font-size: 14px;
        margin: 0 auto
    }
    
    .owl_carousel_item img {
    	width: 60% !important;
    }
    
    /**************************************************************************************************************************/
    /*********** Footer Mob ***********/
    /**************************************************************************************************************************/
    
    .footer_mob {
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
        /*justify-content: center;*/
        justify-content: flex-start;
        background-color: #f3f5f9;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .footer_caption_mob {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-color: #f3f5f9;
        width: 100%;
        padding-bottom: 27px;
    }
    
    .footer_body_mob {
        display: flex;
        flex-direction: column;
        background-color: #f3f5f9;
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        width: 100%;
        padding-bottom: 48px;
    }
    
    .footer_body_mob p {
        margin: 5px 0;
    }
    
    .footer_footer_mob {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-color: #f3f5f9;
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        width: 100%;
    }
    
    .footer_body_column_mob {
        flex: 1;
        margin-right: 20px;
    }
    
    .footer_body_column_mob:last-child {
        text-align: right;
    }
    
    /**************************************************************************************************************************/
    /*********** Blog ***********/
    /**************************************************************************************************************************/
    .block_blogs_mob {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
    }
    
    .block_blogs_title_mob {
        background-color: #fff;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .blogs_title_text_mob {
        font-family: 'Ubuntu', Arial, sans-serif;
        font-size: 28px;
        font-weight: bold;
        margin-left: 20px;
    }
    
    .block_blogs_body_mob {
        display: flex;
        flex-direction: row;
        background-color: #fff;
        padding-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .blogs_img_mob {
        width: 100%;
    }
    
    .blogs_img_mob img {
        width: 100%;
    }

    .blogs_body_mob {
        display: flex;
        flex-direction: column;
        width: 100%;
        -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        padding: 20px;
    }
    
    .blogs_title_mob {
        font-size: 20px;
        font-family: 'Ubuntu', Arial, sans-serif;
        line-height: 30px;
    }
    
    .blogs_text_mob {
        font-size: 16px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        line-height: 24px;
        margin-top: 40px;
    }
    
    .blog_footer_mob {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .blog_date_of_publication_mob {
        font-size: 14px;
        font-family: 'Ubuntu', Arial, sans-serif;
        font-weight: 400;
        color: #c0c0c0;
    }
}

/**************************************************************************************************************************/
/*********** Машины ***********/
/**************************************************************************************************************************/
.car_content {
    /*padding: 0px 30px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
    /*background-color: #f9f9f9;*/
}

/* Первый элемент */
.first_car_content {
    padding-top: 30px;
}

/* Последний элемент */
.last_car_content {
    padding-bottom: 30px;
}

.cars_table {
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.cars_table th:nth-child(1), .cars_table td:nth-child(1) {
    width: 76px;
}

.cars_table th:nth-child(3), .cars_table td:nth-child(3) {
    width: 170px;
}

.cars_table th, .cars_table td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

.cars_table th {
    background-color: #f2f2f2;
}

.cars_table_details {
    display: none;
    background-color: #f9f9f9;
    text-align: left;
    padding: 10px;
}

.cars_table_expanded + .cars_table_details {
    display: table-row;
}

.cars_table_details td {
    border: none;
    padding: 10px;
    font-style: italic;
    color: #666;
}

.cars_table_hidden {
    display: none;
}