/* МОИ ПЕРЕМЕННЫЕ */

:root {
	--cart-sale-bg: #ff3829;
	--cart-sale-text: #ffffff;
}

/* Убираем скрытие полосы прокрутки на Windows при открытии выпадающих меню */
/* Убираем дёргание страницы школы на Windows при открытии выпадающих меню */

/* body[style*="overflow: hidden;"] {
	overflow: visible!important;
} */

/* ---------- */
/* ОКРУГЛЕНИЯ */
/* ---------- */

/* Округляем края видео без рамки */

.plyr { 
	border-radius: 7px; 
}

/* Округляем края изображений */

.lesson-tabs img { 
	border-radius: 7px; 
}

/* Круглые Аватары в комментариях */

/* .comments-list .comment .comment-meta-wrap .comment-avatar img {
	border-radius: 100%;
} */

/* Округляем комментарий тренера */

.comments-list .comment.comment-admin {
    border-radius: 15px;
}

/* Округляем описание рубрики в кнопке "Подробнее" */

.page-title-row .page-description-content.visible {
    border-radius: 5px;
}

/* -------------- */
/* КАТАЛОГ КУРСОВ */
/* -------------- */

/* Убрать шапку в Каталоге курсов - /shop */

body.post-type-archive-product .brand-row {
	/* display: none; */
}

/* Убрать шапку в Каталоге курсов - Все товары - /product-category/misc */

body.term-misc .brand-row {
	/* display: none; */
}

/* Убрать шапку в Каталоге курсов - Большие курсы - /bolshie-kursy */

body.term-bolshie-kursy-ae .brand-row {
	/* display: none; */
}

/* Убрать шапку в Каталоге курсов - Мастер-классы - /master-klassy */

body.term-master-klassy-ae .brand-row {
	/* display: none; */
}

/* Нижний отступ Курсов в Каталоге на разных экранах */

