/* =========================================================
   AATA — Cassiopeia Child Template
   Joomla 6
   Единственная цветовая система AATA
   ========================================================= */


/* =========================================================
   FONTS
   ========================================================= */

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


/* =========================================================
   AATA DESIGN TOKENS
   ========================================================= */

:root {

    /* Основная палитра */
    --aata-green: #007A3D;
    --aata-deep: #075C3A;
    --aata-soft: #E8F0EB;
    --aata-sage: #A8B9AE;
    --aata-cream: #F7F6F1;
    --aata-white: #FFFFFF;
    --aata-beige: #E7DED1;

    /* Размеры */
    --aata-radius: 18px;
    --aata-container: 1280px;

    /* Эффекты */
    --aata-shadow: 0 18px 50px rgba(7, 92, 58, .08);

    /* Дополнительные прозрачности
       основаны только на фирменных цветах */
    --aata-green-08: rgba(0, 122, 61, .08);
    --aata-green-15: rgba(0, 122, 61, .15);
    --aata-deep-08: rgba(7, 92, 58, .08);
    --aata-deep-20: rgba(7, 92, 58, .20);
    --aata-deep-22: rgba(7, 92, 58, .22);
    --aata-sage-26: rgba(168, 185, 174, .26);
    --aata-cream-60: rgba(247, 246, 241, .60);
}


/* =========================================================
   BASE
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    background: var(--aata-cream);
    color: var(--aata-deep);
    font-family: "Inter", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--aata-deep);
    font-family: "Manrope", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -.02em;
}

a {
    color: var(--aata-green);
}

a:hover,
a:focus {
    color: var(--aata-deep);
}


/* =========================================================
   HEADER
   ========================================================= */

header.header.container-header.full-width {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;

    background: var(--aata-white) !important;
    background-image: none !important;

    border-bottom: 1px solid var(--aata-deep-08);
    box-shadow: none;
}

.container-header > .grid-child,
.container-header .grid-child {
    max-width: var(--aata-container);
    margin: 0 auto;
    width: max-content;
}

header.header.container-header.full-width .container {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
}

span.icon-chevron-down {margin:0px !important; padding:0px !important;}

span.mod-menu__separator.separator {padding:0px;}
/* =========================================================
   LOGO
   ========================================================= */

.container-header .navbar-brand {
    color: var(--aata-deep);
    display: flex;
    align-items: center;
    min-height: 82px;
    margin: 0;
    padding: 10px 0;
    flex-basis: 9%;
}

.container-header .navbar-brand img {
    display: block;
    width: auto;
    /* max-width: 190px; */
    /* max-height: 58px; */
}

.container-header .navbar-brand .site-description {
    display: none;
}


/* =========================================================
   HEADER NAVIGATION
   ========================================================= */

.grid-child.container-nav {
    flex-basis: content;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 100%;
    flex-basis: 100%;
}

.container-header .mod-menu {
    display: flex;
    align-items: center;
    gap: 4px;

    margin: 0;
    padding: 0;
}

