/******************************************************************
  Template Name: Manup
  Description: Manup Event HTML Template
  Author: Colorlib
  Author URI: http://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Home About Section
6.  Team Member Section
7.  Pricing Section
8.  Latest Blog Section
9.  Contact
10.  Footer Style

-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Work Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Work Sans", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 16px;
	font-family: "Work Sans", sans-serif;
	color: #6a6b7c;
	font-weight: 400;
	line-height: 28px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.body-main {
	text-align: center;
	background: #f4f6f8;
    padding: 15px;
}

/* Вся секция с цитатой */
.section-zitat {
    background-color: #2c2c2c;
    padding: 80px 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    max-width: 900px;
    margin: 0px auto;
}

.section-zitat h2 {
    color: #fff;
    font-size: 2.8rem;
    font-family: 'Poppins', sans-serif;
    position: relative;
    font-weight: 700;
}

.section-zitat h2::before,
.section-zitat h2::after {
    color: #ff5900;
    font-size: 8rem;
    position: absolute;
    font-family: Arial, sans-serif;
}

.section-zitat h2::before {
    content: '“';
    left: -50px;
    top: -40px;
}

.section-zitat h2::after {
    content: '”';
    right: -50px;
    bottom: -60px;
}

.section-title {
	text-align: center;
	margin-bottom: 52px;
}

.section-title h2 {
	font-size: 40px;
	font-weight: 700;
	color: #171822;
	margin-bottom: 10px;
    text-align: center;
}