@media (min-width: 1200px) {

.shop-row .col-lg-3 {
	margin-bottom: -20px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {

.shop-row .col-lg-3 {
	margin-bottom: -5px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.shop-row .col-lg-3 {
	margin-bottom: 0px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.shop-row .col-lg-3 {
	margin-bottom: 0px;
}
}

@media (min-width: 320px) and (max-width: 767px) {

.shop-row .col-lg-3 {
	margin-bottom: 0px;
}
}

/* -----------------------------------------------*/
/* ТАЙМЕРЫ В КАТАЛОГЕ. ВАЖЕН ПОРЯДОК СТИЛЕЙ!!!!!  */
/* -----------------------------------------------*/

/* СПРЯТАТЬ ВСЕ ТАЙМЕРЫ В КАТАЛОГЕ 

.discount-sale-countdown, .product-countdown, .product-countdown-unlimited {
    display:none;
} */

/* СПРЯТАТЬ ТОЛЬКО ОГРАНИЧЕННЫЙ ТАЙМЕР ДОСТУПА */

.product-countdown {
    display: none;
} 

/* СПРЯТАТЬ ТОЛЬКО НЕОГРАНИЧЕННЫЙ ТАЙМЕР ДОСТУПА */ 

.product-countdown-unlimited {
    display: none;
} 

/* СПРЯТАТЬ ТОЛЬКО ТАЙМЕР РАСПРОДАЖИ

.discount-sale-countdown {
    display:none;
} */

/* ----------------------------------------------------- */
/* ЦВЕТА ПЛАШЕК АКЦИИ И СРОКА ДОСТУПА В КАТАЛОГЕ КУРСОВ  */
/* ----------------------------------------------------- */

/* Будут работать, если ОТКЛЮЧИТЬ Превращение Плашки в Иконку */

/* ФОН ПЛАШКИ НЕОГРАНИЧЕННОГО ДОСТУПА */

.product-countdown, .product-countdown-unlimited {
    background-color: #65bf49;
    transition: all 0.2s ease-out !important;
}

/* ФОН ПЛАШКИ НЕОГРАНИЧЕННОГО ДОСТУПА ПРИ НАВЕДЕНИИ */

.product-countdown:hover, .product-countdown-unlimited:hover {
    background-color: #65BF49;
}

/* ФОН ПЛАШКИ ОГРАНИЧЕННОГО ДОСТУПА */

.product-countdown {
    background-color: #65bf49;
    transition: all 0.2s ease-out !important;
}

/* ФОН ПЛАШКИ ОГРАНИЧЕННОГО ДОСТУПА ПРИ НАВЕДЕНИИ */

.product-countdown:hover {
    background-color: #65BF49;
}

/* ФОН ПЛАШКИ АКЦИИ ПРОЗРАЧНЫЙ */

.discount-sale-countdown .product-countdown {
    background-color: #7A131580;
    transition: all 0.2s ease-out !important;
}

/* ФОН ПЛАШКИ АКЦИИ ПРОЗРАЧНЫЙ ПРИ НАВЕДЕНИИ */

.discount-sale-countdown .product-countdown:hover {
    background-color: #7A1315;
}

/* ------------------------------------------------------------ */
/* ЦВЕТА ТЕКСТА ПЛАШЕК АКЦИИ И СРОКА ДОСТУПА В КАТАЛОГЕ КУРСОВ  */
/* ------------------------------------------------------------ */

/* Будут работать, если ОТКЛЮЧИТЬ Превращение Плашки в Иконку   */

/* ТЕКСТ НЕОГРАНИЧЕННОГО СРОКА ДОСТУПА */

.product-countdown-unlimited {
    color: #ffffff!important;;
}

/* ТЕКСТ ОГРАНИЧЕННОГО СРОКА ДОСТУПА */

.product-countdown {
    color: #ffffff!important;;
}

/* ---------------------------------------------------------------- */
/* Замена Плашки Неограниченного доступа на ИКОНКУ - Зелёный замок  */
/* ---------------------------------------------------------------- */

/* Если Отключить/Удалить эти стили - Включится СТАНДАРТНЫЙ дизайн Плашек со стилями выше */

/* Дизайн Плашки Неограниченного доступа */

.product-countdown-unlimited {
	width: 30%;
	background: none;
}

.product-countdown-unlimited:hover {
	background: none;
}

/* Текст Плашки Неограниченного доступа */

.product-countdown-unlimited .course-available {
	display: none;
}

/* Превращение Плашки Неограниченного доступа в Иконку - Зелёный замок */

.shop-single-product > 
.product-image-wrapper > 
.product-countdown-unlimited > 
.cd-digit-wrapper > 
.nicon-infinite:before {
    
	/* иконка - Зелёный замок */
	content: "\f09c";
	color: #65BF49;
	font-size: 25px;
	
	/* любое изображение с сайта */
	/*content: url(https://myvideocloud.ru/ms/icons/bell.gif); */
	
	/* если нужно уменьшить картинку */
	/*scale: 0.2; */
    /* display: block; */
}

/* Положение иконки на большом экране */

@media (min-width: 1400px) {
.product-countdown-unlimited {
	top: -25px;    
	
	/* для 3-х Товаров в ряду */
	left: 320px;
	
	/* для 4-х Товаров в ряду */
	/* left: 225px; */  
	}
}

/* Положение иконки на среднем экране */

@media (min-width: 1200px) and (max-width: 1400px) {
.product-countdown-unlimited {
	top: -25px;
	
    /* для 3-х Товаров в ряду */
	left: 260px;
	
	/* для 4-х Товаров в ряду */
	/* left: 184px; */ 
	}
}

/* Положение иконки на среднем экране 2 */

@media (max-width: 1200px) {
.product-countdown-unlimited {                    
	left: 210px;                
	top: -25px; 
}
}

/* Положение иконки на маленьких экранах */

@media (max-width: 992px) {
.product-countdown-unlimited {                       
	left: 250px;                   
	top: -25px;
}
}

/* Положение иконки на мобилках */

@media (max-width: 768px) {
.product-countdown-unlimited {
    left: 247px;
    top: -25px;
}	
}

/* Какие-то эксперименты */

/*
.product-countdown-unlimited {
	width: 30%;
	font-size: 0;
	background: none;
}

.product-countdown-unlimited:hover {
	width: 80%;
	color: #ffffff!important;
	opacity: 1!important;
	font-size: 15px;
}

.product-countdown-unlimited .cd-digit-wrapper .iconmoon {
	width: 100%;
    text-align: center;
	color: #ffffff;
	font-size: 0;
}

.product-countdown-unlimited .cd-digit-wrapper .iconmoon:hover {
	width: 100%;
    text-align: center;
	color: #ffffff;
	font-size: 30px;
}
*/

/* ------------------------------------------------- */
/* УРОВЕНЬ СЛОЖНОСТИ для конкретной Карточки Товара  */
/* ------------------------------------------------- */

/*
.shop-row .col-lg-3:nth-child(n+8) .shop-single-product::before {                                      
	content: "\2605 \2605 \2605";	
    color: #ff9400;
	font-size: 25px;
	background: #66bd4b;
	position: absolute;
	z-index: 30;
	top: 14px;
    left: 115px;
	text-align: center;
	padding: 0 10px 0 10px;
	width: 50%;
} 
*/

/* ---------------------------------------- */
/* РАМКА вокруг конкретной Карточки Товара  */
/* ---------------------------------------- */

/* Актуально, если НЕ включены Категории Товаров */
/* Неактуально, если Включены Категории Товаров */

/* Например, рамка вокруг 10-ой Карточки во ВСЕХ товарах и на ВСЕХ страницах */

/*
.shop-row .col-lg-3:nth-child(10) .shop-single-product { 
	border: 5px solid #65BF49;
}

.shop-row .col-lg-3:nth-child(10) .shop-single-product:hover { 
	border: 5px solid #0AA0FF;
}
*/

/* ------------------------------------------------------------- */
/* ДИЗАЙН КАТАЛОГА КУРСОВ НА СТРАНИЦАХ «МОИ КУРСЫ» и «ИЗБРАННОЕ» */

/* Убираем кнопку "Перейти к урокам" в общем Каталоге и в "Избранном" */
/* display: none; - со сдвигом высоты Карточки */
/* visibility: hidden!important; - без сдвига высоты Карточки */

/* .shop-row .shop-single-product .to-lessons-btn {
	display: none;
} */

/* Оставляем кнопку "Перейти к урокам" на странице "Мои курсы" */

/* .mkk-my-courses-page .shop-row .shop-single-product .to-lessons-btn {
	display: block;
} */

/* Сердечко на карточке товара */
/* фон кругляшка с сердечком */

/* .mkk_favorites {
    background: #dd3d310a;
    border-radius: 50%;
    padding: 10px;
    top: 4px;
	transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
} */

/* Анимация Сердечка при наведении */

/* .mkk_favorites:hover {
    scale: 1.1;
} */

/* Выравниваем кнопки "Мои курсы" и "Избранное" под хлебными крошками */

/* .mkk_nav_inner {
	margin: 0 auto;
	padding: 0!important;
} */

/* Отменяем скрытие кнопок "Мои курсы" и "Избранное" на мобильных */

/* @media screen and (max-width: 640px) {

.mkk_nav_text_not_current {
	display: inherit;
}
} */

/* Убираем фон у блока с кнопками "Мои курсы" и "Избранное" */
/* верхний отступ кнопок от хлебных крошек */

/* .mkk_nav_wrap {
	background: none!important;
	margin-top: 30px;
} */

/* Поправляем положение блока с кнопками "Мои курсы" и "Избранное" на мобильных */

/* @media (max-width: 767px) {

.mkk_nav_inner .item {
	max-width: inherit!important;
}

.mkk_nav .row {
    max-width: fit-content;
	margin: 0 auto!important;
}
} */

/* Дизайн кнопок "Мои курсы" и "Избранное" */
/* Цвет текста кнопок */

/* .mkk_nav_inner .item {
	padding: 0!important;
    margin: 0!important;
    padding: 12px 15px!important;
    border-radius: 10px;
	color: #fff!important;
} */

/* Цвет неактивной кнопки "Мои курсы"  */

/* .mkk_nav_inner a[href*="my-courses"] {
	background-color: #65BF49;
} */

/* Цвет неактивной кнопки "Избранное" */

/* .mkk_nav_inner a[href*="favorites"] {
	background-color: #0AA0FF;
} */

/* Фон кнопкок "Мои курсы" и "Избранное" при наведении */
/* поменяйте цвет на свой */

/* .mkk_nav_inner .item:hover {
	background-color: #ff992a;
	-webkit-transition: 0.2s!important;
    -moz-transition: 0.2s!important;
    -ms-transition: 0.2s!important;
    transition: 0.2s!important;
} */

/* Фон АКТИВНОЙ ТЕКУЩЕЙ кнопки "Мои курсы" и "Избранное" */
/* поменяйте цвет на свой */

/* .mkk_nav_inner .item.current {
	background-color: #ff992a;
}

.mkk_nav .breadcrumbs-wrap .item.current span {
    color: #fff!important;
	vertical-align: middle;
} */

/* ЗАМЕНА ИМЁН КНОПОК */

/* Меняем иконку кнопки "Мои курсы" под хлебными крошками */

/* .mkk_nav_inner a[href*="my-courses"] .fa-unlock:before {
	content: "\f091";
    font-size: 1.8rem;
	margin-right: 3px;
} */

/* Отступ иконки кнопки "Избранное" под хлебными крошками */

/* .mkk_nav_inner a[href*="favorites"] .fa-heart:before {
	margin-right: 3px;
} */

/* Отступ кнопки "Избранное" под хлебными крошками */

/* .mkk_nav_inner a[href*="favorites"] {
	margin-right: 5px!important;
} */

/* Меняем текст у АКТИВНОЙ ТЕКУЩЕЙ кнопки "Мои курсы" */

/* .mkk_nav_inner a[href*="my-courses"][class*="current"] span.mkk_nav_text { 
	font-size: 0!important;
} */

/* Подставляем свой текст в АКТИВНУЮ ТЕКУЩУЮ кнопку "Мои курсы"  */

/* .mkk_nav_inner a[href*="my-courses"][class*="current"] span.mkk_nav_text:after {
    font-size: 1.6rem;
    font-family: "PT Sans", sans-serif;
    line-height: 2rem;
    vertical-align: middle;
    content: 'Мои сокровища';
} */

/* Меняем текст у АКТИВНОЙ ТЕКУЩЕЙ кнопки "Избранное" */

/* .mkk_nav_inner a[href*="favorites"][class*="current"] span.mkk_nav_text { 
	font-size: 0!important;
} */

/* Подставляем свой текст в АКТИВНУЮ ТЕКУЩУЮ кнопку "Избранное"  */

/* .mkk_nav_inner a[href*="favorites"][class*="current"] span.mkk_nav_text:after {
	font-size: 1.6rem;
    font-family: "PT Sans", sans-serif;
    line-height: 2rem;
    vertical-align: middle;
    content: 'Избранное';
} */

/* Делаем НЕкликабельной АКТИВНУЮ ТЕКУЩУЮ кнопку "Мои курсы" и "Избранное" */

/* .mkk_nav_inner .item.current {
	cursor: default;
    pointer-events: none;
} */

/* ------------------------------------- */
/* ДИЗАЙН КАРТОЧЕК ТОВАРОВ в "Мои курсы" */

/* Скрываем кнопку "Добавить в корзину БЕСПЛАТНЫЙ ТОВАР" */

/* .mkk-my-courses-page .container .shop-row .shop-single-product .add-to-cart-free-btn {
	display: none;
} */

/* Скрываем кнопку "Добавить в корзину" */

/* .mkk-my-courses-page .container .shop-row .shop-single-product .add-to-cart-btn {
	display: none;
} */

/* Скрываем кнопку "Подробнее о товаре" */

/* .mkk-my-courses-page .container .shop-row .shop-single-product .about-btn {
	display: none;
} */

/* Скрываем блок с ценой и доступом */

/* .mkk-my-courses-page .container .shop-row .shop-single-product .product-info {
	display: none;
} */

/* Скрываем созданную иконку "ЗАМОК" - статус */

/* .post-type-archive-product .container .shop-row .shop-single-product .product-countdown-unlimited {
	display: none;
} */

/* МЕНЯЕМ ТЕКСТ 3-ЕЙ КНОПКИ */

/* Убираем исходный текст в 3-ей кнопке */

/* .mkk-my-courses-page .container .shop-row .shop-single-product .to-lessons-btn { 
	font-size: 0!important;
} */

/* Подставляем свой текст в 3-ю кнопку */

/* .mkk-my-courses-page .container .shop-row .shop-single-product .to-lessons-btn:after {
    font-size: 1.4rem;
	text-transform: uppercase;
    content: 'Смотреть уроки';
} */

/* Убрать полоску меню со ссылками "Мои курсы" и "Избранное" для неавторизованных */

/* .wpf-guest .mkk_nav_wrap {
	display: none;
} */

/* ---------------------------------- */
/* ГРАФИКА ВНУТРИ ТОВАРА В КОРЗИНЕ    */
/* ---------------------------------- */

/* Сначала добавьте в описание нужного товара <div id="myspan"></div> */

/* Графика слева от названия Товара */
/*
#myspan {
    background: url(https://myvideocloud.ru/ms/icons/bell.gif) no-repeat;
	background-size: 30px auto;
    height: 30px;
	position: relative;
    top: 27px;
    left: -37px;
    height: 100px;
}*/

/* Графика над названием Товара */
/*
#myspan {
    background: url(https://myvideocloud.ru/ms/icons/bell.gif) no-repeat;
	background-size: 30px auto;
    height: 30px;
	position: relative;
    top: 27px;
    left: -37px;
    height: 100px;
}
content: url(https://myvideocloud.ru/ms/icons/bell.gif);

*/

/* Плашка у конкретного Товара в Корзине */

/* Убираем Плашку в Каталоге курсов. Иначе она туда тоже дублируется. */

.image-ratio > .folder-image:before {
	content: none!important;
}

/* Дизайн Плашки 1 - Лента слева */

/*

span[style*=box_my_history_ae_file_pay]:before {
	content: '-30%';
	background-color: var(--cart-sale-bg);
	border-radius: 5px;
	position: absolute;
	padding: 20px;
	padding-left: 40px;
	top: 10px;
	left: -80px;
	font-size: 2rem;
	font-weight: 700;
	color: var(--cart-sale-text);
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); 
}

@media (max-width: 992px) {
span[style*=box_my_history_ae_file_pay]:before {
	left: -60px;
}
}

@media (max-width: 768px) {
span[style*=box_my_history_ae_file_pay]:before {
	left: -55px;
}
}

*/

/* Дизайн Плашки 2 - Круг возле Товара */
/*
span[style*=box_my_history_ae_file_pay]:before {
    content: '-30%';
    background-color: var(--cart-sale-bg);
    border-radius: 100%;
    position: absolute;
	padding: 12px;
    top: -15px;
    left: 30px;
	aspect-ratio: 1 / 1;
    font-size: 2rem;
    font-weight: 700;
    color: var(--cart-sale-text);
    display: flex;
    align-items: center;
    justify-content: center;
}
*/

/* ------------------------------------------------------ */
/* УБРАТЬ конкретную КНОПКУ у конкретной Карточки товара  */
/* ------------------------------------------------------ */

/* display - 	со сдвигом высоты Карточки */
/* visibility - без сдвига высоты Карточки */

/*
.shop-row .col-lg-3:nth-child(n+8) .shop-single-product .to-lessons-btn {
	display: none; 				
	visibility: hidden!important; 			
}
*/

/* ТЕКСТЫ "Доступ" и "Цена" по центру в Каталоге курсов */

.shop-row .shop-single-product .product-info {
	text-align: center;
}

/* ------------------ */
/* КАРТОЧКИ ТОВАРОВ   */
/* ------------------ */

/* Поправка - нижний отступ карточки товара в Каталоге курсов на больших экранах */

@media (min-width: 1400px) {
.shop-row .shop-single-product {
    margin-bottom: 35px;
}
}

.shop-row .shop-single-product {
    border-radius: 20px;
}

/* -------------------------------- */
/* Дизайн цены и доступа в Каталоге */
/* -------------------------------- */

.shop-row .shop-single-product .product-info span.value {
    color: #303B44;
	/* font-weight: 700; */
}
 
/* Цвет текста "Доступ" */

.shop-row .shop-single-product .product-info .col-45 {
	/* color: green; */
} 
 
/* Цвет Доступа */

.shop-row .shop-single-product .product-info .col-45 span.value {
	/* color: red; */
}

/* Цвет текста "Цена" */

.shop-row .shop-single-product .product-info .col-55 {
	/* color: orange; */
} 

/* Цвет Цены */

.shop-row .shop-single-product .product-info .col-55 span.value {
	/* color: blue; */
}

/* Тень при наведении на карточку */
 
.shop-row .shop-single-product:hover {
	box-shadow: 0 0 25px rgba(0, 0, 0, .05);
}

.shop-row .shop-single-product {
	/*border: none;*/
	transition: .3s;
}

/* Коррекция положения обложки курса внутри карточки */

@media (max-width: 5000px) and (min-width: 280px) {
.shop-row .folder-wrap.folder-with-subfolders.folder-image {
    /* top: 10px; */
    /* left: -10px; */
}
}

/* ----------------------------------------------------- */
/* КОРРЕКТИРОВКА ОБЛОЖКИ НА КАРТОЧКЕ ТОВАРА - В КАТАЛОГЕ */
/* ----------------------------------------------------- */

/* Вариант 1 */

.shop-row .folder-wrap.folder-with-subfolders.folder-image {
    /* background-size: contain !important; */
}

/* Вариант 2 */

.shop-row .shop-single-product .product-image-wrapper {
	margin-bottom: 25px;
}

.shop-row .folder-wrap.folder-with-subfolders.folder-image {
	height: 100%;
}

/* Корректировка положения сердечка на карточке - в Каталоге */
/* Изначально задаётся в дополнении - МОИ КУРСЫ И ИЗБРАННОЕ */

.shop-single-product .mkk_favorites {
	top: 15px!important;
    left: 15px!important;
}

/* Коррекция положения стикера на карточке - в Каталоге */

.discounts-sale-sticker-wrapper {
    justify-content: right!important;
}

.discounts-sale-sticker {
    min-width: auto!important;
}

/* Коррекция зачёркнутой линии на Цене - в Каталоге */

.discount-old-price {
    display: inline-grid!important;
}

/* ---------------------------------------------------- */
/* КОРРЕКТИРОВКА ОБЛОЖКИ НА КАРТОЧКЕ ТОВАРА - В КОРЗИНЕ */
/* ---------------------------------------------------- */

.woocommerce-cart-form .tab-content .folder-wrap.folder-image {
	background-size: contain !important;
}

/* ----------------- */
/* КНОПКИ В КАТАЛОГЕ */
/* ----------------- */

.shop-row .shop-single-product .broduct-btn {
    border-radius: 10px;
}

/* --------------------------------------------------- */
/* ЗАМЕНА ТЕКСТА У КОНКРЕТНОЙ КНОПКИ В КАТАЛОГЕ КУРСОВ */
/* --------------------------------------------------- */

/* ССЫЛКИ ДЛЯ 3-ей КНОПКИ ДЛЯ ПОДСТАНОВКИ */

/* Уроки - Чародей параллакса:       uroki-charodej-parallaksa-v-ae         */ 
/* Уроки - Полароид слайд-шоу:       uroki-polaroid-slajd-shou-v-ae         */ 
/* Уроки - Элегантное слайд-шоу:     uroki-elegantnoe-slajd-shou-v-ae       */ 
/* Уроки - Мастер анимации:          master-animaczii-v-ae                  */ 
/* Уроки - Моя домашняя видеостудия: moya-domashnyaya-videostudiya          */ 
/* Уроки - Параллакс заставка:       uroki-parallaks-zastavka               */ 
/* Уроки - Супер-иконки:             uroki-super-ikonki                     */ 
/* Уроки - Умное видео:              uroki-umnoe-video                      */ 
/* Уроки - Мои воспоминания:         uroki-moi-vospominaniya                */ 

/* Шаблон - Полароид слайд-шоу:      shablon-polaroid-slajd-shou-v-ae       */ 
/* Шаблон - Элегантное слайд-шоу:    shablon-elegantnoe-slajd-shou-v-ae     */
/* Шаблон - Супер-иконки: 			 shablon-super-ikonki 					*/
/* Шаблон - Мои воспоминания: 		 shablon-moi-vospominaniya 				*/

/* СЕЛЕКТОРЫ */

/* Пример, когда ссылка начинается на "text"    */
/* a[href^=text] */

/* Пример, когда ссылка заканчивается на "text" */
/* a[href$=text] */

/* Пример упоминания в ссылке "text"            */
/* a[href*=text] */

/* ----------------------------------------- */
/* ЗАМЕНА 3-ЕЙ КНОПКИ ДЛЯ ТОВАРА ТИПА ШАБЛОН */
/* ----------------------------------------- */

/* Убираем исходный текст в 3-ей кнопке у нужной ссылки */

a[class*=lessons][href*=shablon-] { 
	font-size: 0!important;
}

/* Подставляем свой текст в 3-ю кнопку у нужной ссылки  */

a[class*=lessons][href*=shablon-]:after {
    font-size: 1.4rem;
	text-transform: uppercase;
    content: 'Скачать шаблон';
}

/* СТАРЫЙ ВАРИАНТ ЗАМЕНЫ ТЕКСТОВ У КОНКРЕТНОЙ КНОПКИ В КАТАЛОГЕ КУРСОВ */


/* 8, 9 и 10 Карточка типа Шаблон */

/*

.shop-row .col-lg-3:nth-child(n+8) .shop-single-product .to-lessons-btn {
	font-size: 0;
}

.shop-row .col-lg-3:nth-child(n+8) .shop-single-product .to-lessons-btn:after {
    font-size: 1.4rem;
	text-transform: uppercase;
    content: 'Скачать шаблон';
	}
*/

/* -------------------------- */
/* СЧЁТЧИКИ В КАТАЛОГЕ КУРСОВ */
/* -------------------------- */

/* Устанавливает значение счётчика = 0 */

/* body {
	counter-reset: section;
} */

/* Счётчик для конкретного Товара в Каталоге */

/* .shop-row .col-lg-3:nth-child(2) .shop-single-product::before {   */
	/* Отображаем содержание счётчика */
	/* counter-increment: section; */
	/* content: "Секция " " \2605"; */
	
	/* Отображаем текущее значение счётчика */
	/* content: "Секция " counter(section) ": "; */
	
    /* background: #65bf49; */
    /* padding: 5px; */
    /* border-radius: 5px; */
    /* color: #ffffff; */
	/* Счётчик выше обложки Товара */
	/* z-index: 30; */
	/* top: 14px; */
    /* left: 115px; */
	
	/* без этого Плашка строго внутри карточки Товара */
	/* position: absolute; */
/* } */

/* Счётчик для конкретных Товаров в Каталоге */

/* .shop-row .col-lg-3:nth-child(n+8)::before { */
	/*counter-increment: section; */                               
	/*content: "Секция " " \2605"; */              				
	/*content: counter(section); */  
	
	/* текущее */
    /* background: #65bf49; */
    /* padding: 5px; */
    /* border-radius: 5px; */
    /* color: #ffffff;  */
	/* position: absolute; */
	/* text-align: center; */
	/* margin-left: 15px; */
	/* width: 10%; */
	/* перенос содержания на другую строку, если не влазит по ширине */
	/* overflow-wrap: break-word; */
	/* transition: all .5s ease; */
	
	/* ширина плашки */
	/*padding: 5px 10px 5px 10px; */ 				/* актуально для горизонтальной плашки */
	/*margin-left: 140px; */ 						/* Примерно Посередине Плашка */
	/* left: 10px; */
    /* top: 25px;  */
/* } */

/* Счётчик для конкретных Товаров в Каталоге ПРИ НАВЕДЕНИИ */

/* .shop-row .col-lg-3:nth-child(n+8):hover::before { */
	/*counter-increment: section;                                     
	content: "Сложность " " \2605 \2605 \2605";   */                    				
	/* content: counter(section) " \2605 \2605 \2605"; */
    /* background: #7344B4; */
    /* padding: 5px; */
    /* border-radius: 5px; */
    /* color: #ffffff;  */
	/* position: absolute; */
	/* text-align: center; */
	/* margin-left: 15px; */
	/* width: 50%; */
	/* перенос содержания на другую строку, если не влазит по ширине */
	/* overflow-wrap: break-word; */
	/* transition: all .5s ease; */

	/* ширина плашки */
	/*padding: 5px 10px 5px 10px; */ 				/* актуально для горизонтальной плашки */
	/*margin-left: 140px; */ 						/* Примерно посередине Плашка */
	
	/* left: 10px; */
    /* top: 25px;  */
/* } */

/* ------------------ */
/* КОНТЕНТ МАТЕРИАЛА  */
/* ------------------ */

/* Вкладка "Контент" */

.bordered-tabs .nav-tabs li.tab-1 a {
	height: 42px;
}

/* Надпись с чекбоксом "Уведомлять по почте об ответах на мои комментарии" */ 

/* .lesson-row .comments-row .form-group > label {
	display: flex;
	gap: 10px;
	flex-flow: row;
	align-items: center;
	justify-content: flex-start;
    margin: 0;
	font-size: 2rem;
	width: fit-content;
	line-height: normal;
	font-weight: bold;
	cursor: pointer;
} */

/* Чекбокс */

/* .lesson-row .comments-row .form-group > label input[name="notify-about-comments"] {
	display: grid;
	flex-shrink: 0;
	margin: 0;
	width: 30px;
    height: 30px;
	font-size: 14px;
	border-radius: 4px;
	place-content: center;
	background-color: #ffffff;
	border: 1px solid #aeaeae;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
} */

/* .lesson-row .comments-row .form-group > label input[name="notify-about-comments"]:focus {
	outline: none
} */

/* Галочка в чекбоксе */

/* .lesson-row .comments-row .form-group > label input[name="notify-about-comments"]:checked::before {
	width: 2.3em;
	height: 2.3em;
	margin: 0;
	content: '';
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230aa0ff' viewBox='0 0 20 20'%3e%3cpath d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transform: translateX(-1px);
	filter: hue-rotate(0deg);
} */

/* Старый вариант чебокса */

/* input[type="checkbox"][name="notify-about-comments"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #0075FF;
  background-color: CanvasText;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
} */

/* input[type="checkbox"][name="notify-about-comments"]:checked::before {
  transform: scale(1);
} */

/* Подсветка поля при клике на чекбокс */

/* input[type="checkbox"][name="notify-about-comments"]:focus-within {
  background: cyan;
} */

/* Подсветка поля при наведении на чекбокс */

/* input[type="checkbox"][name="notify-about-comments"]:hover {
	background: cyan;
} */

/* ----------- */
/* КОММЕНТАРИИ */
/* ----------- */

.comments-tabs.bordered-tabs .tab-content, .comments-tabs.bordered-tabs .tab-content:before, .comments-tabs.bordered-tabs .nav-tabs li a {
    border: none;
}

/* ----------------------------------------- */
/* ИНДИКАТОР ПРОХОЖДЕНИЯ УРОКОВ В МАТЕРИАЛАХ */
/* ----------------------------------------- */

/* Непройденная часть */

.reading-status-row .progress-wrap .progress {
	height: 15px;
}

/* Пройденная часть */

.reading-status-row .progress-wrap .progress .progress-bar {
	height: 15px;
	}

/* Отступ индикатора */

.reading-status-row .progress-wrap .progress {
	margin-top: 5px;
}

/* Отступ пройденного кол-ва процентов в Материале */

.reading-status-row .progress-wrap .course-progress-wrap .progress-count {
	position: relative;
	top: -5px;
}

/* Отступ пройденного кол-ва процентов на Папке */

.folder-content .course-progress-wrap .progress-count {
	/* top: 0px; */
}

/* Отступ пройденного кол-ва процентов на Папке - ЕСЛИ большое число просмотров папки */

@media (max-width: 1400px) and (min-width: 1200px) {
.course-progress-wrap {
    /* width: 60px; */
}
}

/* ---------------------------------- */
/* КНОПКИ СЛЕДУЮЩИЙ И ПРЕДЫДУЩИЙ УРОК */
/* ---------------------------------- */

/* Кнопка "Следующий урок" */

.reading-status-row .next {
    margin-top: -5px;
    background-color: #0AA0FF;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 5px;
	display: flex;
    gap: 3px;
}

.reading-status-row .next:hover {
    background-color: #ff992a;
	color: #ffffff;
} 

/* Кнопка "Следующий урок" на мобильных */

@media (max-width: 767px) {
.reading-status-row .next {
	padding: 8px 10px;
	border: none;
}
}

/* Кнопка "Предыдущий урок" */

.reading-status-row .prev {
    margin-top: -5px;
    background-color: #0AA0FF;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 5px;
	display: flex;
    gap: 3px;
}

.reading-status-row .prev:hover {
    background-color: #ff992a;
	color: #ffffff;
}

/* Кнопка "Предыдущий урок" на мобильных */

@media (max-width: 767px) {
.reading-status-row .prev {
	padding: 8px 10px;
	border: none;
}
}

/* ------------------ */
/* Панель "ВАШ ОТВЕТ" */
/* ------------------ */

.content-wrap .question-answer-row .answer .answer-meta {
    background: #0AA0FF;
    color: #ffffff;
}

.content-wrap .question-answer-row .answer .answer-meta .meta-item .iconmoon {
    color: #ffffff;
}

/* Дизайн статусов проверки ДЗ */

#response-status-icon.iconmoon.icon-file-text-o.done::before {
	background: #ffffff!important;
    padding: 5px;
    border-radius: 3px;
}

#response-status-icon.iconmoon.icon-file-text-o.not-right::before {
	background: #ffffff!important;
    padding: 5px;
    border-radius: 3px;
}

#response-status-icon.iconmoon.icon-file-text-o.checking::before {
	background: #ffffff!important;
    padding: 5px;
    border-radius: 3px;
}

/* --------------- */
/* ТОВАР в Корзине */
/* --------------- */

/* Убрать шапку в Корзине - /cart */

body.woocommerce-cart .brand-row {
	/* display: none; */
}

/* Тексты "Доступ" и "Цена" */

.mblp-site-content .woocommerce-cart-form .tab-content .cart-row .cart-th-value.cart-th-time, 
.mblp-site-content .woocommerce-cart-form .tab-content .cart-row .cart-th-value.cart-th-price

{
    color: #303B44;
    /*font-weight: bold;*/
}

/* Тексты "Навсегда" и "Сама цена" */

.mblp-site-content .woocommerce-cart-form .tab-content .cart-row .cart-td-value.cart-td-time {
    color: #73c361;
    font-weight: 700;
    font-size: 25px;
}

.mblp-site-content .woocommerce-cart-form .tab-content .cart-row .cart-td-value.cart-td-price {
    color: #73c361;
    font-weight: 700;
    font-size: 25px;
}

.mblp-site-content .woocommerce-cart-form .tab-content .cart-row .cart-td-value.cart-td-time,
.mblp-site-content .woocommerce-cart-form .tab-content .cart-row .cart-td-value.cart-td-price {
    background: #73c36114;
    width: fit-content;
    border-radius: 10px;
    padding: 10px;
    margin-top: 5px;
}

.mblp-site-content .woocommerce-cart-form .tab-content .cart-row .cart-td-value.cart-td-desc {
    /*color: #000000;*/
    /* max-height: 148px; */
    /* overflow: hidden; */
    padding-right: 20px;
}

/* ОПИСАНИЕ ТОВАРА В КОРЗИНЕ */

/* Дизайн текста карточки Товара в Корзине */

.woocommerce-cart .lesson-tabs.bordered-tabs .tab-content {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
	border: none;
	border-radius: 20px;
}

/* Характеристики курса */

.cart-row .info_kurs {
    border: 1px solid #d8d8d8;
    padding: 5px 10px;
    display: block;
	width: fit-content;
    border-radius: 5px;
    color: #000;
	margin-top: 20px;
    margin-bottom: 15px;
}

/* Общие настройки для иконок "Сложность курса" и "Проверка заданий" */

.cart-row .stars:before,
.cart-row .tasks:before,
.cart-row .certificate:before,
.cart-row .forum:before {
	font-family: 'icomoon';
	font-style: normal;
    font-size: 20px;
    vertical-align: bottom;
    margin-right: 10px;
}

/* Иконка "Сложность курса" */

.cart-row .stars:before {
	color: #ff6600;
    content: "\f123"; /* звёздочка */
}

/* Текст "Сложность курса" и "Проверка заданий" */

.cart-row .stars,
.cart-row .tasks,
.cart-row .certificate {
	margin-bottom: 10px;
}

/* Иконка "Проверка заданий" */

.cart-row .tasks:before {
	color: #73c361;
    content: "\f05d"; /* галочка */
}

/* Иконка "Сертификат" */

.cart-row .certificate:before {
	color: #04a7d9;
    content: "\f1c5"; /* сертификат */
	/*content: "\f091";*/ /* кубок */	
}

/* Иконка "Доступ к форуму" */

.cart-row .forum:before {
	color: #7344B4;
    content: "\f086"; /* рупор */
}

/* Иконка "Закрыть" */

.woocommerce-cart-form .tab-content .remove-cart-item {
	/*padding: 10px 10px 0 0;*/
}

.woocommerce-cart-form .tab-content .remove-cart-item .icon-close:hover {
	/*-webkit-transition: transform .3s ease;
    -webkit-transform: rotate(180deg);
	-moz-transition: transform .3s ease;
    -moz-transform: rotate(180deg);*/
	color: #FF4B3E;
	}

.icon-close {
	transition: .3s ease;
}

a.remove-cart-item {
	margin-top: 10px;
    margin-right: 10px;
}

a.remove-cart-item:hover {
	margin-top: 15px;
    margin-right: 8px;
	transition: transform .3s ease;
    transform: rotate(-180deg);
}

/* Убрать нижнюю часть папки с индикаторами в Корзине */
/* Актуально, если включены названия товаров в Корзине*/
.col-xs-12 > .lesson-tabs > .tab-content > .row > .col-sm-6 > .folder-wrap > .folder-content > .bottom-icons {
	padding: 0;
}

/* Форма Входа и Регистрации в Корзине */

.bordered-tabs .tab-content {
	border: none;
	border-radius: 20px;
}

.bordered-tabs .nav-tabs li a {
	border: none;
}

.bordered-tabs .nav-tabs li.tab-1 a {
	border: none;
}

.bordered-tabs .nav-tabs li.active a {
	border: none;
}

.bordered-tabs .tab-content:before {
	left: 0;
    top: 0;
}

.bordered-tabs .nav-tabs {
	height: 44px;
}

.form-group input.form-control, .form-group textarea.form-control, .form-group input[type=text], .form-group input[type=password], .form-group input[type=email] {
	
	border: 1px solid #EAEAEA;
    border-radius: 0.5rem;
}

/* Подсказки в полях формы */

form .form-group input::placeholder {
	color: #656E7C;
}

form .form-group input:focus::placeholder {
	color: transparent;
}

/* КНОПКИ В КОРЗИНЕ */

.cart-collaterals .wc-proceed-to-checkout .mbr-btn {
	border-radius: 10px;
}

/* ----------------------------------------------- */
/* ПАНЕЛЬ НАВИГАЦИИ В МЕНЮ - СПИСОК УРОКОВ РУБРИКИ */
/* ----------------------------------------------- */

/* Положение и дизайн кнопки "Выбрать урок" */

/* .top-nav-row a.nav-item[data-mbli3-menu-toggle] { */
	/* color: #ffffff; */
	/* top: 220px; */
    /* position: fixed; */
    /* background: #83b444; */
	/* left: -68px; */
	/* transform: rotate(-90deg); */
    /* text-transform: uppercase; */
    /* border-radius: 5px; */
	/* transition: all 0.2s ease-in-out; */
	/* неактуально */
	/* width: 50px; */
    /* overflow-wrap: break-word; */
    /* word-wrap: break-word; */
	/* white-space: pre-line; */
/* } */

/* .top-nav-row a.nav-item[data-mbli3-menu-toggle]:hover {
    background: #8BBE48;
	left: -65px;
	transition: all 0.2s ease-in-out;
}

.top-nav-row a.nav-item[data-mbli3-menu-toggle]:active {
    background: #83b444;
} */

/* Цвет текста в кнопке при наведении */

/* a.nav-item.hidden-xs.hidden-sm[data-mbli3-menu-toggle]:hover  {
color: #ffffff!important;
} */

/* Цвет иконки в кнопке при наведении */

/* .top-nav-row .nav-item[data-mbli3-menu-toggle]:hover > .iconmoon {
color: #ffffff!important;
} */

/* Название панели Навигации */

/* @media (min-width: 768px) { */
/* body .menu-opened.mbli3-left-menu .mbli3-page-title { */
    /* padding: 14px 20px; */
    /* position: fixed; */
    /* z-index: 501; */
    /* background: #0AA0FF; */
    /* margin: 0; */
    /* left: 0px; */
	/* width: 350px; */
    /* text-align: left; */
	/* обрезаем длинные названия рубрик */
	/* Убираем перенос текста */
	/* white-space: nowrap; */
	/* Обрезаем всё за пределами блока */
    /* overflow: hidden; */
	/* Добавляем многоточие */
    /* text-overflow: ellipsis; */
/* } */
/* } */

/* Кнопка "Закрыть" в панели Навигации */

/* body .menu-opened.mbli3-left-menu .mbli3-menu-close .icon-close {
    transition: .3s ease;
    position: fixed;
    background: #0AA0FF;
    padding: 12px;
    margin-left: -27px;
    top: 0;
	z-index: 502;
}

@media (min-width: 768px) {
body .menu-opened.mbli3-left-menu .mbli3-menu-close {
	font-size: 26px;
    display: block;
    float: right;
    margin-top: 40px;
   }
}	 */

/* Анимация панели Навигации */

/* body .menu-opened.mbli3-left-menu { */
	/* animation-name: menu_slide, fadein; */
	/* animation-duration: .5s, .5s; */
	/* animation: menu_slide .5s forwards; было по умолчанию */
    /* Тень - как затемнение 100% ширины окна браузера */
	/* box-shadow: 0 0 0 100vw rgb(0 0 0 / 60%); */
/* } */

/* Анимация прозрачности панели Навигации и Затемнения фона */

/* @keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
} */

/* Дизайн панели Навигации */

/* body .mbli3-left-menu .mbli3-left-menu-holder {
	border: none;
} */

/* ------------------------ */
/* ДИЗАЙН ПОЛОСЫ ПРОКРУТКИ  */
/* ------------------------ */

/* в IE не работает */

/* Для Firefox. Цвет и толщина только */

/* :root {
	scrollbar-color: #C3CCD5 #F7F7F7 !important;
	scrollbar-width: thin !important;
}
 */
/* Полоса прокрутки Firefox в панели Навигации по урокам */

/* body .menu-opened.mbli3-left-menu {
	scrollbar-color: #65BF49 #ffffff !important;
	scrollbar-width: thin !important;
} */

/* Полоса прокрутки Firefox в панели Уведомлений */

/* .mbln-notifications-tab-content > .mbln-notifications-tab-pane.active {
	scrollbar-color: #C3CCD5 #F7F7F7 !important;
	scrollbar-width: thin !important;
} */

/* ДЛЯ ОСТАЛЬНЫХ БРАУЗЕРОВ */

/* ПОЛОСА ПРОКРУТКИ НА ВСЕХ СТРАНИЦАХ */

/* ::-webkit-scrollbar {
	width: 10px;
} */

/* Индикатор Прокрутки, перетаскиваемый элемент */

/* ::-webkit-scrollbar-thumb {
    background-color: #C3CCD5;
	border-radius: 3px;
}
 */
/* Пустое пространство под индикатором Прокрутки */

/* ::-webkit-scrollbar-track {
	background-color: #F7F7F7;
} */

/* ПОЛОСА ПРОКРУТКИ В ПАНЕЛИ НАВИГАЦИИ ПО УРОКАМ */

/* body .menu-opened.mbli3-left-menu::-webkit-scrollbar {
	width: 10px;
} */

/* Индикатор Прокрутки, перетаскиваемый элемент */

/* body .menu-opened.mbli3-left-menu::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #65BF49;
}
 */
/* Пустое пространство под индикатором Прокрутки */

/* body .menu-opened.mbli3-left-menu::-webkit-scrollbar-track {
	background-color: #ffffff;
} */

/* ----------- */
/* УВЕДОМЛЕНИЯ */
/* ----------- */

/* Анимация Индикатора уведомлений */

.mbln-notifications-number {
	/* характер анимации. Бесконечная. linear или ease */
	/* animation: number_ani 1s ease infinite; */
	/* проигрывает анимацию сначала вперед, потом назад */
	/* animation-direction: alternate; */
}

.mbln-notifications-number:hover {
	/* пауза анимации при наведении мыши */
	/* animation-play-state: paused; */
}

/* Подпрыгивание Индикатора уведомлений */

/* @keyframes number_ani {
        0%   { transform: translateY(0); }
        30%  { transform: translateY(-5px); }
        50%  { transform: translateY(0); }
        100% { transform: translateY(0); }
} */

/* Мигание. Плавное затухание, резкое появление */
/*
@keyframes number_ani {
  from { opacity: 1; }
  to { opacity: 0; }
}
*/

/* Мигание. Плавное появление, резкое затухание */

/*
@keyframes number_ani {
   0% {opacity: 0;}
  100% {opacity: 1;}
}
*/

/* Мигание. Отдельно цифра, отдельно круг  */

/* 
@-webkit-keyframes number_ani {
	100% { color: rgba(34, 34, 34, 0); }
	100% { background: rgba(34, 34, 34, 0); }
} 
*/

/* --------------------- */
/* КНОПКИ в Уведомлениях */
/* --------------------- */

/* Выравнивание кнопок */

.mbln-panel .mbln-notifications-tabs {
	flex-wrap: wrap;
    justify-content: stretch;
    column-gap: 5px;
}

.mbln-panel .mbln-notifications-tabs li {
    flex: 1 1 30%;
    margin: 0 0 5px 0;
}

/* Закругления кнопок */

.mbln-notification-actions .mbln-notification-btn, .mbln-notifications-tab {
	border-radius: 5px;
}

/* Закругление кнопки "Закрыть" */

.mbln-close-icon {
	border-radius: 5px;
	transition: .3s ease;
}

/* Кнопки "Новые" и "Прочитанные" */

.mbln-notifications-tab {
	background: #ffffff;
	border: 2px solid #0AA0FF;
	color: #0AA0FF;
}

/* Кнопки на всю ширину блока */

.mbln-notifications-tab {
	width: 100%;
}

/* .mbln-notifications-tabs li {
	width: 100%;
	margin-right: 10px;
} */

@media (min-width: 992px) {
.mbln-notifications-wrap .mbln-dropdown {
	position: absolute;
    min-width: 520px!important;
	}
}

/* Анимация панели Уведомлений */

/* Появление */

.mbln-notifications-wrap .mbln-dropdown {
  opacity: 0;
  animation: ani 0.2s forwards;
  -moz-animation: ani 0.2s forwards;
  -webkit-animation: ani 0.2s forwards;
      }

@keyframes ani {
   0% {opacity: 0;}
  100% {opacity: 1;}
}

/* Выезд сверху */

/*.mbln-notifications-wrap .mbln-dropdown {
  transform: translateY(-150%);
  animation: ani 1s forwards;*/

/*@keyframes ani {
  0% {transform: translateY(-150%);}
  100% {transform: translateY(0);}
}*/

/* Анимация затемнения фона для Уведомлений */

@keyframes darkbg { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.6;
  }
}