.container-header .mod-menu ul {
    display: flex;
    align-items: center;
    gap: 4px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.container-header .mod-menu li {
    margin: 0;
    padding: 0;
}

.container-header .mod-menu a,
.container-header .mod-menu span {
    display: block;
    color: var(--aata-deep) !important;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    padding: 13px 5px;
    border-radius: 999px;
    transition:
        color .2s ease,
        background-color .2s ease,
        transform .2s ease;
}

.container-header .mod-menu a:hover,
.container-header .mod-menu a:focus {
    color: var(--aata-green) !important;
    transform: scale(1.07);
	
}

.container-header .mod-menu .current > a,
.container-header .mod-menu .active > a {
    color: var(--aata-green) !important;
   
}




/* =========================================================
   MOBILE MENU
   ========================================================= */

.container-header .navbar-toggler {
    color: var(--aata-deep);
    border: none !important;
    font-size: 28px;
}

.container-header .navbar-toggler:focus {
    box-shadow: none;
}


/* =========================================================
   HERO
   ========================================================= */

.aata-hero-module {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.aata-hero-module .moduletable,
.aata-hero-module > div {
    margin: 0;
    padding: 0;
}

.aata-hero {
    position: relative;
    overflow: hidden;

    background: var(--aata-cream);

    min-height: 610px;

    display: flex;
    align-items: center;

    isolation: isolate;
}

.aata-hero::before,
.aata-hero::after {
    content: "";

    position: absolute;
    z-index: -1;

    border-radius: 50%;

    pointer-events: none;
}

.aata-hero::before {
    width: 520px;
    height: 520px;

    right: -170px;
    top: -190px;

    background: var(--aata-sage-26);
}

.aata-hero::after {
    width: 420px;
    height: 420px;

    right: 90px;
    bottom: -260px;

    border: 70px solid var(--aata-green-08);
}

.aata-hero__inner {
    width: min(
        var(--aata-container),
        calc(100% - 48px)
    );

    margin-inline: auto;

    padding: 78px 0 88px;

    display: grid;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(340px, .75fr);

    gap: 70px;

    align-items: center;
}

.aata-hero__eyebrow {
    margin: 0 0 18px;

    color: var(--aata-green);

    font-size: 13px;
    font-weight: 600;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.aata-hero__title {
    max-width: 760px;

    margin: 0;

    color: var(--aata-deep);

    font-family: "Manrope", Arial, sans-serif;

    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.03;

    font-weight: 600;

    letter-spacing: -.045em;
}

.aata-hero__title span {
    color: var(--aata-green);
}

.aata-hero__text {
    max-width: 650px;

    margin: 28px 0 0;

    color: var(--aata-deep);

    font-size: 18px;
    line-height: 1.55;
}

.aata-hero__actions {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 34px;
}


/* =========================================================
   AATA BUTTONS
   ========================================================= */

.aata-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;

    padding: 0 24px;

    border-radius: 999px;
    border: 1px solid transparent;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.aata-btn:hover,
.aata-btn:focus {
    transform: translateY(-1px);
}

.aata-btn--primary {
    color: var(--aata-white) !important;
    background: var(--aata-green);
}

.aata-btn--primary:hover,
.aata-btn--primary:focus {
    color: var(--aata-white) !important;
    background: var(--aata-deep);
}

.aata-btn--secondary {
    color: var(--aata-deep) !important;

    background: transparent;

    border-color: var(--aata-deep-22);
}

.aata-btn--secondary:hover,
.aata-btn--secondary:focus {
    color: var(--aata-green) !important;

    background: var(--aata-white);

    border-color: var(--aata-green);
}


/* =========================================================
   HERO VISUAL
   ========================================================= */

.aata-hero__visual {
    position: relative;

    min-height: 390px;

    display: grid;
    place-items: center;
}

.aata-hero__card {
    position: relative;

    width: min(100%, 480px);
    min-height: 360px;

    padding: 42px;

    border-radius: 34px;

    background: var(--aata-white);

    box-shadow: var(--aata-shadow);

    overflow: hidden;
}

.aata-hero__card::before {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -110px;
    top: -120px;

    border-radius: 50%;

    background: var(--aata-soft);
}

.aata-hero__card::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -80px;
    bottom: -90px;

    border-radius: 50%;

    background: var(--aata-green-08);
}

.aata-hero__logo {
    position: relative;
    z-index: 1;

    width: min(100%, 390px);
    height: auto;

    margin: 10px auto 32px;

    display: block;
}

.aata-hero__quote {
    position: relative;
    z-index: 1;

    margin: 0;

    color: var(--aata-deep);

    font-family: "Manrope", Arial, sans-serif;

    font-size: 22px;
    line-height: 1.3;

    text-align: center;
}

.aata-hero__meta {
    position: relative;
    z-index: 1;

    margin: 16px 0 0;

    color: var(--aata-deep);

    font-size: 14px;

    text-align: center;
}


/* =========================================================
   GENERIC CONTAINER
   ========================================================= */

.aata-container {
    width: min(
        var(--aata-container),
        calc(100% - 48px)
    );

    margin-inline: auto;
}


/* =========================================================
   JOOMLA BUTTONS
   ========================================================= */

.btn-primary {
    --bs-btn-bg: var(--aata-green);
    --bs-btn-border-color: var(--aata-green);

    --bs-btn-hover-bg: var(--aata-deep);
    --bs-btn-hover-border-color: var(--aata-deep);
}
.shestoy_block p, .eticheskij-kodeks-almaata p, .eticheskij-kodeks-almaata li {
    color: var(--aata-deep);
    line-height: 1.6;
}

/* =========================================================
   EXISTING CUSTOM MODULES
   ========================================================= */

.vstup {
    color: var(--aata-white) !important;
    background: var(--aata-deep);
    font-size: 14px;
    font-weight: 500;
    border-radius: 99px;
    padding: 7px 18px;
    transition: 1s;
}

.vstup p  {
    margin: 0;
    padding: 0;
}
.vstup a {
    color: var(--aata-white);
    text-decoration: none;
}

.vstup a:hover,.vstup a:focus {
    color: var(--aata-cream);
}
.vstup:hover, .vstup:focus {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition: 1s;
    transform: translateY(-5px);
}



/* =========================================================
   BANNER
   ========================================================= */

.container-banner .banner-overlay {
    height: fit-content;
    color: var(--aata-deep);
}

.container-banner .banner-overlay .overlay {
    background: none;
}


/* =========================================================
   CUSTOM 113
   ========================================================= */
div#mod-custom119 .overlay.container {
    background: none !important;
}
.moduletable.perviy_block .overlay.container {
    display: flex;
    text-align: left;
    align-items: flex-start;
    background-image: url(/update/images/mod-custom114.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

h5.first {
    width: 30%;
    font-weight: 300 !important;
}

.second {
    width: 30%;

    margin: 0 0 15px;
}

.study_ta {
    color: var(--aata-deep) !important;
    background: var(--aata-cream);
    font-size: 13px;
    font-weight: 500;
    border-radius: 99px;
    padding: 10px 13px;
    border: 1px solid var(--aata-deep);
    text-decoration: none;
}

.buttom_about, span.jtc_introdate {
    color: var(--aata-white) !important;
    background: var(--aata-green);
    font-size: 13px;
    font-weight: 500;
    border-radius: 99px;
    padding: 10px 15px;
}

.knopki {
    display: flex;
    width: 40%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bot_but {
    display: flex;

    width: 26%;

    justify-content: space-between;
	display:none;
}


/* =========================================================
   CUSTOM 114
   ========================================================= */

.moduletable.vtoroi_block, div#mod-custom117, .moduletable.tretiy_block {
    background: var(--aata-white);

    padding: 20px 0 10px;
}

.moduletable.vtoroi_block .overlay.container  {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.moduletable.vtoroi_block .o_nas {
    text-align: left;
}

.moduletable.vtoroi_block .block_onas {
    background: var(--aata-green-08);
    border-radius: 20px;
    padding: 26px 10px;
    margin: 0 11px;
    flex-basis: 60%;
}

.vtoroi {
    width: 35%;

    padding: 11px 0 5px;
}


/* =========================================================
   LANGUAGE SWITCHER
   ========================================================= */

ul.mod-languages__list.lang-inline li::after {
    content: '|';
}

ul.mod-languages__list.lang-inline li:last-child::after {
    content: none;
}
div#mod-custom117 ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list, .moduletable.tretiy_block ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list {
    display: flex;
	text-align: left;
}
div#mod-custom117 .news_flex, .moduletable.tretiy_block .news_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
div#mod-custom117 dd.mod-articles-date, .moduletable.tretiy_block dd.mod-articles-date{
    color: var(--aata-cream);
    background: var(--aata-green);
    width: 33%;
    padding: 6px;
    border-radius: 10px;
    text-align: center;
    line-height: normal;
    margin: 0px;
}

div#mod-custom117 .overlay.container{
    flex-direction: row;
    justify-content: space-between;
}



div#mod-custom117 .news, .moduletable.tretiy_block .news {
    container-type: normal;
}

div#mod-custom117 .meropriyatiya, .moduletable.tretiy_block .meropriyatiya {
    text-align: left;
}

div#mod-custom117 h5.first, .moduletable.tretiy_block h5.first {
    width: 100%;
}
div#mod-custom117 .mod-articles-tags, .moduletable.tretiy_block .mod-articles-tags {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
div#mod-custom117 ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list > li, .moduletable.tretiy_block ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list > li, .moduletable.tretiy_block .fake-col-wrapper .slide  {
    border: 1px solid var(--aata-sage);
    border-radius: 20px;
    padding: 15px 10px;
}


div#mod-custom117 h5, .moduletable.tretiy_block h5 {
    font-weight: 300 !important;
	text-align:left;
}
a.jt-title {
    text-decoration: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{color: var(--aata-green) !important;}

div#mod-custom117 dl.list-inline, .moduletable.tretiy_block dl.list-inline {
    display: none;
}
div#mod-custom117, .moduletable.tretiy_block {
    border-top: 1px solid;
    border-color: var(--aata-green-15);
}

div#mod-custom117 .tags .list-inline-item, .moduletable.tretiy_block .tags .list-inline-item {
    margin: 0;
    padding: 0;
}
.moduletable.tretiy_block .overlay.container {    align-items: flex-start;}
.moduletable.tretiy_block .meropriyatiya {
    width: 100%;
}


.moduletable.tretiy_block h2 {
    text-align: center;
}
body.site.com_content.wrapper-static.view-featured.no-layout.no-task.itemid-103 div#mod-custom119, body.site.com_content.wrapper-static.view-featured.no-layout.no-task.itemid-103 div#mod-custom129 
{display:none;}

li.nav-item.item-109, li.nav-item.item-117{display:none;}
footer.container-footer.footer.full-width li.nav-item.item-107, footer.container-footer.footer.full-width li.nav-item.item-105 {display:none;}
.moduletable.tretiy_block span.jt-caption {
    position: relative;
    color: #6d757e;
    font-size: .9em;
    font-weight: 100;
}

.jtcs_item_wrapper.jt-cs .jt-author-date {
    justify-content: space-between;
}

.chetvertiy_block .row {
    text-align: left;
    justify-content: space-between;
}

.chetvertiy_block h5.first {
    width: 100%;
}



