/*Хлебные крошки*/
.breadcrumbs,
.standard-page-content .breadcrumb {
    font-size: .75rem;
    color: var(--gray);
}
.standard-page-content .breadcrumb {
    margin-top: .5rem;
}

.breadcrumbs a,
.standard-page-content .breadcrumb li a {
    display: inline-block;
    border: 1px solid var(--light-bg);
    background: var(--light-bg);
    border-radius: var(--base-btn-radius);
    padding: .3rem .5rem;
    transition: .3s all ease-in-out;
    margin-bottom: .3rem;
    text-decoration: none;
}
.breadcrumbs a:hover,
.standard-page-content .breadcrumb li a:hover {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: var(--white);
}
.breadcrumb li a span {
    border-bottom: none !important;
}

.standard-page-content .breadcrumb > li + li:before {
    content: " → ";
    color: var(--gray);
}
.page-header {
    position: relative;
}
.page-header h1 a {
    color: var(--gray);
    font-weight: normal;
}
.page-header h1 a:after {
    display: block;
    content: "← Назад";
    font-weight: normal;
    font-size: .85rem;
    margin-top: .5rem;
    color: var(--gray);
}
.page-header h1 a:hover,
.page-header h1 a:hover:after {
    color: var(--primary-color);
}
@media only screen and (max-width: 768px) {
    .breadcrumbs,
	.standard-page-content .breadcrumb {
        text-align: center;
    }
    .page-header h1 a {
        font-size: 1.25rem;
    }
}

/*Меню управления*/
.content-menu,
ul.standard-page-menu {
 	padding: 0;
 	border-radius: var(--r1);
	background: var(--light-bg);
    border: none;
}
ul.page-menu,
ul.standard-page-menu {
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
    ul.page-menu,
    ul.standard-page-menu {
    	flex-wrap: nowrap;
    	overflow-x: scroll;
    }
}
ul.page-menu li,
ul.page-menu li.active,
ul.standard-page-menu li,
ul.standard-page-menu li:active {
    padding: 0;
	font-size: .75rem;
    white-space: nowrap;
    margin: 0;
}
ul.page-menu li:first-child.active,
ul.standard-page-menu li:first-child.active {
 	border-radius: var(--r1) 0 0 var(--r1); 
}
ul.page-menu li.active,
ul.standard-page-menu li.active {
  background: var(--white);
}
ul.page-menu li a,
ul.standard-page-menu li a {
    display: block;
	padding: .75rem;
}
ul.page-menu li.active a,
ul.standard-page-menu li.active a {
	color: var(--primary-color);
}
ul.page-menu li.active a:hover,
ul.standard-page-menu li.active a:hover {
	text-decoration: none;
}

/*Теги*/
.gc-tags span, .gc-tags a {
    border-radius: .25rem;
    padding: .25rem .5rem;
}

/*Блоки «Файл»*/
.lt-lesson-files .lt-block-wrapper {
    margin: .5rem 15px;
    padding: .5rem 1rem !important;
    background: var(--light-bg);
    border-radius: var(--r1);
}
.lt-lesson-files .lt-block-wrapper .container {
    margin: 0;
}
.lt-lesson-files .table>tbody>tr>td,
.lt-lesson-files .table {
    border: none !important;
    margin: 0;
}
.files-row > div,
.lt-lesson-files .container .col-md-12 {
    padding: 0 !important;
}
.lt-lesson-files .table td {
    vertical-align: middle;
    padding: .5rem !important;
}
.lt-lesson-files .table td div {
    height: auto !important;
}
.lt-lesson-files .table td:nth-child(2) {
    color: #777;
    font-size: .85rem !important;
    white-space: nowrap;
}
.lt-lesson-files .table td:nth-child(3) a {
    display: block;
    padding: 1rem 1rem 1rem 0;
    color: var(--dark-gray);
    font-size: 1rem !important;
}
.lt-lesson-files .table td:nth-child(3) a:hover {
    color: var(--primary-color);
}

