﻿body, html {
    margin: 0;
    padding: 0;
    /*font-family: "Open Sans","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
}

a { color: #333;text-decoration: none;}
a:hover { text-decoration: underline;cursor: pointer;}

/* --------------------- generic items ------------------------- */
.flL { float: left!important;}
.flR { float: right!important;}

.taCntr { text-align: center!important;}
.taL { text-align: left!important;}
.taR { text-align: right!important;}

.fBold { font-weight: bold;}
.fClrBlue { color: #15649F;}

.fs14 { font-size: 14px !important;}

.mt0 { margin-top: 0!important;}
.mt10 { margin-top: 10px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt40 { margin-top: 40px!important;}
.mt100 { margin-top: 100px!important;}

.mb0 { margin-bottom: 0!important;}
.mb20 { margin-bottom: 20px!important;}

.ml0 { margin-left: 0!important;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px!important;}
.ml50 { margin-left: 50px;}
.ml70 { margin-left: 70px !important;}
.ml100 { margin-left: 100px;}

.mr70 { margin-right: 70px !important;}

.pt17 { padding-top: 15px!important;}
.pt25 { padding-top: 25px !important;}

.pb5 { padding-bottom: 5px !important;}

.w150 { width: 150px !important;}
.w350 { width: 350px !important;}
.w400 { width: 400px !important;}
.w500 { width: 500px !important;}
.w1050 { width: 1050px !important;}
.w1100 { width: 1100px !important;}
.w1150 { width: 1150px !important;}

.mw1150 { min-width: 1150px!important; }

.h40 { height: 40px !important;}
.h100 { height: 100px !important;}
.h300 { height: 300px !important;}


.bb5-solid-15649F { border-bottom: 5px solid #15649F;}

.ttUpperC { text-transform: uppercase;}
.ttCapitalize { text-transform: capitalize!important;}

.clr { clear: both;line-height: 1px;}

.aBtn { display:block;float: left;padding: 10px;color: #fff; background-color: #00457E;text-decoration: none !important;}
.aBtn:hover { background-color: #008AD5!important;}

.bgClrBlue {
    background-color: #2B5CA1;
}

.splitter20 {float: left; width: 100%;height: 20px;margin: 0;padding: 0;}
.splitter25 {float: left; width: 100%;height: 25px;margin: 0;padding: 0;}
.splitter30 {float: left; width: 100%;height: 30px;margin: 0;padding: 0;}
.splitter35 {float: left; width: 100%;height: 35px;margin: 0;padding: 0;}
.splitter40 {float: left; width: 100%;height: 40px;margin: 0;padding: 0;}
/* //------------------- generic items ------------------------- */


.row {width: 100%;margin: 0;padding: 0;}
.rowEl { width: 1150px;margin: 0 auto;overflow: hidden;padding: 0;}


/* --------------------- top buttons --------------------------- */
.topBtn__wrapper {
    display: flex;
    justify-content: space-between;    
    position: relative;
}
.topBtnOrange {
    display: flex;
    justify-content: center;
    text-align: center;
    float: right;
    position: relative;    
    min-width: 230px;
    height: 35px;
    align-items: center;
    color: #FFF;
    background-color: #FF6600;
    text-transform: uppercase;
    margin-right: 15px;
}
    .topBtnOrange:hover {
        background-color: #FF0302;
        text-decoration: none !important;
        cursor: pointer;
    }
.topBtnGreen {
    display: flex;
    justify-content: center;
    text-align: center;
    float: right;
    
    min-width: 230px;
    height: 35px;
    align-items: center;
    color: #FFF;
    background-color: #00AA61;
    text-transform: uppercase;
    margin-right: 15px;
}
    .topBtnGreen:hover {
        background-color: #06AAAF;
        text-decoration: none !important;
        cursor: pointer;
    }

.topBtnSearch {
    display: block;
    float: right;
    width: 35px;
    height: 35px;   
    color: #FFF;
    text-transform: uppercase;
}
    .topBtnSearch:hover {       
        text-decoration: none !important;
        cursor: pointer;        
    }

    .topBtnSearch.search {
        background: #1877F2 url("i/search-16x16x0-FFF-transparent.png") no-repeat 5px center;
    }
    .topBtnSearch.active {
        background: #1877F2 url("i/search-line-16x16x0-FFF-transparent.png") no-repeat 5px center;
    }


.topBtnLblue {
    display: block;
    float: right;
    padding: 9px 20px;
    color: #FFF;
    background-color: #1877F2;
    text-transform: uppercase;
}
.topBtnLblue:hover { background-color: lightblue;color: #333; text-decoration: none !important;cursor: pointer;  }


#frmSearch {
    display: none;
    padding: 0;
    width: 285px;
    position: absolute;
    top: 100%;
    right: -5px;
    cursor: pointer;
    z-index: 999999;
}

    #frmSearch .input-container {
        position: relative;
        cursor: pointer;
    }

    #frmSearch input {
        width: 260px;
        height: 35px;
        font-size: 16px;
        color: #828282;
        border: none;
        background: #D9D9D9;
        cursor: text;
    }

    #frmSearch .search-icon {
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);        
        background: #1877F2 url("i/search-16x16x0-FFF-transparent.png") no-repeat 5px center;
        width: 35px;
        height: 38px; 
        cursor:pointer;
        z-index: 1000000;
    }

    #frmSearch .search-icon span{
        display: none;
    }

    #frmSearch.viewIcon{
        display: block !important;
    }

    #frmSearch input::placeholder {
        color: #1872ab;
    }

    #frmSearch input:focus {
        outline: none;
    }


/* //------------------- top buttons --------------------------- */


/* --------------------- top menu ------------------------------ */
.topMenuRow {
    overflow: visible;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.aLogo {
    text-decoration: none !important;
    color: #1872ab;
}
.logo__title span:first-of-type {
    letter-spacing: 2px;
}
.logo__title span:last-of-type {
    letter-spacing: 0.3px;
}
.logo__title {
    margin: 0 0 0 15px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 22px;
    width: 225px;
}
    .logo__title a {
        //color: #1872ab;
        font-family: 'Exo 2', sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: -0.03em;
        text-align: left;
    }
    .logo__title span {      
       
        font-size: 16px;
    }
    .logo__title span:first-letter {
        text-transform: uppercase;
        font-size: 16px;
    }
        .logo__title span span:first-letter {
            text-transform: uppercase;
            font-size: 16px;
        }

}



    .logo__title small {
        text-transform: lowercase;
        font-size: 16px;
        font-weight: normal !important
    }
    .logo__title strong {
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 1.9px;
    }
    .topMenuRow .aLogo {
        display: flex;
        align-items: center;
    }
.topMenuRow .aLogo img {
    border: none !important;}
.header__top {
    display: flex;
    justify-content: space-between;
    padding: 7px 0 8px;
    overflow: visible;
}
.phones__single {
    display: flex;
    align-items: center;
    margin: 0 20px 0 0;
}
.socials__single {
    margin: 0 50px 0 0;
}
.phones__single svg {
    width: 25px;
    height: 25px;
}
.header__top--search {
    display: flex;
    /*flex-direction: column;*/
    flex-direction: row;
    position: relative;
    margin: 5px 0;
}
.header__top--phones {
    display: flex;
    align-items: center;
}
    .header__top--phones div {
        display: flex;
        flex-direction: column;
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 14.4px;
        margin: 0 0 0 10px;
    }
.topMenuRow .menu {
    /*text-transform: uppercase;*/
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: row-reverse;
}
    .topMenuRow .menu .menu__column > a {
        display: flex;
        font-size: 14px;
        /*text-transform: uppercase;*/
        padding: 20px;
    }
/*
    .topMenuRow .menu .menu__column:last-of-type {
        display: none;
    }*/
        /* //------------------- top menu ------------------------------ */
        /* --------------------- top banner home ----------------------- */
        .topBanerHomeRow {
            height: 420px;
        }