.chetvertiy_block h2.first {
    margin: 20px 0px 40px;
    text-align: left;
}
.chetvertiy_block .bblock {
    flex-basis: 30%;
}

.moduletable.tretiy_block .fake-col-wrapper .slide h5 {
    min-height: 55px;
}
.moduletable.chetvertiy_block {
    padding: 20px 0px 40px;
    background: var(--aata-white);
    border-top: 1px solid;
    border-color: var(--aata-green-15);
}

.chetvertiy_block {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    /* background: var(--aata-cream) !important; */
    border: none !important;
}

.light-content {
    position: relative;
    z-index: 2;
}


/* Световой перелив */
.chetvertiy_block::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: -60%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, #ffffff 0%, rgb(247 246 241) 20%, rgb(255 255 255) 50%, rgb(255 255 255) 80%, #ffffff 100%);
    filter: blur(30px);
    /* animation: lightSweep 8s ease-in-out infinite; */
}


@keyframes lightSweep {
    0% {
        transform: translateX(0);
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        transform: translateX(270%);
        opacity: 0;
    }
}
.moduletable.chetvertiy_block.pyatiy_block .bblock {
    flex-basis: 30%;
    margin: 10px 0px;
}

.pyatiy_block .bblock::before {content:'\f00c';margin-right: 15px;font-weight: 700;font-size: 20px;font-family: "Font Awesome 6 Free";opacity: 70%;}
.moduletable.chetvertiy_block.pyatiy_block .bblock {
    display: flex;
    align-items: center;
    text-align: left;
}
.moduletable.chetvertiy_block {
    background: url(/update/images/chetvertiy_block_1.png);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 72%;
}
.moduletable.chetvertiy_block.pyatiy_block {
    border-top: 1px solid!important;
    border-color: var(--aata-green-15);
}
.shestoy_block {
    background: var(--aata-white);
    padding: 20px 0 10px;
    border-top: 1px solid;
    border-color: var(--aata-green-15);
}.shestoy_block h2.first {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}
.shestoy_block .accordion-body, .eticheskij-kodeks-almaata .accordion-body {
    text-align: left;
    line-height: normal;
    color: black;
}

.shestoy_block h4.accordion-header.first button.accordion-button, .eticheskij-kodeks-almaata h4.accordion-header.first button.accordion-button {
    font-size: 1.25rem;
    color: var(--aata-deep);
    letter-spacing: -.02em;
    }
.shestoy_block span {
    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    font-weight: normal;
    text-align: left;
    display: block;
    color: var(--aata-green);
    font-style: italic;
    }
.shestoy_block .accordion-item, .eticheskij-kodeks-almaata .accordion-item {
    padding: 10px 10px 10px 20px;
}
.shestoy_block button.accordion-button, .eticheskij-kodeks-almaata button.accordion-button{
    margin: 0;
    padding: 5px;
}
.shestoy_block div#accordionExample, .eticheskij-kodeks-almaata div#accordionExample {
    width: 100%;
}
.shestoy_block .accordion-button:not(.collapsed), .shestoy_block .accordion-button:focus, .eticheskij-kodeks-almaata .accordion-button:not(.collapsed), .eticheskij-kodeks-almaata .accordion-button:focus{
    background: none;
    box-shadow: none;
}

.seven_block .overlay.container {
    background: var(--aata-white);
}

.seven_block {
    padding: 50px 0px;
}

.moduletable.seven_block .overlay.container > div {width:100%;}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    width: 90%;
    padding: 0;
    margin: 0 auto;
}
footer.container-footer.footer.full-width {
    background: var(--aata-white);
    color: var(--aata-deep);
    margin-top: 5rem;
}



footer div#mod-custom126 {
    flex-basis: 20%;
}

footer ul#mod-menu127, footer ul#mod-menu138 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex-basis: 25%;
}


.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
    color: var(--aata-green);
    text-decoration: none;
}
#mod-menu127 li.active>a, #mod-menu138 li.active>a {
    text-decoration: none !important;
}

.footer .grid-child {
    flex-direction: row;
}

.seven_block div#mod-custom119, .seven_block div#mod-custom129 {
    display: block !important;
    /* width: 30%; */
}

.moduletable.perviy_block h5.first, .moduletable.perviy_block .second {
    text-align: left;
}

.chetvertiy_block h2.first{text-align:center;}
	
	
footer div#mod-custom126 {
    /* flex-basis: 10%; */
}
footer.container-footer.footer.full-width .grid-child {
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 50px 0px;
}
	
	ul#mod-menu127 li.nav-item.item-109,	ul#mod-menu138 li.nav-item.item-117 {
    background: var(--aata-deep);
    font-size: 14px;
    font-weight: 500;
    border-radius: 99px;
    padding: 10px 25px;
    text-align: center;
    margin: 10px auto;
    width: 70%;
    /* display: block; */
}


li.nav-item.item-109 a, li.nav-item.item-109 a:hover, li.nav-item.item-109 a:focus, li.nav-item.item-117 a, li.nav-item.item-117 a:hover, li.nav-item.item-117 a:focus {
    color: var(--aata-white) !important;
}

	.container-header .navbar-collapse a {
    font-size: 16px;
    padding: 8px 0px;
}


	header.header.container-header.full-width{
    position: fixed !important;
    width: 100%;
    box-shadow: 0px 0px 8px 2px var(--aata-cream);
}
	.site-grid {
    margin-top: 130px;
}

    body {
        font-size: 15px;
    }

    .aata-container,
    .aata-hero__inner {
        width: min(
            calc(100% - 32px),
            var(--aata-container)
        );
    }

    .aata-hero {
        min-height: 0;
    }

    .aata-hero__inner {
        padding: 48px 0 58px;

        gap: 36px;
    }

    .aata-hero__title {
        font-size: 38px;
        line-height: 1.06;
    }

    .aata-hero__text {
        font-size: 16px;
    }

    .aata-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .aata-btn {
        width: 100%;
    }

    .aata-hero__visual {
        min-height: 250px;
    }

    .aata-hero__card {
        padding: 28px 22px;

        min-height: 260px;

        border-radius: 26px;
    }

    .aata-hero__logo {
        width: min(100%, 300px);

        margin-bottom: 22px;
    }

    .aata-hero__quote {
        font-size: 19px;
    }
	div#mod-custom117 ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list li,	.moduletable.tretiy_block ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list li {
    flex-basis: 100%;
}
.icon-chevron-down:before {
    content: '\f107';
    font-family: "Font Awesome 6 Free";
}
ul.mod-menu__sub.list-unstyled.small.show-menu {
    padding: 0px 20px 15px 20px;
    width: 350px;
    /* position: absolute; */
    left: 0px;
}
.container-header .mod-menu .mod-menu__sub a:hover {
    text-decoration: none;
    transform: scale(1.03);
}
.ustav {
    display: flex;
    justify-content: center;
    margin: 10px 0px;
}

.ustav.blocki {
    flex-basis: 25%;
    font-size: 19px;
    text-align: center;
}

i.fa.fa-file-text-o {}

.ustav i.fa.fa-file-text-o {
    font-size: 40px;
    font-weight: 100;
}