.lt-lesson-files .files-table img {
    display: none;
}
.lt-lesson-files .files-table div.image-icon,
.lt-lesson-files .files-table div.pdf-icon,
.lt-lesson-files .files-table div.docx-icon,
.lt-lesson-files .files-table div.xlsx-icon,
.lt-lesson-files .files-table div.pptx-icon,
.lt-lesson-files .files-table div.txt-icon,
.lt-lesson-files .files-table div.file-icon,
.lt-lesson-files .files-table div.mp3-icon {
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 2rem;
    color: var(--gray);
}
.lt-lesson-files .files-table div.image-icon:before {
    content: "\f1c5";
    color: var(--primary-color);
}
.lt-lesson-files .files-table div.pdf-icon:before {
    content: "\f1c1";
    color: #b40a00;
}
.lt-lesson-files .files-table div.docx-icon:before {
    content: "\f1c2";
    color: #1b60bd;
}
.lt-lesson-files .files-table div.xlsx-icon:before {
    content: "\f1c3";
    color: #107c40;
}
.lt-lesson-files .files-table div.pptx-icon:before {
    content: "\f1c4";
    color: #bd3817;
}
.lt-lesson-files .files-table div.txt-icon:before {
    content: "\f15c";
    color: var(--gray);
}
.lt-lesson-files .files-table div.file-icon:before {
    content: "\f15b";
}
.lt-lesson-files .files-table div.mp3-icon:before {
    content: "\f1c7";
    color: var(--primary-color);
}

@media only screen and (max-width: 768px) {
    .lt-lesson-files .lt-block-wrapper {
    	margin: .5rem 0;
    }
}

/*Кнопка «Наверх»*/
.scroll-to-top {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 80px;
    z-index: 100;
    background-color: var(--dark-gray);
    color: white;
    border: none;
    border-radius: var(--r2);
    width: 50px;
    height: 50px;
    font-size: 1rem;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    transition: 0.3s all ease-in-out;
}
.scroll-to-top:hover {
    background: var(--primary-color);
    color: var(--white);
}

.scroll-to-top.show {
    display: block;
}
@media only screen and (max-width: 768px) {
    .scroll-to-top {
        bottom: 60px;
        right: 10px;
    	width: 40px;
    	height: 40px;
    	line-height: 40px;
    	border-radius: var(--r1);
    }
}

/*Блок «Актуальные события»*/
.schedule-block {
    background: none;
    border-radius: var(--r2);
    border: 1px solid var(--light-gray);
    padding: 1rem 2rem;
    font-size: .75rem;
}
.schedule-block .day {
    margin-bottom: 0 !important;
    padding: 1rem 0;
}
.schedule-block .day .record:not(:last-child) {
    margin-bottom: 1rem;
}
.schedule-block .day:not(:last-child) {
    border-bottom: 1px solid var(--light-gray);
}
.schedule-block .day-label {
    margin-bottom: .5rem !important;
}
.schedule-block .day.today .event a {
    color: var(--primary-color) !important;
}
.schedule-block .event {
    padding-bottom: 0 !important;
    color: var(--gray);
}

/*Скруглённые и круглые цифры нумерованного списка*/
ol.ol-round,
.ol-round ol,
ol.ol-circle,
.ol-circle ol {
    list-style-type: none; 
    counter-reset: num;
    margin: 0 0 0 .3rem;
}
ol.ol-round li,
.ol-round ol li,
ol.ol-circle li,
.ol-circle ol li {
    position: relative;    
    margin: 0 0 1rem 0;
}
ol.ol-round li:before,
.ol-round ol li:before,
ol.ol-circle li:before,
.ol-circle ol li:before {
    content: counter(num); 
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: -.2rem;
    left: -2.5rem;
    width: 2rem;
    height: 2rem;
    background: var(--primary-color);
    color: var(--white);
    text-align: center;
    line-height: 2rem;
    font-size: 1rem;
}
ol.ol-round li:before,
.ol-round ol li:before {
    border-radius: var(--r1);
}
ol.ol-circle li:before,
.ol-circle ol li:before {
    border-radius: 99px;
}