.topBanerHomeRow .topBanerHomeRowItem {height: 420px;background: #15649F url("i/BannerTopHome.png") no-repeat scroll center center/cover; }
.topBanerHomeRow .topBanerHomeRowItem table { width: 1150px;height: 420px;margin: 0;padding: 0;}
.topBanerHomeRow .topBanerHomeRowItem table, .topBanerHomeRow .topBanerHomeRowItem table tr, .topBanerHomeRow .topBanerHomeRowItem table tr td {
    border-collapse: collapse;border-color: transparent;}
.topBanerHomeRow .topBanerHomeRowItem table tr td { vertical-align: middle;text-align: center;
    font-size: 32px;font-weight: bold; color: #2B5CA1;text-transform: uppercase;}
.topBanerHomeRow .topBanerHomeRowItem table tr td p { margin:15px 0;padding: 0;}
.topBanerHomeRow .topBanerHomeRowItem table tr td .tadBtn1, .topBanerHomeRow .topBanerHomeRowItem table tr td .tadBtn2 {
    margin: 0;padding: 15px;
    font-size: 14px;text-decoration: none;}
.topBanerHomeRow .topBanerHomeRowItem table tr td .tadBtn1 { border: 1px solid #2B5CA1;color: #2B5CA1; }
.topBanerHomeRow .topBanerHomeRowItem table tr td .tadBtn2 { border: 1px solid #2B5CA1;background-color: #2B5CA1; color: #FFF; }
.topBanerHomeRow .topBanerHomeRowItem table tr td .tadBtn1:hover { border: 1px solid #2B5CA1;background-color: #2B5CA1; color: #FFF;}
.topBanerHomeRow .topBanerHomeRowItem table tr td .tadBtn2:hover { border: 1px solid #2B5CA1;color: #2B5CA1;background-color: transparent; }
/* //------------------- top banner home ----------------------- */


/* --------------------- button banner menu3_newBlock ----------------------- */
.menu3_newBlock {
    display: flex;
    max-width: 750px;
    height: 250px;
    margin: 40px auto;
    justify-content: space-between;
}
    .menu3_newBlock div {
        display: flex;
        max-width: 460px;
        align-items: center;
    }

    .menu3_newBlock div span {
        font-family: 'Exo 2', sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: justify;
    }
/* --------------------- home page ----------------------------- */
.homePage {
    float: left;
    width: 1150px;
    margin: 0;
    padding: 20px 0 0 0;
    overflow-x: hidden;
}
    .homePage .homeL {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
.homePage .homeR { float: left;width: 265px;margin: 0 0 0 20px;padding: 0;}

    .homePage .homeL .menu2 {
        width: 100%;
        margin-bottom: 35px;
        /*display: block;*/
        overflow: hidden;

        display: grid;
        grid-template-columns: repeat(4, 1fr);
       /* grid-template-rows: repeat(2, 1fr);*/
    }
        .homePage .homeL .menu2 a {
            display: block;
            float: left;
            /*            width: 250px;
            height: 250px;*/
            border-bottom: #2B5CA1 solid 10px;
            border-left: #CCC solid 1px;
            border-right: #CCC solid 1px;
            border-top: #CCC solid 1px;
            margin: 0 auto;
            margin-bottom: 25px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
.homePage .homeL .menu2 a table, .homePage .homeL .menu2 a table tr, .homePage .homeL .menu2 a table tr td {
    border: none; border-collapse: collapse;}
.homePage .homeL .menu2 a table tr td {width: 250px;height: 250px;vertical-align: middle;text-align: center;
    background-color: #FFF; color: #333;font-size: 22px;text-transform: uppercase;}
.homePage .homeL .menu2 a table tr td:hover {opacity:0.65; filter:alpha(opacity=65);background-color:#2B5CA1;color: #FFF;}

    .homePage .homeL .menu2 a table tr {
                
        margin-bottom: 10px; 
    }
.news .news_all_link a {    
    font-size: 36px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0em;
    color: #2B5CA1;
}
.news_block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    gap: 50px;
}
    .news_block > div:nth-child(n+4) {
        display: none;
    }

    .news_block .news_grid {
        width: 350px;
        height: 310px;
        background: #eeef;
        position: relative;
        transition-duration: 1.5s;
    }
    .news_block .single_news {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: end;
        background: #00000080;
        bottom: 0;
        cursor: pointer;
        transition-duration: 1.5s;
        padding: 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 9; 
        -webkit-box-orient: vertical;    
        width: 320px;
        min-height: 115px;
    }
        .news_block .single_news:hover {
            top: 0;
            transition-duration: 1.5s;
        }
        .news_block .single_news .name_news a {
            display: block;
            font-family: 'Exo 2', sans-serif;
            font-size: 14px;
            font-weight: 700;
            line-height: 17px;
            letter-spacing: 0em;
            text-align: left;
            color: #FFFFFF;
            overflow: hidden;
            text-overflow: ellipsis;
            transition-duration: 1.5s;
        }

        .news_block .single_news .desc a {
            display: block;
            font-family: 'Exo 2', sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
            letter-spacing: 0em;
            text-align: left;
            color: #FFFFFF;
            margin-top: 10px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            transition-duration: 1.5s;
        }
        .news_block .single_news:hover .desc a {
            -webkit-line-clamp: 9;
            transition-duration: 1.5s;
        }

        .news_block .single_news .desc a p span {
            font-size: 14px !important;
            font-weight: 400 !important;
        }

        .news_block .single_news .desc a p span:hover {
            text-decoration:none !important;
        }

        .news_block .single_news .dt a {
            display: block;
            font-family: 'Exo 2', sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 17px;
            letter-spacing: 0em;
            text-align: left;
            color: #FFFFFF;
            margin-top: 20px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            transition-duration: 1.5s;
            position: absolute;
            bottom: 15px
        }

        .news_block .single_news .desc a:hover {
            -webkit-line-clamp: 9;
            transition-duration: 1.5s;
            text-decoration: none !important;
        }




.homePage .homeL .inline {
    float: left;
    width: 100%;
    margin: 0 0 35px 0;
    padding: 5px;
    background-color: #EEEFF1;
}

    .homePage .homeL .inline img {
        width: 100% !important;
        height: 100% !important;
        overflow: hidden;
        box-sizing: border-box;
    }


.homePage .homeL .menu3 {width: 865px;margin-bottom: 35px;overflow: hidden;}
.homePage .homeL .menu3 div.menu2item { display: block;float: left;width: 420px;height: 220px;margin: 0 0 25px 0;overflow: hidden;position: relative;}
.homePage .homeL .menu3 div.right { margin-left: 25px;}
.homePage .homeL .menu3 div.odd { width: 865px!important;height: 340px!important;}
.homePage .homeL .menu3 div.menu2item a { vertical-align: top; color: transparent;}
.homePage .homeL .menu3 div.menu2item a:hover .text p { text-decoration: underline;}
.homePage .homeL .menu3 div.menu2item a img {position: relative;display: block;max-width: 100%;z-index: 1; vertical-align: top; border: none;}
.homePage .homeL .menu3 div.menu2item a .text { position: absolute;width: 100%;height: 100%;top: 0;z-index: 3;}
.homePage .homeL .menu3 div.menu2item a .text p { position: absolute;width: 90%;padding: 3% 5%;margin: 0; bottom: 0;
    color: #FFF;font-weight: bold;text-transform: uppercase;line-height: 20px;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;transition: background 0.2s ease 0;}




.homePage .homeR .news { width: 265px;overflow: hidden;}
.homePage .homeR .news .boxTtl { width: 265px;margin-bottom: 20px; font-size: 22px; text-transform: uppercase;}
.homePage .homeR .news .desc {margin:5px 0; color: #777;}
.homePage .homeR .news .dt {margin-top: 10px; color: #ccc;}

.homePage .homeR .banners { width: 265px;margin-top: 40px; overflow: hidden;}
.homePage .homeR .banners a { display: block;width: 265px;height: 105px;margin-top: 10px;padding: 0;color: transparent;}
.homePage .homeR .banners a img { border: none;}
/* //------------------- home page ----------------------------- */


/* --------------------- top banner internal ------------------- */
/*.topBanerRow {
    height: 180px;
    background: #2B5CA1B2;
    background: url("i/BannerTopInternal.png") no-repeat scroll center center/cover;
}*/

.topBanerRow {
    position: relative;
    height: 180px;
}

    .topBanerRow::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #2B5CA1B2; /* Overlay color */
        z-index: 1; /* Ensure the overlay is on top of the background image */
    }

    .topBanerRow .rowEl {
        position: relative;
        z-index: 2; /* Ensure the content is on top of the overlay */
    }

        .topBanerRow .rowEl table {
            width: 100%;
        }

    .topBanerRow.standartImg::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url("i/BannerTopInternal.png") no-repeat scroll center center/cover;
        z-index: 0; /* Place the background image below the overlay color */
    }


    .topBanerRow.newImg::after {
        display: none;
    }



.topBanerRowTable, .topBanerRowTable tr, .topBanerRowTable tr td {
    border-collapse: collapse;border-color: transparent;}
.topBanerRowTable {width: 1150px; height: 180px;margin: 0;padding: 0;}
    .topBanerRowTable tr td {
       
        /*vertical-align: middle;*/
        color: #fff;       
        font-size: 36px;
        font-weight: 400;
        line-height: 43px;
        letter-spacing: 0em;
        text-align: center;
    }
/* //------------------- top banner internal ------------------- */


/* --------------------- breadcrumbs --------------------------- */
.breadCrumbsRow {
    /*background-color: #E7EBEE;*/
    background: none;
    /*    position: absolute;
    top: 180px;*/
    z-index: 2;
    color: #2B5CA1;
}
    .breadCrumbsRow .rowEl a {
        display: block;
        float: left;
        margin: 0;
        padding: 12px 15px 12px 0;
        color: #2B5CA1;
        text-decoration: underline;
    }
    .breadCrumbsRow .rowEl span {
        display: block;
        float: left;
        margin: 0;
        padding: 12px 15px 12px 0;
        color: #2B5CA1;
    }
    .breadCrumbsRow .rowEl a.c {
        display: none;
        float: left;
        margin: 0;
        padding: 12px 15px 12px 0;
        color: #2B5CA1;
        text-decoration: underline;
        cursor: default;
    }
/* //------------------- breadcrumbs --------------------------- */


/* --------------------- bottom banner ------------------------- */
.btmBanerRow {overflow: hidden;}
.btmBanerRow .btmBnrL {float: left; width: 50%; height: 400px;margin: 0;padding: 0; 
    background: #15649F url("i/BannerBottomL.png") no-repeat scroll center center/cover;}
.btmBanerRow .btmBnrR {float: left; width: 50%; height: 400px;margin: 0;padding: 0; 
    background: #15649F url("i/BannerBottomR.png") no-repeat scroll center center/cover;}

.btmBnrBox {width: 370px; height: 330px; padding-top: 70px; color: #fff;}
.btmBnrBox .btmBnrBoxTitle {margin-bottom: 20px; font-size: 24px;font-weight: bold; text-transform: uppercase;}
.btmBnrBox p .fadBtn {padding: 15px;border: 1px solid #fff;
    font-weight: bold;text-transform: uppercase;color: #fff;text-decoration: none;}
.btmBnrBox p .fadBtn:hover { background-color: #2B5CA1;border: 1px solid #2B5CA1;}
/* //------------------- bottom banner ------------------------- */


/* --------------------- menu 4--------------------------------- */
.menu4 { padding: 30px 0;}
.menu4, .menu4 a {text-transform: uppercase;font-weight: bold; color: #2B5CA1!important;font-size: 14px !important;}
.menu4 a { padding: 0 10px;}
/* //------------------- menu 4 -------------------------------- */


/* --------------------- footer -------------------------------- */
.tblFooterItems { width: 100%;margin: 30px 0;}
.tblFooterItems, .tblFooterItems tr, .tblFooterItems tr td {
     border: 1px solid transparent;border-collapse: collapse;vertical-align: top;}
    .tblFooterItems tr td span {
        font-weight: bold;
        color: #FFFFFF;
        text-transform: uppercase;
    }
.tblFooterItems tr td a {display: block;width: 100%; margin-top: 10px; font-weight: bold; color:#FFF;}
.tblFooterItems tr td.onErrPage {width:20%;height:100px;}

.footer__wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row !important;
    align-items: flex-end;
    margin-bottom: 5px;
    font-family: 'Exo 2', sans-serif;
}
.footer_logo__wrapper {
    font-family: 'Exo 2', sans-serif;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: space-between;
}
    .footer_logo__wrapper div {
        display: block;
        margin: 0 auto;
        font-family: 'Exo 2', sans-serif;
    }

        .footer_logo__wrapper div span {
            font-family: 'Exo 2', sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            letter-spacing: -0.03em;
            text-align: center;
            color: #fff;
            display: block;
        }

.footer__wrapper a span {
    color: #fff;
    font-family: 'Exo 2', sans-serif;
}
/* //------------------- footer -------------------------------- */
/* --------------------- body ---------------------------------- */
.tblDetails {
    width: 100%;
}
.tblDetails, .tblDetails tr, .tblDetails tr td { border: 1px solid transparent;border-collapse: collapse;}
.tblDetails tr td.left { width: 30%;margin: 0;padding: 0;vertical-align: top; }
.tblDetails tr td.right { width: 100%;margin: 0;padding: 0;vertical-align: top; }
.tblDetails tr td.full { width: 100%;margin: 0;padding: 0;vertical-align: top; }
.leftBox { float: left;width: 380px; margin: 0;padding: 0;overflow: hidden;}

/* --------------------- left menu ----------------------------- */
.leftMenu {
    float: left;
    width: 336px;
    border-bottom: 1px solid #ccc;
    border: 2px solid #2B5CA1;
    padding: 20px 15px;
    margin-bottom: 10px;
}
    .leftMenu a {
        display: flex; 
        align-items: center; 
        min-width: 110px;
        padding: 5px 0px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
        position: relative;
    }

        .leftMenu a::after {
            content: "";
            background: url("i/Frame_1348_up.png") no-repeat;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-left: 5px;
            position: absolute;
            right: 0px;
        }

    .leftMenu .leftMenu_children_one-child::after,
    .leftMenu .leftMenu_children_two::after,
    .leftMenu .leftMenu_main_link::after {
        background: none;
    }
    .leftMenu .leftMenu_main {
        font-size: 12px;
        font-weight: 700;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border: none;
        color: #333;
        padding: 5px 0;
        transition-timing-function: ease-in-out;
        transition-duration: 1s;
    }
        
        .leftMenu .leftMenu_main::after {
            content: "";
            background: url("i/Frame_1348_up.png") no-repeat;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-left: 5px;
       
        }

        .leftMenu .select-menu-one,
        .leftMenu .leftMenu_main.select-menu-main {
            background: #e9f0f7;
            padding: 5px 5px;
         
        }

            .leftMenu .select-menu-one::after,
            .leftMenu .leftMenu_main.select-menu-main::after {
                transform: rotate(90deg) translateX(5px);
                transform-origin: center;
            }



    .leftMenu .leftMenu_children_one {
        display: none;
        font-size: 12px;
        font-weight: 500;
        line-height: 13px;
        letter-spacing: 0em;
        text-align: left;
        padding: 10px 15px;
        transition-timing-function: ease-in-out;
        transition-duration: 1s;
        position: relative;
    }


    .leftMenu .leftMenu_children_one-child,
    .leftMenu .leftMenu_children_two {
        display: none;
        font-size: 12px;
        font-weight: 500;
        line-height: 13px;
        letter-spacing: 0em;
        text-align: left;
        padding: 15px 15px;
        position: relative;
    }
        .leftMenu .leftMenu_children_one::after {
            content: "";
            background: url("i/Frame_1348_up.png") no-repeat;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-left: 5px;
            position: absolute;
            right: 5px;
            top: 0;
        }


   
    .leftMenu:has(.select-menu-main) .leftMenu_children_one,
    .leftMenu:has(.select-menu-main) .leftMenu_children_two {
        display: block;
    }

.select-menu-one .leftMenu_children_one-child {
    display: inline-block;
    background: #D9D9D9;
    margin: 5px;
    border: 1px solid #D9D9D9;
}



        .leftMenu a.c {
            text-decoration: none;
            font-size: 14px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: 0em;
            text-align: left;
            text-decoration: underline;
            position: relative;
           /* max-width: 300px !important;*/
        }

            .leftMenu a.subC::after,
            .leftMenu a.c::after {
                content: "";
                background: url("i/Frame_1348_down.png") no-repeat;
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-left: 5px;
                position: absolute;
                right: 5px;
            }




        .leftMenu a.sub {
            display: flex;
            /*width: 300px !important;*/
            padding: 10px 15px;
            border-top: 1px solid #FFF;
            border-left: 1px solid #FFF;
            border-right: 1px solid #FFF;
            font-size: 14px;
            font-weight: 500;
            line-height: 20px;
            letter-spacing: 0em;
            text-align: left;
        }
            .leftMenu a.sub::after {
                display: none;
            }
.leftMenu a.subC {
    display: flex;
    /* width: 300px !important;*/
    background: #e9f0f7;
    padding: 10px 15px 10px 35px !important;
    margin-top: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}
/* //------------------- left menu ----------------------------- */

/* --------------------- banners under left menu --------------- */
.submenuBanners {float: left;width: 380px;margin-top: 10px;}
.submenuBanners a {display: block; float: left;width: 380px;}
.submenuBanners a img {display: none;}
/* //------------------- banners under left menu --------------- */



/* --------------------- simple details ------------------------ */
/*.details {float: left;width: 740px; margin:0 0 0 30px;padding: 0;}*/
.details {
    float: left;
    width: 100%;
    margin: 0 0 0 0px;
    padding: 0;
}
    .details .detailsImg {
        margin-bottom: 20px;
        width: 100%;
        margin: 0 auto;
        display: block;
    }
.details .dt {color: #777;}
.details .name {font-size: 22px; color: #15649F;margin: 20px 0 25px 0;}
.details .letters {float: left;width: 740px; margin:0 0 25px 0;border-bottom: 5px solid #15649F; }
.details .letters a, .details .letters span {display: block;float: left; margin: 10px 6px;text-transform: uppercase;}
.details .letters span { color: #ccc;}
.details .body { color: #555; max-width: 100%; text-align: justify;}
.details .errorM { color: red !important;font-size: 14px !important;font-weight: normal !important;}
.details .successM { color: green !important;font-size: 14px !important;font-weight: normal !important;}

.details .rightImgDetails {float:right;width: 230px; margin:0 0 10px 20px; 
    color: #fff; background-color: #15649f;}
.details .rightImgDetails a img { border: none;}
.details .rightImgDetails .textBox {width: 210px; padding:5px 10px 10px 10px;}
    .details .rightImgDetails .textBox a {
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        text-align: center;
        display: block;
    }
.details .rightImgDetails .textBox a:hover { text-decoration: underline;}

    .details.news_divImgNews .body {
        max-width: 100%;
    }

/* //------------------- simple details ------------------------ */

/* --------------------- tabs ---------------------------------- */
/*.tblTabsHeader {float: left;width: 740px;margin:20px 0 25px 0;}*/
.tblTabsHeader {
    float: left;
    width: 100%;
    margin: 20px 0 25px 0;
}
.tblTabsHeader, .tblTabsHeader tr, .tblTabsHeader tr td { border-collapse: collapse;border: none;}
.tblTabsHeader tr td { text-align: center;vertical-align: middle;}
.tblTabsHeader tr td a {display: block;padding: 10px 0;text-decoration: none;border-bottom: 5px solid #F5F6F8;background-color: #F5F6F8;}
.tblTabsHeader tr td a.c, .tblTabsHeader tr td a:hover {color: #15649f; background-color: #E7EBEE;border-bottom: 5px solid #15649f;}
/* //------------------- tabs ---------------------------------- */


/* --------------------- photogallery -------------------------- */
/*.photogallery .pgPreview {width: 740px;height: 345px;overflow: hidden;position: relative;}
.photogallery .pgPreview .pgPreviewDetailsA {vertical-align: top; color: transparent;}
.photogallery .pgPreview .pgPreviewDetailsA img {position: relative;display: block;max-width: 100%;
    vertical-align: top; z-index: 1; 
    border: none;}
.photogallery .pgPreview .pgPreviewDetailsA .pgPreviewDetails { position: absolute;width: 100%;height: 100%;
    top: 0;z-index: 3;}
.photogallery .pgPreview .pgPreviewDetailsA .pgPreviewDetails p { position: absolute;width: 90%;padding: 3% 5%;margin: 0; 
    bottom: 0;
	color: #FFF;font-weight: bold;text-transform: uppercase;line-height: 20px;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;transition: background 0.2s ease 0;}*/
.photogallery .pgPreview {width: 740px;height: 345px;overflow: hidden;position: relative;}

.photogallery .pgPreview .pgPrevItem, .photogallery .pgPreview .pgNextItem { position: absolute;top: 100px;
    width: 50px;height: 80px;margin: 0;padding: 0;
    color: transparent;}
.photogallery .pgPreview .pgPrevItem a, .photogallery .pgPreview .pgNextItem a {
     display: block;width: 10px;height: 40px;padding: 20px;color: #FFF;font-size: 32px;}
.photogallery .pgPreview .pgPrevItem a:hover, .photogallery .pgPreview .pgNextItem a:hover { text-decoration: none;}
.photogallery .pgPreview .pgPrevItem { left: 0;}
.photogallery .pgPreview .pgNextItem { right: 0;}
.photogallery .pgPreview .pgPrevItem:hover, .photogallery .pgPreview .pgNextItem:hover { 
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;transition: background 0.2s ease 0;color: #fff;}
.photogallery .pgPreview .pgPreviewDetails { position: absolute;top:295px;left: 0;
    width: 700px;height: 20px;padding: 15px 20px;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;transition: background 0.2s ease 0;
    color: #FFF;}
.photogallery .pgPreview .pgPreviewDetails a { color: #FFF;}
.photogallery .pgPreview .pgPreviewDetails a:hover { text-decoration: none;border: 1px solid #FFF;}

.comparisonResultActiveLinkAll,
.comparisonResultActiveLink {
    font-weight: 900;
}

.divImgNews_Block_Grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    position: relative;
    
}

    .divImgNews_Block_Grid .divImgNews_item {
        display: flex;
        margin: 0 auto;
        flex-direction: row;
        /*align-items: center;*/
        width: 400px;
    }

    .divImgNews_Block_Grid .divImgNews_item .divImgNews_item_img {
        display: block;
        height: 200px;
        width: 200px;
    }


    .divImgNews_Block_Grid .divImgNews_item .divImgNews_item_img a img {
        display: block;
        height: 200px;
        width: 200px;
        object-fit: cover;
    }


.divImgNews_item_desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 5px 10px 10px;
}

    .divImgNews_item_desc .title {
        color: #000;
        font-weight: 700;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .divImgNews_item_desc .news__desc {
        color: #000;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .divImgNews_item_desc .dt {
        color: #9EA2A2;
    }

.photogallery .pgThumbs {
    width: 740px;
    height: 110px;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
}
.photogallery .pgThumbs .pgThumbsBox { height: 90px;margin: 0;padding: 0;}
.photogallery .pgThumbs .pgThumbsBox a {display: block;float: left; width: 120px; height: 80px;margin: 0;padding: 0;
    border-bottom: 4px solid #ccc;border-top: 4px solid #ccc;border-left: 2px solid #ccc;border-right: 2px solid #ccc;
    color: transparent;}
.photogallery .pgThumbs .pgThumbsBox a.c { border-color: #15649f;}
.photogallery .pgThumbs .pgThumbsBox a img { border: none;}

#pgImgZoomedBg {position: fixed;width: 100%;height: 100%;left: 0;z-index: 99990;
    background-color: #000;opacity: 0.85;filter: alpha(opacity=85);display:none;}
#pgImgZoomed {position: fixed;top: 0;left: 0;z-index: 99991;
    border: 5px solid #fff;
    background-color: #FFF;color: #333;display:none;}
#pgImgZoomed img { cursor: pointer;}

#pgImgZoomed .pgImgZoomedPrevItem, #pgImgZoomed .pgImgZoomedNextItem {position: absolute;top: 0;
    width: 50px;height: 200px;margin: 0;padding: 0;color: transparent;}
#pgImgZoomed .pgImgZoomedPrevItem { left: 0;}
#pgImgZoomed .pgImgZoomedNextItem { right: 0;}
#pgImgZoomed .pgImgZoomedPrevItem:hover, #pgImgZoomed .pgImgZoomedNextItem:hover {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;transition: background 0.2s ease 0;color: #fff;}
#pgImgZoomed .pgImgZoomedPrevItem a, #pgImgZoomed .pgImgZoomedNextItem a {
    display: block;width: 35px;height: 43px;font-size: 32px;padding: 7px 0 0 15px;
    color: #CCC;text-decoration: none;}
#pgImgZoomed .pgImgZoomedPrevItem a:hover, #pgImgZoomed .pgImgZoomedNextItem a:hover {color: #FFF;}
/* //------------------- photogallery -------------------------- */


/* --------------------- employee details ---------------------- */
.details .subDetailsBox {float: left; width: 100%;}
.details .subDetailsBox img {display:block;float:left; width:230px;height:auto; object-fit:contain; margin:0 20px 20px 0;}
.details .subDetailsBox .data {float: left; width: 480px; margin: 0; padding: 0;}
.details .subDetailsBox .dataW {width: 740px!important;}
.details .subDetailsBox .data .name {width: 100%;margin: 0; font-size: 22px; color: #15649f;}
.details .subDetailsBox .data .depName {display: block; float:left;width:auto; margin: 15px 0; padding: 10px;
    font-size: 12px; color: #15649f;border: 1px solid #ccc;text-transform: uppercase;}
.details .subDetailsBox .data .depName:hover {background-color: #15649f;color: #fff;
    border: 1px solid #15649f;text-decoration: none;}
/* //------------------- employee details ---------------------- */

/* --------------------- forms --------------------------------- */
.tblForm { width: 1000px;}
.tblForm, .tblForm tr, .tblForm tr td { border: transparent;border-collapse: collapse;}

.tblForm .tdTitle {width: 220px;}
.tblForm .tdInput {width: 500px;}
.tblForm .uInput { width: 480px;font-size: 16px;padding: 10px;margin-bottom: 5px;resize: none;
    font-family: "Open Sans","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.tblForm .tdInvMsg {width: 270px;color: red;padding: 5px;}
.frmBtn {float: right;padding: 10px 15px;border: none;
    text-transform: uppercase;cursor: pointer;
    background-color: #189F64;color: #fff;}
.frmBtn:hover{ background-color: yellowgreen;}
/* //------------------- forms --------------------------------- */
.news__desc {
    margin: 20px 0 0 0;
}
/* --------------------- lists with images --------------------- */
.ulImg {
    float: left;
    width: 770px;
    margin: 0;
    padding: 0;
}
.ulImg li { float: left;width: 740px;margin:0 0 30px 30px;padding: 0;list-style-type: none;}
.ulImg li a.img { display: block; float: left;width: 170px;height: 170px; margin-right: 10px;object-fit: contain;}
.ulImg li a.title { width: 100%;margin: 10px 0;font-size: 18px;}
.ulImg li span.dt { margin-top: 10px; color: #777;}

.ulEmployees {float: left;width: 770px; margin: 0;padding: 0;}
.ulEmployees li { float: left;width: 770px;margin:0 0 30px 0;padding: 0;list-style-type: none;}
.ulEmployees li a.img { display: block; float: left;margin-right: 20px;}
.ulEmployees li a.title {display: block; width: 100%;margin-top: 10px; font-size: 18px;color: #15649f;}
.ulEmployees li a.depName {display: block; float:left;width:auto; margin: 15px 0; padding: 10px;
    font-size: 12px; color: #15649f;border: 1px solid #ccc;text-transform: uppercase;}
.ulEmployees li a.depName:hover {background-color: #15649f;color: #fff;
    border: 1px solid #15649f;text-decoration: none;}

.tblListWithImg, .tblListWithImg tr, .tblListWithImg tr td { border-collapse: collapse;border: 1px solid transparent;}
.tblListWithImg { width: 700px;margin: 0;padding: 0;}
.tblListWithImg tr td { margin:0;padding: 0 0 30px 0;vertical-align: top;}
.tblListWithImg tr td.l { width: 230px;padding-right: 20px;}
.tblListWithImg tr td.l a.img { display: block; float: left;width: 230px;height: auto; object-fit: contain; margin-right: 10px;}
    .tblListWithImg tr td.r a.title {
        display: block;
        width: 100%;
        margin-top: 10px;
        color: #2B5CA1;       
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }
.tblListWithImg tr td.r a.depName {display: block; float:left;width:auto; margin: 15px 0; padding: 10px;line-height:150%;
    font-size: 12px; color: #15649f;border: 1px solid #ccc;text-transform: uppercase;}
.tblListWithImg tr td.r a.depName:hover {background-color: #15649f;color: #fff;
    border: 1px solid #15649f;text-decoration: none;}


.tblListWithImg_Nine_block {
    display: inline-grid;
    grid-template-columns: repeat(4, 1fr);
    /*grid-template-rows: repeat(3, 1fr);*/
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    position: relative;
   /* right: 115px;*/
}

.tblListWithImg_Nine_block .tblListWithImg_Nine_anketa {
    display: block;
    width: 250px;
    height: 100%;
    }

.tblListWithImg_Nine_img {
    width: 250px;
    height: 250px;
    object-fit: contain;
}
.tblListWithImg_Nine_img img{
    width: 250px;
    height: 250px;
    object-fit: contain;
}

.tblListWithImg_Nine_desc {
    width: 250px;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.pager,
.details .letters {
    position: relative;
    /*right: 70px;*/
    margin: 20px auto;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.tblListWithImg_Nine_desc .title {
    font-size: 18px;
    color: #15649f;
}

.tblListWithImg_Nine_desc .depName {
    font-size: 12px;
    color: #15649f;
}
/* //------------------- lists with images --------------------- */
.tblListWithImg img {
    width: 250px;
    height: auto;
    object-fit: contain;
}
    /* //------------------- body ---------------------------------- */
    a {
        text-decoration: none;
    }
.doctors__wrapper {
    display: flex;
    justify-content: space-between;
}
.doctors__single {
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .doctors__single a {
        color: #2B5CA1;
        text-decoration: none;
    }
    .doctors__single img {
        width: 100%;
        object-fit: contain;
    }
.mobile__view {
    display: none;
}
.header__top--phones div.socials__wrapper {
    display: flex;
    justify-content: flex-start;    
}
.socials__wrapper {
    display: flex;    
}
.footer_contact__wrapper {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: right;
    color: #FFFFFF;
}
.accordion {
    background-color: rgb(21 100 159 / 75%);
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin: 1px 0 1px 0;
}
    .accordion:before {
        content: '+';
        position: absolute;
        right: 20px;
        font-size: 24px;
    }
    .accordion.active:before {
        content: '-';
        position: absolute;
        right: 20px;
        font-size: 24px;
    }
.accordion__wrapper {
    display: flex;
    flex-direction: column;
    margin: 10px 0 0 0;
}
    .accordion__wrapper p {
        margin:auto
    }
    .active, .accordion:hover {
        background-color: #15649F;
    }

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
}
    .panel img {
        width:100%;
        object-fit: contain
    }
    .panel .tblDetails, .panel .tblDetails tr, .panel .tblDetails tr td {
        width: 100% !important
    }
    /* --------------------- pager --------------------------------- */
.pager {
    float: left;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
}
.pager a { margin-left: 10px;padding: 5px 8px;border: 1px solid #ccc;}
.pager a:hover, .pager a.c {color: #fff!important; background-color: #15649F;border: 1px solid #15649F;}
.pager a.c:hover { text-decoration: none!important;cursor: default !important;}
.pager a.arrow { color: #15649F;font-weight: bold;}
.menu__column ul {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    display: flex;
    /*flex-direction: column;*/
    flex-direction: row;
    list-style: none;
}
.doctor__descs {
    display: flex;
    flex-direction: column;
}
.doctor__descs--single {
    padding: 5px 0;
    font-size: 14px;
    line-height: normal;
    color: #000;

    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;

}
    .doctor__descs--single span {
        font-weight:bold;
    }
    .banner__schedule {
        z-index: 9999;
        position: fixed;
        right: -93px;
        top: 30%;
        background: #1872ab;
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate( 270deg );
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate( 270deg );
    }
    .banner__schedule a {
        color: #fff;
        padding: 20px;
        text-decoration: none;
        display: block;
        font-size: 20px;
    }
    .menu__column ul li {
    }
        .menu__column ul li a {
            line-height: 26px;
            font-size: 14px;
            color: #fff;
            align-items: center;
            align-content: center;
            display: flex;
            margin: 0 auto;
        }
        .menu__column ul li div {
            line-height: 26px;
            font-size: 14px;
            color: #fff;
            align-items: center;
            align-content: center;
            display: flex;
            margin: 0 auto;
        }
        .menu__column  {
            line-height: 26px;
            font-size: 14px;
            color: #fff;
        }
            .menu__column.linkMenu {
                line-height: 26px;
                font-size: 14px;
                font-family: 'Exo 2', sans-serif;
                font-size: 14px;
                font-weight: 400;
                line-height: 17px;
                letter-spacing: 0em;
                color: #000000;
                padding: 0 5px;
                /*position: relative;*/
                cursor: pointer;
               
            }
            .menu__column.linkMenu:hover {
                    text-decoration: underline;

            }


            .menu__column .select-active {
                text-decoration: underline;
            }

                .menu__column .select-active + ul {
                    max-height: 3000px;
                    overflow: visible;
                    position: absolute;
                    top: 100%;
                    left: 0;
                   
                    width: 100%;
                    /*padding: 0px 5px;*/
                    background: #2B5CA1E5;
                    z-index: 99999;
                    display: grid;
                   
                    grid-template-columns: repeat(5, 1fr);
                    justify-content: center;
                  /*  grid-column-gap: 30px;*/
                    grid-row-gap: 5px;
                    background: #2B5CA1E5;
                }

            .menu__column ul li {
                text-align: center;
                display: flex;
             
                justify-content: center;
                min-height: 55px;
            }

            .menu__column .select-active + ul .select-li {
           
                text-decoration: underline;
                color: white;
                
        
            }

                .menu__column .select-active + ul .select-li a {
                    text-decoration: underline;
                    align-items: center;
                    align-content: center;
                    display: flex;
                    
                }

            .menu__column .select-active + ul img {
           
                display: flex;
                width: 15px;
                height: 15px;
              
                right: 0px;
                top: 45%;
                margin: 20px;
                transform: rotate(0deg);
            }
            .menu__column .select-active + ul .select-li img {
                display: flex;
                width: 15px;
                height: 15px;
            
                right: 0px;
                top: 45%;
                margin: 20px;
                transform: rotate(90deg);
            }


            .menu__column .select-active + ul li div:hover  {
                /*color:#fff;*/
                text-decoration: underline;
            }
        .menu__column:hover {
           /* background: #2B5CA1;*/

        }

.select-li .animate_children {
    z-index: 99999;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-height: 55px;
    max-height: 3000px;
    border-top: 1px solid #FFFFFF;
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    top: 100%;
    overflow: visible;
    left: 0;
    background: #2B5CA1E5;
    text-decoration: none !important;
}
    .select-li .animate_children li {
        /*background: #2B5CA1E5;*/
        text-decoration: none !important;
       /* padding: 20px 10px;*/
    }
    .select-li .animate_children li a {
        text-decoration: none !important;
    }
        .select-li .animate_children li a:hover {
            text-decoration: underline !important;
        }


.topBtn__wrapper__Logo_mobile {
    display: none;
}
.tblFooterItems_div {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    text-transform: uppercase;
    margin: 10px 0;
}
.tblFooterItems_div a {
    color: #ffffff;
    cursor: pointer;
}

.tblFooterItems_div_desc {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.footer__wrapper .footer_logo__wrapper .footer_logo__wrapper_textMobile {
    display: none;
}


.searchInputClass,
.search-icon {
    border-radius: 0; 
}

input {
    -webkit-appearance: none;
}


/* //------------------- pager --------------------------------- */
/* ---------------------------- NEW STYLES ---------------------------- */
@media (max-width: 1149px) {
    .socials__wrapper {
        display: none;
    }

    .footer_contact__wrapper {
        display: none;
    }

    .banner__schedule a {
        font-size: 14px;
        padding: 10px;
    }

    .banner__schedule {
        position: static;
        transform: none;
        text-align: center;
    }

    .doctors__wrapper {
        flex-direction: column;
    }

    .doctors__single {
        width: 100%;
    }

    .frmBtn.mt40 {
        width: 100%;
        margin: 20px 0 !important;
        float: none !important
    }

    .tblForm .tdInput,
    .w1100,
    .tblForm .tdTitle,
    .tblForm .tdInvMsg,
    .tblForm .uInput {
        width: 100% !important;
        box-sizing: border-box;
    }

    .menu__column ul {
        display: none !important
    }



    .details .rightImgDetails .textBox {
        /*width: 100%;*/

    }

    .header__top {
        width: 100%;
        flex-direction: column;
        padding: 10px 20px;
        box-sizing: border-box;
    }

    .header__top--search {
        display: flex;
        flex-direction: column !important;
        position: relative;
        margin: 5px 0;
    }

    .header__top--phones {
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }

    .rowEl {
        width: 100%;
        overflow: visible;
    }

    .footer_rowE1 {
        display: flex;
        flex-direction: column;
        padding: 10px;
    }


    .tblFooterItems_div {
        display: flex;
        justify-content: space-between;
        color: #ffffff;
        flex-direction: column;
    }

        .tblFooterItems_div a {
            color: #ffffff;
            cursor: pointer;
            font-size: 12px;
            font-weight: 700;
            line-height: 14px;
            letter-spacing: 0em;
            text-align: left;
            margin: 7px 0;
            display: block;
        }

    .tblFooterItems_div {
        margin: 10px;
    }

    .footer__wrapper .footer_logo__wrapper {
        flex-direction: row;
        width: 100%;
        justify-content: flex-start;
        margin-top: 20px;
    }

        .footer__wrapper .footer_logo__wrapper div {
            margin: 0;
            display: flex;
            align-items: center;
        }

            .footer__wrapper .footer_logo__wrapper div img {
                width: 44px !important;
                height: 44px !important;
                margin-right: 14px;
            }

            .footer__wrapper .footer_logo__wrapper div span {
                font-size: 12px;
                font-weight: 500;
                line-height: 17px;
                letter-spacing: -0.03em;
                padding: 5px;
                text-align: justify;
            }

        .footer__wrapper .footer_logo__wrapper .footer_logo__wrapper_textDesc {
            display: none;
        }

        .footer__wrapper .footer_logo__wrapper .footer_logo__wrapper_textMobile {
            display: block;
            max-width: 232px;
        }

    .header__top--search {
        flex-direction: column-reverse !important;
    }

    .leftBox {
        /*display: none;*/
        display: block;
    }

    .topBtnSearch,
    .header__top--phones {
        display: none;
    }

        .header__top--phones.isMobile_visible {
            display: flex;
            flex-direction: column;
        }

            .header__top--phones.isMobile_visible .phones__single {
                width: 100%;
                color: #000;
            }

                .header__top--phones.isMobile_visible .phones__single span {
                    font-size: 12px;
                    font-weight: 500;
                    line-height: 14px;
                    letter-spacing: 0em;
                    text-align: left;
                    color: #000;
                    text-transform: capitalize;
                }

                .header__top--phones.isMobile_visible .phones__single svg {
                    fill: red;
                    width: 25px;
                    height: 25px;
                }

                .header__top--phones.isMobile_visible .phones__single svg {
                    fill: #2B5CA1;
                }

                    .header__top--phones.isMobile_visible .phones__single svg path {
                        fill: #2B5CA1;
                    }

    .leftMenu_main .leftMenu_children_one {
        display: none;
    }

    .leftMenu_main.active .leftMenu_children_one {
        display: block;
    }

    #frmSearch {
        display: block;
        width: 100%;
        position: static;
        right: 0;
    }

        #frmSearch input {
            width: 100%;
            height: 37px;
            position: absolute;            
            border: 0px;
            padding: 0;
            bottom: -52px;
        }

        #frmSearch .search-icon {
            transform: translateY(0);
            background: #1877F2;
            width: 81px;
           /* width: 25%;*/
            height: 37px;
            top: 73px;
            right: -4px;
            position: absolute;
        }

            #frmSearch .search-icon span {
                display: block;
                text-align: center;
                color: #ffffff;
                margin-top: 10px;
            }

    .bgClrBlue {
        min-height: 141px;
    }

    .topBtn__wrapper__Logo_mobile {
        display: block;
        width: 320px;
        height: 36px;
        margin: 0 auto;
    }


        .topBtn__wrapper__Logo_mobile .aLogo {
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            margin-top: -10px;
        }

            .topBtn__wrapper__Logo_mobile .aLogo img {
                width: 36px;
                height: 36px;
                padding: 0 0px 00px 48px;
            }

            .topBtn__wrapper__Logo_mobile .aLogo span {
                color: #FFFFFF;
                font-size: 12px;
                font-weight: 500;
                line-height: 16px;
                letter-spacing: -0.03em;
                text-align: justify;
            }

    .topBtn__wrapper {
        top: 114px;
        text-transform: lowercase;
        font-size: 12px;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: -0.03em;
        z-index: 1000;
    }


    .topBtnGreen {
        display: flex;
        justify-content: center;
        text-align: center;
        float: right;
        position: absolute;
        right: 0;
        width: 160px;
        min-width: 100px;
        height: 35px;
        align-items: center;
        color: #FFF;
        background-color: #00AA61;
        margin-right: 0;
        border-radius: 0px;
        text-transform: lowercase;
        /* padding: 0px 15px;*/
        background-color: #1872AB;
    }

    .topBtnOrange {
        display: flex;
        justify-content: center;
        text-align: center;
        float: left;
        position: absolute;
        width: 160px;
        min-width: 100px;
        height: 35px;
        align-items: center;
        color: #FFF;
        background-color: #FF6600;
        margin-right: 0;
        border-radius: 0px;
        text-transform: lowercase;
        /*padding: 0px 15px;*/
        background-color: #00AA61;
    }

        .topBtnGreen b,
        .topBtnOrange b {
            text-transform: uppercase;
        }


    .menu3_newBlock div span {
        font-size: 11px;
        font-weight: 500;
        line-height: 13px;
        letter-spacing: -0.03em;
        text-align: center;
    }

    .menu3_newBlock {
        display: flex;
        height: 190px;
        margin: 0px auto;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
    }

        .menu3_newBlock img {
            width: 135px;
            height: 160px
        }

        .menu3_newBlock div span {
            font-size: 10.5px;
        }


    .news{
        padding: 10px;
    }

    .news_block {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 5px; 
       
    }

        .news_block .news_grid {
            width: 100%;
            /* height: 100%;*/
            background: none !important;
            /*max-height: 50px;*/
            max-height: 10em;
        }

        .news_block .single_news {
            background: #ffffff;
            padding: 0px;
            min-height: 130px;
            width: initial;
            min-width: 320px ;
        }


        .news_block .single_news:hover .desc a {
            -webkit-line-clamp: 2;
            transition-duration: 1.5s;
        }





    .news .news_all_link a {
        font-family: 'Exo 2', Open Sans !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: center;
    }

    .news_block .single_news .name_news a,
    .news_block .single_news .desc a,
    .news_block .single_news .dt a {
        font-family: 'Exo 2', Open Sans !important;
        color: #000000;
        font-family: Open Sans;
        font-size: 14px;
        
    }

    .news_block .single_news .dt a {
        font-family: 'Exo 2', Open Sans !important;
        color: #777;
        font-family: Open Sans;
        font-size: 14px;
    }


        .phones__single {
            width: 50%;
            margin: 0 0 10px 0;
            align-items: flex-start
        }

        .phones__single svg {
            width: 18px;
            height: 18px;
        }

    .header__top--phones div {
        font-size: 12px;
        line-height: 14px;
    }

        .header__top--phones div.socials__wrapper {
            width: 50%;
            margin: 0;
            justify-content: space-around;
        }

            .header__top--phones div.socials__wrapper a {
                width: auto;
            }

    .topMenuRow {
        padding: 10px 20px;
        box-sizing: border-box;
        position: relative;
        overflow: visible;
        min-height: 55px;
    }

        .topMenuRow .menu {
            position: fixed;
            top: 0;
            background: #fff;
            left: 0;
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
            right: 0;
            padding: 20px;
            box-sizing: border-box;
            z-index: 999999;
            display: none;
            width: 80vw;
            height: 100vh;
            background: #D9D9D9;
            overflow: auto;
        }

            .topMenuRow .menu .menu__column > a {
                display: flex;
                font-size: 16px;
                text-transform: uppercase;
                margin: 0;
                padding: 5px 0;
                justify-content: center;
                flex-direction: column-reverse;
            }

    .rowEl.topMenuRow .aLogo {
        display: none;
    }

    .mw1150 {
        min-width: unset !important
    }

    .topBanerHomeRow .topBanerHomeRowItem {
        height: 215px;
        background-size: cover
    }

    /*Банер мобільна версія*/
    .topBanerHomeRow {
        height: 215px;
        display: none;
    }

        .topBanerHomeRow .topBanerHomeRowItem table {
            width: 100%;
            height: 100%;
        }

            .topBanerHomeRow .topBanerHomeRowItem table tr td {
                font-size: 16px;
            }

    /*    .homePage .homeL .menu2 {
        height: auto;
        width: auto;
        margin-bottom: 20px;
    }*/

    .menu2 tr {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .homePage,
    .homePage .homeL,
    .homePage .homeL .menu2 a {
        width: 100%;
        float: none;
        margin: 0 !important;
        background-position: right;
        border: none;
        background: none !important;
        height: 100%;
    }


    table {
        width: 100% !important;
        border-spacing: 0px;
    }

    .homePage .homeL .menu2 a table tr td:hover {
        opacity: 1;
        filter: alpha(opacity=65);
        background-color: #fff;
        color: inherit;
        text-decoration: none;
    }

    /*    .homePage .homeL .menu2 a table tr td {
        padding: 20px 0 0 0;
    }*/


    .homePage .homeL .menu2 {
        height: auto;
        width: auto;
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
    }



/*        .homePage .homeL .menu2 a table {
            padding: 0 20px;
        }*/

        .homePage .homeL .menu2 a table tr td {
            /*width: 160px*/;
            width: 100%;
            height: 70px;
            font-size: 12px;
            font-weight: 500;
            line-height: 17px;
            letter-spacing: -0.03em;
            text-align: center;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            border-bottom: 3px solid #2B5CA1;
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
        }




        .homePage .homeL .menu2 a table, .homePage .homeL .menu2 a table tr, .homePage .homeL .menu2 a table tr td {
            padding: 0 10px;
            box-sizing: border-box;
        }

        .homePage .homeL .menu3 {
            width: 100%;
            margin-bottom: 0;
        }

            .homePage .homeL .menu3 div.right {
                margin-left: 0;
                width: 100%
            }

            .homePage .homeL .menu3 div.menu2item {
                width: 100%;
                margin: 0 0 20px 0;
            }

            .homePage .homeL .menu3 div.odd {
                width: 100% !important;
                height: 100% !important;
            }

        .homePage .homeR,
        .homePage .homeR .news {
            width: 100%;
            margin: 0;
        }

            .homePage .homeR .banners {
                width: 100%;
                margin-top: 20px;
            }

                .homePage .homeR .banners a {
                    width: 100%;
                    height: auto;
                    margin-top: 0;
                }

    .btmBanerRow {
        margin: 0 !important;
        display: flex;
        flex-direction: column;
    }

        .btmBanerRow .btmBnrL, .btmBanerRow .btmBnrR {
            width: 100%;
        }

    .btmBnrBox {
        color: #fff;
        text-align: center;
        width: 100%;
        margin: 0 !important;
        padding: 20px;
        box-sizing: border-box;
    }

    .tblFooterItems tr:nth-of-type(1) {
        display: none !important
    }

    .tblFooterItems tr:nth-of-type(2) {
        display: flex;
        flex-direction: column;
    }

        .tblFooterItems tr:nth-of-type(2) td {
            padding: 10px 0;
        }

    .tblFooterItems tr:nth-of-type(3) td:first-of-type {
        display: none;
    }

    .tblFooterItems {
        margin: 0;
    }

    .row.bgClrBlue.mw1150 {
        padding: 0 20px 20px 20px;
        box-sizing: border-box
    }

    .tblFooterItems tr td a {
        font-size: 12px;
    }

    .topBanerRowTable {
        width: 100%;
    }




    .breadCrumbsRow .rowEl {
        padding: 10px 20px;
        display: flex;
        display: none;
        flex-wrap: wrap;
        text-transform: lowercase;
        box-sizing: border-box;
        font-size: 12px;
        line-height: 14px;
    }

        .breadCrumbsRow .rowEl a.c,
        .breadCrumbsRow .rowEl span,
        .breadCrumbsRow .rowEl a {
            padding: 5px 5px 5px 0;
        }

        


    .tblDetails tr {
        display: flex;
        flex-direction: column-reverse
    }

        .tblDetails tr td.right {
            width: 100%
        }

    .leftMenu {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        display: none;
        z-index: 99999;
        background: #f5f6f8;
        box-sizing: border-box;
        border-left: 0px solid #2B5CA1;
        border-right: 0px solid #2B5CA1;
        border-top: 2px solid #2B5CA1;
        border-bottom: 2px solid #2B5CA1;
    }

    .details {
        width: 100vw;
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 50px 20px 0 20px;
        box-sizing: border-box
    }

    .content__wrapper {
        box-sizing: border-box;
        overflow: visible;
    }

    .tblDetails {
        width: 100%;
        margin: 0 !important;
        position: relative;
    }

    .tblTabsHeader {
        width: 100%;
    }

        .tblTabsHeader tr td {
            text-align: center;
            vertical-align: middle;
            width: 100% !important;
        }

    .tblDetails tr td.left {
        width: 100%;
    }

    .leftBox, .leftMenu, .leftMenu a, .submenuBanners, .submenuBanners a, .submenuBanners a img {
        width: 100% !important;
    }

    .details .rightImgDetails {
        float: right;
       /* width: 100%;*/
        margin: 0;
        color: #fff;
        background-color: #15649f;
        display: block;
        margin: 0 auto;
    }

    .ulEmployees, .ulEmployees li, .ulImg, .ulImg li {
        width: 100%
    }

        .ulEmployees li a.img {
            width: 100%;
            margin: 0 0 10px 0;
        }

            .ulEmployees li a.img img {
                text-align: center;
                display: block;
                margin: 0 auto;
            }


        .ulEmployees, .ulEmployees li, .ulImg {
            width: 100%;
            margin-top: 30px;
            padding: 17px;
            box-sizing: border-box;
        }

    .pager {
        display: flex;
        flex-wrap: wrap;
    }

    .details .detailsImg {
        width: 100%;
    }

    .details .body {
        color: #555;
        word-break: break-word;
        max-width: 100%;
        overflow: hidden;
    }
        .panel table,      
        .panel table tbody p,
        .panel table tbody span,      
        .details .body pre {
            display: block;
            margin: 0 auto;
            white-space: unset;
        }


        .panel table tbody {
            display: block;
            margin: 0 auto;
            white-space: unset;
            overflow: scroll;
        }

        .panel table tbody tr {
            display: flex;
            margin: 0 auto;
            white-space: unset;
            flex-direction: row;
            justify-content: space-between;
        }

        .panel table tbody tr td {
            display: block;
            margin: 0 auto;
            white-space: unset;
            margin: 0;
        }





    .ulImg li {
        margin: 10px 0;
        display: flex;
        flex-direction: column;
    }

    .photogallery .pgPreview {
        height: auto
    }

        .photogallery .pgPreview .pgPrevItem, .photogallery .pgPreview .pgNextItem {
            top: 10px;
        }

    .body img,
    .body iframe {
        width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }

    .photogallery .pgThumbs .pgThumbsBox {
        display: none;
    }

    .photogallery .pgPreview,
    .photogallery .pgThumbs,
    #pgImgPreview {
        width: 100%;
    }

    .menu.menu_isMobile {
        justify-content: start;
    }

    .menuHtml_block {
        width: 100%;        
    }

        .menuHtml_block .socials__wrapper {
            display: flex;
            justify-content: flex-start;
        }

            .menuHtml_block .socials__wrapper svg {
                width: 25px;
                height: 25px;
            }


        .menuHtml_block.scrollMob {
            overflow: auto;
            display: flex;
            flex-direction: column-reverse;
        }

    .menu.menu_isMobile .menu_isMobile_Logo {
        display: flex;
        justify-content: start;
        align-items: center;
        padding-left: 50px;       
        text-decoration: none;
    }

        .menu.menu_isMobile .menu_isMobile_Logo img {
            width: 30px;
            height: 30px;
            padding-right: 15px;
        }

        .menu.menu_isMobile .menu_isMobile_Logo .menu_isMobile_Logo__title {
            color: #000;
            font-size: 18px;
            font-weight: 500;
            line-height: 21px;
            letter-spacing: -0.03em;
        }

    .menu.menu_isMobile .leftMenuHtml_isMobile_Line {
        width: 100%;
        height: 2px;
        background: #2B5CA1;
        margin: 10px 0;
    }
    
    #menu__button {
        width: 30px;
        height: 22px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        position: relative;
        left: 0;
        top: 20px;
        z-index: 1000000;
    }

    #submenu__button {
        width: 30px;
        height: 22px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        position: absolute;
        left: 20px;
        top: 15px;
        display: block;
    }

    #submenu__button span {
        display: block;
        position: absolute;
        height: 2px;
        width: 50%;
        background: #15649f;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #menu__button span {
        display: block;
        position: absolute;
        height: 2px;
        width: 50%;
        background: #fff;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #submenu__button span:nth-child(even),
        #menu__button span:nth-child(even) {
            left: 50%;
        }

        #submenu__button span:nth-child(odd),
        #menu__button span:nth-child(odd) {
            left: 0;
        }

        #submenu__button span:nth-child(1), #submenu__button span:nth-child(2),
        #menu__button span:nth-child(1), #menu__button span:nth-child(2) {
            top: 0;
            color: red;
        }

        #submenu__button span:nth-child(3), #submenu__button span:nth-child(4),
        #menu__button span:nth-child(3), #menu__button span:nth-child(4) {
            top: 10px;
        }

        #submenu__button span:nth-child(5), #submenu__button span:nth-child(6),
        #menu__button span:nth-child(5), #menu__button span:nth-child(6) {
            top: 20px;
        }

    #submenu__button.open span:nth-child(1), #submenu__button.open span:nth-child(6),
    #menu__button.open span:nth-child(1), #menu__button.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #submenu__button.open span:nth-child(2), #submenu__button.open span:nth-child(5),
    #menu__button.open span:nth-child(2), #menu__button.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #submenu__button.open span:nth-child(1),
    #menu__button.open span:nth-child(1) {
        left: 3px;
        top: 4px;
        background: black;
    }

    #submenu__button.open span:nth-child(2),
    #menu__button.open span:nth-child(2) {
        left: calc(50% - 3px);
        top: 4px;
        background: black;
    }

    #submenu__button.open span:nth-child(3),
    #menu__button.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }

    #submenu__button.open span:nth-child(4),
    #menu__button.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }

    #submenu__button.open span:nth-child(5),
    #menu__button.open span:nth-child(5) {
        left: 3px;
        top: 14px;
        background: black;
    }

    #submenu__button.open span:nth-child(6),
    #menu__button.open span:nth-child(6) {
        left: calc(50% - 3px);
        top: 14px;
        background: black;
    }

    .mobile__view {
        display: block;
       
    }


        .menu_isMobile .menuHtml_block .mobile__view {
            display: block;
        }

    .menu_isMobile .menuHtml_block .leftMenu {
        display: block;
        background: #d9d9d9;
        border: none;
        position: relative;
        top: 0;
        padding: 0;
    }

    .leftMenu a {
        font-size: 12px;
        font-weight: 700;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        border: none;
        text-transform: capitalize;
    }

        .leftMenu a.c {
            font-size: 12px;
            font-weight: 700;
            line-height: 17px;
            letter-spacing: 0em;
            text-align: left;
            border: none;
            text-transform: capitalize;
        }

        .leftMenu a.sub {
            font-size: 12px;
            font-weight: 500;
            line-height: 13px;
            letter-spacing: 0em;
            text-align: left;
            border: none;
            text-transform: capitalize;
        }

        .leftMenu a.subC {
            font-size: 12px;
            font-weight: 500;
            line-height: 13px;
            letter-spacing: 0em;
            text-align: left;
            border: none;
            text-transform: capitalize;
        }

    .tblDetails.mt30 .mobile__view {
        display: none;
    }

    .homePage .homeL .inline {
        width: 100%;
        margin: 0 0 20px 0;
        box-sizing: border-box;
    }

    .tblListWithImg tr td.l {
        width: 100%;
    }

    .details .letters {
        width: 100%;
        margin: 0;
    }

    .tblListWithImg tr td.l a.img {
        float: none;
        margin: 0 auto;
        display: block;
        text-align: center;
        width: 100%;
        object-fit: contain;
        height: auto;
    }

    .details .subDetailsBox,
    .details .subDetailsBox .data {
        width: 100%;
    }

    .details iframe {
        width: 100% !important;
        height: auto !important;
    }

    .tblFooterItems_div_desc {
        flex-direction: column;
    }

    
    .tblListWithImg_Nine_block {
        display: inline-grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        position: relative;       
        margin: 0 auto;
    }

    .pager,
    .details .letters {
        position: relative;
        right: 0px;
    }

    .tblListWithImg_Nine_img {
        margin-top: 20px;
    }

    .divImgNews_Block_Grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 50px;
        grid-row-gap: 50px;
        position: relative;
        width: 100%;
        
    }

    .divImgNews_Block_Grid .divImgNews_item {
        width: 100%;
    }

    .divImgNews_Block_Grid .divImgNews_item .divImgNews_item_img {
        display: none;
    }
    .divImgNews_item_desc .title {

        display: -webkit-box;
        -webkit-line-clamp: 2;
    }

    .divImgNews_item_desc .news__desc {
       
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }



}