.ustav a {
    text-decoration: none;
    border: 1px solid;
    padding: 20px;
    border-radius: 20px;
    border-color: var(--aata-deep-22);
    transition: 0.5s;
}
.ustav a:hover, .ustav a:focus {
    border: 1px solid;
    border-color: var(--aata-green);
    transition: 0.7s;
    transform: scale(1.02);
}


.com-content-article.item-page .page-header {
    padding: 10px 0px;
}


.ob-almata h6 {
    text-decoration: underline;
    padding: 5px 0px;
}

.upravlyayushchie-struktury .struktur {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 64px 0px;
    flex-direction: row;
}



.upravlyayushchie-struktury .block {
    flex-basis: 22%;
    background: var(--aata-white);
    box-shadow: 0px 0px 5px 0px #adadad;
    margin: 15px 19.76px;
    transition: 0.5s;
    border-radius: 20px;
}

.struktur h4, .struktur h5, .struktur h6 {flex-basis: 100%;text-align: center;}
.upravlyayushchie-struktury .name {
    padding: 15px;
    font-weight: bolder;
    font-size: 16px;
}

.upravlyayushchie-struktury .tel, .upravlyayushchie-struktury .email {
    padding: 0px 15px 15px 15px;
}


.upravlyayushchie-struktury .tel::before {content: '\f095';font-size: 16px;font-family: "Font Awesome 6 Free";font-weight: 700;margin-right: 5px;color: #007a3d80;}
.upravlyayushchie-struktury .email::before {
    content:'\f003';
    font-size: 16px;
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    margin-right: 5px;
    color: #007a3d80;
    }

.upravlyayushchie-struktury .block:hover, .chalmata:hover {
      --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition: 1s;
    transform: translateY(-5px);
}

.upravlyayushchie-struktury .struktur.uchred {
    margin: 0px;
}

.upravlyayushchie-struktury .struktur.uchred .block {
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
}
.struktur h5 {
    margin: 20px 0px;
}

.moduletable.verh-nazvanie-stranicy {
    background:  var(--aata-deep);
    padding: 20px 0px;
}

.moduletable.verh-nazvanie-stranicy *{
    color: var(--aata-white);
}
.ob-almata .site-grid {
    background: url(/update/images/background-2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.divider.deeper.parent {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.upravlyayushchie-struktury .block img {
    border-radius: 20px 20px 0px 0px;
    width: stretch;
}


.eticheskij-kodeks-almaata div#accordionExample i, .eticheskij-kodeks-almaata div#accordionPanelsStayOpenExample i {
    font-size: 25px;
    font-weight: 700;
    margin-right: 15px;
    background: var(--aata-deep-08);
    color: var(--aata-green);
    padding: 9px;
    border-radius: 10px;
    min-width: 50px;
    text-align: center;
}
.accordion-header {
    scroll-margin-top: 120px;
}
.sidebar-left.card.ethical-code {
    background: var(--aata-white);
    box-shadow: 0px 0px 2px 0px #adadad;
    border-radius: 15px;
    border: none;
    position: sticky;
    top: 7rem;
}
ul#ECode * {
    text-decoration: none;
    color: var(--aata-deep);
}

ul#ECode span {
    padding: 0px !important;
    margin: 0px !important;
    margin-right: 10px !important;
}

ul#ECode li {
    margin: 3px 0px;
    padding-left: 15px;
}

ul#ECode li:first-child {
    padding-left: 0px;
}
.eticheskij-kodeks-almaata .accordion {
    --accordion-bg: var(--aata-cream););
}
nav.navbar.navbar-expand-md {
    flex-basis: 65%;
}

button#language_btn_110 {
    font-size: 12px;
    padding: 10px 13px;
}.container-header .mod-menu>li+li {
    margin: 0px;
}



footer.container-footer.footer.full-width ul#mod-menu127 ul#mod-menu127-submenu1 {
    /* position: absolute; */
    bottom: 35px;
    background: white;
}
.upravlyayushchie-struktury .struktur.pres {
    justify-content: center;
    margin: 30px 0px;
}
.upravlyayushchie-struktury i {
    font-size: 30px;
    font-weight: 700;
    background: var(--aata-deep-08);
    color: var(--aata-green);
    padding: 10px;
    border-radius: 10px;
    min-width: 50px;
}


.meropriyatiya_block .meropriyatiya {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.meropriyatiya_block .meropriyatiya .com-content-category-blog__item.blog-item {
    flex-basis: 32%;
    background: var(--aata-white);
    box-shadow: 0px 0px 5px 0px #adadad;
    margin: 0px;
    transition: 0.5s;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.meropriyatiya_block .meropriyatiya .com-content-category-blog__item.blog-item:hover,.meropriyatiya_block .meropriyatiya .com-content-category-blog__item.blog-item:focus {
    
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition: 1s;
    transform: translateY(-5px);
    }

.meropriyatiya_block .meropriyatiya .item-image{
    margin-top: 0px;
    text-align: center;
    height: 178px;
}

figure.left.item-image img {
    width: 422px;
    max-height: max-content;
}

.com-content-category-blog__items.blog-items.meropriyatiya a {
    text-decoration: none;
}

.meropriyatiya .item-content {
    padding: 0px 15px 5px;
}

.meropriyatiya h5 {
    font-size: 1.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.vstatie {
    width: 220px;
    text-align: center;
    margin: 20px auto;
}

.vstup_block {
    border: 1px solid;
    margin: 40px 0px;
    padding: 20px;
    background: var(--aata-white);
    /* box-shadow: 0px 0px 5px 0px #adadad; */
    transition: 0.5s;
    border-radius: 20px;
    border-color: var(--aata-deep-20);
}

.icon-down {
    text-align: center;
    font-size: 40px;
    color: var(--aata-green);
    width: 100%;
    animation: arrowDown 1.5s ease-in-out infinite;
}

@keyframes arrowDown {
    0% {
        transform: translateY(0);
        opacity: 0.6;
    }

    50% {
        transform: translateY(8px);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 0.6;
    }
}
div#mod-custom125 .moduletable.vstup {
    width: 260px;
}
ul#mod-menu149 li:first-child {
    display: none;
}

.kurs {
    border: 1px solid;
    margin: -5px auto;
    padding: 35px;
    transition: 0.5s;
    border-radius: 20px;
    border-color: var(--aata-deep);
    width: 70%;
}

.item-pageobuchenie_TA p {
    padding: 0px;
    margin: 0px;
}

.struktur_obuch .shagfinal * {
    color: white;
}

.struktur_obuch .shagfinal {
    background: var(--aata-green);
}
.struktur_obuch .shagvtoroi {
    background: rgb(0 122 61 / 15%);
}

.struktur_obuch .shagtretii {
  background: rgb(0 122 61 / 35%);
}


.struktur_obuch .icon-down {
    text-align: center;
    font-size: 40px;
    color: var(--aata-green);
    width: 100%;
    animation: arrowDown 1.5s ease-in-out infinite;
    position: relative;
    top: -10px;
}

.com-content-article.item-pageobuchenie_TA blockquote {
    border-left: 5px var(--aata-deep) solid;
    padding: 20px 20px;
    margin: 1rem 0px;
    background: var(--aata-deep-08);
    }

.clock {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 10px 0px;
}

.cl_block {
    flex-basis: 100%;
    background: var(--aata-soft);
    display: flex;
    padding: 10px 20px;
    margin: 7px 0px;
    flex-wrap: wrap;
    align-content: flex-start;
}

.cl_block p:first-child {flex-basis: 20%;}
.com-content-article.item-pageobuchenie_TA div#accordionExample {
    margin-top: 20px;
}
.grid-child.container-bottom-a {
    margin-top: 100px;
}