/*Цветная нумерация списка*/
ol.ol-color,
.ol-color ol {
    list-style-type: none; 
    counter-reset: num;
    margin: 0 0 1rem .3rem;
}
ol.ol-color li,
.ol-color ol li {
    position: relative;   
    margin: 0 0 .5rem 0;
}
ol.ol-color li:before,
.ol-color ol li:before {
    content: counter(num) '.'; 
    counter-increment: num;
    display: inline-block;    
    position: absolute;
    top: 0px;
    left: -2rem;
    width: 1rem;    
    color: var(--primary-color);
    text-align: center;
}

/*Маркированный список*/
.f-text ul {
    list-style-type: none;
    margin-bottom: 1rem;
    padding-left: 1rem;
}
.f-text ul li {
    margin-bottom: .5rem;
    position: relative;
    padding-left: 1.5em;
}
.f-text ul li:before {
    content: "";
    position: absolute;
    width: .5em;
    height: .5em;
    border-radius: var(--r1);
    background: var(--primary-color);
    left: 0;
    top: 0.5em;
}

/*Кнопки социальных сетей*/
a.btn-facebook, button.btn-facebook, .btn-facebook > button, .btn-facebook > a,
a.btn-gift, button.btn-gift, .btn-gift > button, .btn-gift > a,
a.btn-instagram, button.btn-instagram, .btn-instagram > button, .btn-instagram > a,
a.btn-library, button.btn-library, .btn-library > button, .btn-library > a,
a.btn-odnoklassniki, button.btn-odnoklassniki, .btn-odnoklassniki > button, .btn-odnoklassniki > a,
a.btn-support, button.btn-support, .btn-support > button, .btn-support > a,
a.btn-telegram, button.btn-telegram, .btn-telegram > button, .btn-telegram > a,
a.btn-vkontakte, button.btn-vkontakte, .btn-vkontakte > button, .btn-vkontakte > a,
a.btn-viber, button.btn-viber, .btn-viber > button, .btn-viber > a,
a.btn-whatsapp, button.btn-whatsapp, .btn-whatsapp > button, .btn-whatsapp > a,
a.btn-youtube, button.btn-youtube, .btn-youtube > button, .btn-youtube > a {
    padding: 1rem .75rem;
    border: 0;
    border-radius: var(--base-btn-radius);
	width: 100%;
    margin: .5rem 0;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
}
a.btn-facebook, button.btn-facebook, .btn-facebook > button, .btn-facebook > a,
a.btn-facebook:hover, button.btn-facebook:hover, .btn-facebook > button:hover, .btn-facebook > a:hover {
    color: #fff;
    background: #0865ff !important;
	background: linear-gradient(90deg, #3984ff 0%, #0865ff 100%) !important;
}
a.btn-facebook:before, button.btn-facebook:before, .btn-facebook > button:before, .btn-facebook > a:before {
    content: "\f09a";
	font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .25;
    transform: rotate(-15deg);
}

a.btn-gift, button.btn-gift, .btn-gift > button, .btn-gift > a,
a.btn-gift:hover, button.btn-gift:hover, .btn-gift > button:hover, .btn-gift > a:hover {
    color: #282828;
    background: #f8f8f8 !important;
	background: linear-gradient(90deg, #f8f8f8 0%, #e9eae9 100%) !important;
}
a.btn-gift:before, button.btn-gift:before, .btn-gift > button:before, .btn-gift > a:before {
    content: "\f06b";
	font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .15;
    transform: rotate(-15deg);
}

a.btn-instagram, button.btn-instagram, .btn-instagram > button, .btn-instagram > a,
a.btn-instagram:hover, button.btn-instagram:hover, .btn-instagram > button:hover, .btn-instagram > a:hover {
    color: #fff;
    background: rgb(252,212,95) !important;
	background: linear-gradient(90deg, rgba(252,212,95,1) 0%, rgba(214,77,98,1) 50%, rgba(140,58,182,1) 100%) !important;
}
a.btn-instagram:before, button.btn-instagram:before, .btn-instagram > button:before, .btn-instagram > a:before {
    content: "\f16d";
	font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .25;
    transform: rotate(-15deg);
}

a.btn-library, button.btn-library, .btn-library > button, .btn-library > a,
a.btn-library:hover, button.btn-library:hover, .btn-library > button:hover, .btn-library > a:hover {
    color: #282828;
    background: #f8f8f8 !important;
	background: linear-gradient(90deg, #f8f8f8 0%, #e9eae9 100%) !important;
}
a.btn-library:before, button.btn-library:before, .btn-library > button:before, .btn-library > a:before {
    content: "\f02d";
	font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .15;
    transform: rotate(-15deg);
}

a.btn-odnoklassniki, button.btn-odnoklassniki, .btn-odnoklassniki > button, .btn-odnoklassniki > a,
a.btn-odnoklassniki:hover, button.btn-odnoklassniki:hover, .btn-odnoklassniki > button:hover, .btn-odnoklassniki > a:hover {
    color: #fff;
    background: #ff7701 !important;
	background: linear-gradient(90deg, #ff9234 0%, #ff7701 100%) !important;
}
a.btn-odnoklassniki:before, button.btn-odnoklassniki:before, .btn-odnoklassniki > button:before, .btn-odnoklassniki > a:before {
    content: "\f263";
	font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .25;
    transform: rotate(-15deg);
}

a.btn-support, button.btn-support, .btn-support > button, .btn-support > a,
a.btn-support:hover, button.btn-support:hover, .btn-support > button:hover, .btn-support > a:hover {
    color: #282828;
    background: #f8f8f8 !important;
	background: linear-gradient(90deg, #f8f8f8 0%, #e9eae9 100%) !important;
}
a.btn-support:before, button.btn-support:before, .btn-support > button:before, .btn-support > a:before {
    content: "\f1cd";
	font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .15;
    transform: rotate(-15deg);
}

a.btn-telegram, button.btn-telegram, .btn-telegram > button, .btn-telegram > a,
a.btn-telegram:hover, button.btn-telegram:hover, .btn-telegram > button:hover, .btn-telegram > a:hover {
    color: #fff;
    background: #159cde !important;
	background: linear-gradient(90deg, #44b0e5 0%, #159cde 100%)!important;
}
a.btn-telegram:before, button.btn-telegram:before, .btn-telegram > button:before, .btn-telegram > a:before {
    content: "\f2c6";
	font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .25;
    transform: rotate(-15deg);
}

a.btn-vkontakte, button.btn-vkontakte, .btn-vkontakte > button, .btn-vkontakte > a,
a.btn-vkontakte:hover, button.btn-vkontakte:hover, .btn-vkontakte > button:hover, .btn-vkontakte > a:hover {
    color: #fff;
    background: #0077ff !important;
	background: linear-gradient(90deg, #3392ff 0%, #0077ff 100%) !important;
}
a.btn-vkontakte:before, button.btn-vkontakte:before, .btn-vkontakte > button:before, .btn-vkontakte > a:before {
    content: "\f189";
	font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .25;
    transform: rotate(-15deg);
}

a.btn-viber, button.btn-viber, .btn-viber > button, .btn-viber > a,
a.btn-viber:hover, button.btn-viber:hover, .btn-viber > button:hover, .btn-viber > a:hover {
    color: #fff;
    background: #6348c3 !important;
	background: linear-gradient(90deg, #826dcf 0%, #6348c3 100%) !important;
}
a.btn-viber:before, button.btn-viber:before, .btn-viber > button:before, .btn-viber > a:before {
    content: "\f409";
	font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .25;
    transform: rotate(-15deg);
}

a.btn-whatsapp, button.btn-whatsapp, .btn-whatsapp > button, .btn-whatsapp > a,
a.btn-whatsapp:hover, button.btn-whatsapp:hover, .btn-whatsapp > button:hover, .btn-whatsapp > a:hover {
    color: #fff;
    background: #24d366 !important;
	background: linear-gradient(90deg, #50dc85 0%, #24d366 100%) !important;
}
a.btn-whatsapp:before, button.btn-whatsapp:before, .btn-whatsapp > button:before, .btn-whatsapp > a:before {
    content: "\f232";
	font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .25;
    transform: rotate(-15deg);
}

a.btn-youtube, button.btn-youtube, .btn-youtube > button, .btn-youtube > a,
a.btn-youtube:hover, button.btn-youtube:hover, .btn-youtube > button:hover, .btn-youtube > a:hover {
    color: #fff;
    background: #ff0200 !important;
	background: linear-gradient(90deg, #ff3533 0%, #ff0200 100%) !important;
}
a.btn-youtube:before, button.btn-youtube:before, .btn-youtube > button:before, .btn-youtube > a:before {
    content: "\f167";
	font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    display: block;
    position: absolute;
    left: .75rem;
    bottom: -1.5rem;
	font-size: 3.5rem;
    opacity: .25;
    transform: rotate(-15deg);
}

/*Блок продления купленного продукта*/
.xdget-productTiming {
    background: #fff;
    border-radius: var(--r2);
    border: 1px solid var(--light-gray) !important;
    padding: 2rem;
}
.xdget-productTiming .text-muted {
    margin-top: 1rem;
	padding: 1rem 1rem 1rem 2rem;
	margin-left: -2rem;
	background: var(--light-bg);
	border-radius: 0 var(--r1) var(--r1) 0;
}
.user-product-block a.dotted-link {
    margin-top: 1rem;
    display: inline-block;
    border-bottom: 1px dashed var(--black);
}
.user-product-block a.dotted-link:hover {
    border-color: var(--primary-color);
}
.user-product-block .prolong-offers label {
    font-weight: bold;
}
.btn-prolongate {
    margin-bottom: 0;
}

/*Инфоблоки*/
.block-info .f-text, .block-info .html-content,
.block-warning .f-text, .block-warning .html-content,
.block-alert .f-text, .block-alert .html-content,
.block-success .f-text, .block-success .html-content {
    padding: 1.5rem;
    border-radius: var(--r2);
    display: flex;
    gap: 1rem;
}
.block-info .f-text:before, .block-info .html-content:before,
.block-warning .f-text:before, .block-warning .html-content:before,
.block-alert .f-text:before, .block-alert .html-content:before,
.block-success .f-text:before, .block-success .html-content:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1;
}

.block-info .f-text, .block-info .html-content {
    background: var(--light-bg);
    border: 1px solid var(--light-gray);
}
.block-info .f-text:before, .block-info .html-content:before {
    content: "\f05a";
    color: var(--gray);
}
.block-info.quote .f-text:before, .block-info.quote .html-content:before {
    content: "\f10d";
}

.block-warning .f-text, .block-warning .html-content {
    background: #fff4cc;
    border: 1px solid #ffe899;
    color: #332800;
}
.block-warning .f-text:before, .block-warning .html-content:before {
    content: "\f06a";
    color: #cc9f00;
}

.block-alert .f-text, .block-alert .html-conten {
    background: #ffdcde;
    border: 1px solid #ffbabc;
    color: #331012;
}
.block-alert .f-text:before, .block-alert .html-content:before {
    content: "\f071";
    color: #cc4246;
}

.block-success .f-text, .block-success .html-content {
    background: #dff1da;
    border: 1px solid #bfe4b5;
    color: #13250e;
}
.block-success .f-text:before, .block-success .html-content:before {
    content: "\f058";
    color: #4d9538;
}

@media (max-width: 449px) {
    .block-info .f-text, .block-info .html-content,
    .block-warning .f-text, .block-warning .html-content,
    .block-alert .f-text, .block-alert .html-content,
    .block-success .f-text, .block-success .html-content {
        flex-direction: column;
    }
}

/*Блок тайминга*/
.timing-block a {
    font-family: monospace !important;
    font-weight: 400;
    font-style: normal;
}
.timing-block .f-text p {
    display: flex;
    gap: 2rem;
    border-bottom: 1px dashed var(--light-gray);
    padding-bottom: .25rem;
    margin-bottom: .25rem;
    font-size: .85rem;
}
.timing-block .f-text p:last-child {
    border-bottom: none;
    margin-bottom: 1rem;
}
@media (max-width: 450px) {
    .timing-block .f-text p {
        gap: 1rem;
    }
}

.bot-form {
    z-index: 1;
}