@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

body{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.container{
    max-width: 1170px;
}
a:hover{
    text-decoration: none;
}
button:focus, input:focus, a:focus, button:active, input:active, a:active{
    outline: none;
}
.btn.focus, .btn:focus{
    box-shadow: none;
}
.btn-link.focus, .btn-link:focus {
    text-decoration: none;
}
textarea:focus{
    border-color: #191a30;
}
:root{
    --main_text_color: #fb630f;
    --main_background:#080921;
}

/* ----------------------------header------------------------- */
.lang-a.active,
.lang-a:hover{
    color: #fb630f;
}
.header_block .container{
    position: relative;
}
.header_block_wpr{
    position: absolute;
    left: 0;
    top: 48px;
    width: 100%;
    z-index: 50;
}
.logo_block{
    width: fit-content;
    padding-left: 15px;
}

.header_block_slider{
    /* background: url('../image/banner_1.png'); */
    background-size: cover !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    padding-top: 315px;
    padding-bottom: 180px;
}
.header_phone_style{
    color: var(--main_text_color);
    justify-content: flex-end;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}
.header_phone_style a{
    color: white;
    padding-left: 15px;
}
.banner_text_block{
    color: white;
}
.banner_text_block_1{
    font-size: 24px;
    line-height: 60px;
}
.banner_text_block_2{
    font-size: 48px;
    line-height: 60px;
    font-weight: 500;
}
.banner_text_block_links{
    background: transparent;
    border: 2px solid var(--main_text_color);
    border-radius: 10px;
    text-align: center;
    /* max-width: 280px; */
    width: fit-content;
    margin-top: 30px;
    overflow: hidden;
}
.banner_text_block_links a{
    color: var(--main_text_color);
    font-size: 14px;
    line-height: 56px;
    font-weight: 600;
    padding: 0 35px;
    display: block;
    transition: .2s ease;
}
.banner_text_block_links a:hover{
    transition: .2s ease;
    color: var(--main_text_color);
    background: white;
}
.banner_text_block .banner_text_block_links a{
    text-transform: uppercase;
}
.toggle_buttons button{
    font-size: 23px;
    background: transparent;
    border: none;
    color: white;
    padding: 0;
}
.header_menu{
    margin-top: 25px;
}
.header_menu .nav{
    justify-content: space-between;
}
.header_menu .nav a{
    color: white;
    transition: .2s ease;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
}
.header_menu .nav a:hover, .header_menu .nav a.active{
    color: var(--main_text_color);
    transition: .2s ease;
}
.header_menu{
    display: none;
}
.header_menu.show{
    display: block;
}
.header_block{
    position: relative;
}
.header_block::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    background: var(--main_background);
    z-index: 50;
}
.header_block.show_psevdo::before{
    height: 200px;
}
.toggle_buttons button span:nth-child(2){
    display: none;
}
.toggle_buttons button span:nth-child(1){
    display: block;
}
.toggle_buttons.all_menu button span:nth-child(2){
    display: block;
}
.toggle_buttons.all_menu button span:nth-child(1){
    display: none;
}

/* --------------------------footer-------------------------- */

footer{
    background: var(--main_background);
    padding: 60px 0 55px;
    color: white;
}
footer a{
    color: white;
    transition: .2s ease;
}
.footer_logo{
    margin-bottom: 16px;
}
.logo_epigraph{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 44px;
}
.markers_block{
    color: var(--main_text_color);
    width: 20px;
    margin-right: 12px;
}
.footer_info_block{
    font-size: 14px;
    line-height: 24px;
}
.footer_info_block a:hover{
    color: var(--main_text_color);
    transition: .2s ease;
}
.footer_contact{
    margin-bottom: 22px;
}
.socials_footer_block{
    margin-bottom: 28px;
}
.socials_footer_block a{
    color: #4f4f5e;
    font-size: 23px;
    transition: .2s ease;
    display: block;
}
.socials_footer_block div:nth-child(2) a{
    margin: 0 15px;
}
.socials_footer_block a:hover{
    color: var(--main_text_color);
    transition: .2s ease;
}
.footer_langs a{
    padding: 0 8px;
    position: relative;
}
.footer_langs a:first-child{
    padding-left: 0;
}
.footer_langs a:last-child{
    padding-right: 0;
}
.footer_langs a:hover{
    color: var(--main_text_color);
    transition: 0.2s ease;
}
.footer_langs a:not(:last-child)::after{
    position: absolute;
    content: "|";
    right: 0;
}
.footer_langs a:hover::after{
    color: white;
}
.footer_header{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}
.footer_lists ul{
    list-style: none;
    padding-left: 0;
}
.footer_lists ul li{
    font-size: 14px;
    line-height: 30px;
}
.footer_lists a{
    color: #9b9ba7;
    transition: .2s ease;
}
.footer_lists a:hover{
    color: var(--main_text_color);
    transition: .2s ease;
}
.footer_lists_2{
    margin-bottom: 30px;
}
.subscription_block{
    position: relative;
    margin-top: 15px;
}
.header_search_input {
    width: 100%;
    border: 1px solid var(--borders);
    padding: 11px 48px 11px 20px;
    font-size: 14px;
    border-radius: 8px;
}
.header_search_bttn {
    position: absolute;
    right: 3px;
    top: 3px;
    height: 87.5%;
    width: 44px;
    background: var(--main_text_color);
    color: white;
    border: 1px solid var(--main_text_color);
    border-radius: 8px;
}
.bottom_footer_txt, .bottom_footer_txt a{
    font-size: 12px;
    line-height: 24px;
    color: #9b9ba7;
    transition: .2s ease;
}
.bottom_footer_txt a:hover{
    color: var(--main_text_color);
    transition: .2s ease;
}
.bottom_footer{
    background: #03041b;
    padding: 20px 0;
}