.grid-child.container-bottom-a .moduletable.tretiy_block {
    border: none;
    padding: 40px 0px;
    box-shadow: 0px 0px 5px 0px #adadad;
    transition: 0.5s;
    border-radius: 20px;
}

body.site.com_content.wrapper-static.view-article.no-layout.no-task.itemid-104.obuchenie_TA .jt-inner {
    border: 1px solid var(--aata-sage);
    border-radius: 20px;
    padding: 15px 10px;
}


.grid-child.container-bottom-a img.jtcs-image {
    width: stretch;
}

.standart p {
    margin: 10px 0px;
}

.cl_block p {
    margin: 0px;
}
.standart h4 {
    margin: 40px 0px 15px;
}

.kvalific {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pravilo2000chasov {
    flex-basis: 49%;
    border: 1px solid var(--aata-deep-22);
    padding: 25px;
    margin: 15px 0px;
}
.standart h4 i{
    margin-right: 10px;
}
#Polozheniye_o_101_kurse_TA_i_yego_tseli,
#Struktura_obucheniya, 
#Struktura_101_kursa, 
#Standart_mezhdunarodnoy_sertifikatsii_CTA {
    scroll-margin-top: 130px;
}



.obuchenie_TA ul#ECode li.nav-item.item-147 {
    padding-left: 15px;
}



