.megamenu__center a:visited,
.megamenu__main .lvl-2 a:visited,
.megamenu__main .lvl-3 .item a:visited {
    color: #000000;
}

.megamenu__center a:visited:hover {
    color: var(--scrollbarThumbColor);
}

.megamenu__main .lvl-3 .item a:visited:hover {
    color: var(--scrollbarThumbColorSecond);
}

.megamenu__main .lvl-2 a:visited:hover {
    color: var(--scrollbarThumbColor);
}

.tab-atricle.active {
    background: #007ec4;
    color: #fff;
    font-family: 'Raleway';
}

tr td body {
font-family: 'Raleway';
overflow-x:hidden;
}

.table-sved tr td a {
    display: flex;
    align-items: center;
    align-content: center;
}

a:link {
    color: #333333;
}

a:visited {
    color: #2a3174;
}

a.show-all {
    border: solid 1px transparent;
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(49deg, #097DC0 1.03%, #FFBA00 100%) border-box;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #455158;
    margin-left: 20px;
    padding: 10px 15px;
    border-radius: 5px 0px 5px 5px;
    transition: all 0.4s;
}

a.show-all:hover {
    background: linear-gradient(90deg, #097DC0 70%, #FFBA00 100%) padding-box, linear-gradient(49deg, #097DC0 1.03%, #FFBA00 100%) border-box;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.4s;
}

h2.hr {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: Spectral;
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    color: #000000;
    margin-bottom: 40px;
    line-height: 100%;
}

h2.hr:after {
    content: '';
    display: block;
    margin-top: 0.2em;
    border: 2px solid #000;
}

h3, h3.h4, h3 a {
    font-family: 'Spectral';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 115%;
    letter-spacing: 0.05em;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 20px;
    word-break: break-word;
}

h3 a:link {
    color: #333333;
}

h3.hr {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: Spectral;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    color: #000000;
    text-transform: none;
    margin-bottom: 60px;
}

h3.hr:after {
    content: '';
    display: block;
    margin-top: 0.5em;
    border: 2px solid;
    border-image-source: linear-gradient(270deg, #097DC0 1.03%, #FFBA00 100%);
    border-image-slice: 1;
}

h4.hr, .main-section .main-content .main-content-section .h3 {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: Spectral;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    color: #455158;
    margin-bottom: 45px;
    text-transform: none;
}

h4.hr:after, .main-section .main-content .main-content-section .h3:after {
    content: '';
    display: block;
    margin-top: 0em;
    border: 2px solid;
    border-image-source: linear-gradient(270deg, #097DC0 1.03%, #FFBA00 100%);
    border-image-slice: 1;
}

.h4 {
    font-size: 1rem;
    padding-left: 0;
    color: #0055a4;
    font-weight: 600;
}

p, .main-section table td, table td, .main-section table tr.backgrond_blue th, .main-section table th, .word.fancybox-content {
    font-family: 'Raleway';
}

a, .menu_sveden ul li a, .main-section table tr td a {
    font-family: 'Raleway';
    font-weight: 500;
    color: black;
}

.table-responsuve {
    overflow-x: auto;
    width: 100%;
    display: grid;
    font-family: sans-serif;
}

.main-section table tr td a {
    color: #000000;
}

.main-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
}

.main-section .main-content .main-content-section {
    padding: 15px;
    margin-top: 30px;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
}

.main-section .main-content {
    background: #ffffff00;
    padding: 0px;
    position: relative;
    width: 100%;
}

.main-section .left-bar {
    min-width: 100%;
    max-width: 100%;
    flex-basis: 0;
    border-right: none;
    box-sizing: border-box;
    margin-top: 30px;
    background: #fff;
    color: #828282;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
    padding-right: 0px;
}

ul.left-menu li a {
    color: #000000;
    text-decoration: none;
    display: block;
    font-size: .9em;
    padding: 8px 10px 8px 20px;
    margin: 0px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

ul.left-menu li a:hover {
    color: #ffffff;
    background-color: #007ec4;
    text-decoration: underline;
    margin: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

ul.left-menu li .selected {
    text-decoration: none;
    color: #007ec4;
    background: none;
    border-left: 4px solid #007ec4;
    margin: 0px;
    display: block;
    padding: 8px 10px 8px 16px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

ul.left-menu li ul li {
    list-style: none;
}

ul.left-menu li a.levelTwo {
    padding-left: 30px;
}

ul.left-menu li a.selectedlvlTwo {
    text-decoration: none;
    color: #007ec4;
    background: none;
    border-left: 4px solid #efb60d;
    margin: 0px;
    display: block;
    padding: 8px 10px 8px 26px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.main-content-section ul li a span {
    color: #000;
}

.main-section .main-content-section p {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.main-section .main-content-section p.spoiler-trigger {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0.5%;
}

.main-section .main-content-section .table-sved p {
    font-size: 12px;
}

.main-section .main-content-section ol, .main-section .main-content-section ul {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 55px;
    margin-bottom: 25px;
}

@media screen and (max-width: 1023px) {
    .main-section .main-content-section p {
        margin-bottom: 20px;
    }

    .main-section .main-content-section ol, .main-section .main-content-section ul {
        margin-left: 30px;
        margin-bottom: 30px;
    }

    .tab_content {
        padding: 18px 18px 18px 18px;
    }
}

.main-section .main-content-section ul li {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    list-style-type: square;
}

.main-section .main-content-section ul li:not(:first-child) {
    margin-top: 15px;
}

/*Рамка 1 */
.blockquote-4 {
    position: relative;
    font-size: 16px;
    border: 2px solid #007ec4;
    border-radius: 20px;
    padding: 25px;
    width: 50%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 80px;
}
.blockquote-4::after {
    content:"";
    position: absolute;
    border: 2px solid #007ec4;
    border-radius: 0 50px 0 0;
    width: 40px;
    height: 40px;
    bottom: -40px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 2; 
    box-sizing: border-box;
} 
.blockquote-4::before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #FFF;
    bottom: -3px;
    left: 50px;
    z-index: 1;
}
.blockquote-4 cite {
    position: absolute;
    bottom: -30px;
    left: 110px;
    font-size: 13px;
    font-weight: 800;
    color: #ff0000;
    font-style: normal;
}

/*Секция*/
.wave-divider {
    width: 100%;
    height: 60px;
    display:block;  
}
.wave-parallax1 {
    animation: wave-move1 10s linear infinite;
}
.wave-parallax2 {
    animation: wave-move2 8s linear infinite;
}
.wave-parallax3 {
    animation: wave-move3 6s linear infinite;
}
.wave-parallax4 {
    animation: wave-move4 4s linear infinite;
}
@keyframes wave-move1 {
    0% {
        transform: translateX(85px);
    }
    100% {
        transform: translateX(-90px);
    }
}
@keyframes wave-move2 {
    0% {
        transform: translateX(-90px);
    }
    100% {
        transform: translateX(85px);
    }
}
@keyframes wave-move3 {
    0% {
        transform: translateX(85px);
    }
    100% {
        transform: translateX(-90px);
    }
}
@keyframes wave-move4 {
    0% {
        transform: translateX(-90px);
    }
    100% {
        transform: translateX(85px);
    }
}
.dark-block {
    background: #337AB7;
    padding: 50px 0;
    text-align: center;
    color: #FFF;
}
.dark-bg {
    background: #337AB7;
}

.clock_icon {
    background: url(/local/templates/kemgik/images/video/clock.svg) no-repeat;
    height: 15px;
    width: 15px;
    display: block;
}

#triangle {
    height: 0;
    border-left: 50vw solid #f5f5f5;
    border-right: 50vw solid #f5f5f5;
    border-top: 100px solid #ffffff00;
    width: 0;
}

#triangle.dark{
    height: 0;
    border-left: 50vw solid #181818;
    border-right: 50vw solid #181818;
    border-top: 100px solid #ffffff00;
    width: 0;
}

#news_block {
    padding-top: 140px;
}

#news_full {
    margin: 0 auto;
}

#news_block .section-container {
    margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
    #news_block {
        padding-top: 80px;
    }
}



#rutube, #youtube, #in_struct, #vkontakte, #file_modal {
    width: 50vw;
    height: 70vh;
}    