.mbln_backdrop { 
  animation: darkbg .15s ease-in-out;
}

/* Кнопки "Подробнее" (1) и "Ознакомлен" (2) */ 


.mbln-notification-actions button:nth-child(1) {
	background: #2E2E2E;
	border-color: #2E2E2E;
}

.mbln-notification-actions button:nth-child(1):hover {
	background: #424242;
	border-color: #424242;
}

.mbln-notification-actions button:nth-child(1):active {
	background: #2E2E2E;
	border-color: #2E2E2E;
}

.mbln-notification-actions button:nth-child(2) {
	background: #65BF49;
	border-color: #65BF49;
}


.mbln-notification-actions button:nth-child(2):hover {
	background: #6AC94C;
	border-color: #6AC94C;
}

.mbln-notification-actions button:nth-child(2):active {
	background: #5FB545;
	border-color: #5FB545;
}

.mbln-notification-message p:nth-child(1){
	font-weight: 700;
}

.mbln-notification-message p:nth-child(3){
	font-weight: 700;
}

.mbln-notification-message p:nth-child(5){
	font-weight: 700;
}

/* ------------- */
/* ЗАДАТЬ ВОПРОС */
/* ------------- */

/* Уберите текст "Закрыть" в Настройки - Общие - Тексты. Пункт №7 */