.obuchenie_TA.eticheskij-kodeks-almaata {
    background: url(../../../../../images/obuchenieTAback.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.obuchenie_TA.eticheskij-kodeks-almaata .site-grid {
    background: hsl(50deg 27% 96% / 85%);
    margin-bottom: 0px;
    padding-bottom: 70px;
    margin-top: 117px;
}

.obuchenie_TA.eticheskij-kodeks-almaata footer.container-footer.footer.full-width {
    margin: 0px;
}
.meropriyatiya ul.tags.list-inline {
    position: absolute;
    top: 130px;
    left: 15px;
}
p.readmore {
    margin: 0;
}

p.readmore a.btn.btn-secondary {
    border: none;
    font-size: 14px;
    color: var(--aata-deep);
}

p.readmore a.btn.btn-secondary:hover, p.readmore a.btn.btn-secondary:focus,p.readmore a.btn.btn-secondary:active {
    background: none;
    color: var(--aata-green);
}

p.readmore a.btn.btn-secondary:hover i,p.readmore a.btn.btn-secondary:focus i {
    transform: translateX(10px);
    transition: 1s;
}

p.readmore a.btn.btn-secondary i {

    transition: 0.5s;
}

.com-content-category-blog__items.blog-items.meropriyatiya p {color: rgb(7 92 58 / 80%);}
.moduletable.filter {
    text-align: center;
}
button.btn.btn-outline-primary.btn-sm.grokfiltertags-btn {
    background: var(--aata-deep);
    color: white;
    border: none;
}

button.btn.btn-sm.grokfiltertags-btn.active.btn-primary {
    background: var(--aata-green);
    border: none;
}

ul.tags.list-inline li.list-inline-item a {background: var(--aata-deep);}

.kategory_chelenstva {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    text-align: center;
}

.kategory_chelenstva div {flex-basis: 30%;margin: 20px 0px;padding: 70px 20px;border-radius: 10px;}

.kategory_chelenstva div:nth-child(1) {border: 1px solid hwb(150deg 0% 52% / 100%);}
.kategory_chelenstva div:nth-child(2) {background: hwb(150deg 0% 52% / 20%); border: 1px solid hwb(150deg 0% 52% / 80%);}
.kategory_chelenstva div:nth-child(3) {background: hwb(150deg 0% 52% / 40%);border: 1px solid hwb(150deg 0% 52% / 60%);}
.kategory_chelenstva div:nth-child(4) {background: hwb(150deg 0% 52% / 60%);color: white;border: 1px solid hwb(150deg 0% 52% / 40%);}
.kategory_chelenstva div:nth-child(5) {background: hwb(150deg 0% 52% / 80%);color: white;border: 1px solid hwb(150deg 0% 52% / 20%);}
.kategory_chelenstva div:nth-child(6) {background: hwb(150deg 0% 52% / 100%);color: white;border: 1px solid hwb(150deg 0% 52% / 10%);}
.kategory_chelenstva div:nth-child(4) h5, .kategory_chelenstva div:nth-child(5) h5, .kategory_chelenstva div:nth-child(6) h5 {color: white;}

i.kaspi:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("../../../../../images/kaspi.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



.com-content-category-blog__items.blog-items.meropriyatiya .com-content-category-blog__item.blog-item .item-content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;      /* сколько строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(284px, 1fr));
  gap: 12px;
  margin: 20px auto;
}

.gallery div {
  display: block;
  aspect-ratio: 4 / 3;   /* или 1 / 1 для квадрата */
  overflow: hidden;
  border-radius: 8px;
}

.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* обрезает края, пропорции фото сохраняются */
  display: block;
}

.master-class {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.master-class div {
    flex-basis: 31%;
    border: 1px solid var(--aata-deep);
    padding: 20px;
    border-radius: 20px;
    margin: 15px auto;
}

.master-class img {
    max-width: 250px;
}

.master-class p:has(img),.master-class p:has(a) {
   text-align:center;
}

.speak {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

.speak div {
    flex-basis: 32%;
    padding: 20px;
    border: 1px solid;
    margin: 10px 0px;
    border-radius: 20px;
    border-color: var(--aata-deep-22);
}

.speak.mest div:last-child {
    flex-basis: 100%;
}
.speak.konf7 div:nth-child(10), .speak.konf7 div:nth-child(11) {
    flex-basis: 49%;
}

body.site.com_content.wrapper-static.view-article.layout-blog.no-task.itemid-105.meropriyatiya_block .com-content-article.item-pagemeropriyatiya_block .page-header {
    position: absolute;
    background: var(--aata-deep);
    width: 100%;
    top: 130px;
    left: 0px;
    text-align: center;
    color: white !important;
    height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

body.site.com_content.wrapper-static.view-article.layout-blog.no-task.itemid-105.meropriyatiya_block .com-content-article.item-pagemeropriyatiya_block .page-header h1 {
    color: white;
    font-size: 2rem;
}
.buttom_about a, span.jtc_introdate a {
    color: white;
    text-decoration: none;
}

a.vstup  {
    text-decoration: none;
}
.container-header .mod-menu .current > a.vstup, .container-header .mod-menu .active > a.vstup, a.vstup:active, a.vstup:focus, a.vstup:hover {
    text-decoration: none;
    color: white !important;
}

.chalmata {
    display: flex;
    margin: 10px 0px;
    padding: 15px;
    position: relative;
    flex-basis: 45%;
    justify-content: space-between;
    box-shadow: 0px 0px 5px 0px #adadad;
    transition: 0.5s;
    border-radius: 20px;
}

.chalmata .fotos img {
    border-radius: 100%;
    width: 200px;
}

.chalmata .pechat {
    position: absolute;
    bottom: 2%;
    left: 26%;
}

.chalmata .pechat img {
    width: 30%;
}

.spetsialisty .item-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.chalmata .detali .name {
    font-size: 24px;
}

.chalmata .detali .status {
    background: var(--aata-green);
    color: var(--aata-cream);
    padding: 6px;
    text-align: center;
    width: 75%;
    border-radius: 15px;
}



.chalmata .detali {
    flex-basis: 53%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

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

.cheleny-panel .fotos {
    flex-basis: 20%;
}

.cheleny-panel .inform {
    flex-basis: 95%;
    padding: 15px 0px;
    position: relative;
}

.cheleny-panel .detali {
    flex-basis: 80%;
    padding: 0px 50px;
}

.cheleny-panel .status {
    background: var(--aata-green);
    color: var(--aata-cream);
    padding: 6px;
    text-align: center;
    width: 52%;
    border-radius: 15px;
}

.cheleny-panel .inform div {
    margin: 15px 0px;
}



.cheleny-panel .kontakty {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.cheleny-panel .kontakty h5 {
    flex-basis: 100%;
}
.cheleny-panel .fotos img {
    border-radius: 100%;
}
.cheleny-panel .kontakty img.icon {
    width: 25px;
}


.cheleny-panel .kontakty > div:has(a:not([href])),
.cheleny-panel .kontakty > div:has(a[href="#"]) {
  display: none;
 
}

div#mod-custom112 p {
    margin: 0px;
}

.founder .bio-full {
  display: block;
  overflow: hidden;
  transition: max-height 0.45s ease;
}

/* … только в покое, когда свёрнуто и нет анимации */
.founder:not(.is-open):not(.is-animating) .bio-full {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
}

.founder .bio-more {
  display: block;
  margin-top: 0.15em;
  margin-left: 0.15em;
  color: #0d6efd;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  text-align: right;
}

.founder .bio-more:hover {
  text-decoration: underline;
}
.founder {
    margin: 5% 0px;
}

.com-content-article.item-pageobuchenie_TA.eticheskij-kodeks-almaata .founder .bio-full p{
    margin-top: 0;
    margin-bottom: 1rem;
}
.bibloteka {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-color: var(--aata-deep-20) !important;
    padding: 20px 15px;
    border: 1px solid;
    flex-wrap: wrap;
}

.zakazat img {display: inline-block;width: 25px;margin-right: 10px;}

.zakazat a {
    background: var(--aata-green);
    padding: 15px 20px;
    border-radius: 26px;
    text-decoration: none;
    color: var(--aata-cream);
}

.fb-book {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.fb-block {flex-basis: 32%;border: 1px solid var(--aata-deep-20);margin: 20px 0px;padding: 25px;}

.fb-block:hover img, .fb-block:focus img {
    transform: scale(1.05) rotateY(-15deg) rotateX(2deg);
    filter: drop-shadow(15px 15px 15px var(--aata-deep-08)) drop-shadow(-5px 5px 15px var(--aata-deep-20));
}

.fb-block img {
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-style: preserve-3d;
    transform-origin: left center;
}
.avtor h6 {
    font-weight: bold;
}

.com-content-article.item-pagespetsialisty .cheleny-panel[hidden], .com-content-article.item-pagespetsialisty .cheleny-panel.is-cheleny-source{
    display: flex !important;
}


.com-content-article.item-pagespetsialisty .cheleny-panel.is-cheleny-source a.lich_stran {
    display: none;
}

.blizj_kurs {
    padding: 40px;
    background: var(--aata-cream);
    color: white;
    border-radius: 30px;
    border: 1px solid;
    border-color: var(--aata-deep);
}
/* =========================================================
   RESPONSIVE — 1200px
   ========================================================= */

@media (max-width: 1300px) {


.chalmata .detali {
    flex-basis: 88%;
    justify-content: space-evenly;
    margin-left: 6%;
}

.chalmata .detali .name {
    font-size: 24px;
}

.chalmata .detali .status {
    width: 60%;
    font-size: 11px;
}
    .chalmata .fotos {
    flex-basis: 42%;
}
    .chalmata .fotos img {
    width: 100%;
}
    .chalmata .pechat {
    bottom: 8%;
    left: 22%;
}
        .chalmata .pechat img {
    width: 18%;
}

	.upravlyayushchie-struktury .block{
    flex-basis: 29%;
}

}
@media (max-width: 1200px) {
	body.site.com_content.wrapper-static.view-article.layout-blog.no-task.itemid-105.meropriyatiya_block .com-content-article.item-pagemeropriyatiya_block .page-header {
    top: 195px;
}
    .sidebar-left.card.ethical-code,.sidebar-left.card.ethical-code {
  top: 12rem;
}

	.site-grid {
    margin-top: 210px;
}
	.knopki{width: 52%;}
	.jtcs_item_wrapper.jt-cs .jt-author-date {
    flex-wrap: wrap;
    justify-content: center;
    min-height: 100px;
}
	
	.chetvertiy_block .bblock{flex-basis: 45%;
        margin: 10px 0px;
		}
		.chetvertiy_block .bblock:last-child{flex-basis:100%; text-align:center;}
	nav.navbar.navbar-expand-md {
    order: 1;
	flex-basis: 100%;
	justify-content: center;
}
.container-header .mod-menu{flex-direction: row;}

    .container-header > .grid-child,
    .container-header .grid-child {
        max-width: 100%;
    }

    header.header.container-header.full-width {
        padding: 10px 0;
    }

    .grid-child.container-nav {
        justify-content: space-evenly;
        flex-basis: 100%;
        align-items: center;

        padding-top: 10px;

        flex-wrap: wrap;
    }

    h5.first {
        width: 100%;
        background: var(--aata-cream-60);
        margin: 0;
        padding-top: 10px;
        margin-top: 10px;
    }

    .moduletable.perviy_block .overlay.container {
        padding: 0;
    }

    .second {
        width: 100%;

        background: var(--aata-cream-60);

        margin: 0;

        padding: 5px 0 21px;
    }

    .vtoroi {
        width: 100%;

        padding: 11px 0 5px;

        background: var(--aata-cream-60);
    }

   

    .bot_but {
        width: 41%;

        justify-content: space-around;
    }
	div#mod-custom117 .meropriyatiya,	.moduletable.tretiy_block .meropriyatiya {
    flex-basis: 100%;
}

div#mod-custom117 .news, .moduletable.tretiy_block .news {
    flex-basis: 100%;
}

div#mod-custom117 .overlay.container, .moduletable.tretiy_block .overlay.container {
    flex-direction: column;
}
}


/* =========================================================
   RESPONSIVE — 1000px
   ========================================================= */

@media (max-width: 1000px) {
  .speak.konf7 div:nth-child(11) {
    flex-basis: 97%;
}
	
	.speak div {
        flex-basis: 46%;
        padding: 20px;
        margin: 10px 0px;
    }
.speak {justify-content: space-evenly;}
.speak div:last-child {
    flex-basis: 95%;
}
.speak.mest div:last-child {
    flex-basis: 46%;
}


	.master-class div {
    flex-basis: 46%;
    padding: 15px;
    margin: 10px auto;
}
	
	.kategory_chelenstva {
    flex-wrap: wrap;
    justify-content: space-around;
}

.kategory_chelenstva div {
    flex-basis: 45%;
    margin: 15px 0px;
    padding: 50px 20px;
}
	.cl_block p:first-child {
    flex-basis: 100%;
}
	.meropriyatiya_block .meropriyatiya .com-content-category-blog__item.blog-item{    flex-basis: 38%;
   
    margin: 15px 0px;}
	.container-sidebar-left {
    grid-area: top-a;
}
    .seven_block div#mod-custom119, .seven_block div#mod-custom129 {width: 40%;}
	.moduletable.chetvertiy_block.pyatiy_block .bblock {
    flex-basis: 45%;
   
}
	

    .moduletable.vtoroi_block .o_nas {
        flex-basis: 100%;
    }

    .moduletable.vtoroi_block .block_onas {
        flex-basis: 45%;
        margin: 10px 0;
    }

    .moduletable.vtoroi_block .overlay.container {
        display: flex;

        flex-wrap: wrap;

        align-items: flex-start;
        justify-content: space-around;
    }

    .knopki {
        width: 100%;
        padding: 10px 5px;
        background: var(--aata-cream-60);
        margin: 0;
        justify-content: space-evenly;
    }

    .bot_but {
        width: 100%;

        justify-content: space-around;

        text-align: center;

        background: var(--aata-cream-60);
    }

    .bot_but p {
        margin: 0;
        padding: 10px 0;
    }
}


/* =========================================================
   RESPONSIVE — 991px
   ========================================================= */

@media (max-width: 991px) {
    .fb-book {
    grid-template-columns: repeat(2, 1fr);
  }

    .chalmata .detali {
    flex-basis: 100%;
    justify-content: space-between;
    margin-left: 6%;
}

.chalmata .detali .name {
    font-size: 16px;
}

.chalmata .detali .status {
    width: 71%;
    font-size: 11px;
}
    .chalmata .fotos {
    flex-basis: 42%;
}
    .chalmata .fotos img {
    width: 100%;
}
    .chalmata .pechat {
    bottom: 7%;
    left: 19%;
}
        .chalmata .pechat img {
    width: 13%;
}

	.upravlyayushchie-struktury .block{
    flex-basis: 29%;
}

    	.upravlyayushchie-struktury .struktur{justify-content: space-evenly;}
	.upravlyayushchie-struktury .block{
    flex-basis: 44%;
    margin: 10px 0px;
}
	footer ul#mod-menu127, footer ul#mod-menu149 {
    flex-basis: 50%;
    order: 0;
    flex-direction: column;
    align-items: center;
}
    footer.container-footer.footer.full-width .mod-languages {
    margin-top: 20px;
}
    footer div#mod-custom126{
    flex-basis: 100%;
    text-align: center;
}
    footer div#mod-custom126 img{
    max-width: 40%;
}

    .ustav{
    justify-content: space-around;
}
    
.ustav.blocki {
    flex-basis: 40%;
    font-size: 16px;
}

    .aata-hero__inner {
        grid-template-columns: 1fr;

        gap: 42px;

        padding: 64px 0 72px;
    }

    .aata-hero__visual {
        min-height: 300px;
    }

    .aata-hero__card {
        min-height: 300px;
    }

    .container-header .navbar-brand {
        min-height: 72px;
    }

    .container-header .navbar-brand img {
        max-height: 50px;
        max-width: 165px;
    }

    .container-header .mod-menu ul {
        flex-wrap: wrap;
    }
	
	div#mod-custom117 ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list,	.moduletable.tretiy_block ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list {
    flex-wrap: wrap;
    justify-content: center;
}