@media screen and (max-width: 374px) {
  #rutube, #youtube, #in_struct, #vkontakte, #file_modal {
    width: 80vw;
    height: 50vh;
  }
}

@media (min-width: 375px) and (max-width: 1023px) {
  #rutube, #youtube, #in_struct, #vkontakte, #file_modal {
    width: 80vw;
    height: 50vh;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  #rutube, #youtube, #in_struct, #vkontakte, #file_modal {
    width: 60vw;
    height: 70vh;
  }
}

#img_modal {
    width: 50vw;
}    

@media screen and (max-width: 374px) {
  #img_modal {
    width: 80vw;
    height: 50vh;
  }
}

@media (min-width: 375px) and (max-width: 1023px) {
  #img_modal {
    width: 80vw;
    height: 50vh;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  #img_modal {
    width: 60vw;
    height: 70vh;
  }
}

.bg_footer_22 {
    background: url(/local/templates/kemgik/images/bg_footer_22.svg);
    background-repeat: no-repeat;
    z-index: -1;
    background-position: left 0vw bottom -3vh;
}

@media screen and (max-width: 1024px) {
    .hidden, .hidden-mobile, html .top-nav .hidden-mobile, html ul.left-menu ul.levelTwoUlBlock {
        display: block;
    }

.bg_footer_22 .container {
    padding: 0;
    margin: 0;
    min-width: 100%;
    }
}
.main-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    position: relative;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    }