/* Ширина формы Задать вопрос */

/* .dropdown-panel {
	min-width: 520px;
} */

/* Поля Имя, Email и Тема письма формы Задать вопрос */

/* .dropdown-panel .form-group.form-icon input[type=text], .dropdown-panel .form-group.form-icon input[type=email], .note-editor.note-frame {
	border: 1px solid #C3CCD5;
    border-radius: 0.5rem;
} 

.dropdown-panel .form-group.form-icon input[type=text], .dropdown-panel .form-group.form-icon input[type=email] {
	padding-left: 10px;
} */

/* Подсказки в полях формы */

/* .dropdown-panel .form-group.form-icon input:focus::placeholder {
    color: transparent;
} */

/* Подсказка в поле Ваш вопрос */

/* .top-nav-row .note-editor.note-frame .note-placeholder:hover {
  color: transparent;
} */

/* Дизайн иконок в форме Задать вопрос */

/* .top-nav-row .form-icon:before {
	display: none;
} */

/* Кнопка "Закрыть" */

/* .dropdown-panel .dropdown-panel-header .close-dropdown-panel .close-button {
	border-radius: 5px;
} */

/* АНИМАЦИЯ панели "Задать вопрос" */

/* Появление */

/* . {
  opacity: 0;
  animation: ani 0.2s forwards;
  -moz-animation: ani 0.2s forwards;
  -webkit-animation: ani 0.2s forwards;
      }

@keyframes ani {
   0% {opacity: 0;}
  100% {opacity: 1;}
} */