.section-title p {
	font-size: 20px;
	color: #bfbfbf;
	margin-bottom: 0;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.spad-2 {
	padding-top: 50px;
	padding-bottom: 70px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

.bg-gradient,
.bd-text .bd-tag-share .s-share a:hover,
.bh-text .play-btn,
.schedule-table-tab .nav-tabs .nav-item .nav-link.active,
.newslatter-inner .ni-form button,
.latest-item .li-tag,
.price-item .price-btn:hover,
.price-item .pi-price,
.price-item .tr-tag,
.schedule-tab .nav-tabs .nav-item .nav-link.active,
.site-btn {
	background-image: -o-linear-gradient(330deg, #ee8425 0%, #f9488b 100%), -o-linear-gradient(330deg, #ee8425 0%, #f9488b 100%);
	background-image: linear-gradient(120deg, #ee8425 0%, #f9488b 100%), linear-gradient(120deg, #ee8425 0%, #f9488b 100%);
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	padding: 12px 40px;
	color: #ffffff;
	text-align: center;
	border-radius: 50px;
	background-image: -webkit-gradient(linear, left top, right top, from(#ee8425), to(#f9488b)), -webkit-gradient(linear, left top, right top, from(#ee8425), to(#f9488b));
	background-image: -o-linear-gradient(left, #ee8425 0%, #f9488b 100%), -o-linear-gradient(left, #ee8425 0%, #f9488b 100%);
	background-image: linear-gradient(to right, #ee8425 0%, #f9488b 100%), linear-gradient(to right, #ee8425 0%, #f9488b 100%);
}

.site-btn {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	border: none;
	padding: 10px 40px 12px;
	border-radius: 50px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 3px solid #ff5900;
    background-color: #121212;
}

.header-section.header-normal {
	border-bottom: 1px solid #ff5900;
}

/*---------------------
    3. Logo & Navigation
-----------------------*/
.logo {
    float: left;
    width: 250px;
}

.logo a {
    display: inline-block;
}

.nav-menu {
    float: right;
}

.nav-menu .mainmenu {
    display: inline-block;
}

.nav-menu .mainmenu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 40px;
    position: relative;
}

/* Выпадающее меню (если будет использоваться) */
.nav-menu .mainmenu ul li .dropdown {
    position: absolute;
    width: 180px;
    background: #ffffff;
    z-index: 99;
    left: 0;
    top: 130px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 4px 13px 30px rgba(0, 0, 0, 0.15);
    transition: all 0.3s;
}

.nav-menu .mainmenu ul li .dropdown li {
    display: block;
    margin-right: 0;
}

.nav-menu .mainmenu ul li .dropdown li a {
    padding: 8px 10px;
    display: block;
    text-transform: capitalize;
    color: #111;
}

.nav-menu .mainmenu ul li .dropdown li a:hover {
    color: #ff5900;
}

.nav-menu .mainmenu ul li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    top: 100px;
}

/* Ссылки главного меню */
.nav-menu .mainmenu ul li a {
    font-size: 16px;
    color: #ffffff; /* Белый цвет для контраста на фоне Hero */
    text-transform: uppercase;
    font-weight: 600;
    padding: 42px 0;
    position: relative;
    display: inline-block;
}

.nav-menu .mainmenu ul li a:after {
    position: absolute;
    left: 0;
    bottom: 36px;
    height: 2px;
    width: 100%;
    background: #ff5900;
    content: "";
    opacity: 0;
    transition: all 0.3s;
}

.nav-menu .mainmenu ul li.active a:after,
.nav-menu .mainmenu ul li:hover > a:after {
    opacity: 1;
}

.nav-menu .primary-btn.top-btn {
    margin: 27px 0;
}

.slicknav_menu {
    display: none;
}

/*---------------------
    4. Language Switcher (RU/DE)
-----------------------*/
.lang-switcher {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

.lang-input {
    display: none;
}

.lang-label {
    background-color: #333;
    width: 70px;
    height: 30px;
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer;
    padding: 5px;
    transition: background 0.3s ease;
    border-bottom: 2px solid #ff5900;
}

.lang-ru, .lang-de {
    font-size: 12px;
    font-weight: bold;
    color: white;
    z-index: 1;
    user-select: none;
}

.lang-ball {
    background-color: #ff5900;
    width: 35px;
    height: 24px;
    border-radius: 20px;
    position: absolute;
    top: 1px;
    left: 3px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.lang-input:checked + .lang-label .lang-ball {
    transform: translateX(30px);
}

/*---------------------
    5. Home About Section
-----------------------*/
.home-about-section {
    padding-bottom: 90px;
}

.ha-pic {
    box-shadow: 0px 0px 30px rgba(11, 12, 48, 0.15);
    margin-right: 30px;
}

.ha-pic img {
    min-width: 100%;
    border-radius: 4px;
}

.ha-text {
    padding-top: 74px;
}

.ha-text h2 {
    color: #171822;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 32px;
}

.ha-text p {
    margin-bottom: 21px;
}

.ha-text ul li {
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color: #6a6b7c;
    position: relative;
    padding-left: 30px;
}

.ha-text ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #ff5900;
}

/*---------------------
    7. Home About (Кнопка)
-----------------------*/
.ha-text .ha-btn {
	font-size: 16px;
	color: #171822;
	font-weight: 600;
	position: relative;
	transition: 0.3s;
}

.ha-text .ha-btn:before {
	position: absolute;
	left: 0;
	bottom: -6px;
	height: 2px;
	width: 100%;
	background: #ff5900;
	content: "";
}

.ha-text .ha-btn:hover {
	color: #ff5900;
}

/*---------------------
    7. Services (Leistungen)
-----------------------*/
.service-card {
	background: #ffffff;
	padding: 40px 30px;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	margin-bottom: 30px;
	border-bottom: 4px solid #eee;
	transition: all 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.service-card:hover {
	transform: translateY(-10px);
	border-bottom: 4px solid #ff5900;
}

.service-icon {
	font-size: 50px;
	color: #ff5900;
	margin-bottom: 20px;
    text-align: center;
}

.service-card ul {
	margin-top: auto;
}

.service-card ul li {
	list-style: none;
	font-size: 15px;
	color: #6a6b7c;
	padding: 8px 0;
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	padding-left: 25px;
}

.service-card ul li:before {
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	color: #ff5900;
}

/*---------------------
    8. Section Title
-----------------------*/
.section-title h2 {
	margin-bottom: 2px;
	position: relative;
	padding-bottom: 2px;
	font-weight: 700;
}

/*---------------------
    9. Service Cards (Advanced)
-----------------------*/
.service-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    min-height: 50px;
}

.service-card ul {
    list-style: none;
    padding: 0;
}

.service-card ul li {
    font-size: 15px;
    color: #555;
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    padding-left: 20px;
}

.service-card ul li::before {
    content: "\f00c"; /* Иконка галочки FontAwesome */
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color: #ff5900; /* Твой оранжевый */
    font-size: 12px;
}

/* Особая строка для акцентов (например, "Бесплатно") */
.special-offer {
    background: #fff8f0;
    font-weight: bold;
    color: #333 !important;
    padding: 2px 5px;
    border-radius: 4px;
}

/* Акцент на активную или популярную карточку */
.service-card.active {
    background: #222;
    border-bottom: 4px solid #ff5900;
}

.service-card.active h3, 
.service-card.active ul li {
    color: #fff;
}

.service-card.active ul li {
    border-bottom: 1px solid #333;
}

/*---------------------
    10. Pricing Section (Пакеты услуг)
-----------------------*/
.pricing-section {
    padding-top: 90px;
    padding-bottom: 80px;
    background: #f4f6f8;
}

.price-item {
    background: #ffffff;
    text-align: center;
    padding: 40px 30px;
    position: relative;
    border-radius: 8px;
    margin-bottom: 40px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

.price-item:hover {
    transform: translateY(-5px);
}

.price-item .tr-tag {
    width: 30px;
    height: 50px;
    background: #ff5900;
    clip-path: polygon(100% 0%, 100% 100%, 50% 80%, 0% 100%, 0% 0%);
    position: absolute;
    right: 20px;
    top: 0;
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

.price-item .tr-tag i {
    color: #ffffff;
    font-size: 14px;
}

.price-item h4 {
    color: #171822;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.price-item .pi-price {
    background: #ff5900;
    padding: 20px 0;
    margin: 0 -30px 30px -30px;
}

.price-item .pi-price h2 {
    font-size: 45px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

.price-item .pi-price h2 span {
    font-size: 20px;
    vertical-align: super;
    margin-right: 5px;
}

.price-item ul li {
    list-style: none;
    font-size: 16px;
    color: #6a6b7c;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5;
}

.price-item .price-btn {
    display: inline-block;
    margin-top: 30px;
    padding: 12px 35px;
    background: #171822;
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
}

.price-item .price-btn:hover {
    background: #ff5900;
    color: #fff;
}

/*---------------------
    11. Contact Section
-----------------------*/
.contact-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.contact-section .section-title {
    text-align: left;
    margin-bottom: 40px;
}

.cs-text .ct-address span {
    font-size: 16px;
    color: #6a6b7c;
    letter-spacing: 1px;
}

.cs-text .ct-address p {
    color: #171822;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 5px;
    line-height: 1.5;
}

/* Часы работы (Opening Hours) */
.oh-item {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #171822;
}

.oh-item span:last-child {
    font-weight: 600;
    color: #ff5900;
}

/* Кнопка WhatsApp */
.whatsapp-button {
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
    background-color: #25D366; /* Оригинальный цвет WhatsApp */
    color: white !important;
    padding: 12px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: all 0.3s;
    border-bottom: 3px solid #128C7E;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
}

.whatsapp-button i {
    margin-right: 10px;
    font-size: 20px;
}

.whatsapp-button:hover {
    background-color: #128C7E;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
}

/* Контактная информация (Email/Phone) */
.cs-text .ct-links {
    margin-top: 30px;
}

.cs-text .ct-links span {
    font-size: 16px;
    color: #6a6b7c;
}

.cs-text .ct-links p {
    font-size: 20px;
    color: #171822;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 20px;
}

.cs-map {
    height: 550px;
    width: 100%;
    border: 3px solid #ff5900;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.4);
    margin-bottom: 40px;
}

.cs-map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

@media only screen and (max-width: 767px) {
    .cs-map {
        height: 400px; 
    }
}

/*---------------------
    12. Footer
-----------------------*/

/* Футер общий */
.footer-section {
    background: #0d0d0d;
    padding: 80px 0 30px;
    color: #999;
    font-family: 'Poppins', sans-serif;
}

/* Логотип */
.footer-logo img {
    max-width: 260px;
    transition: 0.3s;
}

.footer-logo img:hover {
    transform: scale(1.05);
}

/* ===== Центральный блок (оплата) ===== */
.footer-payment {
    text-align: center;
}

.footer-payment h6 {
    color: #fff;
    margin-bottom: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Иконки оплаты */
.payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    font-size: 24px;
    color: #ccc;
    margin-bottom: 10px;
}

.payment-icons i {
    transition: all 0.3s ease;
    opacity: 0.8;
}

.payment-icons i:hover {
    color: #ff5900;
    transform: translateY(-4px) scale(1.1);
    opacity: 1;
}

/* Подпись */
.footer-payment p {
    font-size: 13px;
    color: #777;
    margin: 0;
}

/* ===== Сертификат ===== */
.top-handler-cert {
    display: flex;
    align-items: center;
    background: rgba(255, 215, 0, 0.06);
    padding: 15px 18px;
    border: 1px solid rgba(255, 215, 0, 0.25);
    border-radius: 10px;
    transition: 0.3s;
}

.top-handler-cert:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(255, 215, 0, 0.1);
}

.cert-icon img {
    width: 55px;
    margin-right: 12px;
}

.cert-text h6 {
    color: #ffd700;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.cert-text span {
    font-size: 12px;
    color: #aaa;
}

/* ===== Нижнее меню ===== */
.footer-nav-inline {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-nav-inline a {
    color: #bbb;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: 0.3s;
    padding: 5px 0;
}

.footer-nav-inline a:not(:last-child)::after {
    content: "|";
    margin: 0 15px;
    color: #444;
}

.footer-nav-inline a:hover {
    color: #ff5900;
}

/* ===== Нижняя линия ===== */
.footer-bottom-bar {
    margin-top: 50px;
    padding-top: 25px;
    border-top: 1px solid rgba(255,255,255,0.06);
    text-align: center;
}

/* ===== Адаптив ===== */
@media (max-width: 767px) {
    .footer-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    .top-handler-cert {
        justify-content: center;
        margin-top: 20px;
    }
}

/*---------------------
    14. Breadcrumb (Навигационная цепочка)
-----------------------*/
.breadcrumb-section {
	padding: 60px 0;
	background: #f4f6f8;
}

.breadcrumb-text text-align: center;

.breadcrumb-text h2 {
	font-size: 40px;
	color: #171822;
	font-weight: 700;
	margin-bottom: 10px;
}

.breadcrumb-text .bt-option a {
	font-size: 18px;
	color: #6a6b7c;
	display: inline-block;
	margin-right: 25px;
	position: relative;
}

.breadcrumb-text .bt-option a:after {
	position: absolute;
	right: -17px;
	top: 2px;
	content: "\f105";
	font-family: "FontAwesome";
	color: #ff5900;
}

.breadcrumb-text .bt-option span {
	display: inline-block;
	color: #a0a1b5;
}

/*---------------------
    16. About & Story Section (О нас)
-----------------------*/
.about-section {
	padding: 80px 0;
}

.about-text h3 {
	color: #171822;
	font-weight: 700;
	margin-bottom: 20px;
}

.about-text ul li {
	font-size: 16px;
	color: #6a6b7c;
	line-height: 32px;
	list-style: none;
	position: relative;
	padding-left: 25px;
}

.about-text ul li:before {
    content: "\f058"; /* Галочка в кружке */
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    color: #ff5900;
}

.story-item h2 {
	color: #ff5900;
	font-weight: 700;
	float: left;
	margin-right: 25px;
	line-height: 1;
}

.story-item .si-text h4 {
	color: #171822;
	font-weight: 600;
	margin-bottom: 10px;
}

/*---------------------
    17. Testimonials (Отзывы клиентов)
-----------------------*/
.testimonial-section {
	padding: 80px 0;
	background: #f4f6f8;
}

.testimonial-item {
	background: #ffffff;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	padding: 40px;
	position: relative;
    height: 100%;
}

.testimonial-item .ti-author {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.testimonial-item .ti-author .ta-pic img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	margin-right: 15px;
    object-fit: cover;
}

.testimonial-slider.owl-carousel .owl-nav button {
	height: 45px;
	width: 45px;
	background: #ffffff;
	color: #171822;
	border-radius: 50%;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	transition: 0.3s;
}

.testimonial-slider.owl-carousel .owl-nav button:hover {
	background: #ff5900;
	color: #ffffff;
}

/*---------------------
    18. Testimonials (Дополнение)
-----------------------*/
.testimonial-item .ti-author .ta-text {
    overflow: hidden;
    padding-top: 12px;
}

.testimonial-item .ti-author .ta-text h5 {
    font-size: 18px;
    color: #171822;
    font-weight: 700;
    margin-bottom: 2px;
}

.testimonial-item .ti-author .ta-text span {
    display: block;
    color: #ff5900; /* Твой оранжевый */
    font-size: 14px;
}

.testimonial-item p {
    font-size: 18px;
    color: #444;
    line-height: 1.6;
    font-weight: 500;
    font-style: italic;
}

/*---------------------
    19. Team / Masters Section (Наши мастера)
-----------------------*/
.speaker-item {
    margin-bottom: 40px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: 0.3s;
}

.speaker-item:hover {
    transform: translateY(-5px);
}

.speaker-item .si-pic img {
    width: 100%;
    height: auto;
}

.speaker-item .si-text {
    padding: 25px;
    text-align: center;
}

.speaker-item .si-text .si-title h4 {
    color: #171822;
    font-weight: 700;
    margin-bottom: 5px;
}

.speaker-item .si-text .si-title span {
    color: #ff5900;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}

.speaker-item .si-text p {
    color: #707070;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
}

/*---------------------
    20. Schedule Table (График / Цены)
-----------------------*/
.schedule-section {
    background-color: #1a1a1a;
}

.schedule-table-tab .nav-tabs {
    border: none;
    margin-bottom: 40px;
    justify-content: center;
}

.schedule-table-tab .nav-tabs .nav-item .nav-link {
    padding: 15px 30px;
    color: #171822;
    font-weight: 600;
    border: 1px solid #eee;
    margin: 0 5px;
    border-radius: 50px;
    transition: 0.3s;
}

.schedule-table-tab .nav-tabs .nav-item .nav-link.active {
    background: #ff5900;
    border-color: #ff5900;
    color: #ffffff;
}

.schedule-table-tab .schedule-table-content table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.schedule-table-tab .schedule-table-content table thead th {
    background: #171822;
    color: #fff;
    padding: 20px;
    font-size: 18px;
}

.schedule-table-tab .schedule-table-content table tbody tr td {
    padding: 20px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.schedule-table-tab .schedule-table-content table tbody tr td.event-time {
    color: #ff5900;
    font-weight: 700;
    font-size: 20px;
}

.schedule-table-tab .schedule-table-content table tbody tr td.hover-bg:hover {
    background: #fff8f0;
}

/*---------------------
    21. Blog / News (Упрощено)
-----------------------*/
.blog-item {
    position: relative;
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.blog-item .bi-tag {
    background: #ff5900;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 15px;
    border-radius: 4px;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 2;
}

.blog-item .bi-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

.blog-item .bi-text h3 a {
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.3;
}

/*---------------------
    22. Blog Details & Hero
-----------------------*/
.blog-item .bi-text span i {
	color: #ff5900; 
}

.blog-hero-section {
	padding: 150px 0;
	background-position: center;
	background-size: cover;
	position: relative;
}

.blog-hero-section:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(17, 24, 34, 0.7);
	content: "";
}

.bh-text {
	position: relative;
	text-align: center;
	z-index: 5;
}

.bh-text h2 {
	color: #ffffff;
	font-size: 48px;
	font-weight: 800;
	margin-top: 25px;
	margin-bottom: 15px;
	line-height: 1.2;
}

.bh-text ul li {
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	list-style: none;
	display: inline-block;
	margin-right: 40px;
	position: relative;
}

.bh-text ul li:after {
	position: absolute;
	right: -22px;
	top: 4px;
	height: 14px;
	width: 1px;
	background: rgba(255, 255, 255, 0.3);
	content: "";
}

.bh-text ul li:last-child:after {
	display: none;
}

/* Цитаты внутри статей */
.bd-text .bd-quote {
	position: relative;
	padding: 30px 30px 30px 40px;
	margin-bottom: 35px;
	background: #f8f9fa;
	border-left: 5px solid #ff5900; /* Оранжевая линия слева */
}

.bd-text .bd-quote p {
	font-size: 20px;
	color: #171822;
	font-weight: 600;
	line-height: 1.5;
	font-style: italic;
	margin-bottom: 10px;
}

.bd-text .bd-quote span {
	font-size: 14px;
	color: #ff5900;
	text-transform: uppercase;
	font-weight: 700;
}

/* Теги и Поделиться */
.bd-text .bd-tag-share {
	overflow: hidden;
	border-top: 1px solid #eee;
	padding-top: 30px;
	margin-top: 40px;
}

.bd-text .bd-tag-share .tag a {
	display: inline-block;
	font-size: 14px;
	background: #f4f6f8;
	color: #6a6b7c;
	padding: 5px 20px;
	border-radius: 50px;
	margin-right: 8px;
	transition: 0.3s;
}

.bd-text .bd-tag-share .tag a:hover {
	background: #ff5900;
	color: #ffffff;
}

.bd-text .bd-tag-share .s-share a:hover {
	background: #ff5900;
	color: #ffffff;
}

/*---------------------
    23. Comments Section (Форма комментариев)
-----------------------*/
.comment-section h3 {
	color: #171822;
	font-weight: 700;
	margin-bottom: 30px;
}

.comment-form input, 
.comment-form textarea {
	width: 100%;
	background: #f4f6f8;
	padding: 15px 20px;
	border: 1px solid transparent;
	margin-bottom: 20px;
	border-radius: 5px;
	transition: 0.3s;
}

.comment-form input:focus, 
.comment-form textarea:focus {
	border-color: #ff5900; /* Подсветка поля при клике */
	background: #ffffff;
	outline: none;
}

/*---------------------
    24. Contact & Forms (Поля ввода)
-----------------------*/
.comment-form input::placeholder,
.comment-form textarea::placeholder {
	color: #a0a1b5;
}

.comment-form input:focus,
.comment-form textarea:focus {
	border: 1px solid #ff5900; /* Твой оранжевый при фокусе */
	color: #171822;
	outline: none;
}

.comment-form textarea {
	width: 100%;
	height: 120px;
	background: #f4f6f8;
	padding: 15px 20px;
	border: 1px solid transparent;
	border-radius: 5px;
	transition: 0.3s;
	resize: none;
}

/*---------------------
    25. Contact Map & Info (Карта)
-----------------------*/
.info {
 	margin-bottom: 20px;
}

.cc-map {
	height: 500px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
    margin: 20px 0;
}

.cc-map iframe {
	width: 100%;
    height: 100%;
    filter: grayscale(10%); 
}

.cc-map .map-hover i {
	font-size: 36px;
	color: #ff5900;
	position: absolute;
	left: 50%;
	top: -55px;
	transform: translateX(-50%);
}

.cc-map .map-hover .map-hover-inner {
	width: 260px;
	text-align: center;
	background: #ffffff;
	padding: 25px 15px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.cc-map .map-hover .map-hover-inner h5 {
	color: #171822;
	font-weight: 700;
	margin-bottom: 5px;
}

/*---------------------
    26. Responsive Styles (Адаптация под устройства)
-----------------------*/

/* Большие экраны */
@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Планшеты и маленькие ноутбуки (992px - 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.nav-menu .mainmenu ul li {
		margin-right: 20px;
	}
	.hero-section .hero-text {
		padding-top: 80px;
	}
	.member-item {
		width: 25%;
		height: 280px;
	}
	.testimonial-slider.owl-carousel .owl-nav button {
		left: 0px;
	}
	.testimonial-slider.owl-carousel .owl-nav button.owl-next {
		right: 0px;
	}
}

/* Мобильные устройства и планшеты (до 991px) */
@media only screen and (max-width: 991px) {
	.latest-item.large-item {
		height: 400px;
	}
	.about-text {
		margin-top: 30px;
		text-align: center;
	}
    .about-section .section-title {
        text-align: center;
    }
	.newslatter-inner .ni-form {
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.counter-section .cd-timer {
		text-align: center;
		margin-top: 30px;
	}
    .hero-section .hero-text h2 {
        font-size: 48px;
    }
}

/* Только планшеты (768px - 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.nav-menu .primary-btn.top-btn {
		display: none;
	}
	.bh-text h2 {
		font-size: 40px;
	}
	.member-item {
		width: 50%; 
	}
}

/* Large Mobile: 480px */

/*------------------------------------------------------------------
    27. Mobile Responsive (Адаптация для смартфонов)
-------------------------------------------------------------------*/

/* Обычные смартфоны (до 767px) */
@media only screen and (max-width: 767px) {
	.counter-section .cd-timer .cd-item {
		margin-bottom: 10px;
		margin-right: 10px;
		margin-left: 0;
	}
	.member-item {
		width: 50%; /* Мастера по 2 в ряд */
	}
	.newslatter-inner {
		padding: 40px 20px;
	}
	.newslatter-inner .ni-form {
		width: 100%;
	}
	.schedule-table-tab .schedule-table-content {
		overflow-x: auto; 
	}
	.schedule-table-tab .nav-tabs .nav-item {
		width: 33.33%;
	}

    /* Стили мобильного меню SlickNav */
	.slicknav_menu {
		display: block;
		background: transparent;
		padding: 0;
	}
	.nav-menu .mainmenu, 
    .nav-menu .primary-btn.top-btn {
		display: none; 
	}
	.slicknav_btn {
		margin: 25px 0;
		border-radius: 4px;
        background-color: #ff5900; 
	}
	.slicknav_nav {
		background: #171822; 
	}
	.slicknav_nav a:hover,
    .slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: #ff5900; 
		color: #ffffff;
	}

	.bh-text h2,
	.hero-section .hero-text h2 {
		font-size: 32px; 
		line-height: 1.2;
	}
}

/* Маленькие смартфоны (до 479px) */
@media only screen and (max-width: 479px) {
	.bh-text h2,
	.hero-section .hero-text h2 {
		font-size: 28px;
	}
	.member-item {
		width: 100%; /* Мастера по 1 в ряд */
	}
	.newslatter-inner .ni-form button {
		position: relative;
		width: 100%;
		margin-top: 10px;
		border-radius: 5px;
	}
	.newslatter-inner .ni-form input {
		padding-right: 20px;
		border-radius: 5px;
	}
	.schedule-table-tab .nav-tabs .nav-item {
		width: 50%;
	}
	.cc-text {
		padding-left: 15px;
		padding-top: 30px;
		height: auto;
		padding-bottom: 40px;
	}
    .footer-text {
        text-align: center;
    }
}