/*Документы*/
.pdf_icon, .pdf_icon_doc {
    background-image: url(/local/templates/kemgik/images/icon/pdf8.svg);
    width: 32px;
    min-width: 32px;
    margin-right: 5px;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
}

.doc_icon {
    background-image: url(/local/templates/kemgik/images/icon/doc5.svg);
    min-width: 32px;
    width: 32px;
    margin-right: 5px;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
}

.mp4_icon {
    background-image: url(/local/templates/kemgik/images/icon/mp4.svg);
    min-width: 32px;
    width: 32px;
    margin-right: 5px;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
}

.cdr_icon {
    background-image: url(/local/templates/kemgik/images/icon/cdr.svg);
    min-width: 32px;
    width: 32px;
    margin-right: 5px;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
}

.xsl_icon {
    background-image: url(/local/templates/kemgik/images/icon/xlsx5.svg);
    min-width: 32px;
    width: 32px;
    margin-right: 5px;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
}

.doc_item:first-child{
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    width: auto;
    text-decoration: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-shadow: 13px 15px 20px rgb(0 0 0 / 5%);
    -moz-box-shadow: 13px 15px 20px rgba(0,0,0,.05);
    box-shadow: 13px 15px 20px rgb(0 0 0 / 5%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    align-items: center;
}

.doc_item:not(:first-child){
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    width: auto;
    text-decoration: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-shadow: 13px 15px 20px rgb(0 0 0 / 5%);
    -moz-box-shadow: 13px 15px 20px rgba(0,0,0,.05);
    box-shadow: 13px 15px 20px rgb(0 0 0 / 5%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    align-items: center;
}

.doc_item:hover {
    -webkit-box-shadow: 13px 15px 20px rgb(0 0 0 / 15%);
    -moz-box-shadow: 13px 15px 20px rgba(0,0,0,.15);
    box-shadow: 13px 15px 20px rgb(0 0 0 / 15%);
}

.doc_item a.link_doc {
    display: block;
    padding: 12px 12px 0px 10px;
    -webkit-background-size: 55px 55px;
    -moz-background-size: 55px;
    -o-background-size: 55px;
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: left center;
}

.doc_item a.link_doc:hover {
    text-decoration: none;
}

.doc_item p {
    display: block;
    color: #000;
    line-height: 24px;
}

.doc_item em {
    display: block;
    color: #6d6e71;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.link_docs {
    display: flex;
    flex-direction: column;
}

.doc_item .link_docs a p {
    margin-bottom: 5px;
}

.doc_item .info_docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0px 20px 10px 10px;
    align-content: center;
    height: 12px;
    align-items: center;
}

.wrapper_ecp {
    display: contents;
}

.content_text { /* Скрываем сразу контент */
    min-width: 280px;
    display: none;
    z-index: 1010;
    max-width: 370px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: solid 1px transparent;
    background: linear-gradient(#ffffff 0 0) padding-box, linear-gradient(180deg, rgba(9, 125, 192, 0.2) 0%, rgba(69, 81, 88, 0.2) 100%) border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-top: 30px;
    min-height: 200px;
    height: fit-content;
    position: absolute;
    right: 10%;
}

@media screen and (max-width: 767px) {
    .content_text {
        margin: auto;
        left: 0;
        right: 0;
    }
}

.wrapper_ecp a:hover ~ .content_text{ /* При наведении на ссылку в раппере, откроется контент */
  display: block;
}

.popover-title {
    padding: 15px 14px;
    margin-bottom: 0;
    font-family: 'Raleway';
    color: #007ec4;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1px;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px dashed #097dc033;
}

.popover-content {
    padding: 9px 14px;
    margin-bottom: 0;
}

.wrapper_ecp .content_text .popover-content p {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 110%;
    color: #333333;
    margin-bottom: 10px;
    word-break: break-word;
}

.doc_item_reg:not(:last-child) {
    margin-bottom: 10px;
}

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

.link_docs a.link_doc {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #1B1B1B;
}

/*Конец*/

.opzr.napr-item-border_grad-097DC0-455158 {
    border: 1px solid transparent;
    border-image-source: linear-gradient(180deg, rgba(9, 125, 192, 0.2) 0%, rgba(69, 81, 88, 0.2) 100%);
    border-image-slice: 1;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}

.opzr.napr-item-border_grad-097DC0-455158 p {
    margin-bottom: 0;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #333333;
}

.opzr.napr-item-border_grad-097DC0-455158 p.napr-item_text-bold {
    font-weight: 800;
    text-align: end;
    word-break: break-word;
}

.opzr.napr-item-border_grad-097DC0-455158 p.napr-item_text-blue {
    color: #097DC0;
}

.opzr p a {
    color: #097dc0;
}

@media screen and (max-width: 767px) {
    .opzr .col-6 {
        width: 100%;
    }

    .opzr.napr-item-border_grad-097DC0-455158 p {
        margin-bottom: 10px;
    }

    .opzr p.napr-item_text-black {
        margin-bottom: 20px;
    }
}

.documents .about_kafs ul li {
    margin-top: 0px;
}

.web_icon {
    background-image: url(/local/templates/kemgik/images/icon/web4.svg);
    width: 33.9px;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
}

.ecp_icon {
    background-image: url(/local/templates/kemgik/images/icon/ecp.svg);
    height: 30px;
    width: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

.struct-head:last-child {
    display: none;
}


table.iksweb th {font-weight: normal; font-size: 13px; color: #000000; background-color: #ffffff; margin-left: -150px; padding: 8px 10px; position: absolute; width: 125px; line-height: 13px; vertical-align: middle; border: 1px solid #007ec429;}
.outer {position: relative}
.inner {overflow-x: scroll; overflow-y: visible; width: revert; margin-left: 140px;}
table.iksweb {text-decoration: none;border-collapse:collapse;width:100%;text-align:center;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}
table.iksweb td {font-size:13px;color:#000000;}
table.iksweb td {white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #e3e3e3;}
table.iksweb tr:hover {background-color:#f9fafb}
table.iksweb tr:hover td {color:#000000;cursor:default;}
table.iksweb tr td.background-chet {background: #ffba002e;}
table.iksweb tr td.background-nechet {background: #007ec414;}
table.iksweb tr.border-none td {border:none;}

.inner::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarThumbColor);
    border-radius: 5px;
    border: var(--scrollbarBorder);
    background-image: linear-gradient( 270deg, var(--scrollbarThumbColor) 0%, var(--scrollbarThumbColorSecond) 90% );
    height: 30%;
}

.inner::-webkit-scrollbar {
    width: var(--scrollbarWidth);
    height: 5px;
}

.inner::-webkit-scrollbar-track {
    background: #fff;
    border-radius: var(--scrollbarBorderRadius);
}

.work-time {
    padding: 0;
    margin: 0;
}

.work-time .row .col-md-4 {
    padding: 0 2%;
    width: 33.3%;
    display: flex;
}

.work-time .row .col-md-4 .row {
    border: 1px solid #d6eaf6;
    padding: 15px;
    display: flex;
    align-items: center;
    align-content: center;
}

.work-time .row .col-md-4 .row .parablok {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.work-time .row .col-md-4 .row hr {
    height: 1px;
    color: #d4e1e8;
    background-color: #d4e1e8;
}

.work-time .row .col-md-4 .row .parablok .col-4,
.work-time .row .col-md-4 .row .parablok .col-8 {
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .work-time .row .col-md-4 {
        padding: 0 5%;
        width: 100%;
        display: flex;
        margin-top: -1px;
        flex-direction: column;
    }
}



/*Таблица*/

#outer_table_2::-webkit-scrollbar {
    width: var(--scrollbarWidth);
    height: 5px;
}

#outer_table_2::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarThumbColor);
    border-radius: 5px;
    border: var(--scrollbarBorder);
    background-image: linear-gradient( 250deg, var(--scrollbarThumbColor) 0%, var(--scrollbarThumbColorSecond) 90% );
    height: 30%;
}

#edutable tbody tr .pdf_icon_doc {
    background-image: url(/local/templates/kemgik/images/icon/pdf8.svg);
    min-width: 32px;
    margin-right: 5px;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
}

#edutable tbody tr .pdf_icon {
    background-image: url(/local/templates/kemgik/images/icon/pdf6.svg);
    width: 26.54px;
    margin-right: 10px;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
}

#edutable tbody tr .web_icon {
    background-image: url(/local/templates/kemgik/images/icon/web4.svg);
    width: 33.9px;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
}

#edutable tbody tr .position_even {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}

#edutable tbody tr .position_even div {
    margin-bottom: 5px;
}


#outer_table_2::-webkit-scrollbar-track {
    background: #fff;
    border-radius: var(--scrollbarBorderRadius);
}

#outer_table_2 {
  max-width: 100%;
  max-height: 700px;
  overflow: scroll;
}

#edutable thead th {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;
    font-weight: normal;
    font-size: 13px;
    color: #000000;
    padding: 8px 10px;
    line-height: 13px;
    z-index: 1;
    background: #ffffff;
    border: none;
    box-shadow: inset 2px 2px 0px #097dc0, inset 1px -6px 0 #097dc0;
}