/* Анимация затемнения фона для "Задать вопрос" */

/* @keyframes darkbg2 { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.6;
  }
}

#mbl_login_backdrop { 
  animation: darkbg2 .15s ease-in-out;
} */

/* ----------------------------- */
/* БЛОК "Подробнее" в Материалах */

/* ------------------ */
/* КНОПКА "Подробнее" */

.page-title-row .page-description-content.visible .mbr-btn.btn-bordered.btn-gray.active {
	background-color: #0AA0FF !important;
}

.mbr-btn.btn-rounded {
    border-radius: 5px;
}

/* Содержание блока "Подробнее" */

.page-title-row .page-description-content.visible .content {
	color: #000000;
}

/* Ссылки в блоке "Подробнее" */

.page-title-row .page-description-content.visible .content a {
	color: #0aa0ff;
}

.page-title-row .page-description-content.visible .content a:hover {
	color: #ff992a;
}

/* -------------------------------------------------------------- */
/* ВНУТРЕННИЙ ОТСТУП СТРАНИЦ КОНТЕНТА МАТЕРИАЛА И ПРОДАЖИ ДОСТУПА */
/* -------------------------------------------------------------- */

.bordered-tabs .tab-content .tab-pane,
.bordered-tabs .tab-content .mbl-no-access {
    padding: 30px;
    border-radius: 5px;
}