div#mod-custom117 ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list li:last-child, .moduletable.tretiy_block ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list li:last-child {
    flex-basis: 100%;
}

div#mod-custom117 ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list li, .moduletable.tretiy_block ul.mod-articles-items.mod-articles-grid.grid-cols-3.mod-list li {
    flex-basis: 40%;
}

.icon-menu {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}

.icon-menu:before,
.icon-menu:after {
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Меню ☰ */
.icon-menu:before {
    content: '\f0c9';
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* Крестик × */
.icon-menu:after {
    content: '\f00d';
    opacity: 0;
    transform: rotate(-90deg) scale(0.8);
}

/* Когда меню открыто */
button.navbar-toggler.navbar-toggler-right:not(.collapsed) .icon-menu:before {
    opacity: 0;
    transform: rotate(90deg) scale(0.8);
}

button.navbar-toggler.navbar-toggler-right:not(.collapsed) .icon-menu:after {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}
}
@media (max-width:808px){
    .spetsialisty .chalmata {
    flex-basis: 90%;
}
    .chalmata .detali {
    justify-content: space-around;
}

.chalmata .detali .name {
    font-size: 20px;
}

.chalmata .detali .status {
    width: 68%;
    font-size: 14px;
}
    .chalmata .fotos {
    flex-basis: 30%;
}
    .chalmata .fotos img {
    width: 100%;
}
    .chalmata .pechat {
    bottom: 9%;
    left: 15%;
}
        .chalmata .pechat img {
    width: 17%;
}
}

/* =========================================================
   RESPONSIVE — 780px
   ========================================================= */

@media (max-width: 780px) {
	
	.cl_block p:first-child {
    flex-basis: 28%;
}
		.jtcs_item_wrapper.jt-cs .jt-author-date {
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: auto;
}
	footer div#mod-custom119,	footer div#mod-custom129 {
    order: -2;
    margin-bottom: 50px !important;
}


	nav.navbar.navbar-expand-md:has(.navbar-collapse.show), nav.navbar.navbar-expand-md:has(.navbar-collapse.collapsing){
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: #ffffff;
        overflow-y: hidden;
        align-content: flex-start;
        padding-top: 10px;
		 transform: translateY(0%);
        opacity: 1;
        
        transition:
            transform 1.4s ease,
            opacity 2.3s ease;
        }


body.site.com_content.wrapper-static.view-featured:has(.navbar-collapse.show){
    overflow: hidden;
}



    .moduletable.vtoroi_block .block_onas {
        flex-basis: 46%;

        margin: 5px 0;
    }
	    nav.navbar.navbar-expand-md {
        margin: 0;
        justify-content: right;
        
    }
	

	
	
	 header.header.container-header.full-width .moduletable.vstup, header.header.container-header.full-width .moduletable.vstup {
        flex-basis: 100%;
        text-align: center;
        order: 2;
        display: none;
    }
	 body.site.com_content.wrapper-static.view-featured.no-layout.no-task.itemid-103 div#mod-custom119, body.site.com_content.wrapper-static.view-featured.no-layout.no-task.itemid-111 div#mod-custom129 {
        text-align: center;
        margin: 10px auto;
        width: 70%;
        display: block;
    }
	
	    .grid-child.container-nav {
        justify-content: space-evenly;
    }
	
}


/* =========================================================
   RESPONSIVE — 767px
   ========================================================= */