#edutable tbody tr.backgrond_yellow th:nth-child(even) {
    border: none;
    box-shadow: inset -2px -2px 0 #ffba00, inset 1px 0px 0 #e3e3e3;
    background: #fff;
}

#edutable tbody tr.backgrond_yellow th:nth-child(odd) {
    border: none;
    box-shadow: inset 6px -2px 0 #ffba00, inset 0px 0px 0 #ffba00;
    background: #fff;
}

#edutable thead tr.str_2 th:nth-child(2),
#edutable thead tr.str_2 th:nth-child(1) {
    box-shadow: inset 2px 2px 0px #097dc0, inset 1px -6px 0 #097dc0;
}

#edutable tbody th {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  left: 0;
  font-weight: normal;
  font-size: 13px;
  color: #000000;
  padding: 8px 10px;
  line-height: 13px;
  border: 1px solid #007ec429;
}

#edutable tbody tr.backgrond_blue {
    background: #ffba00;
}

#edutable tbody tr.backgrond_blue td {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border: none;
}

#edutable tbody tr td li {
    display: flex;
}

#edutable tbody tr td li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
}


/* To have the header in the first column stick to the left: */

#edutable thead th:nth-child(-n+2) {
  left: 0;
  z-index: 2;
}

#edutable thead th:nth-child(1) {
  box-shadow: inset 3px -3px 0 3px #097dc0, inset 0px 2px 0 #097dc0;
}