/* --------------------------------------------- */
/* ТЕКСТ И ССЫЛКИ В МАТЕРИАЛАХ и ПРОДАЖЕ ДОСТУПА */
/* --------------------------------------------- */

/* Заголовки */

#lesson-content h1,
#lesson-content h2,
#lesson-content h3,

.lesson-tabs .mbl-no-access h1,
.lesson-tabs .mbl-no-access h2,
.lesson-tabs .mbl-no-access h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Размер основного текста в уроке и продаже доступа */

#lesson-content,
.lesson-tabs .mbl-no-access {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #000000;
    /* font-size: 1.73rem; */
	font-size: 17.3px;
}

.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap p:not[.wpas-help-block],
.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap ol,
.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap a {
	color: #000000;
	font-family: tahoma, arial, helvetica, sans-serif!important;
	font-size: 1.75rem!important;
	line-height: 1.42857143;
}

.content-wrap a,
.mbl-no-access a {
	color: #0AA0FF !important;
	text-decoration: none!important;
}

.content-wrap a:hover,
.mbl-no-access a:hover {
	/* color: #FF8D11 !important; */
	color: #ff992a !important;
	text-decoration: none;
}

/* Текст для списков */

ul.ps_ul li {
    font-family: tahoma, arial, helvetica, sans-serif!important;
    font-size: 1.75rem!important;
    line-height: 1.42857143;
}

/* Текст в пунктирном блоке Мемберлюкса */

.ps_text_box {
	font-family: tahoma, arial, helvetica, sans-serif!important;
    font-size: 1.75rem!important;
    line-height: 1.42857143;
}

/* ------------------------------------------- */
/* Адаптивные социальные кнопки в форме оплаты */
/* ------------------------------------------- */

.wp-social-login-provider-list {
	max-width: 700px;
}

/* -------------- */
/* ДИЗАЙН ПЛЕЕРА  */
/* -------------- */

/* Цвет нижней панели */

.plyr__controls {
	/*background: #23a7da!important;*/
	/* background: #7344B4!important; */
	background: #0AA0FF!important;
}

/* Дизайн Иконки Play в середине плеера */

/* Круг посередине */

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    padding: 30px;
    opacity: .8;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid:hover {
    padding: 40px;
    opacity: .8;
}

/* Треугольник посередине */

.plyr--full-ui.plyr--video .plyr__control--overlaid svg:nth-child(1) {
	scale: 1.4;
	transition: all .3s ease;
}

/* Треугольник при наведении НЕ РАБОТАЕТ */
/*
.plyr--full-ui.plyr--video .plyr__control--overlaid svg:nth-child(1):hover {
	scale: 1.6!important;
}
*/

/*
.plyr__control svg {
	scale: 1.4;
	transition: all .3s ease;
}

.plyr__control:hover svg {
	scale: 1.6;
}
*/

/* -------------------- */
/* ВЕРХНЯЯ ПАНЕЛЬ МЕНЮ  */
/* -------------------- */

.top-nav-row {
	border-bottom: none;
}

/* КОРРЕКТИРОВКА ДИЗАЙНА ВЫПАДАЮЩИХ ПУНКТОВ МЕНЮ */
/* --------------------------------------------- */

/* Фон Выпадающего пункта меню - при наведении */

.top-nav-row .dropdown.nav-item:hover {
    background: #FFFFFF;
}

/* Цвет Текста и Иконки в выпадающем меню - при наведении и открытии */

.top-nav-row .dropdown.nav-item:hover > a,
.top-nav-row .dropdown.nav-item:hover > a .iconmoon,
.top-nav-row .dropdown.nav-item.open > a,
.top-nav-row .dropdown.nav-item.open > a .iconmoon {
    color: #2E2E2E !important;
}

/* Цвет Текста в Активном Раскрытом меню Каталог курсов */

.top-nav-row .nav-item.user-registration-button.open > a {
	color: #2E2E2E !important;
}

/* Цвет Иконки в Активном Раскрытом меню Каталог курсов */

.top-nav-row .nav-item.user-registration-button.open > a > .iconmoon {
	color: #2E2E2E !important;
}

/* Убрать нижний отступ у раскрытого пункта Курсы */

.shop-menu-dropdown .dropdown-menu {
    top: 100%!important;
}

/* Убрать нижний отступ у главного пункта Меню */

.mobile-menu-row {
	top: 51px!important;
}

/* Выровнять по вертикали пункт меню Курсы и стрелочку рядом с ним на больших экранах */

@media (min-width : 767px) {

.dropdown-button.shop-menu {
    /* display: inline-flex; */
	/* display: inherit!important; */
	/* display: inline-block!important; */
}
}

/* Выровнять по вертикали пункт меню Курсы и стрелочку рядом с ним */

.dropdown-button.shop-menu .caret {
	top: 2px;
    position: relative;
	margin-left: 8px;
}

/* Выровнять по вертикали пункт меню Курсы и стрелочку рядом с ним на мобильных */

/* @media (max-width : 767px) {

.dropdown-button.shop-menu .caret {
    margin-top: 4px;
}
} */

/* Выровнять по вертикали иконку Звёздочка у пункта меню Курсы */

.dropdown-button.shop-menu .iconmoon {
	margin-right: 10px;
	/* vertical-align: bottom; */
}

.dropdown-button.shop-menu .iconmoon:before {
	/* top: 2px; */
    /* position: relative; */
}

/* Выровнять левую и правую часть меню, и кнопку "Выбрать урок" */

#ask-dropdown, #login-dropdown, #registration-dropdown, #telegram-dropdown {
    /* display: inline-block; */
}

.top-nav-row a.nav-item {
    /* display: inline-block; */
}

/* Иконка "Мои курсы" в Меню */
/* кубок */

/* .shop-menu-item .fa-unlock:before {
	content: "\f091";
	font-size: 1.7rem;
} */

/* Цвет АКТИВНОЙ Иконки "Избранное" и "Мои курсы" в Меню */

/* .top-nav-row a.mkk_nav_current .iconmoon {
    color: #FFFD82 !important;
} */

/* Цвет иконки пункта "Курсы" при наведении */

/* .top-nav-row .nav-item.user-registration-button:hover > a > .iconmoon {
   color: #2E2E2E !important;
} */

/* Цвет текста "Курсы" при наведении */

/* .top-nav-row a.mkk_nav_current:hover {
    color: #2E2E2E !important;
} */

/* Цвет АКТИВНОГО текста "Курсы", если кликнуть в хлебных крошках */

/* .top-nav-row a.mkk_nav_current {
    color: #fff !important;
} */

/* Выравнивание выпадающего меню Каталог курсов*/

/* @media (min-width: 768px) {
ul.dropdown-menu {
	left: 0!important;
}
} */ 

/* ----------------------------------- */
/* Дизайн активного меню "Уведомления" */
/* ----------------------------------- */

.mbln-notifications-wrap .mbln-dropdown {
	top: 51px;
}

/* Цвет иконки "Колольчик" при раскрытом пункте */

.mbln-notifications-wrap.open .mbln-notifications-icon {
	color: #2E2E2E!important;
}

/* -------------------------------------------------- */
/* Дизайн левого выпадающего меню в мобильной версии  */
/* -------------------------------------------------- */

/* Цвет Текста и Иконок в левом выпадающем меню */

.mobile-menu .menu-item > a,
.mobile-menu .menu-item > a .iconmoon {
	color: #2E2E2E;
}

/* Цвет Текста и Иконок в левом выпадающем меню - при наведении и открытии */

.mobile-menu .menu-item > a:hover,
.mobile-menu .menu-item > a:hover .iconmoon,
.mobile-menu .menu-item > a.active,
.mobile-menu .menu-item > a.active .iconmoon {
	color: #2E2E2E;
}

/* Цвет "Крестика" в левом выпадающем меню - при открытии */

.mobile-menu-button.active .line {
	background: #2E2E2E;
}

/* ------------------------------- */
/* Дизайн правого выпадающего меню */
/* ------------------------------- */

/* Цвет Текста и Иконок в правом выпадающем меню */