/* --------------------------------banner_slider----------------------- */

.banner_block_slider .slick-dots{
    bottom: 70px;
    display: flex;
    flex-direction: column-reverse;
    right: 22.5%;
    align-items: flex-end;
    width: fit-content;
}
.banner_block_slider .slick-dots li button::before{
    color: white;
    background: white;
    opacity: 1;
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 2.5px;
}
.banner_block_slider .slick-dots li.slick-active button:before{
    color: var(--main_text_color);
    background: var(--main_text_color);
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots li.slick-active button{
    font-size: 16px !important;
    line-height: 20px;
    color: var(--main_text_color);
}
.slick-dots li button:before{
    left: 90px;    
    top: 9px;
}
.slick-dots li{
    margin-top: 30px;
}
.banner_block_slider .slick-dots li.slick-active button::after{
    position: absolute;
    width: 30px;
    height: 1px;
    background: var(--main_text_color);
    content: "";
    left: 35px;
    top: 12px;
}

/* ------------------------------info_block------------------------ */

.info_block{
    background: var(--main_background);
    padding: 70px 0;
    color: white;
}
.info_block_wrp{
    padding-left: 30px;
}
.all_style_headers{
    position: relative;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;    
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.all_style_headers::before{
    content: "";
    width: 70px;
    height: 4px;
    background: var(--main_text_color);
    border-radius: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.content_dark_back{
    color: white;
}
.block_icons_main_wpr{
    background: #191a30;
    width: 90px;
    height: 90px;
    min-width: 90px;
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, var(--main_text_color) 100%, var(--main_text_color) 100%),
        linear-gradient(to bottom, var(--main_text_color) 100%, var(--main_text_color) 100%),
        linear-gradient(to right, var(--main_text_color) 100%, var(--main_text_color) 100%),
        linear-gradient(to bottom, var(--main_text_color) 100%, var(--main_text_color) 100%);
    background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
    background-position:    0 0, 100% 0, 100% 100%, 0 100%;
    animation: anim-ramka-6 1.25s cubic-bezier(0.19, 1, 0.22, 1) 1;
    animation-play-state: paused;
}
.block_icons_main:hover .block_icons_main_wpr {
    animation-play-state: running;
}
@keyframes anim-ramka-6 {
    0% {
        background-size:    0 3px, 3px 0, 0 3px, 3px 0;
    }
    25% {
        background-size:    100% 3px, 3px 0, 0 3px, 3px 0;
    }
    50% {
        background-size:    100% 3px, 3px 100%, 0 3px, 3px 0;
    }
    75% {
        background-size:    100% 3px, 3px 100%, 100% 3px, 3px 0;
    }
    100% {
        background-size:    100% 3px, 3px 100%, 100% 3px, 3px 100%;
    }
}


.image_block_styles{
    max-width: 740px;
    width: fit-content;
    margin-left: auto;
    margin-right: 30px;
    position: relative;
}
.image_block_styles img{
    position: relative;
}
.image_block_styles::before{
    content: "";
    position: absolute;
    background: radial-gradient(55% 50%,#fb630f63, #ffffff00);
    height: 126%;
    width: 100%;
    top: -40px;
}
.info_block .info_block_style{
    margin-bottom: 100px;
}

/* --------------------------------info_block_2------------------------ */

.info_block_2{
    overflow: hidden;
}
.info_block_2_in{
    max-width: 718px;
    width: 100%;
    margin-left: auto;
    padding: 80px 0 60px;
}
.contents_info_blocks ul{
    padding-left: 5px;
    list-style: none;
}
.contents_info_blocks ul li:before{
    content: "-";
}
.banner_text_block_links button{
    color: var(--main_text_color);
    /* text-transform: uppercase; */
    font-size: 14px;
    line-height: 56px;
    font-weight: 600;
    padding: 0 35px;
    background: transparent;
    border: none;
}
.lefts_before::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0; 
    height: 0;
    border-top: 80px solid var(--main_text_color);
    border-right-width: 975px;
    border-right-style: solid;
    border-right-color:transparent;
    content: "";
}
.rights_before:before{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0; 
    height: 0;
    border-bottom: 80px solid var(--main_text_color);
    border-left: 800px solid transparent;
    content: "";    
    z-index: 50;
    opacity: 0.8;
}

/* -------------------areas_use_block------------------- */

.areas_use_block{
    background: var(--main_background);
    color: white;
    padding: 55px 0;
}
.light_headers{
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 35px;
}
.block_icons_areas{
    background: #191a30;
    border-radius: 12px;
    padding: 30px 35px;
    text-align: center;
    /* height: 100%; */
    min-height: 200px;
    width: 93%;
    cursor: pointer;
    position: absolute;
    -webkit-box-shadow: 0 8px 6px -6px var(--main_background);
    -moz-box-shadow: 0 15px 12px -6px var(--main_background);
    box-shadow: 0 15px 12px -6px var(--main_background);
    z-index: 1;
}
.block_icons_areas:hover{
    z-index: 5;
}
.block_icons_areas img{
    margin-bottom: 20px;
}
.mrgn_bttn_blck{
    margin-bottom: 30px;
    min-height: 200px;
}
.block_icons_areas .banner_text_block_links{
    height: 0;
    border-color: transparent;
    margin-top: 0;
    transition: linear .5s;
}
.block_icons_areas .banner_text_block_links a{
    font-size: 0;
    transition: all .2s;
}
.block_icons_areas:hover .banner_text_block_links{
    height: auto;
    border-color: var(--main_text_color);
    margin-top: 15px;
    transition: linear .5s;
}
.block_icons_areas:hover .banner_text_block_links a{    
    line-height: 44px;
    font-size: 12px;
    transition: all .2s;
}
.contents_areas{
    margin-top: 30px;
}

/* ----------------------------our_works_block---------------------- */

.our_works_section{
    overflow: hidden;
    padding-top: 65px;
    position: relative;
}
.our_works_section::before{
    content: "";
    width: 0; 
    height: 0;
    border-top: 50px solid #393a4d;
    border-right: 720px solid transparent;
    left: 0;
    position: absolute;
    top: 0;
}
.our_works_section::after{
    content: "";
    width: 0; 
    height: 0;
    border-top: 85px solid #fc823f;
    border-left: 1200px solid transparent;
    right: 0;
    position: absolute;
    top: 0;
}
.our_works_block{
    border-radius: 8px;
    overflow: hidden;
}
.txt_our_works{
    margin-bottom: 40px;
}
.sert_blocks_img{
    max-width: 212px;
    width: 100%;
}
.sert_blocks_mains {
    margin-bottom: 70px;
}
.sert_blocks_mains .sert_blocks_img{
    margin-bottom: 20px;
}

/* ------------------------block_info_txt----------------- */

.block_info_txt{
    position: relative;
    background: #f7f7f8;
    padding-top: 130px;
    padding-bottom: 80px;
    overflow: hidden;
}
.block_info_figure{
    width: 0; 
    height: 0;
    border-top: 130px solid white;
    border-left: 1900px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}
.block_info_txt_hdrs{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
}
.tggle_class{
    background: transparent;
    border: none;
    position: relative;
    color: var(--main_text_color);
    padding-left: 0;
}
.tggle_class::after {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 700; 
    content: "\f107";
    top: 2px;
    position: absolute;
    right: -12px;
    transform: rotate(0deg);
    transition: .2s ease;
}
.tggle_class.active::after{
    transform: rotate(180deg);
    transition: .2s ease;
}
.tggle_class span:nth-child(2){
    display: none;
}
.tggle_class span:nth-child(1){
    display: block;
}
.tggle_class.active span:nth-child(2){
    display: block;
}
.tggle_class.active span:nth-child(1){
    display: none;
}
.tggle_class_txt{
    max-height: 150px;
    overflow: hidden;
}
.tggle_class_txt.active{
    max-height: 100%;
}

/* -----------------------------breadcrumb_blocks----------------------- */

.breadcrumb_blocks{
    padding: 145px 0 40px;
    background: url('../image/background_1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.breadcrumb_blocks::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    box-shadow: inset 0 -80px 80px -50px rgba(8, 9, 33, 1);
    content: "";
}
.breadcrumb_blocks_hdrs{
    font-size: 30px;
    font-weight: 600;
    color: white;
    text-align: center;
    margin-bottom: 10px;
}
.breadcrumb_blocks .breadcrumb{
    background: transparent;
    justify-content: center;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 24px;
}
.breadcrumb_blocks .breadcrumb .breadcrumb-item a{
    color: var(--main_text_color);
}
.breadcrumb_blocks .breadcrumb .breadcrumb-item.active a{
    color: white;
}

/* ------------------------------ceramic_info_block_1-------------------------- */

.ceramic_info_block_1{
    overflow: hidden;
    /* max-width: 1910px; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.ceramic_info_block_1::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: 0;
    border-bottom: 70px solid #fc823f;
    border-right: 940px solid transparent;
}
.ceramic_info_block_1_wrp{
    padding: 60px 0 75px;
}
.ceramic_info_wrp{
    margin-bottom: 30px;
}
.ceramic_info_wrp_hdrs p:first-child{
    font-size: 18px;
}
.ceramic_info_wrp_images_right{
    width: 940px;
    height: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
}
.ceramic_info_wrp_images_right::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 65px solid #fc823fe3;
    border-left: 940px solid transparent;
    z-index: 50;
    left: 0;
}
.rights_before .ceramic_info_wrp_images_right::after{
    display: none;
}

/* -----------------------ceramic_info_block_2----------------------- */

.ceramic_info_block_2{
    background: var(--main_background);
    color: white;
}
.ceramic_info_block_2_wpr{
    padding: 85px 0 70px 0px;
}
.ceramic_info_wrp_images_left{
    width: 940px;
    height: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
    left: -70%;
}

/* -----------------------ceramic_info_block_1_dark----------------------- */

.ceramic_info_block_1_dark{
    background: var(--main_background);
    color: white;
}
.ceramic_info_block_1_dark .ceramic_info_wrp_images_right::after, .ceramic_info_block_1_dark.ceramic_info_block_1::before{
    display: none;
}
.ceramic_info_block_1_dark_icons{
    margin-top: 30px;
}
.ceramic_info_block_1_dark .ceramic_info_block_1_wrp{
    padding: 60px 0 65px;
}
.ceramic_info_block_1_dark_icons .block_icons_main_wpr{
    margin-right: 20px;
    margin-bottom: 0;
}
.ceramic_info_block_1_dark_icons .block_icons_main {
    margin-bottom: 50px;
}

/* --------------------------reviews_section------------------------ */

.reviews_block_brands{
    background: #f7f7f8;
    width: 100%;
    border-radius: 10px;
    height: 100%;
}
.reviews_block_brands_logo{
    height: 100px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviews_block_brands_txt{
    padding: 0 30px 30px;
}
.reviews_block_brands_txt_cntnt{
    margin-bottom: 30px;
}
.reviews_block_brands_name{
    font-weight: 600;
}
.reviews_block_brands_ppl{
    font-size: 14px;
}
.blck_mrgns{
    margin-bottom: 48px;
}

/* --------------------------block_info_txt_dark---------------------- */

.block_info_txt_dark{
    position: relative;
    background: var(--main_background);
    padding-top: 130px;
    padding-bottom: 80px;
    overflow: hidden;
    color: white;
}
.block_info_txt_dark_img{
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.recent_publications img{
    width: 100%;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.recent_publications{
    padding-top: 100px;
    position: relative;
    overflow: hidden;
}
.recent_publications .publication-title{
    font-size: 20px;
    font-weight: 600;
}
.recent_publications .publication-title a{
    color: black;
}
.publication-container{
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}
.publication-container.publication-container-in{
    margin: 0 40px 20px 0;
    float: left;
}
.publication-container .publication-date{
    position: absolute;
    top: 24px;
    left: 24px;
    background-color:var(--main_text_color);
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
}
.publication-container .publication-date .day{
    font-size: 24px;
}
.publication-container .publication-date .date{
    font-size: 12px;
}
.publication-texts{
    padding: 25px 30px;
    background-color: #f7f7f8;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.recent_publications::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 85px solid #fc823f;
    border-left: 950px solid transparent;
    right: 0;
    position: absolute;
    top: 0;
}
.bn-2 .btn-more {
    width: auto;
    display: block;
    padding: 15px 25px;
    margin: auto;
    border: 2px solid var(--main_text_color);
    background: transparent;
    color: var(--main_text_color);
    border-radius: 10px;
}
.partners{
    position: relative;
    background: #f7f7f8;
    padding-top: 130px;
    padding-bottom: 80px;
    overflow: hidden;
}
.partners-header{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 45px;
}
.col-qweb-partner{
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media(max-width: 768px){
    .col-qweb-partner{
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media(max-width: 374px){
    .col-qweb-partner{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    } 
}

.col-qweb-partner div{
    background-color: #f0f0f0;
    min-height: 110px;
    width: 100%;
    margin-bottom: 35px;
    border-radius: 10px;
}

.our_advantages_section {
    overflow: hidden;
    padding-top: 65px;
    position: relative;
    padding-bottom: 50px;
}
.our_advantages_section::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #393a4d;
    border-right: 720px solid transparent;
    left: 0;
    position: absolute;
    top: 0;
}
.our_advantages_section::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 85px solid #fc823f;
    border-left: 1200px solid transparent;
    right: 0;
    position: absolute;
    top: 0;
}
.our_advantages_section_only_light::before{
    display: none;
}
.our_advantages_section .block_icons_main{
    margin-bottom: 40px;
}
.our-advantages-footer {
    width: 0;
    height: 0;
    border-top: 70px solid white;
    border-left: 950px solid #fc823f;
    position: absolute;
    bottom: 0;
    left: 0;
}

.ceramic_info_wrp ul{
    -moz-column-count: 2;
    -webkit-column-count: 2; 
    column-count: 2;
    padding-left: 0;
    list-style: none;
}
.ceramic_info_wrp ul li{
    padding-left: 10px;
    position: relative;
}
.ceramic_info_wrp ul li:before {
    content: "-";
    position: absolute;
    left: 0;
}
.counters_numbers{
    counter-reset: section;
}
.counters_numbers .block_icons_main_wpr{
    position: relative;
}
.counters_numbers .block_icons_main_wpr::before{
    content: "0" counter(section);
    counter-increment: section;
    color: var(--main_text_color);
    font-size: 42px;
    font-weight: 200;
}
.ceramic_info_block_1_dark_accord .accordion .card{
    background: #191a30;
    margin-bottom: 10px;
    border-radius: 10px;
}
.ceramic_info_block_1_dark_accord .card-header{
    padding: 25px 20px;
}
.ceramic_info_block_1_dark_accord .card-body{
    padding-top: 0;
}
.ceramic_info_block_1_dark_accord .card-header button{
    color: var(--main_text_color);
    font-weight: 600;
    padding: 0;
}
.ceramic_info_block_1_dark_accord .card-header button:hover{
    text-decoration: none;
}

/* -------------------------our_advantages_section_contrary--------------------- */

.our_advantages_section_contrary::before{
    border-top: 85px solid #393a4d;
    border-right: 1200px solid transparent;
}
.our_advantages_section_contrary::after{
    border-top: 50px solid #fc823f;
    border-left: 720px solid transparent;
}
.application_form{
    background: var(--main_background);
    border-radius: 10px;
    padding: 40px;
}
.application_form_input input, .application_form_input textarea{
    font-size: 16px;
    line-height: 24px;
    background: #191a30;
    color: white;
    border: 1px solid #191a30;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
}
.application_form_input textarea{
    padding-top: 10px;
}
.application_form_input input{
    height: 60px;
}
.application_form_input input::placeholder, .application_form_input textarea::placeholder{
    font-size: 16px;
    line-height: 24px;
    color: white;
}
.form-control:focus{
    background: #191a30;
    border-color: #191a30;
    box-shadow: none;
    color: white;
}

.counters_numbers_width{
    max-width: 250px;
    width: 100%;
    margin-bottom: 20px;
}
.ceramic_info_wrp_images_left{
    box-shadow: inset 0 0 30px 80px rgba(8,9,33,0.8);
}
.ceramic_info_block_2v .ceramic_info_block_2_wpr {
    padding: 85px 0 40px 0px;
}
.ceramic_info_block_2v .ceramic_info_wrp_hdrs{
    margin-bottom: 35px;
}

.our_works_section_ver{
    padding-bottom: 70px;
}
.our_works_section_ver .block_info_txt_dark_img{
    margin-bottom: 30px;
}
.ceramic_info_block_2.ceramic_info_block_2v{
    overflow: hidden;
}

/* -------------------------------how_working_block------------------------ */

.how_working_block{
    padding-top: 100px;
}
.our_advantages_section_contrary.how_working_block::before{
    border-top: 85px solid #fc823f;
}
.our_advantages_section_contrary.how_working_block::after{
    border-top: 50px solid #393a4d;
}
.how_working_block .block_info_txt_dark_img{
    margin-bottom: 30px;
}
.ceramic_info_wrp_not_count ul{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
.ceramic_info_block_2v .ceramic_info_block_2_wpr.ceramic_info_block_2_wpr_versia {
    padding: 90px 0 80px 0px;
}
.our_advantages_section_contrary.our_advantages_section_contrary_new::before {
    border-top: 65px solid #fc823f;
    border-right: 950px solid transparent;
}
.our_advantages_section_contrary.our_advantages_section_contrary_new::after{
    display: none;
}

/* --------------------ceramic_info_block_1_vers_2-------------------- */

.ceramic_info_block_1_vers_2{
    position: relative;
    padding: 70px 0;
}
.ceramic_info_block_1_vers_2::after{
    content: "";
    width: 0;
    height: 0;
    border-top: 60px solid #fc823f;
    border-left: 780px solid transparent;
    right: 0;
    position: absolute;
    top: 0;
}
.ceramic_info_block_1.ceramic_info_block_1_vers_2::before{
    border-right: 780px solid transparent;
    border-bottom: 58px solid #fc823f;
}
.image_links_block{
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
}
.image_links_block_txt{
    position: absolute;
    bottom: 20px;
    left: 30px;
    max-width: 260px;
    width: 100%;
}
.image_links_block_txt .image_links_block_txt_vid{

    color: white;
    font-weight: 600;
    font-size: 21px;
    line-height: 30px;
}
.image_links_block_txt_hid{
    font-size: 14px;
    display: none;
    color: var(--main_text_color) !important;
}
.image_links_block_main:hover .image_links_block_txt_hid{
    display: block;
    line-height: 30px;
    font-weight: 600;
}
.image_links_block_txt_hid span{
    margin-left: 10px;
}
.image_links_block_main{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 30px;
}
.image_links_block_main::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    box-shadow: inset 0 -80px 80px -50px rgba(8, 9, 33, 1);
    content: "";
}

/* ---------------------description_photo_album----------------- */

.description_photo_album{
    background: var(--main_background);
    padding: 50px 0 45px;
    color: white;
}
.description_photo_album_image{
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.products_block{
    background: #f7f7f9;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    padding-bottom: 25px;
    height: 100%;
}
.products_block_image{
    background: white;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.products_block_image img{
    width: 100%;
}
.products_block_hdrs{
    font-weight: 600;
    padding: 0 10px;
    margin-bottom: 5px;
}
.products_block_txt{
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
}
.products_block_bttn{
    padding: 0 10px;
}
.products_block_wpr{
    height: 100%;
}
.products_block_mrgn{
    margin-bottom: 60px;
}
.tables_style_block{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
    width: 1140px;
}
.tables_style_block_hdrs{
    font-size: 16px;
    line-height: 60px;
    font-weight: 600;
    margin-right: 23px;
}
.tables_style_hdrs{
    background: #f7f7f9;
}
.tables_style_block_hdrs div:nth-child(2){
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
/* .tables_style_block_hdrs_cell{
    background: #f7f7f9;
} */
.tables_style_block_hdrs div:first-child .tables_style_block_hdrs_cell{
    border-top-left-radius: 10px;
}
.tables_style_block_hdrs div:last-child .tables_style_block_hdrs_cell{
    border-top-right-radius: 10px;
}
.tables_style_block_hdrs span{
    padding-left: 20px;
}
.tables_style_block_txt{
    font-size: 16px;
    line-height: 50px;
}
.tables_style_block_txt span{
    padding-left: 20px;
}
.tables_style_block_txt{
    border-bottom: 1px solid #eaeaea;
    /* margin-right: 15px; */
}
.tables_style_block_txt:last-child{
    border-bottom: none;
}
.tables_style_block_txt div:nth-child(2){
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
.section_tables{
    padding-bottom: 100px;
}

.tables_scroll_in{
    max-height: 530px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.tables_scroll_in::-webkit-scrollbar, .content_block_txt::-webkit-scrollbar {
    width: 3px;
}
.tables_scroll_in::-webkit-scrollbar-track, .content_block_txt::-webkit-track {
    box-shadow: inset 0 0 6px #d6d6d6;
}
.tables_scroll_in::-webkit-scrollbar-thumb, .content_block_txt::-webkit-thumb {
    background-color: var(--main_text_color);
}
.our_works_section_type.our_works_section::before{
    border-top: 50px solid #fc823f;
}
.our_works_section_type.our_works_section::after{
    border-top: 85px solid #393a4d;
}
.our_works_section_ver_txt1{
    margin-bottom: 30px;
}
.our_works_section_ver_txt1:last-child{
    margin-bottom: 0;
}
.publication-title a{
    color: black;
    font-weight: 600;
    font-size: 20px;
}
.publication-container .h-100{
    border-radius: 10px;
    overflow: hidden;
}
/*.ceramic_info_block_1.ceramic_info_block_1_vers_2 .publication-container-in img{
    width: 100%;
}*/
.style_headers_small{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.contents_details{
    margin-bottom: 30px;
}
.share_links{
    margin-bottom: 50px;
}
.share_links a{
    display: block;
    padding: 20px 30px;
    max-width: 280px;
    width: 100%;
    background: #f7f7f8;
    color: black;
    border-radius: 10px;
    font-weight: 600;
}
.soc_links{
    color: #23589c;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #eaeaea;
}
.table-th tr th {
    font-size: 16px;
    line-height: initial;
    font-weight: 600;
    background: #f7f7f9;
    padding: 20px 20px;
    border-top: 0;
    border-bottom: 0;
}
.table-bordered th:first-child{
    border-radius: 10px 0px 0 0;
    border-left: 0;
}
.table-bordered th:last-child{
    border-radius: 0px 10px 0 0;
    border-right: 0;
}
/* -------------------------contact_prt-------------------- */

.contact_prt{
    position: relative;
    padding: 100px 0 70px;
}
.contacts_maps .ceramic_info_block_2_wpr{
    padding-bottom: 50px;
}
.contact_prt::after{
    content: "";
    width: 0;
    height: 0;
    border-top: 55px solid #fc823f;
    border-left: 790px solid transparent;
    right: 0;
    position: absolute;
    top: 0;
}
.contact_prt .block_icons_main_wpr{
    margin-right: 30px;
    margin-bottom: 0;
}
.contact_prt .block_icons_main {
    margin-bottom: 30px;
}
.contact_prt_dwn .our-advantages-footer{
    border-top: 55px solid white;
}
.contacts_maps{
    background: var(--main_background);
    color: white;
}
.contacts_maps .footer_contact a{
    color: white;
}
.contacts_maps .footer_contact a:hover{
    color: var(--main_text_color);
}
.contacts_maps .socials_footer_block a{
    font-size: 35px;
}
.contacts_maps .markers_block{
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    background: #191a30;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contacts_maps .style_headers_small{
    margin-bottom: 30px;
}
.ceramic_info_wrp_images_left iframe{
    height: 100%;
}

.form-modal .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
}
.form-modal .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
}
.form-modal .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.form-modal .modal-body .close {
    float: none;
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    color: #fb630f;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 10px;
}
/* -----------------------------media---------------------------- */

@media(max-width:1560px){
    .our-advantages-footer{        
        border-left: 770px solid #fc823f;
    }
}
@media(max-width:1440px){
    .header_block.show_psevdo::before {
        height: 160px;
    }
    .banner_block_slider .slick-dots{
        right: 15.5%;
    }
    .lefts_before::before{
        border-right-width: 860px;
        border-top: 60px solid var(--main_text_color);
    }
    .our_works_section::after{
        border-top: 70px solid #fc823f;
        border-left: 740px solid transparent;
    }
    .our_advantages_section{
        padding-bottom: 65px;
    }
}
@media(max-width:1366px){
    .ceramic_info_wrp_images_left{
        width: 100%;
        left: 0;
        height: 315px;
    }
    .contacts_maps .ceramic_info_block_2_wpr{
        padding: 15px 0 30px 0px;
    }
}
@media(max-width:1215px){
    .header_block_wpr{
        width: 95%;
    }
    .tables_style_block_scroll {
        overflow: scroll;
        width: 100%;
    }
}
@media(max-width:1150px){
    .our_works_section::after{
        border-top: 50px solid #fc823f;
        border-left: 540px solid transparent;
    }
    .our_works_section::before{
        border-right: 635px solid transparent;
    }
    .header_block_wpr{
        left: 15px;
    }
    .our_advantages_section::after{
        border-top: 70px solid #fc823f;
        border-left: 425px solid transparent;
    }
    .our_advantages_section_contrary::before{
        border-right: 725px solid transparent;
    }
}
@media(max-width:1024px){
    .banner_text_block_links button{
        padding: 0 25px;
    }
    .counters_numbers_width {
        max-width: 228px;
    }
}
@media(max-width:991px){
    .header_phone_style {
        padding-left: 15px;
    }
    .logo_block {
        width: fit-content;
        text-align: center;
        margin: 0 auto 10px;
    }
    .banner_text_block {
        padding-right: 170px;
    }
    .block_info_txt_dark .block_info_txt_dark_img{
        margin-bottom: 15px;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .sert_blocks_mains{
        flex-wrap: wrap;
    }
    .our_advantages_section_contrary::before{
        border-top: 60px solid #393a4d;
    }
    .our_advantages_section .block_icons_main_wpr{
        margin-left: auto;
        margin-right: auto;
    }
    .our_advantages_section .block_icons_main{
        text-align: center;
    }
    .image_links_block_main{
        width: fit-content;
    }
    .publication-container{
        height: fit-content;
    }
    .ceramic_info_block_2 .row{
        flex-direction: column-reverse;
    }
    .our_works_section.our_works_section_ver .block_info_txt_dark_img{
        width: fit-content;
    }
    .ceramic_info_block_2.ceramic_info_block_2v .h-100{
        height: 350px !important;
    }
    .ceramic_info_block_2.ceramic_info_block_2v .h-100 iframe{
        height: 100% !important;
    }
    .ceramic_info_block_2v .ceramic_info_block_2_wpr {
        padding: 25px 0 40px 0px;
    }
    .how_working_block .block_info_txt_dark_img {
        width: fit-content;
    }
    .header_menu .nav{
        flex-direction: column;
    }
    .header_menu .nav a{
        padding: 8px;
    }
    .header_block.show_psevdo::before {
        height: 400px;
    }
}
@media(max-width:768px){
    .banner_text_block_links button{
        padding: 0 15px;
    }
    .ceramic_info_block_2.ceramic_info_block_2v .h-100 iframe {
        width: 100%;
    }
}
@media(max-width:767px){
    .info_block .info_block_style .row{
        flex-direction: column-reverse;
    }
    .info_block .info_block_style {
        margin-bottom: 45px;
    }
    .block_info_txt{
        padding-bottom: 45px;
    }
}
@media(max-width:667px){
    .sert_blocks_img{
        min-width: 212px;
    }
    .sert_blocks_mains{
        flex-wrap: wrap;
    }
}
@media(max-width:570px){
    .header_block_slider{
        padding-top: 175px;
        padding-bottom: 70px;
    }
    .banner_text_block_1 {
        font-size: 18px;
        line-height: 45px;
    }
    .banner_text_block_2 {
        font-size: 32px;
        line-height: 45px;
    }
    .banner_text_block {
        padding-right: 100px;
    }
    .block_icons_main{
        text-align: center;
        margin-bottom: 15px;
    }
    .block_icons_main_wpr{
        margin-left: auto;
        margin-right: auto;
    }
    .rights_before:before{
        border-bottom: 60px solid var(--main_text_color);
        border-left: 560px solid transparent;
    }
    .lefts_before::before {
        border-right-width: 560px;
    }
    .our_works_section::before {
        border-right: 340px solid transparent;
        border-top: 38px solid #393a4d;
    }
    .our_works_section::after {
        border-top: 35px solid #fc823f;
        border-left: 245px solid transparent;
    }
    .our_works_block {
        margin-bottom: 15px;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .slick-dots li {
        margin-top: 15px;
    }
    .logo_block img{
        max-width: 100%;
    }
    .ceramic_info_block_1_dark_icons .block_icons_main{
        flex-direction: column;
    }
    .ceramic_info_block_1_dark_icons .block_icons_main_wpr{
        margin-left: auto;
        margin-right: auto;
    }
    .ceramic_info_block_1_dark_icons .block_icons_main {
        margin-bottom: 30px;
    }
    .banner_text_block_links{
        margin-left: auto;
        margin-right: auto;
    }
    .recent_publications::after{
        border-top: 65px solid #fc823f;
        border-left: 585px solid transparent;
    }
    .block_info_figure{
        border-top: 75px solid white;
        border-left: 600px solid transparent;
    }
    .image_links_block_main {
        margin-left: auto;
        margin-right: auto;
    }
    .description_photo_album_image{
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .publication-container img{
        width: 100%;
    }
    .contact_prt .block_icons_main {
        flex-direction: column;
    }
    .contact_prt .block_icons_main_wpr{
        margin-left: auto;
        margin-right: auto;
    }
    .all_maps_block{
        height: 350px;
    }
    .all_maps_block iframe{
        height: 100% !important;
    }
    .ceramic_info_block_2_wpr {
        padding: 20px 0 70px 0px;
    }
}
@media(max-width:430px){
    .header_block_wpr .col-6.col-lg-4 .d-flex.justify-content-between.align-items-center{
        flex-direction: column;
        align-items: flex-end !important;
    }
    .header_phone_style{
        font-size: 15px;
    }
    .banner_block_slider .slick-dots {
        right: 21.5%;
        bottom: 8px;
        z-index: 55;
    }
    .header_block_wpr {
        left: 0;
    }
    .banner_text_block_1 {
        font-size: 14px;
        line-height: 25px;
    }
    .banner_text_block_2 {
        font-size: 26px;
        line-height: 36px;
    }
    .banner_text_block_links a{
        line-height: 45px;
        padding: 0 15px;
        font-size: 12px;
    }
    .info_block_wrp {
        padding-left: 0;
    }
    .ceramic_info_block_1::before{
        border-bottom: 55px solid #fc823f;
        border-right: 435px solid transparent;
    }
    .sert_blocks_mains {
        text-align: center;
    }
    .sert_blocks_img {
        min-width: 100%;
    }
    .recent_publications::after {
        border-top: 60px solid #fc823f;
        border-left: 440px solid transparent;
    }
    .recent_publications{
        padding-top: 60px;
    }
    .ceramic_info_block_1.ceramic_info_block_1_vers_2::before{
        border-right: 425px solid transparent;
    }
    .ceramic_info_block_1_vers_2::after{
        border-left: 425px solid transparent;
    }
    .contact_prt::after{
        border-left: 430px solid transparent;
    }
    .counters_numbers {
        justify-content: center;
    }
    .our_works_section.our_works_section_ver .block_info_txt_dark_img, .how_working_block .block_info_txt_dark_img {
        margin-left: auto;
        margin-right: auto;
    }
}
@media(max-width:375px){
    .header_phone_style a {
        padding-left: 5px;
    }
    .banner_text_block {
        padding-right: 90px;
    }
    .banner_text_block_links button{
        line-height: 25px;
    }
    .block_info_txt{
        padding-top: 75px;
    }
    .block_info_figure{
        border-top: 58px solid white;
        border-left: 380px solid transparent;
    }
    .banner_text_block_links button {
        padding: 10px 15px;
    }
    .our_advantages_section_contrary::before {
        border-right: 400px solid transparent;
    }
    .our_advantages_section::after {
        border-left: 375px solid transparent;
    }
    .our-advantages-footer{
        border-top: 55px solid white;
        border-left: 380px solid #fc823f;
    }
    .ceramic_info_block_1.ceramic_info_block_1_vers_2::before{
        border-right: 380px solid transparent;
    }
    .ceramic_info_block_1_vers_2::after{
        border-left: 380px solid transparent;
    }
    .contact_prt::after {
        border-left: 380px solid transparent;
    }
}
@media(max-width:360px){
    .banner_block_slider .slick-dots {
        right: 15.5%;
        bottom: 8px;
        z-index: 55;
    }
    .banner_block_slider .slick-dots li.slick-active button::after{
        left: 26px;
        top: 12px;
    }
    .slick-dots li button:before {
        left: 65px;
        top: 9px;
    }
    .recent_publications::after {
        border-top: 50px solid #fc823f;
        border-left: 368px solid transparent;
    }
    .application_form {
        padding: 40px 20px;
    }
    .ceramic_info_wrp ul li {
        word-break: break-word;
    }
}
@media(max-width:320px){
    .banner_block_slider .slick-dots{
        right: 18.5%;
    }
    .banner_text_block {
        padding-right: 70px;
    }
    .lefts_before::before {
        border-right-width: 330px;
        border-top: 45px solid var(--main_text_color);
    }
    .rights_before:before {
        border-bottom: 45px solid var(--main_text_color);
        border-left: 325px solid transparent;
    }
    .ceramic_info_block_1::before {
        border-bottom: 55px solid #fc823f;
        border-right: 328px solid transparent;
    }
    .light_headers{
        font-size: 28px;
    }
    .our_advantages_section::after {
        border-left: 325px solid transparent;
    }
    .our-advantages-footer {
        border-left: 325px solid #fc823f;
    }
    .ceramic_info_block_1.ceramic_info_block_1_vers_2::before{
        border-right: 325px solid transparent;
    }
    .ceramic_info_block_1_vers_2::after{
        border-left: 325px solid transparent;
    }
    .image_links_block_txt a{
        font-size: 18px;
        line-height: 25px;
    }
    .breadcrumb_blocks_hdrs{
        font-size: 25px;
    }
    .ceramic_info_block_2_wpr {
        padding: 0px 0 70px 0px;
    }
    .contact_prt::after {
        border-left: 320px solid transparent;
    }
}