@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --beige: #EDEBE6;
    --dark-beige: #E0DDD6;
    --stroke: #C0BDB6;
    --black: #1A1612;
    --red: #D9281E;
    --white: #FFFFFF;
}

body {
    background: var(--beige);
}


/********** ПЕРВАЯ КОЛОНКА **********/

/* ===== БЛОК БАННЕРА ===== */
.iskona-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    width: calc(100%-20px);
    padding:20px;
    background: var(--dark-beige) ;
    box-sizing:border-box;
    border: 1px solid var(--stroke);
}

/* ===== ЛОГО ===== */
.iskona-logo{
    flex:0 0 auto;
    display:flex;
    align-items:center;
}

.iskona-logo img{
    display:block;
    width:135px;
    height:auto;
}

/* ===== ТЕКСТ ===== */
.iskona-title{
    /*flex:1;
    display:flex;
    flex-direction:column;
    gap:6px;*/
    color: var(--black);
    font-family:'Oswald',sans-serif;
    font-weight:700;
    font-size: 36px;
    line-height: 115%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

/*.iskona-title span:first-child{
    font-size:36px;
}

.iskona-title span:last-child{
    font-size:36px;
}*/

.iskona-title span {
    color: var(--red);
    font-weight:700;
}

/* ===== СОЦСЕТИ ===== */
.iskona-socials{
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
}

.iskona-socials a {
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: var(--white);
    transition:.25s;
}

.iskona-socials a:hover{
    transform:translateY(-2px);
}

.iskona-socials img{
    width: 32px;
    height: 32px;
    display: block;
}

/* ===== Планшет ===== */
@media (max-width:1024px){

    .iskona-header{
        gap:24px;
        padding:20px;
    }

    .iskona-logo img{
        width:90px;
    }

    .iskona-title span:first-child,
    .iskona-title span:last-child{
        font-size:30px;
    }

}

/* ===== Мобилка ===== */
@media (max-width:640px){

    .iskona-header{
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .iskona-title{
        align-items:center;
    }

    .iskona-title span:first-child,
    .iskona-title span:last-child{
        font-size:22px;
    }

    .iskona-logo img{
        width:80px;
    }

}


/**************************************************
                    ТРЕНИНГИ
**************************************************/

/* Таблица */
.stream-table{
    margin-left: -10px !important;
}

/* Контейнер карточек */
.stream-table tbody{
    display:flex;
    flex-wrap:wrap;
}

/* Карточка */
.stream-table tbody tr{
    position:relative;
    display:flex !important;
    flex: 1 0 calc(50% - 20px);
    margin:10px;
    overflow:hidden;
    min-height:180px;
    background:var(--dark-beige);
    border:none;
    border-left: 3px solid var(--red);
    transition:.3s;
}

/* Ячейка */
.stream-table tbody > tr > td{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    padding:20px;
    cursor:pointer;
}

/* Ссылка */
.stream-table tr > td > a{
    position:relative;
    display:block;
    width:100% !important;
    height:100% !important;
    z-index:5;
}

/**************************************************
                    ЗАГОЛОВОК
**************************************************/

.stream-title{
    width:100%;
    padding-bottom:10px !important;
    font-family:'Oswald',sans-serif;
    font-size:23px;
    font-weight:700;
    line-height:100%;
    font-variant-numeric:lining-nums proportional-nums;
    color:var(--black) !important;
}

/**************************************************
                    ОПИСАНИЕ
**************************************************/

.stream-table td a > div{
    width:100%;
    margin-top:4px;
    padding-top:0 !important;
    font-family:'Raleway',sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:145%;
    color:var(--black);
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;
    max-height:calc(3em * 1.45);
    transition:.3s;
    font-variant-numeric:lining-nums proportional-nums;
}

/* раскрытие описания */
.stream-table td a > div:hover{
    -webkit-line-clamp:15;
    max-height:calc(15em * 1.45);
}

/**************************************************
                СКРЫТЬ КОЛ-ВО УРОКОВ
**************************************************/

.stream-table td a > div > b{
    display:none;
}

/**************************************************
                    HOVER
**************************************************/

.stream-table tr td:hover{
    background:transparent !important;
}

.stream-table tbody tr:hover{
    transform:translateY(-2px);
}

/**************************************************
                    АДАПТИВ
**************************************************/

@media (max-width:850px){

    .stream-table tbody tr{
        min-height:185px;
    }

}

@media (max-width:510px){

    .stream-table tbody tr{
        flex:0 0 100%;
    }

    .stream-title{
        font-size:21px !important;
    }

}




/********** ВТОРАЯ КОЛОНКА **********/

/*========== Служба поддержки ==========*/
.support .s-block {
    position: relative;
    margin-bottom: 25px;
    padding: 20px 20px;
    background: var(--dark-beige) !important;
    font-family: 'Raleway', sans-serif;
    font-variant-numeric:lining-nums proportional-nums;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-top: 3px solid var(--red);
}

.support .s-date {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    color: var(--black) !important;
    background: var(--white) !important;
    font-family: 'Raleway', sans-serif;
}

.support .s-time {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    color: var(--black) !important;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 4px;
}

.support .s-desc {
    margin-bottom: 20px;
    max-width: 300px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--black) !important;
}

.support .s-time-2 {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: bold;
    color: var(--bclack) !important;
}

.support .s-btn {
    font-family: 'Oswald',sans-serif; 
    padding: 15px;
    width: 100%;
    height: 60px;
    background: var(--red);
    color: var(--white);
    border: none;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.19em;
    text-transform: uppercase;
    border-radius: 0px;
    transition: all .3s;
    text-align: left;
}

.support .s-btn:hover {
    transform:translateY(-2px);
}




/* ========== Блок кнопок ========== */
.buttons .s-block {
    position: relative;
    margin-bottom: 25px;
    padding: 20px 20px;
    background: var(--dark-beige);
    border-top: 3px solid var(--red);
    transition: all .3s;
}
.buttons .s-btn {
    font-family: 'Oswald',sans-serif; 
    padding: 15px;
    width: 100%;
    height: 60px;
    background: var(--red);
    color: var(--white);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.19em;
    text-transform: uppercase;
    border-radius: 0px;
    transition: all .3s;
    text-align: left;
}

.buttons .s-btn:hover {
    transform:translateY(-2px);
}




/* ========== Бонусный счет ========== */
/* ссылка Потратить */
.new-bonus__link {
    font-family: 'Raleway', sans-serif;
    color: var(--beige) !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

.new-bonus {
    width: 100%;
    height: 115px;
    background: var(--dark-beige);
    margin: 0 auto 25px;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
}

.new-bonus__title {
    text-align: left;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    color: var(--black);
}

.new-bonus__link {
    font-family: 'Raleway', sans-serif;
    color: var(--black)!important;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-style: normal;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 14px;
    margin-top: 6px;
}

.new-bonus__link:hover,
.new-bonus__link:active,
.new-bonus__link:link,
.new-bonus__link:visited {
    text-decoration: none;
    color: var(--white);
}

.new-bonus__link svg {
    margin-left: 4px;
}

.new-bonus__link svg path {
    fill: var(--white);
}

.new-bonus__count {
    width: 140px;
    height: 220px;
    background: var(--white);
    color: var(--red)!important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    line-height: 100%;
    color: var(--black);
    font-weight: 700;
    right: -10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
}

.new-bonus__units {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--stroke);
    text-align: center;
}

/* 0 */
.cur-balance:empty:before {
    content: "0";
}

@media(max-width:520px) {
    .new-bonus__title {
        font-size: 18px !important;
    }
}


/* ========== Календарь ========== */

/* ========== Баннер "Эфиры" (Настройка) ========== */
.banner-efiry {
    background: var(--dark-beige) url(https://fs.getcourse.ru/fileservice/file/download/a/637946/sc/146/h/adf6381129b727c15e262d370cf7fb63.jpg) top right no-repeat;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    background-size: cover;
    padding: 20px;
}

.banner-efiry-header {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black);
    width: 65%;
    padding-bottom: 10px;
}

.banner-efiry-btn {
    margin-top: 40px;
    font-family: 'Oswald',sans-serif; 
    padding: 15px;
    width: 100%;
    height: 60px;
    background: var(--red);
    color: var(--white);
    border: none;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.19em;
    text-transform: uppercase;
    border-radius: 0px;
    transition: all .3s;
    text-align: center;
}

.banner-efiry-btn:hover {
    transform:translateY(-2px);
}

@media(max-width:640px) {
    .banner-efiryo-header {
        font-size: 18px;
    }

    .banner-efiry-text {
        font-size: 15px;
    }
}



/* ========== Баннер "Эфиры 2" (Календарь настроения) ========== */
.banner-efiry2 {
    background: var(--dark-beige) url(https://fs.getcourse.ru/fileservice/file/download/a/637946/sc/440/h/1204bb1091087bf123756062aa0a6846.jpg) top right no-repeat;
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    background-size: cover;
    padding: 20px;
}

.banner-efiry2-header {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: var(--black);
    width: 60%;
    padding-bottom: 10px;
}

.banner-efiry2-btn {
    margin-top: 40px;
    font-family: 'Oswald',sans-serif; 
    padding: 15px;
    width: 100%;
    height: 60px;
    background: var(--red);
    color: var(--white);
    border: none;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.19em;
    text-transform: uppercase;
    border-radius: 0px;
    transition: all .3s;
    text-align: center;
}

.banner-efiry2-btn:hover {
    transform:translateY(-2px);
}

@media(max-width:640px) {
    .banner-efiryo-header {
        font-size: 18px;
    }

    .banner-efiry2-text {
        font-size: 15px;
    }
}