.top-nav-row .dropdown-menu > li > a,
.top-nav-row .dropdown-menu > li > a .fa,
.top-nav-row .dropdown-menu > li > a .iconmoon {
	color: #2E2E2E !important;
}

/* Цвет Текста и Иконок в правом выпадающем меню - при наведении */

.top-nav-row .dropdown-menu > li > a:hover,
.top-nav-row .dropdown-menu > li > a:hover .fa,
.top-nav-row .dropdown-menu > li > a:hover .iconmoon {
	color: #2E2E2E !important;
}

/* Цвет иконки "Партнёрка" */

.top-nav-row .dropdown-menu > li > a .fa-dollar:before {
	color: #65BF49;
}

.top-nav-row .icon-cog:before {
	color: #000000;
}

/*.mbln-notifications-toggle > .mbln-notifications-icon {
	color: #000000;
}*/

/* ------------------------ */
/* Ссылка "Забыли пароль?"  */
/* ------------------------ */

.helper-link {
	color: #333333 !important;
}

/* --------------------- */
/* Пункт меню "Главная"  */
/* --------------------- */

/* a.nav-item.hidden-xs.hidden-sm:hover  {
	color: #FFFD82 !important;
} */

/* Иконка в пункте меню "Главная" */

/* .nav-item:hover > .iconmoon {
	color: #FFFD82 !important;
} */

/* -------------------------------- */
/* АДАПТАЦИЯ МЕНЮ НА РАЗНЫХ ЭКРАНАХ */
/* -------------------------------- */

/* Стрелочка в Профиле на всех экранах */

#user-profile-dropdown .caret {
	top: 1.5px;
    position: relative;
	/* скрываем стрелочку, если нужно уместить аватарку */
	/* display: none; */
}

@media (min-width: 320px) and (max-width: 1199px) {

/* Ширина выпадающего Главного меню на средних и маленьких экранах */

.mobile-menu-row.visible .container .row {
    width: max-content;
}
}

/* Остальные настройки для маленьких экранов */

@media (max-width: 767px) {

/* Убираем отступ у блока меню */
/* Чтоб было пошире, больше влезало иконок и не съезжали на другую строку */

.top-nav-row--inner {
	padding: 0;
	
	/* актуально, когда мало пунктов в меню */
	/* flex-wrap: inherit!important; */
}

/* Корректируем положение выпадающего Главного меню на мобильных */

.mobile-menu-row.visible .container .row .col-xs-12 {
    padding-left: 0;
}

/* Корректируем отступ иконки Корзина */
/* Иначе меню на мобильных выше, чем на больших экранах */
	
.navbar-cart-inner {
    padding: 10px 15px 9px 5px!important;
}

/* Ширина выпадающего меню Каталог курсов */

/* .top-nav-row .shop-menu-dropdown > ul.dropdown-menu {
	min-width: max-content;
	width: auto!important;
	left: 0 !important;
}  */

/* Убираем иконку у меню Каталог курсов */

.shop-menu .iconmoon {
    display: none;
}

/* Меняем направление выпадающего меню Геймификации */

.mblg-gamification-wrap .mblg-dropdown {
	left: auto;
	right: 0px;
}

.mblg-gamification-wrap {
	/* padding-left: 0px; */
}

/* Убираем отступ у иконки Уведомлений */

.mbln-notifications-wrap {
	/* margin-left: auto; */
    padding-left: 5px;
}

/* Аватар в Профиле */

.top-nav-row .user-profile-humbnail {
	/* display: none; */	            /* если НЕ нужна аватарка на мобильных */
	/* margin-right: 0px!important; */  /* если нужно уместить аватарку */
}

/* Выравниваем стрелочку в Профиле */

.top-nav-row .dropdown-button.user-profile-dropdown-button {
    /*padding: 15px 15px 9px; */   /* если НЕ нужна аватарка на мобильных */
	/*padding-left: 5px; */        /* если нужно уместить аватарку */
    /*padding-right: 10px; */      /* если нужно уместить аватарку */
}

/* Стрелочка в Профиле на маленьких экранах */

#user-profile-dropdown .caret {
	/* top: 1.5px; */
    /* position: relative; */
	/* скрываем стрелочку, если нужно уместить аватарку */
	/* display: none; */
}

/* Скрыть Поиск на мобильных */

.search-hint-form {
	display: none;
}

	}

/* ------------------------------- */
/* ТЕНЬ У МЕНЮ - НАСТРОЙКИ ПРОФИЛЯ */

/* .top-nav-row .dropdown-menu {
    filter: drop-shadow(16px 32px 18px rgba(0, 0, 250, 0.1)) drop-shadow(-14px 32px 18px rgba(0, 0, 250, 0.1));
    -webkit-filter: drop-shadow(16px 32px 18px rgba(0, 0, 250, 0.1)) drop-shadow(-14px 32px 18px rgba(0, 0, 250, 0.1));
} */

/* Убираем затемнение экрана при открытии выпадающих меню */

/* #mbl_login_backdrop {
	opacity: 0;
	animation: none;
} */

/* --------------------------------------------------------- */
/* Ширина выпадающего меню Каталог курсов на больших экранах */
/* --------------------------------------------------------- */

.top-nav-row .shop-menu-dropdown > ul.dropdown-menu {
	min-width: max-content;
	width: auto!important;
	left: auto !important;
} 

/* ------------ */
/* ГЕЙМИФИКАЦИЯ */
/* ------------ */

/* Выравниваем иконку очков на больших экранах */

@media (min-width: 767px) {

#mblg-points {
	top: 3px;
}
}

/* ------------------------------------------ */
/* ВОЙТИ и РЕГИСТРАЦИЯ В ВЕРХНЕМ МЕНЮ СПРАВА  */
/* ------------------------------------------ */

/* Дизайн поля формы "Войти" в правом верхнем меню */

.dropdown-panel .form-group.form-icon input[type=password] {
	border: 1px solid #C3CCD5;
    border-radius: 0.5rem;
	padding-left: 10px;
} 

/* Отступ блока с полями в правом верхнем меню */

form .form-fields-group {
	margin-bottom: 0px;
}

/* Cтатус (Проверка входа) в форме */

form .form-fields-group .status {
	color: #2e2e2e;
}

/* Ширина панели Вход и Регистрация в правом верхнем меню */

.navbar-right .dropdown-menu[aria-labelledby="login-dropdown"],
.navbar-right .dropdown-menu[aria-labelledby="registration-dropdown"] {
	min-width: 320px;
	top: 100%;
}

/* ----------------- */
/* СТРАНИЦА ОПЛАТЫ   */
/* ----------------- */

/* Убрать шапку на страницах Woocommerce */

body.woocommerce-page .brand-row {
	/* display: none; */
}

/* Убрать шапку на странице оплаты - /checkout */

body.woocommerce-checkout .brand-row {
	/* display: none; */
}

/* ДИЗАЙН ФОРМЫ ОПЛАТЫ */

/* Описание способа оплаты */

.payment_box {
	font-size: 15px;
	color: #000000;
	/* display: none!important; */
}

.wc_payment_methods .wc_payment_method label {
	/*color: #000000;*/
}

.wc_payment_methods .wc_payment_method .payment_box {
	background: #f7f7f7;
	border: none!important;
}

/* Способ оплаты */

.wc_payment_methods {
	margin-top: 20px;
	color: #000000;
	border: 1px solid #EAEAEA; 
	border-radius: 5px; 
	padding-top: 10px;
	/*display: none!important;*/
}

.mblp-site-content [name="woocommerce_checkout_place_order"] {
	margin-top: 20px;
}

.raichu-player-right-controls-module__logo {
    display: none!important;
}

/* Детали заказа при подтверждении заказа */

.checkout-tab.order-details-tab .order_details {
	text-align: center;
}

/* Убрать строку "Метод оплаты" в деталях заказа при подтрвеждении заказа */

li.method {
	display: none;
}

/* ------------------------------- */
/* ЦВЕТ ТЕКСТА В ДОМАШНИХ ЗАДАНИЯХ */
/* ------------------------------- */

li {
	color: #000000;
}

.content-wrap .question-answer-row .content p {
	color: #000000;
}

/* ---------------- */
/* Ссылки в подвале */
/* ---------------- */

.footer-content.wpm-content-text p a:hover {
	text-decoration: underline;
}

/* ------------------- */
/* СТРАНИЦА АКТИВАЦИИ  */
/* ------------------- */

.activation-form .form-group input[type=text] {
	border: none;
}

/* Убрать коды доступов */

/* .keys-table .key-row .col-key .key {
    display: none;
} */

/* Убрать порядковый номер товара */

.keys-table .key-row .col-list .num {
    display: none;
}

/* Выравниваем название товара */

@media (min-width: 767px) {

.keys-table .key-row > .col-item {
    padding: 15px 15px 5px 15px;
}
}

/* Цвет иконки - стрелка */

.toggle-key-cats .iconmoon {
	color: #a5a5a5!important;
}

/* Иконка для Старт и Конец */

.keys-table .icon-calendar:before {
    content: "\f073"; /* календарь */
    font-size: 1.5rem;
}

/* Отступы */

.keys-table .key-row .col-key .course {
    margin: 0;
}

/* Ссылка "Показать детали" */

.col-more-info .toggle-key-cats.more-info {
	text-decoration: none;
	color: #0AA0FF;
}

.col-more-info .toggle-key-cats.more-info:hover {
    color: #FF8D11;
}

/* Кнопка Добавить */

.activation-form > .row > .col-sm-4 button {
	background: #65BE49;
	transition: 0.3s;
}

/* Фон Активации */

.keys-table .key-row.keys-header {
    background: #0AA0FF;
}

/* Фон Активации на мобильных */

.keys-table .key-row .col-item .key-icon {
    background: #0AA0FF;
}

/* Цвет иконок Активации */

.keys-table .key-row .iconmoon {
    color: #ffffff;
}

/* Иконка - Ключ */
/*
.keys-table .key-row.keys-header > .col-key > .icon-key:before {
    color: #ffffff;
}*/

/* Текст "Старт" */
/*
.keys-table .key-row .col-start .date {
    color: #565656;
}*/