#edutable thead th:nth-child(2) {
  box-shadow: inset 1px 0px 0 #e3e3e3, inset -3px -2px 0 4px #097dc0;
}

#edutable  {
  border-collapse: collapse;
}

#edutable td {
    white-space: unset;
    padding: 10px 5px;
    line-height: 13px;
    vertical-align: middle;
    border: 1px solid #e3e3e3;
    font-size: 13px;
    color: #000000;
}

#edutable td p {
    line-height: 13px;
    vertical-align: middle;
    font-size: 13px;
    color: #000000;
}

#edutable tr:hover {
    background-color: #f9fafb;
}

#edutable td,
#edutable th {
  padding: 0.5em;
}

.modal_icon {
    background-image: url(/local/templates/kemgik/images/icon/modal7.svg);
    width: 25px;
    margin-right: 10px;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 27.85px;
}

/*Аккордион*/
.accordion {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.accordion__item {
    margin-bottom: 1rem;
}

.accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    color: #000;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.2s ease-out;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #097DC0 0%, #455158 100%);
    border-image-slice: 1;
    font-size: 16px;
    transition: 0.2s;
}

.accordion__header::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    content: "";
    transition: transform 0.2s ease-out;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.accordion__item_show .accordion__header {
    border: 1px solid #097dc0;
    background: linear-gradient(180deg, #097DC0 0%, #455158 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.accordion__item_show .accordion__header::after,
.accordion__item_slidedown .accordion__header::after {
    transform: rotate(-180deg);
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.accordion__header:hover {
    cursor: pointer;
    font-weight: 600;
    background: linear-gradient(180deg, #097DC0 0%, #455158 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.accordion__content {
    padding: 20px 40px;
    background: #fff;
}

.accordion__item:not(.accordion__item_show) .accordion__body {
    display: none;
}

.accordion__body {
    padding-top: 20px;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #097DC0 0%, #455158 100%);
    border-image-slice: 1;
    margin-top: 10px;
}

.accordion__content .tabs-contaiter .tab-source.active {
    display: block;
    margin-top: -15px;
    padding: 45px 50px 20px;
    border: none;
    border: 2px solid;
    border-image-source: linear-gradient(180deg, #097DC0 0%, #455158 100%);
    border-image-slice: 1;
    font-size: 16px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    margin-right: -41px;
    margin-left: -41px;
}

.accordion__content .tabs-container-links {
    display: flex;
    flex-direction: row;
    margin-left: -30px;
}

.accordion__content .tabs-container-links .tab-atricle {
    display: inline-block;
    padding: 15px 25px;
    background: #ffffff;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.accordion__content .tabs-container-links .tab-atricle:not(:first-child) {
    margin-left: 0.5%;
}


.accordion__content .tabs-contaiter .tabs-container-links p.tab-atricle.active {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 103.4%;
    margin-bottom: 0%;
    background: #ffffff;
    color: #363636;
    border-bottom: 2px solid #097dc0;
    border-radius: 20px 20px 20px 20px;
    padding: 10px 15px;
    border-top: 1px solid #097dc0;
    border-right: 1px solid #097dc0;
    border-left: 1px solid #097dc0;
}

.accordion__content .tabs-contaiter .tabs-container-links p.tab-atricle {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    background: #ffffff;
    color: #898989;
    border-top: 1px solid #c3c3c3;
    border-radius: 20px;
    padding: 15px 15px;
    border-bottom: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    line-height: 103.4%;
}

.accordion__content .tabs-contaiter hr {
    color: #d3e1ea;
    background-color: #d3e1ea;
    border: 0 none;
    height: 1px;
}

@media screen and (max-width: 767px) {
    .accordion__content .tabs-container-links,
    .tabs-container-links {
        flex-direction: column;
        margin-left: 0;
    }

    .accordion__content .tabs-contaiter .tabs-container-links p.tab-atricle.active,
    .tabs-contaiter .tabs-container-links p.tab-atricle.active {
        margin-bottom: 4%;
    }

    .accordion__content .tabs-contaiter .tabs-container-links p.tab-atricle,
    .tabs-contaiter .tabs-container-links p.tab-atricle {
        background: #ffffff;
        color: #898989;
        border-bottom: 2px solid #c3c3c3;
        border-radius: 20px 20px 20px 20px;
        padding: 10px 15px;
        border-top: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        border-left: 1px solid #c3c3c3;
        margin-bottom: 4%

    }

    .accordion__content .tabs-contaiter .tab-source.active {
        padding: 45px 20px 20px;
        margin-right: -21px;
        margin-left: -21px;
        margin-top: -30px;
    }

    .accordion__content,
    .tabcontent {
        padding: 20px 20px;
    }

    #edutable thead th:nth-child(-n+2) {
        left: revert;
        z-index: 1;
    }

    #edutable tbody th {
        position: relative;
    }
}

.accordion__content .tabs-contaiter .tab-source ul {
    margin-top: 20px;
}

/**/

#pag {
    display: flex;
    justify-content: center;
    height: 100px;
    margin-top: 20px;
}

#pag .load-more-items {
    background: url(/local/templates/kemgik/images/news/more_button.svg) no-repeat;
    height: 78px;
    width: 230px;
    background-size: cover;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}

#pag .load-more-items:hover {
    background: url(/local/templates/kemgik/images/news/more_button_hover.svg) no-repeat;
    height: 70px;
    width: 230px;
    background-size: cover;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    margin-top: 10px;
}

#pag p {
    padding: 15px;
    display: flex;
    justify-content: center;
}

#pag .load-more-items:hover p {
    padding: 25px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.que {
    display: flex;
    flex-direction: row;
    margin-bottom: 100px;
    justify-content: center;
    flex-wrap: wrap;
}

.que button {
    border: 1px solid transparent;
    border-image-source: linear-gradient(180deg, #097DC0 0%, #455158 100%);
    border-image-slice: 1;
    padding: 10px 0px 10px 15px;
    background: white;
    font-family: Raleway;
    font-weight: 400;
    font-size: 15px;
    color: #455158;
    margin-right: 23px;
    transition: 0.4s;
    display: flex;
    align-items: center;
    width: 289px;
    justify-content: flex-start;
    align-content: center;
}

.que button img {
    margin-right: 10px;
}

.que button:hover, .que button:active, .que button:focus {
    border: 3px solid transparent;
    border-image-source: linear-gradient(180deg, #097DC0 0%, #455158 100%);
    border-image-slice: 1;
    background: white;
    font-family: Raleway;
    font-weight: 600;
    font-size: 15px;
    color: #455158;
    margin-right: 23px;
    transition: 0.4s;
    cursor: pointer;
    padding: 8px 0px 8px 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    align-content: center;
}