@media (max-width: 767px) {
    header.header.container-header.full-width div#mod-custom112 {display:none;}
    .grokfiltertags-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.grokfiltertags-buttons > * {
    margin: 8px 0px;
}
    .fb-block {
    flex-basis: 48%;
    margin: 13px 0px;
    padding: 20px;
}
    .cheleny-panel .status {
    width: 80%;
}
     .spetsialisty .chalmata {
    flex-basis: 90%;
}
    .chalmata .detali {
    justify-content: space-around;
}

.chalmata .detali .name {
    font-size: 16px;
}

.chalmata .detali .status {
    width: 65%;
    font-size: 12px;
    padding: 3px;
}
    .chalmata .fotos {
    flex-basis: 35%;
}
    .chalmata .fotos img {
    width: 100%;
}
    .chalmata .pechat {
    bottom: 9%;
    left: 17%;
}
        .chalmata .pechat img {
    width: 14%;
}
	    body.site.com_content.wrapper-static.view-article.layout-blog.no-task.itemid-105.meropriyatiya_block .com-content-article.item-pagemeropriyatiya_block .page-header {
        top: 130px;
    }

	
		.master-class div {
    flex-basis: 90%;
    padding: 10px 15px;
    margin: 10px auto;
}
.obuchenie_TA.eticheskij-kodeks-almaata .site-grid {
    background: hsl(50deg 27% 96% /78%); 
}

    .obuchenie_TA.eticheskij-kodeks-almaata {
        position: relative;
        background-image: none;
    
    }

    .obuchenie_TA.eticheskij-kodeks-almaata::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: -1;
        background: url(../../../../../images/obuchenieTAbackmob.jpg);
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
    }


	.pravilo2000chasov {
    flex-basis: 95%;
}

.kvalific {
    justify-content: center;
}

.cl_block {
    flex-basis: 95%;
}

.cl_block p:first-child {flex-basis: 100%;}

    	footer ul#mod-menu127, footer ul#mod-menu149 {
    flex-basis: 85%;
    
}
		.meropriyatiya_block .meropriyatiya .com-content-category-blog__item.blog-item{flex-basis: 46%;  }
        .seven_block div#mod-custom119, .seven_block div#mod-custom129 {width: 50%;}
	.site-grid {
    margin-top: 130px;
}
	.moduletable.perviy_block h5.first, .moduletable.perviy_block .second {
    text-align: center;
}
		nav.navbar.navbar-expand-md {
    flex-basis: 8%; 
}
	nav.navbar.navbar-expand-md ul#mod-menu1 li.nav-item.item-109,	nav.navbar.navbar-expand-md ul#mod-menu1 li.nav-item.item-117 {
        display: block;
        background: var(--aata-deep);
        border-radius: 99px;
        text-align: center;
        width: 60%;
    }
	.container-header .mod-menu {
    flex-direction: column;
}
}

	




/* =========================================================
   RESPONSIVE — 640px
   ========================================================= */

@media (max-width: 640px) {
    
    .fb-book {
    grid-template-columns: 1fr;
  }
        .cheleny-panel .status {
    width: 100%;
}
	.kategory_chelenstva {
    flex-wrap: wrap;
    justify-content: space-around;
}

.kategory_chelenstva div {
    flex-basis: 90%;
    padding: 30px 20px;
    margin: 10px 0px;
}


.clock {flex-wrap: wrap;}

.cl_block {
    flex-basis: 100%;
	flex-wrap: wrap;
}

.cl_block p:first-child {
    flex-basis: 12%;
}


	.kurs {
 
    width: 92%;
}figure.left.item-image img{
    width: stretch;
}
    		.meropriyatiya_block .meropriyatiya .com-content-category-blog__item.blog-item{flex-basis: 90%;}
        .seven_block div#mod-custom119, .seven_block div#mod-custom129 {width: 60%;}

       	.upravlyayushchie-struktury .struktur{justify-content: center;}
	.upravlyayushchie-struktury .block{
    flex-basis: 75%;
}

    .moduletable.perviy_block .overlay.container {
        background-size: cover;
    }

    h5.first,
    .vtoroi,
    .second,
    .bot_but {
        padding: 0 15px;
    }
}


/* =========================================================
   RESPONSIVE — 520px
   ========================================================= */


@media (max-width: 520px) {

    .fb-block {
        flex-basis: 100%;
        margin: 10px 0px;
    }
    .cheleny-panel .detali{
    padding: 0 20px;
}
	.speak div{
    flex-basis: 100% !important;
}
        .seven_block div#mod-custom119, .seven_block div#mod-custom129 {width: 80%;}
	ul#mod-menu127 li,	ul#mod-menu138 li 
	{/* flex-basis: 70%; *//* border-bottom: 1px solid !important; *//* border-color: var(--aata-green-15); *//* margin-bottom: 5px; */}


ul#mod-menu127, ul#mod-menu138 {
    justify-content: space-between;
    text-align: center;
}

ul#mod-menu127 li:last-child, ul#mod-menu138 li:last-child{
    /* flex-basis: 100%; */
    border: none !important;
}


    .moduletable.vtoroi_block .block_onas, .moduletable.chetvertiy_block.pyatiy_block .bblock {
        flex-basis: 100%;
    }

    ul#mod-menu1 {
        display: flex;
        flex-direction: column;
    }
	.chetvertiy_block .bblock{
        flex-basis: 100%;
        margin: 10px 0px;
        border: 1px solid var(--aata-sage);
        border-radius: 20px;
        background: var(--aata-white);
        padding: 10px 25px;
        text-align: center;
        }
		.chetvertiy_block .bblock:last-child{flex-basis:100%;/* text-align:left; */}
}

@media (max-width: 450px) {
            .cheleny-panel .status {
    width: 100%;
    padding: 3px;
    font-size: 12px;
}
    .chalmata .detali .dalshe {
    font-size: 12px;
}
     .spetsialisty .chalmata {
    flex-basis: 98%;
}
    .chalmata .detali div{
    margin: 5px 0px;
}
    .chalmata .detali {
    justify-content: space-around;
}

.chalmata .detali .name {
    font-size: 14px;
}

.chalmata .detali .status {
    width: 100%;
    font-size: 12px;
    padding: 1px;
}
    .chalmata .fotos {
    flex-basis: 42%;
}
    .chalmata .fotos img {
    width: 100%;
    border-radius: 0px;
}
    .chalmata .pechat {
    bottom: 4%;
    left: 19%;
}
        .chalmata .pechat img {
    width: 12%;
}
    
    .perviy_block .knopki {
    flex-wrap: wrap;
    height: 130px;
    justify-content: center;
    flex-direction: row;
    display: flex;
    align-content: space-evenly;
}

.perviy_block .knopki > div {
    flex-basis: content;
    width: fit-content;
}}

@media (max-width: 440px) {.jtcs_item_wrapper.jt-cs .jt-author-date {
    height: 75px;
    flex-direction: column;
    justify-content: space-between;
}}

@media (max-width: 380px) {
        .seven_block div#mod-custom119, .seven_block div#mod-custom129 {width: 100%;}

.perviy_block .knopki > div {
    /* flex-basis: 95%; */
}}