/* ----------------------------------------- */
/* СВОРАЧИВАЮЩЕЕСЯ ОПИСАНИЕ ТОВАРА В КОРЗИНЕ */
/* ----------------------------------------- */

/* Стили для текстового поля с кнопкой "Развернуть" */

.limiter {
	max-height: 150px;
	overflow: hidden;
	position: relative;
}

.limiter .bottom {
	position: sticky;
	bottom: 0;
	background: linear-gradient(
    to bottom,
    rgb(255 217 29 / 0%),
    rgb(255 255 255)90%);
	width: 100%;
	height: 60px;
	opacity: 1;
	transition: 0.3s;
}

[data-more-checker^="read-more"] {
	opacity: 0;
	position: absolute;
}

[data-more-checker^="read-more"]:checked ~ .limiter {
	max-height: none;
}

[data-more-checker^="read-more"]:checked ~ .limiter .bottom {
	opacity: 0;
	transition: 0.3s;
}

[data-more-checker^="read-more"] ~ .read-more-button:before  {
	content: "Развернуть ▼";
}

[data-more-checker^="read-more"]:checked ~ .read-more-button:before {
	content: "Свернуть ▲";
}
 
.read-more-button {
	cursor: pointer;
	display: inline-block;
	color: #0AA0FF;
}

.read-more-button:hover {
	color: #ff8d11;
}

/* ------------------------ */
/* ПРИЛИПАЮЩЕЕ ВЕРХНЕЕ МЕНЮ */
/* ------------------------ */
/*
.header-row {
    position: sticky;
    top: 0;
}
*/

/* ------------------------------------------------------------------------ */
/* ЭКСПЕРИМЕНТ - отображаем/скрываем блоки для ЗАлогиненных и НЕзалогиненных */

/* ---------------------- */
/* Стили для ЗАлогиненных */

/* .logged-in .brand-row {
    display: block;
} */

/* ------------------------ */
/* Стили для НЕзалогиненных */

/* .brand-row {
    display: none;
} */

/* ----------------------------- */
/* ДИЗАЙН СТРАНИЦЫ "МОЙ ПРОФИЛЬ" */
/* ----------------------------- */

/* Поля всех форм */

/* .memberlux_profile_form .mblpr-field {
	border-radius: 0.5rem;
} */

/* Кнопка "Загрузить" */
/* упоминание в кнопке атрибута "mblpr_field_avatar_1" */

/* button[data-avatar-upload*=mblpr_field_avatar_1] { 
	background: #83B444;
    border: none;
    border-radius: 0.5rem;
    color: #ffffff;
	padding: 5px 10px;
	transition: all 0.2s ease-in-out;
}

button[data-avatar-upload*=mblpr_field_avatar_1]:hover {
	background: #8BBE48;
	transition: all 0.2s ease-in-out;
} */

/* Иконка "Корзина" */
/* упоминание в иконке атрибута "mblpr_field_avatar_1" */

/* button[data-avatar-clear*=mblpr_field_avatar_1] { 
	background: #FF4B3E;
    border: none;
    border-radius: 0.5rem;
    color: #ffffff;
	padding: 5px 10px;
	transition: all 0.2s ease-in-out;
}

button[data-avatar-clear*=mblpr_field_avatar_1]:hover {
	background: #FF5C50;
    transition: all 0.2s ease-in-out;
} */

/* Круглое превью аватара */

/* .mblpr-avatar-preview-box img {
	border-radius: 100%;
} */

/* Аватар по центру */

/* .mblpr_field_group[data-avatar*=mblpr_field_avatar_1] {
	text-align: center;
	margin-bottom: 30px;
} */

/* ------------------------ */
/* ДИЗАЙН ВКЛАДКИ "ЗАДАНИЕ" */
/* ------------------------ */

/* Круглое превью аватара ученика */

/* .content-wrap .discussion-form-wrap .discussion-form .author img {
	border-radius: 100%;
} */

/* Круглое превью аватара админа */

/* .discussion-list .comment-item .comment .comment-meta-wrap .comment-avatar img {
    border-radius: 100%;
} */

/* Убрать подчёркивание кнопки "Закрыть" */

.content-wrap .discussion-form-wrap .close-message-form {
	text-decoration: none;
}

/* Выровнять крестик в кнопке "Закрыть" по вертикали */

.content-wrap .discussion-form-wrap .close-message-form .icon-close {
    vertical-align: middle;
}

/* ------------------------------------------------------- */
/* ДИЗАЙН ВСПЛЫВАШЮЩЕГО ОКНА "ПОЛЬЗОВАТЕЛЬСКОЕ СОГЛАШЕНИЕ" */
/* ------------------------------------------------------- */

@media (min-width: 768px) {
.modal-dialog {
    width: 700px;
    margin: 30px auto;
}
}

@media (min-width: 768px) {
.modal-content {
    padding: 20px;
}
}

.modal-title {
    text-align: center;
    color: #000;
    text-transform: uppercase;
}

.modal-header {
    border-bottom: none;
}

.modal-header .close {
    background-color: #0AA0FF;
    opacity: 1;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}

.modal-header .close:hover {
    background-color: #FF992A;
}

/* ССЫЛКА "ПОЛЬЗОВАТЕЛЬСКОЕ СОГЛАШЕНИЕ" в ФОРМАХ */
/* --------------------------------------------- */

.user-agreement {
	margin: 10px 0px;
}

/* Форма Входа */
form.login .user-agreement label a,
/* Форма Регистрации */
form.wpm-registration-form .user-agreement label a,
form.woocommerce-checkout .user-agreement label a {
    color: #0AA0FF;
	cursor: pointer;
}

/* ПРИ НАВЕДЕНИИ */

/* Форма Входа */
form.login .user-agreement label a:hover,
/* Форма Регистрации */
form.wpm-registration-form .user-agreement label a:hover,
form.woocommerce-checkout .user-agreement label a:hover {
    color: #FF8D11;
}

/* .wpm-registration-form .user-agreement label a {
    color: #0AA0FF;
    text-decoration: underline;
} */

/* .wpm-registration-form .user-agreement label a:hover {
    color: #FF8D11;
    text-decoration: underline;
} */

/* ПОДВАЛ ШКОЛЫ */
/* ------------ */

.footer-content a {
	color: #0AA0FF;
}

.footer-content a:hover {
    color: #FF8D11;
    text-decoration: none!important;
}

/* ---------------- */
/* СЛУЖБА ПОДДЕРЖКИ */
/* ---------------- */

/* Пункт меню "Мои билеты" вместо Расписания */

.icon-calendar:before {
    /* content: "\f073"; */ /* Иконка Календарь */
    content: "\f003"; /* Иконка Конверт */
    font-size: 1.5rem;
}

/* Скрыть иконку загрузки видео в ДЗ */

/* .btn-group > .btn[data-original-title="Видео [beta]"] {
    display: none;
} */

.kurs_discount {
	padding: 0px;
}

/* -------- */
/* БОЛТАЛКА */
/* -------- */

/* Имя ученика в форме */

/* #sac-user-info label {
border: 1px solid #222;
} 

/* Скрыть имя ученика в форме */

#sac-user-info {
	display: none;
}

/* Чат и форма сообщений */

div#simple-ajax-chat {
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
}

/* Форма "Сообщение" */

form#sac-form fieldset textarea {
	border: 1px solid #d1d1d1;
    border-radius: 10px;
}

/* Форма "Сообщение" */

div#sac-panel {
	float: right;
	width: 36%;
}

/* Убрать лишние отступы под формой "Сообщение" на мобильных */

@media (max-width: 767px) {
#sac-user-submit p {
	margin-bottom: -110px;
}
}

/* Форма "Сообщение" на мобильных */

@media (max-width: 767px) {

div#sac-panel {
    float: none;
	width: 100%;
}
}

form#sac-form fieldset {
	margin: -10px 0 15px 0;
	padding: 0;
	border: 0;
}

/* Текст над формой и подсказка в форме */

form#sac-form fieldset label,form#sac-form fieldset input,form#sac-form fieldset textarea {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 2px 0;
	font-size: 14px;
	resize: none;
}

/* Скрыть текст над формой "Сообщение" */

form#sac-form fieldset label,form#sac-form fieldset input,form#sac-form fieldset label {
	display: none;
}

/* Кнопка "Отправить" */

#sac-user-submit input {
	background: #6AC94C;
    border: none!important;
    border-radius: 8px;
    color: #ffffff;
    padding: 10px 15px!important;
    font-size: 20px!important;
    line-height: 1!important;
}

#sac-user-submit input:hover {
	background: #65BF49;
}

/* Чат */

div#sac-output {
	float:left;
	width:61%;
	height:350px;
	overflow:auto;
	border-left: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
    border-radius: 10px;
}

/* Чат на мобильных */

@media (max-width: 767px) {
	
div#sac-output {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
}

/* Текст "Последнее сообщение" */

div#sac-latest-message{
	padding:5px 10px;
	font-size:16px;
	background-color: #65BF49;
    color: #fff;
    border-top-left-radius: 10px;
    text-shadow: none;
}

/* Текст "Последнее сообщение" на мобильных */

@media (max-width: 767px) {

#sac-latest-message span {
    display: block;
}
}

/* Размер текста в чате */

ul#sac-messages {
	padding:0;
	font-size:14px;
	line-height:20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Отступ сообщений в чате */

ul#sac-messages li{
	margin:0;
	padding: 5px 10px 4px 20px;
}

/* Имя админа и ученика */

ul#sac-messages li span {
	font-weight:bold;
}

/* Внешний вид комментариев */

ul#sac-messages {
	list-style: none; /* Скрыть иконки списка в чате */
	padding-left: 0px;
}

/* Смайлики для копирования в чат */

#smilecopy {
	margin: 0;
	padding: 20px;
	width:61%;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
}

/* Скрыть смайлики для копирования на мобильных */

@media (max-width: 767px) {
	
#smilecopy {
	/* width:100%; */
	display: none;
}
}

/* div#sac-content{display:none;}
div#sac-output.sac-reg-req{float:none;width:100%;height:auto;border:0;}
form#sac-form fieldset textarea{height:133px;}
.tooltip{border:0;text-shadow:none;} */