.pre-header{
    background: #ececec;

}
.pre-header .pre-main-col {
    padding: .5rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}
.pre-header .mini-desc {
    font-size: 12px;
    margin: 0 1rem;
}
.btn-telegram-old {
    color: #22A5E3;
    border: 1px solid #22A5E3;
    font-size: 12px;
    height: 2rem;
    border-radius: 1rem;
    line-height: 1.875rem;
    min-width: 150px;
}
.btn-telegram-old:hover{
    background-color: #22A5E388;
    color: #FFF;
}

.btn-4 {
    border: 1px solid;
    overflow: hidden;
    position: relative;
    color: #22A5E3;
    background: #FFF;
}
.btn-4:hover {color: #22A5E3;background:#FFF;}


.banner-24plus .video24 {vertical-align: middle}
.banner-24plus .video24 .icon {
    width: 28px;
    height: 28px;
    fill: #000;
}
.btn-telegram .icon {
    width: 1rem;
    height: 1rem;
    margin-left: .5rem;
    display: inline-block;
    vertical-align: middle;
}
.header {padding:0}
.header .head-logo {
    width: 35%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head-logo span{font-size: 11px}
.header .logo {
    background: url(../images/logo_25.svg) no-repeat center / contain;
    height: 64px;
    margin: 0;
    min-width: 200px;
}
.korea-block {
    display: flex;
    align-items: center;
}
.head-wrap {
    width: 65%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px;
    padding-left: 3%;
}
.head-wrap .search-form {flex: 0.75 1}
.head-wrap::after{content: none}
.header-lk-newwrap {
    position: relative;
    display: flex;
    float: right;
}
.phone-wrap, .chatlink-wrap, .phone-wrap .phone {margin: 0}
.phone-wrap {
    float: right;
    text-align: right;
}
.chatlink-wrap{
    float: right;
    margin-right: 15px;
}
.mob-but {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    padding: 6px;
    text-align: center;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    position: relative;
}
.mob-but .icon {
    width: 14px;
    height: 14px;
    fill: #4DDBC2;
}
.short-basket__amount{
    position: absolute;
    top: -7px;
    right: -7px;
    background: #4ddbc2;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    height: 16px;
    font-size: 10px;
    padding: 1px;
    border-radius: 8px;
    color: #fff;
}
#subMenu {
    position: absolute;
    padding: 10px;
    border: 1px solid #CFCFCF;
    border-radius: 5px;
    top: 100%;
    z-index: 20;
    min-width: 150px;
    background: #FFF;
    display: flex;
    flex-direction: column;
}

.nav-container::before {content: none}
.nav-container {
    width: 100%;
    max-height: 50px;
}
.nav-wrap {
    width: 100%;
    margin: 0;
}
.main-nav__link {cursor: pointer}
.main-nav__item .second-nav {
    left: auto;
    right: auto;
    min-width: 200px;
}
.main-nav__item .second-nav ul{
    padding-right: 40px;
}
.pre-login {
    font-size: 16px;
    color: #868686;
}

.header .head-logo-24plus {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .head-logo-24plus span {font-size: 11px}
.btn-telegram {
    color: #22A5E3;
    color: #000;
    background-color: #FFF;
    border: none;
    font-size: 12px;
    height: 2rem;
    line-height: 1rem;
    border-radius: 1rem;
    min-width: 150px;
    padding: 8px 10px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.btn-telegram:hover {
    color: #22A5E3;
    color: #000;
    background-color: #FFF;
}
.btn-telegram:after {
    background: #2AE;
    content: "";
    height: 155px;
    left: -120px;
    opacity: .3;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 770ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 80px;
}
.btn-telegram:hover::after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-telegram.btn-tpage {
    background-color: transparent;
    color: #FFF;
    color: #000;
    border: 1px solid #FFF;
    border-color: #000;
    min-width: unset!important;
}
.btn-telegram.btn-tpage:after {background: #FFF}
.header .search-form-24plus {
    position: relative;
    overflow: hidden;
    width: auto;
    flex-basis: 100%;
}
.header .search-form-24plus .text-field {
    padding-right: 30px;
    display: block;
    width: 100%;
    padding: 8px 10px;
    padding-right: 10px;
    border: 1px solid #e0e0e0;
    font-size: 10px;
    border-radius: 15px !important;
    color: #868686;
}
.header .search-form-24plus .submit {
    position: absolute;
    width: 20px;
    height: 21px;
    cursor: pointer;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    padding: 0;
    top: 5px;
    right: 7px;
    background: none;
}
.header .search-form-24plus .submit .icon {
    display: block;
    width: 17px;
    height: 17px;
    fill: #4ddbc2;
    text-indent: unset;
}
.header .phone-wrap-24plus {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-around;
}
.header .phone-wrap-24plus .phone {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.header .phone-wrap-24plus .contact-form {
    display: block;
    font-size: 12px;
    color: #868686;
    border-bottom: 1px solid #e0e0e0;
    white-space: nowrap;
}
.header .messengers-24plus {display: none}

.mob-but {margin: 0 0 0 15px}
.header .nav-container-24plus .nav-wrap {
    width: 100%;
    margin: 0;
}
.header .nav-container-24plus .nav-opener {
    height: 30px;
    margin: 0 15px 0 0;
    top: -11px;
}

.banner-24plus {
    margin-right: -20px;
    margin-left: -20px;
    padding: 10px 20px;
    background: #199AD7;
    background: #FBC84A;
    color: #FFF;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}
.learning_banner24 {
    position: relative;
    box-shadow: -3px -3px 6px rgb(200 200 200 / 50%);
    max-width: 400px;
    margin: 0 auto;
    margin-top: 0px;
    height: 300px;
}
.learning_banner24 .banner-top {
    display: block;
    text-align: center;
    padding: .5rem;
    color: #72ABA7;
    font-weight: 700;
    font-size: 19px;
}
.learning_banner24 .banner-middle {
    text-align: center;
    padding: .5rem 1rem;
    color: #293E3C;
    opacity: .8;
    font-weight: 700;
    font-size: 19px;
}
.learning_banner24 .banner-middle b{
    opacity: 1;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
}
.learning_banner24 .bannner-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: #72ABA7;
    font-weight: 700;
    font-size: 18px;
    color: #FFF;
    z-index: -1;
    padding: 1rem 20% 0 30%;
    text-align: center;
}
.politic_cookie a {
    border-bottom: 1px solid #bfc2d1;
}
.politic_cookie {
    position: fixed;
    align-items: center;
    display: flex;
    bottom: 0;
    right: 0;
    z-index: 10000000000;
    background: #f2f2f2;
    padding: .5rem 1rem;
    font: 400 12px/1.2 "GothamPro", sans-serif;
}
.politic_cookie > * {margin:0 1rem 0 0}
.politic_cookie button{
    top: .5rem;
    right: 1rem;
    display: block;
    float: rigth;
    color: wheat;
    margin-right: 0;
}
.card-banner {
    position: relative;
    height: 422px;
    max-width: 600px;
    margin: auto;
    background: center / cover no-repeat transparent;
    padding: 310px 10px 0;
}
.card-banner h3 {
    position: absolute;
    top: 25px;
    background: #fcf9e8;
    padding: 5px;
    color: #BF1D1B;
    text-transform: uppercase;
    font-size: 20px;
    transform: translateX(75px) rotate(-21deg);
}
.card-banner h2 {
    font: 700 35px/1 "GothamPro", sans-serif;
    text-transform: uppercase;
    color: #FFF;
    margin: 0;
}
.card-banner span {
    text-align: center;
    display: block;
    color: #FFF;
    font-size: 16px;
}
.card-banner button {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 5px;
    background: #FFF;
    border-radius: 0;
    border: none;
}
.card-banner.wide h3 {right: 100px}
.card-banner.wide h2, .card-banner.wide span, .card-banner.wide button {margin-left: 50%}
.card-banner.wide span, .card-banner.wide button {font-size: 12px}
.cart__item .cart__item-tip {
    color: #868686;
    border: 2px solid #868686;
    border-radius: 5px;
    text-transform: none;
    padding: 5px 10px;
    width: fit-content;
    margin: -10px 0 10px;
}
.cart__item .cart__item-tip[data-promocode]{
    cursor:pointer;
    color: #4DDBC2;
    border-color: #4DDBC2;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .card-banner {background-position: right 60%}
    .card-banner:not(.wide) h2, .card-banner:not(.wide) span {padding-left: 50%}
}
@media (max-width: 767px) {
    .pre-header .pre-main-col {
        flex-direction: column;
        align-items: flex-start;
        font-size: 14px;
    }

    .pre-header .mini-desc {display: none}

    .btn-telegram {margin-top: .5rem}

    .pre-header .phone {
        text-indent: unset;
        white-space: nowrap;
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }
    .header {padding-top: 15px}
    .chatlink-newwrap {margin-top: .5rem}
    .head-wrap .phone-wrap, .chatlink-wrap {display: none}
    .header .logo {min-width: 140px}
    .header-lk-newwrap {float: none}
    .head-wrap {height: unset}
    .head-wrap .search-form {
        height: unset;
        background: none;
    }
    .nav-wrap .nav-opener {
        width: 30px;
        margin: 18px 15px 0 0;
    }
    .nav-container {padding: 0}
    .nav-wrap {width:auto}
    .header .logo, .header .phone-wrap-24plus {height: 60px}
    .header .phone-wrap-24plus .contact-form {display: none}
    .header .phone-wrap-24plus .messengers-24plus {
        min-width: 133px;
        display: flex;
        justify-content: space-around;
    }
    .header .search-form-24plus .text-focused {
        position: fixed;
        margin-top: -18px;
        width: 93%;
        padding: 4px;
        background: #FFF;
        z-index: 10;
    }

    .header .banner-24plus {font-size: 11px}
    .header .banner-24plus .btn-telegram {
        margin: 0;
        min-width: 100px;
        font-size: 10px;
    }
    .header .nav-container-24plus .nav {
        position: fixed;
        overflow-y: auto;
        overflow-x: hidden;
        top: 0px;
        bottom: 0;
        padding: 60px 0 20px;
        min-height: unset;
    }
}
@media (max-width: 500px) {

    .card-banner h3 {transform: translateX(30px) rotate(-21deg)}
    .card-banner h2 {font-size: 30px}
    .card-banner span {font-size: 14px}
}
@media (max-width: 400px) {
    .card-banner h3 {transform: translateX(20px) rotate(-21deg)}
    .card-banner span {font-size: 12px}
}

/** catalog update 03/2026 **/

.item-box .btn-transparent{
    min-width: unset;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 1rem;
    /*background: #4b4b4b;
    border-radius: 0;*/
}
/** dealer + about **/
.main_inner .dealer_h1, .main_inner .learn_h1{
    color: #000;
    font: 500 29px/1.6 "GothamPro", sans-serif;
}
.ad-top {
    position: relative;
    background: no-repeat center/cover;
}
.ad-top::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.dealer-top::before {background: linear-gradient(194.05deg, rgba(0, 0, 0, 0) 33.93%, rgba(0, 0, 0, 0.6) 54.88%)}
.about-top::before {background: #0000004D}

.ad-top .wrapper {
    min-height: 500px;
    background: no-repeat center / cover;
    display: flex;
    flex-direction: column;
    padding: 2rem;

}
.about-top .wrapper {margin-top: 1.5rem}

.dealer-top .wrapper{;
    min-height: 600px;
    justify-content: end;
}

.about-wlogo {max-width: 200px}
.ad-top h1, .ad-top h2, .ad-top h4, .ad-top label, .ad-top label > a, .ad-top p {color: #FFF}
.dealer-top .inline-form {height: auto}
.dealer-top .inline-form h3 {display: none}
.dealer-top .inline-form button {background: #EE6D11}
.about-top h1 {
    font: 500 30px/1.3 "GothamPro", sans-serif;
    text-align: left;
}
.dealer-top label > a {text-decoration: underline}
.dealer-top h2 {font-weight: 600}
.dealer-20let {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(238, 109, 17,.3);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    padding: 16px;
}
.dealer-20let.bottom {
    top: auto;
    bottom: 10px;
}
.dealer-20let.right {
    left: auto;
    right: 10px;
}
.dealer-20let p {
    background: #EE6D11;
    border-radius: 50%;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-weight: 500;
}
.grechen-fuemen-regular {font: 24px/1.1 "Grechen Fuemen", cursive}
.dealer-whys .img_wrap {height: 70px}
.dealer-whys h5 {font: 500 16px/1.2 "GothamPro", sans-serif}
.dealer-whys .def__txt, .about-num .def__txt {opacity: .6}
.bordered {
    border: 1px solid #E6E6E6;
    padding: 1rem;
}
.gray-bg {
    background: #F8F8F8;
    padding: 1rem;
}
.gray08-bg {
    background: #F0F0F0;
    padding: 1rem;
}
.green24_bg {
    background: #337470;
    padding: 1rem;
}
.black_bg {
    background: #343434;
    padding: 1rem;
}
.green24_bg *, .black_bg  *{color: #fff}

.txt-orange {
    font: 700 36px/1.2 "GothamPro", sans-serif;
    color: #EE6D11;
    white-space: nowrap;
}
h3.txt-orange {font: 900 40px/1.2 "GothamPro", sans-serif;}
#about-olga ._photo {min-height: 320px}
.o-checks {
    margin: 0;
    padding: 0;
}
.o-checks li{
    list-style-type: none;
    margin-bottom: 1rem;
    display: flex;
}
.o-checks li::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    margin-right: 1.5rem;
    vertical-align: middle;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/check.png) no-repeat center / contain;
}
.dentis-labs {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}
.dentis-labs li {
    display: inline-block;
    width: 100%;
    list-style-type: none;
    background: #F8F8F8;
    padding: 1rem;
}
.dentis-video li {display: inline-block}

.dentis-labs li::before, .dentis-video li::before{
    display: block;
    margin-bottom: 1rem;
}
.grey-cat-sections > article {margin-bottom: 1.75rem}
.grey-cat-sections  .grey-sec{
    padding: 1rem;
    background: #F8F8F8;
}

.grey-pic {height: 200px}
.grey-pic img {height: 100%}
.grey-sec > h3 {height: 4rem}
.btn-grey {
    background: #4B4B4B;
    text-transform: none;
}
.btn-grey:hover{background: #000}
.cert-slider {margin: 0 -.25rem}
.cert-slider .slick-prev, .cert-slider .slick-next {
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    width: 30px;
    height: 30px;
}
.cert-slider .slick-prev::before, .cert-slider .slick-next::before {content: none}
.cert-slider .slick-prev:hover, .cert-slider .slick-next:hover {border-color: #000}
.cert-slider .slick-prev {
    left: -36px;
    background: url(../images/black_left.svg) no-repeat center / 25%;
}
.cert-slider .slick-next {
    right: -36px;
    background: url(../images/black_right.svg) no-repeat center / 25%;
}
.cert-slider .slick-track {
    display: flex; /*hook to mono-height*/
    align-items: baseline;
}
.cert-slider .cert-item {
    padding: 0 .25rem;
    height: auto;
}
.cert-slider h4 {
    height: 2rem;
    margin: 0;
}
.cert-slider .cert-item .sub-text {
    display: block;
height: 3rem;
    padding-top: .5rem;
    font: 500 12px/1.2 "GothamPro", sans-serif;
    color: #8B8B8B;
}
.stop-tannsform {transform: none!important;}
.feedback-form.dealers24 {
    max-width: 1200px;
    background: transparent;
    margin: 0;
}
.dealers24 .form-row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.dealers24 .text-wrap {width: 100%}
.feedback-form.dealers24 .text-field {
    border: 1px solid #DEDDDD;
    border-radius: 0;
    margin: 0;
}
.dealers24 .submit-wrap {text-align: left}
.btn-orange {
    background: #EE6D11;
    color: #FFF;
    font-weight: 500;
    padding: 1.5rem 4rem;
    border: none;
}
.dealers24 a {text-decoration: underline}
.dealers24 a:hover {color: #000}
/*.dealer-accordion {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}*/
.dealer-accordion .accordion-item{
    position: relative;
    background: #F8F8F8;
    break-inside: avoid-column;
    margin-bottom: 1rem;
}
.dealer-accordion .accordion-header,  .dealer-accordion .accordion-body {padding: 1rem}
.dealer-accordion .accordion-header::after{
    content: "\2039";
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #FFF;
    color: #EE6D11;
    padding-bottom: .5rem;
    text-align: center;
    font: 700 17px/1.2 "GothamPro", sans-serif;
    transform: rotate(-90deg);
    transition: transform .3s;
    pointer-events: none
}
.dealer-accordion .accordion-item:hover .accordion-header::after {
    background: #EE6D11;
    color: #FFF;
}
.dealer-accordion .accordion-header.ui-accordion-header-active::after {
    /*background: #EE6D11;
    color: #FFF;*/
    transform: rotate(90deg);
}
@media (min-width: 575px) {
    .dealer-top .wrapper {max-width: 500px}
    /*.dealer-top .wrapper .inline-form{padding: 0 2rem;}*/
    #about-olga ._photo {min-height: 450px}
    .dealer-20let {
        left: 10%;
        width: 240px;
        height: 240px;
        padding: 30px;
    }
}
@media (min-width: 768px) {
    .dealer-top .wrapper {max-width: 90%}
    #about-olga ._photo {min-height: 320px}
    .dentis-labs {
        flex-direction: row;
        margin-top: -5rem;
    }
    .cert-slider {margin: 0 -.5rem}
    .cert-slider .cert-item {padding: 0 .5rem}
    .cert-slider h4 {/*height: unset*/}
}
@media (min-width: 1025px) {
    .main_inner .dealer_h1, .about-top h1 {font-size: 40px}
    .about-top .wrapper {min-height: 600px}
    .about-wlogo {max-width: 300px}
    .dealer-top h2 {
        text-align: left;
        font-size: 30px;
        padding-right: 4rem;
    }
    .dealer-20let {
        width: 282px;
        height: 282px;
        padding: 35px;
        left: auto;
        right: 2rem;
    }
    .dealer-20let.xl-middle {
        bottom: auto;
        top: 50%;
        margin-top: -141px;
    }
    .dealer-20let p{ font-size: 20px}

    .bordered, .gray-bg, .rose_bg {padding: 1rem 1.5rem}
    .map-img {max-width: 800px}
    .dentis-labs {
        margin: 0 5%;
        margin-top: -6rem;
    }
    #dealer-cadaver h2 {text-align: left}
    .cert-slider .cert-item > span {margin-top: .5rem}
    .grey-pic {height: 150px}
    .dealers24 .form-row {
        flex-direction: row;
        margin-bottom: 1rem;
    }
    .cert-slider {margin: 0 -.75rem}
    .cert-slider .cert-item {padding: 0 .75rem}
}
@media (min-width: 1200px) {
    .main_inner .dealer_h1, .about-top h1 {font-size: 48px}
    .dealer-top h2 {
        font-size: 38px;
        padding-right: 6rem;
    }

}

/** learning **/
.learn-top .wrapper {
    justify-content: end;
    align-items: center;
    margin-bottom: 1.5rem;
}
#learn-top .wrapper{position: relative;}
#learn-top .wrapper::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.68%, rgba(0, 0, 0, 0.6) 78.75%);
}

#learn-top .wrapper h2{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 42px;
    line-height: 1;
    gap: 1rem;
    z-index: 10;
}
#learn-top .ad-top .wrapper h2{flex-direction: column}
.learn-adv .d-flex {
    gap: 1rem;
    align-items: center;
}
.course-item .bg-image {min-height: 200px}
.names-wrap {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-left: .5rem;
}
.expert-info {
    display: flex;
    flex-direction: column;
}
.expert-info a {color: inherit}
.expert-info a:hover {opacity: .5}
.expert-name {font-weight: 500}
.expert-thumb {

    background: #FFF;
    display: flex;
    justify-content: center;

    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
}
.expert-thumb img {max-width: unset}
.unibg-bg {
    background: #FFF;
    border:1px solid #337470;
}
.orange-nt2-bg{
    background: #337470;
    color: #FFF;
}
.unibg-bg h1 {
    font: 700 2rem/1.5 "GothamPro", sans-serif;
    color:inherit;
}
.unibg-bg h3, .unibg-bg h3 a {
    font-size: 24px;
    color:inherit;
}
.unibg-bg h3 a:hover {opacity: .5}
.unibg-bg .btn-green, .unibg-bg .btn-transparent {
    text-transform: none;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: .5rem;
    padding: 0 .5rem;
    border: 1px solid #FFF;
    max-width: 100%;
    min-width: 50px;
    white-space: nowrap;
    font-weight: 300;
}
.unibg-bg .btn-green:hover, .unibg-bg .btn-transparent:hover {background: #000; border-color: #000; color: #FFF}
.unibg-bg .btn-green {background:  #337470; border-color: #337470; color: #FFF}
.unibg-bg .btn-transparent {background:  #FFF; border-color: #000; color: #000}
.orange-nt2-bg .btn-green {background:  #FFF; color: #000}
.orange-nt2-bg .btn-transparent {background: transparent; border-color: #FFF; color: #FFF}

.course-tags {
    list-style-type: none;
    display: flex;
    padding: 0;
    gap: 1rem;
    flex-wrap: wrap;
}
.course-tags li {
    flex-shrink: 0;
    padding: .5rem .75rem;
    border-radius: .25rem;
    background: #F5F5F5;
    color: #000;
    font-weight: 500;
}
.aurum .course-tags {
    flex-direction: column;
    align-items: baseline;
}
.course-price {
    display: flex;
    align-items: center;
}


.course-price .icon {
    flex-shrink: 0;
    width: 20px;
    height: 30px;
    margin-right: 1rem;
}
.course-price span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    height: 80px;
    align-content: center;
}
#learn-docvideos .items-slider .slick-slide {margin-bottom: 0}
.gray_load_more a{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: auto;
    width: 150px;
    font-size: 14px;
    font-weight: 200;
    color: #A8A8A8!important;
    background: transparent!important;
    border: 1px solid #A8A8A8;
    border-radius: .5rem;
}
.video__item {
    padding: 1rem 1rem 2rem;
    background: #337470;
    color: #FFF;
}
.slick-slide:nth-child(2n)  .video__item{
    background: #FFF;
    border: 1px solid #337470;
    color: #000;
}
.video__item a {color: inherit}
.video__title {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    height: 100px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: .5rem;
}
.video__image {
    position: relative;
    height: 230px;

}
.video__image::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.6) url(../images/play_1.png) no-repeat 50% 50%/4rem 4rem;
    transition: background-color .3s;
}
.video__item:hover .video__image::before {background-color: transparent}
.review-item {
    padding-bottom: .5rem;
    border-bottom: 1px solid #C7C5C5;
}
.review-item a{color: #337470}
.review-item a:hover{text-decoration: underline}
.review-item .bg-image {
    height: 80px;
    width: 80px;
    border-radius: 5px;
}
.review-stars {
    height: 25px;
    width: 120px;
}
.review-stars .rating {
    height: 100%;
    background: url(../images/rat_star.png) repeat-x 0 50% / 24px;
}
.review-item  .news-item__text-box {font-size: 12px}
.review-item  .news-item__title {
    font-size: 14px;
    -webkit-line-clamp: 2;
    height: 40px;
}
.review-item .gap3 {gap:16px}
.review-item .js-show-more {
    color: #337470;
    border: none;
}
.learn-banner {padding: 1.5rem .5rem}
.green_bg {
    padding-bottom: 0;
    padding-top: 0;
    background: linear-gradient(92.17deg, #E5F1F0 1.71%, #C3D9DA 99.2%);
}
.learn-banner .bg-image {
    height: 250px;
    background-size: contain;
}
.btn--transparent, .btn--white {
    display: inline-block;
    vertical-align: top;
    height: 42px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 500;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    white-space: nowrap;
}
.btn--transparent {
    border: 1px solid #000;
}
.btn--white {
    background: #fff;
    color: #000;
}
.btn--transparent.active {
    background: #337470;
    border-color: #337470;
    color: #FFF;
    cursor: default;
}
.btn--transparent:not(.active):hover,.btn--white:hover {
    background-color: #000;
    color: #fff;
}
.rose_bg {
    padding-bottom: 0;
    padding-top: 0;
    background: linear-gradient(92.17deg, #F3F3F3 1.71%, #F3F3F3 24.15%, #EAEAEA 97.32%);
}
.learn-form {
    min-height: 5rem;
    background: no-repeat -100% center / cover transparent;
}
.learn-form h3 {font-size: 18px}
.learn-form .feedback-form {
    margin: 0;
    background: #F8F8F8;
    border-radius: 0;
}
.form24-row {/*margin-bottom: 1rem*/}
.form24-row .jcf-select {
    height: 41px;
    margin-bottom: 20px;
    border-color: #000;
    font-weight: 300;
    padding: 10px 20px;
}
.form24-row .jcf-select .jcf-select-text {
    line-height: 20px;
    margin: 0;
}
.form24-row .jcf-select .jcf-select-opener {
    background: url(../images/ico-arrow.png) no-repeat;
    transform: none;
    top: 16px
}
.form24-row label {
    font-size: 11px;
    opacity: 60%;
}
.feedback-form .form24-row input, .feedback-form .form24-row textarea {
    border-radius: 5px!important;
    font-weight: 400;
}
.form24-row input::placeholder, .form24-row textarea::placeholder {
    opacity: .6;
    font-weight: 400;
}
.form24-row .check-wrap .checkbox + label {color: #000}
.form24-row .check-wrap .checkbox + label a {color: #337470}
.btn-24green {
    display: inline-block;
    background: #337470;
    color: #fff;
    border: 1px solid #337470;
    border-radius: 5px;
    padding: 0 20px;
    outline: none;
    height: 42px;
    line-height: 40px;
    outline: none;
}
.btn-24green:hover {
    background: #fff;
    color: #000;
}
.learn-form  .feedback-form .submit-wrap {text-align: left}
#learn-seo h2 {text-align: left}

.course--element .bg-image {height: 200px}
.unibg-bg .btn{
    margin: 0 0 1rem;
    width: 100%;
    font-weight: 400;
}
.course-adres {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #337470;
}
.course-adr-head {
    display: flex;
    align-items: center;
    gap:.5rem;
}
.course-adr-head h4 {
    color: #337470;
    margin: 0;
}
.course-adv-item {
    border-bottom: 1px solid #C7C5C5;
    margin-bottom: 1rem;
}
.course-adv-item:last-child {border-bottom: none}
.green-b {
    font: 500 20px/1.2 "GothamPro", sans-serif;
    color: #337470;
}
.green_bg2 {
    background: linear-gradient(92.17deg, #E5F1F0 1.71%, #C3D9DA 99.2%);
    overflow: hidden;
}
#learn-el-citate  .bg-image {background-size: contain}
.citate-text {padding: 2rem 1rem}
.citate-photo {margin: -5rem auto -2rem}
.citate-photo img {max-width: 100%}
.slider-simple .video-thumb {height: auto}
.simple-slick-arrow {
    position: absolute;
    top: 50%;
    left: -6px;
    right: -6px;
    display: flex;
    justify-content: space-between;
}
.simple-slick-arrow .icon {
    width: 43px;
    height: 42px;
    fill: #fff;
    stroke: #337470;
}
.simple-slick-arrow .icon:hover {
    fill: #337470;
    stroke: #fff;
}
.simple-slick-arrow .slik--nav-prev .icon {transform: scale(.9)}
.simple-slick-arrow .slik--nav-next .icon {transform: scale(.9) rotate(180deg)}
.program-day {padding: 1rem 0 0}
.program-day > *, .program-head {
    max-width: 800px;
    margin: auto;
}
.program-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    list-style-type: none;
    padding: 0;
}
.program-day tr {border-bottom: 1px solid #C7C5C5}
.program-day tr > td {
    padding: 1rem 0;
    vertical-align: baseline;
    min-width: 200px;
}
.program-day tr > td:first-child {font-size: 18px}
.learn-el-photo {position: relative}
.learn-el-photo .photo_desс {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    color: #fff;
    text-shadow: -1px -1px 0 #000;
    font-weight: 500;
}
.expert-wrap {background: url(../include/learn/e-back.png) no-repeat center / cover}
.learn-expert-item .expert-image {
    position: relative;
    display: flex;
    justify-content: center;
    height: 300px;
}
.learn-expert-item .expert-image img{max-width: unset}
.expert-years {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    height: 4.5rem;
    padding: .45rem;
    background: #337470;
    border-radius: 2.45rem;
    width: 10rem;
    display: flex;

}
.expert-years .e-year {
    background: #FFF;
    height: 3.6rem;
    width: 3.6rem;
    border-radius: 1.8rem;
    font: 700 2rem/1 "GothamPro", sans-serif;
    color: #337470;
    padding: .8rem .5rem;
    text-align: center;
}
.expert-years .e-label {
    padding: .5rem .75rem;
    color: #FFF;
}
.expert-years {background: #FFF} /*inverse*/
.expert-years .e-year {
    background: #337470;
    color: #FFF;
}
.expert-years .e-label {color: #000}

.expert--info h3 {height: 50px}
.expert--info p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    height: 82px;
}
.case-item > * {
    /*display: block;*/
    margin-bottom: .75rem;
}
.case-item .names-wrap {height: 60px}
.case-item .case-item-title {
    font: 500 17px/1.3 "GothamPro", sans-serif;
    height: 64px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
.case-item .bg-image{min-height: 200px}
.case-item .learn-case-award {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.case-item .learn-case-anons {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    height: 100px;
}

#learn-aurum-banner::before{background: linear-gradient(198.18deg, rgba(0, 0, 0, 0) 32.19%, rgba(0, 0, 0, 0.6) 68.02%)}
#learn-aurum-banner .wrapper{;
    min-height: 500px;
    justify-content: end;
}
#learn-aurum-banner h3 {
    font-size: 22px;
    color: #fff;
}
.aurum .expert-image img{height: 300px}
.aurum .expert {
    height: 60px;
    overflow: hidden;
}
.aurum h3.name {
    font-size: 17px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    height: 82px;
}

/** contacts **/
.g-tag {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.g-tag:hover {
    color: inherit;
    text-decoration: underline;
}
.btn--orange {
    display: inline-flex;
    justify-content: center;
    background: #EE6D11;
    color: #FFF;
    font-weight: 500;
    padding: .5rem 1.5rem;
    border: none;
    border-radius: 5px;
}
.btn--orange:hover {;
    color: #fff;
    opacity: .7;
}
.map-image {width: 100%}
.map-image .bg-image {
    display: block;
    height: 200px;
}

.contacts-banner .wrapper {
    background: no-repeat center / cover #E5E5E5;
    height: 920px;
}
.logo-20 {
    width: 205px;
    display: flex;
    margin: 3rem auto 0;
    flex-direction: column;
    align-items: stretch;
}
.logo-20 > span {
    font-size: 15px;
    font-weight: 500;
    text-align-last: justify
}
.abs-olga {
    position: absolute;
    bottom: 0;
    height: 470px;
    left: calc(50% - 210px);
    width: 420px;
    z-index: 10;
    background: no-repeat center / contain;
}
.abs-olga img {height: 100%}
.abs-label {
    position: absolute;
    bottom: 2rem;
    right: 15%;
    width: 70%;
    background: #FFF;
    padding: .75rem 1rem 0;
    z-index: 11;
}
.feedback-form.contacts-form {background: none}
.feedback-form.contacts-form .text-field {
    background: #F9F9F9;
    border-radius: 5px!important;
}
.contacts-form a{text-decoration: underline}
.contacts-form a:hover{color: inherit}
@media (min-width: 575px) {
    .learn-banner .bg-image {
        height: 300px;
        background-size: contain;
    }
    .unibg-bg .btn {width: auto}

}
@media (max-width: 767px) {
    .program-day table tr {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .course-item .bg-image {background-size: contain}
}
@media (min-width: 768px) {
    #learn-top .wrapper h2{flex-direction: row}
    .review-item .bg-image {
        height: 150px;
        width: 150px;
    }

    .learn-form {background: no-repeat -100% center / cover transparent}
    .slider-simple .container {padding: 0 4%}
    .slider-simple .video-descr {padding: 0 10%}
    .slider-32-gap .slick-track, .slider-32-gap ~ .simple-slick-arrow {margin-left: -1rem}
    .slider-32-gap .slick-slide {margin-left: 1rem}
    .case-item .learn-case-award {min-height: 2rem}
    .contacts-banner .wrapper {height: 480px}
    .abs-olga {left: 50%}
    .abs-label {width: 30%}

}
@media (min-width: 940px) {
    .learn-form {background: no-repeat -500% center / cover transparent}
}
@media (min-width: 1025px) {
    #learn-el-citate  .bg-image {
        background-size: cover;
        background-size: 150%;
    }
    .learn-form {background: no-repeat -100% center / 120% transparent}
    .course--element .bg-image {height: 350px}
    .unibg-bg .btn {font-size: 12px}
    .course-adres {
        flex-direction: row;
        align-items: center;
        gap: 2rem;
    }
    .citate-photo {margin: 0 0 -.5rem}
    .program-head {flex-direction: row}
    .slider-simple .row {align-items: center}
    .slider-simple .container {padding: 0}
    .slider-simple .video-descr {padding: 0 2rem}
    #contacts-dealers .dealer-accordion{
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .contacts-banner .wrapper {height: 380px}
    .abs-olga {
        left: calc(50% - 210px);
        bottom: -110px;
    }
    .abs-label {
        right: 50%;
        width: 420px;
        z-index: 9;
    }
}
@media (min-width: 1200px) {
    #learn-el-citate  .bg-image {background-size: 120%}
    .simple-slick-arrow {
        left: -30px;
        right: -30px;
    }
}
@media (min-width: 1025px) {
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    #search24p .messengers-24plus {
        display: flex;
        min-width: 120px;
        margin-left: 20px;
        justify-content: space-around;
    }
    .banner-24plus {
        margin: 0 -50vw;
        padding: 10px 50vw;
    }
}