/******************************************************************
  Template Name: Activitar
  Description:  Activitar Fitness HTML Template
  Author: Colorlib
  Author URI: https://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.  Feature Section
6.  Class Section
7.  Class Time Section
8.  Price Plan Section
9.  Contact
10.  Footer Style

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #d78c00;
	font-weight: 400;
	font-family: "Oswald", 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: "Nunito Sans", sans-serif;
	color: #8f8fa8;
	font-weight: 400;
	line-height: 24px;
	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
-----------------------*/

.section-title h2 {
	color: #ffffff;
	font-size: 48px;
	font-weight: 600;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.section-title p {
	color: #ffffff;
	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;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	padding: 0 12px;
	color: #ffffff;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	width: 160px;
	height: 46px;
	border-left: 2px solid #e16521;
	border-right: 2px solid #e4381C;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 2px;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #e4381C), to(#e16521)), -webkit-gradient(linear, left top, right top, from(#e4381C), color-stop(0%, #e16521));
	background-image: -o-linear-gradient(left, #e4381C 100%, #e16521 100%), -o-linear-gradient(left, #e4381C 0%, #e16521 0%);
	background-image: linear-gradient(to right, #e4381C 100%, #e16521 100%), linear-gradient(to right, #e4381C 0%, #e16521 0%);
	-webkit-transition-duration: 1000ms;
	-o-transition-duration: 1000ms;
	transition-duration: 1000ms;
	line-height: 45px;
	position: relative;
	z-index: 1;
	border-radius: 4px;
}

.primary-btn:after {
	color: #fff;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	background: #e16521;
	background: -webkit-gradient(linear, left top, right top, from(#e16521), to(#e4381C));
	background: -o-linear-gradient(left, #e16521, #e4381C);
	background: linear-gradient(to right, #e16521, #e4381C);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 2px;
	opacity: 0;
}

.site-btn {
	display: inline-block;
	font-size: 12px;
	font-family: "Oswald", sans-serif;
	font-weight: 600;
	padding: 0 12px;
	color: #000000;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	background: none;
	width: 127px;
	height: 40px;
	border-left: 2px solid #e16521;
	border-right: 2px solid #e4381C;
	border-top: none;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 2px;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #e16521), color-stop(0%, #e4381C)), -webkit-gradient(linear, left top, right top, from(#e16521), color-stop(0%, #e4381C));
	background-image: -o-linear-gradient(left, #e16521 100%, #e4381C 0%), -o-linear-gradient(left, #e16521 0%, #e4381C 0%);
	background-image: linear-gradient(to right, #e16521 100%, #e4381C 0%), linear-gradient(to right, #e16521 0%, #e4381C 0%);
	-webkit-transition-duration: 1000ms;
	-o-transition-duration: 1000ms;
	transition-duration: 1000ms;
	line-height: 38px;
	position: relative;
	z-index: 1;
	border-radius: 4px;
}

.site-btn:after {
	color: #fff;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
	background: #e16521;
	background: -webkit-gradient(linear, left top, right top, from(#e16521), to(#e4381C));
	background: -o-linear-gradient(left, #e16521, #e4381C);
	background: linear-gradient(to right, #e16521, #e4381C);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 2px;
	opacity: 0;
}

/* 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 Section */
.header-section {
    background-color: #000;
    padding: 20px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.3);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Логотип */
.logo {
    display: flex;
    align-items: center;
}


/* Логотип текст */
.logo-text {
    font-family: 'Montserrat', sans-serif; /* Крутой шрифт */
    font-size: 32px;
    font-weight: 700; /* Жирный */
    color: #fff;
    text-decoration: none;
    background: linear-gradient(90deg, #ff8c00, #ff2d55, #ff8c00);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientShift 5s ease-in-out infinite;
    display: block; /* Показываем на ПК */
}

.logo-img {
    display: none; /* Скрываем на ПК */
}

.logo-img img {
    width: 150px;
    height: auto;
}

/* Анимация перелива */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Навигационное меню */
.nav-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.nav-menu ul li {
    position: relative;
}

.nav-menu ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.nav-menu ul li a:hover {
    color: #ff8c00;
}

.nav-menu ul li.active a {
    color: #ff8c00;
}

/* Соцсети */
.top-social {
    display: flex;
    gap: 15px;
}

.top-social a {
    color: #ff8c00;
    font-size: 20px;
    transition: color 0.3s ease;
}

.top-social a:hover {
    color: #fff;
}

/* Иконка мобильного меню */
.mobile-menu-icon {
    display: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

/* Адаптивность */
@media (max-width: 768px) {
    .header-content {
        flex-wrap: wrap;
    }

    .logo-text {
        display: none; /* Скрываем текстовый логотип на мобильных */
    }

    .logo-img {
        display: block; /* Показываем изображение логотипа на мобильных */
    }

    .nav-menu {
        display: none;
        width: 100%;
        order: 3;
        margin-top: 20px;
    }

    .nav-menu.active {
        display: block;
    }

    .nav-menu ul {
        flex-direction: column;
        gap: 10px;
    }

    .nav-menu ul li a {
        font-size: 14px;
    }

    .top-social {
        display: none;
    }

    .mobile-menu-icon {
        display: block;
    }
}

/*---------------------
  Hero Section
-----------------------*/
.header-section {
    /* Стили для заголовка */
}

.container-fluid {
    /* Стили для контейнера */
}

.logo {
    width: 200px; /* Ширина логотипа по умолчанию */
    height: 75px; /* Высота логотипа по умолчанию */
    object-fit: contain; /* Сохранение пропорций изображения */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .logo {
        width: 100px; /* Уменьшаем ширину логотипа */
        height: 70px; /* Уменьшаем высоту логотипа */
    }
}


.hero-items .owl-item.active .single-hero-item .hero-text h2,
.hero-items .owl-item.active .single-hero-item .hero-text h1,
.hero-items .owl-item.active .single-hero-item .hero-text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero-items .owl-item.active .single-hero-item .hero-text h2 {
	-webkit-transition: all 0.2s ease 0.2s;
	-o-transition: all 0.2s ease 0.2s;
	transition: all 0.2s ease 0.2s;
}

.hero-items .owl-item.active .single-hero-item .hero-text h1 {
	-webkit-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}

.hero-items .owl-item.active .single-hero-item .hero-text .primary-btn {
	-webkit-transition: all 0.6s ease 0.6s;
	-o-transition: all 0.6s ease 0.6s;
	transition: all 0.6s ease 0.6s;
}

.hero-items .owl-nav button[type=button] {
	position: absolute;
	left: 75px;
	top: 50%;
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	line-height: 30px;
	font-size: 60px;
	color: #ffffff;
}

.hero-items .owl-nav button[type=button].owl-next {
	left: auto;
	right: 75px;
}

.hero-items .owl-dots {
	position: absolute;
	left: 0;
	bottom: 23px;
	width: 100%;
	text-align: center;
}

.hero-items .owl-dots button.owl-dot {
	height: 14px;
	width: 14px;
	background: #ffffff;
	border-radius: 50%;
	margin-right: 15px;
	position: relative;
}

.hero-items .owl-dots button.owl-dot.active:after {
	opacity: 1;
}

.hero-items .owl-dots button.owl-dot:after {
	position: absolute;
	left: -3px;
	top: -3px;
	height: 20px;
	width: 20px;
	border: 1px solid #ffffff;
	content: "";
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.hero-items .owl-dots button.owl-dot:last-child {
	margin-right: 0;
}

.single-hero-item {
	height: 950px;
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.single-hero-item .hero-text {
	text-align: center;
}

.single-hero-item .hero-text h2 {
	color: #ffffff;
	text-transform: uppercase;
	font-family: "Nunito Sans", sans-serif;
	font-size: 60px;
	margin-bottom: 4px;
	position: relative;
	top: 50px;
	opacity: 0;
}

.single-hero-item .hero-text h1 {
	color: #ffffff;
	font-size: 90px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 46px;
	position: relative;
	top: 50px;
	opacity: 0;
}

.single-hero-item .hero-text .primary-btn {
	position: relative;
	top: 50px;
	opacity: 0;
}

.single-hero-item .hero-text .primary-btn:hover:after {
	opacity: 1;
}

/*---------------------
  Feature Item
-----------------------*/

.feature-item {
	text-align: center;
	height: 380px;
	margin-left: -15px;
	margin-right: -15px;
	padding: 100px 15px 15px;
	position: relative;
}

.feature-item:hover:before {
	opacity: 1;
}

.feature-item:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #e4381C;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.feature-item h3 {
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.feature-item p {
	color: #ffffff;
	margin-bottom: 22px;
}

.feature-item .primary-btn.f-btn:hover:after {
	opacity: 1;
}

/*---------------------
  Home About
-----------------------*/

.home-about {
	background: #151515;
}

.about-text {
	padding-top: 18px;
}

.about-text h2 {
	font-size: 48px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 36px;
}

.about-text p.short-details {
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	line-height: 28px;
	margin-bottom: 20px;
}

.about-text p.long-details {
	color: #ffffff;
	margin-bottom: 40px;
}

.about-text .primary-btn.about-btn:after {
	opacity: 1;
}

.about-img img {
	min-width: 100%;
}

/*---------------------
  Classes Section
-----------------------*/

.classes-section {
	background: #151515;
}

.classes-section.schedule-page .class-title {
	padding: 0;
}

.classes-section.schedule-page .class-title .section-title {
	margin-bottom: 65px;
}

.class-title {
	padding-top: 60px;
	padding-bottom: 62px;
}

.class-title .section-title h2 {
	font-weight: 500;
}

.classes-item {
	height: 480px;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 60px;
	padding-top: 162px;
	padding-right: 35px;
}

.classes-item:hover:before {
	opacity: 1;
}

.classes-item:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #e4381C;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.classes-item h4 {
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.classes-item p {
	color: #ffffff;
	margin-bottom: 38px;
}

.classes-item .primary-btn.class-btn {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #e16521), color-stop(0%, #e4381C)), -webkit-gradient(linear, left top, right top, color-stop(100%, #e4381C), color-stop(0%, #e16521));
	background-image: -o-linear-gradient(left, #e16521 100%, #e4381C 0%), -o-linear-gradient(left, #e4381C 100%, #e16521 0%);
	background-image: linear-gradient(to right, #e16521 100%, #e4381C 0%), linear-gradient(to right, #e4381C 100%, #e16521 0%);
}

.classes-item .primary-btn.class-btn:hover:after {
	opacity: 1;
}

/* Class Time Section */
.classtime-section {
    padding: 110px 0;
    background-color: #000;
    color: #fff;
}

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

.section-title h2 {
    font-size: 36px;
    color: #ff8c00;
    margin-bottom: 10px;
}

.timetable-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.month-card {
    background-color: #1a1a1a;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.3);
}

.month-card h3 {
    font-size: 24px;
    color: #ff8c00;
    margin-bottom: 15px;
    text-align: center;
}

.project-card {
    background-color: #333;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(255, 140, 0, 0.4);
}

.project-card h6 {
    font-size: 16px;
    color: #ff8c00;
    margin-bottom: 5px;
}

.project-card span {
    font-size: 14px;
    color: #ccc;
}

/* Адаптивность */
@media (max-width: 768px) {
    .classtime-section {
        padding-top: 100px; /* Отступ сверху для мобильных устройств */
    }

    .section-title h2 {
        font-size: 28px;
    }

    .month-card h3 {
        font-size: 20px;
    }

    .project-card h6 {
        font-size: 14px;
    }

    .project-card span {
        font-size: 12px;
    }
}
/*---------------------
  Price Section
-----------------------*/

.price-section {
	padding-top: 90px;
	padding-bottom: 70px;
}

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

.price-section .section-title p {
	color: #ffffff;
}

.price-section .toggle-option {
	text-align: center;
	margin-bottom: 50px;
}

.price-section .toggle-option li {
	list-style: none;
	display: inline-block;
	font-size: 16px;
	font-family: "Oswald", sans-serif;
	color: #ffffff;
	letter-spacing: 1px;
	margin-right: 10px;
}

.price-section .toggle-option li:last-child {
	margin-right: 0;
}

.price-section .toggle-option li .switch {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 30px;
	margin-bottom: 0;
}

.price-section .toggle-option li .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.price-section .toggle-option li .switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.price-section .toggle-option li .switch .slider::before {
	position: absolute;
	content: "";
	height: 30px;
	width: 35px;
	right: 0;
	bottom: 0;
	background-color: white;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	border-radius: 2px;
}

.price-section .toggle-option li .switch input:checked+.slider:before {
	-webkit-transform: translateX(-35px);
	-ms-transform: translateX(-35px);
	transform: translateX(-35px);
}

.single-price-plan {
	background: #ffffff;
	text-align: center;
	padding: 45px 0 50px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.single-price-plan h4 {
	color: #272727;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 34px;
}

.single-price-plan .price-plan {
	margin-bottom: 35px;
}

.single-price-plan .price-plan h2 {
	color: #272727;
	font-size: 48px;
	font-weight: 700;
	position: relative;
	padding-left: 18px;
	margin-bottom: 10px;
	display: inline-block;
}

.single-price-plan .price-plan h2 span {
	color: #272727;
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 9px;
}

.single-price-plan .price-plan p {
	font-size: 16px;
	line-height: 20px;
	color: #272727;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.single-price-plan ul {
	margin-bottom: 35px;
}

.single-price-plan ul li {
	list-style: none;
	font-size: 16px;
	font-weight: 600;
	color: #272727;
	line-height: 42px;
}

.single-price-plan .primary-btn.price-btn {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #e16521), color-stop(0%, #e4381C)), -webkit-gradient(linear, left top, right top, color-stop(100%, #e4381C), color-stop(0%, #e16521));
	background-image: -o-linear-gradient(left, #e16521 100%, #e4381C 0%), -o-linear-gradient(left, #e4381C 100%, #e16521 0%);
	background-image: linear-gradient(to right, #e16521 100%, #e4381C 0%), linear-gradient(to right, #e4381C 100%, #e16521 0%);
	color: #e4381C;
}

.single-price-plan .primary-btn.price-btn:hover {
	color: #ffffff;
}

.single-price-plan .primary-btn.price-btn:hover:after {
	opacity: 1;
}

.single-price-plan .tic-text {
	width: 160px;
	height: 40px;
	background: #e4381C;
	position: absolute;
	right: -67px;
	top: -5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.single-price-plan .tic-text i {
	position: absolute;
	left: 69px;
	top: 15px;
	color: #ffffff;
}

/* Chooseus Section */
.chooseus-section {
    padding: 110px 0;
    background-color: #000;
    color: #fff;
}

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

.section-title h2 {
    font-size: 36px;
    color: #ff8c00;
    margin-bottom: 10px;
}

.section-title p {
    font-size: 18px;
    color: #ccc;
}

.choose-item {
    background-color: #1a1a1a;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.choose-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 12px rgba(255, 140, 0, 0.4);
}

.choose-item img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.choose-item h5 {
    font-size: 20px;
    color: #ff8c00;
    margin-bottom: 10px;
}

.choose-item p {
    font-size: 14px;
    color: #ccc;
    line-height: 1.6;
}

.primary-btn {
    display: inline-block;
    padding: 5px 24px;
    background-color: #ff8c00;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    margin-top: 20px;
}

.primary-btn:hover {
    background-color: #e67e00;
}

/* Адаптивность */
@media (max-width: 768px) {
    .chooseus-section {
        padding-top: 150px; /* Отступ сверху для мобильных устройств */
    }

    .section-title h2 {
        font-size: 28px;
    }

    .section-title p {
        font-size: 16px;
    }

    .choose-item {
        padding: 15px;
    }

    .choose-item h5 {
        font-size: 18px;
    }

    .choose-item p {
        font-size: 13px;
    }

    .primary-btn {
        font-size: 14px;
        padding: 5px 20px;
    }
}
/*---------------------
  Video Section
-----------------------*/

.video-section {
	text-align: center;
	height: 500px;
}

.video-section .video-text {
	text-align: center;
	padding-top: 150px;
}

.video-section .video-text h2 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 42px;
}

.video-section .video-text .play-btn {
	display: inline-block;
	height: 60px;
	width: 60px;
	font-size: 22px;
	background: #ffffff;
	text-align: center;
	line-height: 62px;
	color: #e4381C;
	border-radius: 50%;
	position: relative;
	padding-left: 5px;
}

.video-section .video-text .play-btn:after {
	position: absolute;
	left: -5px;
	top: -5px;
	width: 70px;
	height: 70px;
	background: #ffffff;
	opacity: 0.3;
	border-radius: 50%;
	content: "";
}

/*---------------------
  Blog Section
-----------------------*/

.blog-section {
	background: #151515;
	padding-top: 90px;
	padding-bottom: 66px;
}

.blog-section .section-title {
	margin-bottom: 55px;
}

.blog-item {
	position: relative;
	margin-bottom: 30px;
}

.blog-item:hover .play-btn {
	opacity: 1;
	visibility: visible;
}

.blog-item.large-item {
	height: 420px;
}

.blog-item.large-item.xl-large {
	height: 440px;
}

.blog-item.large-item.xls-large {
	height: 460px;
}

.blog-item.large-item.m-item {
	height: 400px;
}

.blog-item.small-item {
	height: 260px;
}

.blog-item.sm-item {
	height: 330px;
}

.blog-item.sms-item {
	height: 320px;
}

.blog-item .blog-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
}

.blog-item .blog-text .categories {
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
}

.blog-item .blog-text h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	margin-top: 10px;
}

.blog-item.instagram-item {
	background: 
	padding: 44px 30px 65px;
}

.blog-item.instagram-item .instagram-text {
	display: block;
}

.blog-item.instagram-item .instagram-text .categories {
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	position: relative;
}

.blog-item.instagram-item .instagram-text .categories i {
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.blog-item.instagram-item .instagram-text h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 1.5;
}

.blog-item .play-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.blog-item .play-btn .play-in-btn {
	display: inline-block;
	height: 60px;
	width: 60px;
	font-size: 22px;
	background: #ffffff;
	text-align: center;
	line-height: 62px;
	color: #e4381C;
	border-radius: 50%;
	position: relative;
	padding-left: 5px;
}

.blog-item .play-btn .play-in-btn:after {
	position: absolute;
	left: -5px;
	top: -5px;
	width: 70px;
	height: 70px;
	background: #ffffff;
	opacity: 0.3;
	border-radius: 50%;
	content: "";
}

/* Cta Section */
.cta-section {
    padding: 80px 0;
    background-color: #1a1a1a; /* Темный фон */
    color: #fff; /* Белый текст */
    text-align: center;
}

.cta-content {
    max-width: 800px;
    margin: 0 auto;
}

.cta-content h3 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #ff8c00; /* Оранжевый заголовок */
}

.cta-content p {
    font-size: 18px;
    color: #ccc; /* Серый текст */
    margin-bottom: 30px;
}

.cta-line {
    width: 100px;
    height: 2px;
    background-color: #ff8c00; /* Оранжевая линия */
    margin: 0 auto 30px;
}

.cta-btn {
    display: inline-block;
    padding: 5px 24px;
    background-color: transparent; /* Прозрачный фон */
    color: #ff8c00; /* Оранжевый текст */
    border: 2px solid #ff8c00; /* Оранжевая рамка */
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cta-btn:hover {
    background-color: #ff8c00; /* Оранжевый фон при наведении */
    color: #000; /* Черный текст при наведении */
}

/* Адаптивность */
@media (max-width: 768px) {
    .cta-section {
        padding: 60px 0;
    }

    .cta-content h3 {
        font-size: 28px;
    }

    .cta-content p {
        font-size: 16px;
    }

    .cta-btn {
        font-size: 14px;
        padding: 5px 20px;
    }
}
/*---------------------
  Map Section
-----------------------*/

.map {
	height: 590px;
	position: relative;
}

.map iframe {
	width: 100%;
}

.map-contact-detalis {
	width: 420px;
	padding: 40px;
	background: #ffffff;
	position: absolute;
	right: 120px;
	top: 80px;
	-webkit-box-shadow: 6px 6px 50px rgba(198, 198, 198, 0.2);
	box-shadow: 6px 6px 50px rgba(198, 198, 198, 0.2);
}

.map-contact-detalis .open-time {
	overflow: hidden;
	margin-bottom: 10px;
}

.map-contact-detalis .open-time h5 {
	font-size: 20px;
	color: #000000;
	font-weight: 500;
	text-transform: uppercase;
	float: left;
}

.map-contact-detalis .open-time ul {
	float: right;
}

.map-contact-detalis .open-time ul li {
	font-size: 14px;
	color: #000000;
	list-style: none;
	font-weight: 600;
	line-height: 30px;
	position: relative;
	padding-right: 108px;
}

.map-contact-detalis .open-time ul li span {
	position: absolute;
	right: 0;
	top: 0;
}

.map-contact-detalis .map-contact-form h5 {
	font-size: 20px;
	color: #000000;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.map-contact-detalis .map-contact-form form input {
	width: calc(53% - 20px);
	margin-right: 20px;
	float: left;
	height: 40px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #272727;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
	border-radius: 2px;
}

.map-contact-detalis .map-contact-form form input.phone {
	width: 47%;
	margin-right: 0;
}

.map-contact-detalis .map-contact-form form input::-webkit-input-placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form input::-moz-placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form input:-ms-input-placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form input::-ms-input-placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form input::placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form textarea {
	width: 100%;
	height: 80px;
	resize: none;
	font-size: 16px;
	color: #272727;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 18px;
}

.map-contact-detalis .map-contact-form form textarea::-webkit-input-placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form textarea::-moz-placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form textarea:-ms-input-placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form textarea::-ms-input-placeholder {
	color: #272727;
	font-weight: 600;
}

.map-contact-detalis .map-contact-form form textarea::placeholder {
	color: #272727;
	font-weight: 600;
}

/*---------------------
  Footer Section
-----------------------*/
/* Footer Section Styles */
.footer-section {
    background-color: #000;
    color: #fff;
    padding: 40px 20px 20px;
    font-family: Arial, sans-serif;
    text-align: center;
}

.social-links h6 {
    font-size: 18px;
    color: #ff8c00;
    margin-bottom: 15px;
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.social-icons a {
    color: #fff;
    font-size: 24px;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    color: #ff8c00;
}

.footer-contacts ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.footer-contacts ul li {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.footer-contacts ul li i {
    color: #ff8c00;
    font-size: 16px;
}

.gis-reviews {
    margin-bottom: 30px;
}

.copyright-text {
    font-size: 14px;
    color: #ccc;
    border-top: 1px solid #333;
    padding-top: 20px;
}

.copyright-text a {
    color: #ff8c00;
    text-decoration: none;
}

.copyright-text a:hover {
    text-decoration: underline;
}

/* Адаптивность */
@media (max-width: 768px) {
    .social-icons {
        flex-wrap: wrap;
    }

    .footer-contacts ul li {
        flex-direction: column;
        text-align: center;
    }
}

/* ----------------------------------- Other Pages Styles ------------------------------*/

/*---------------------
  Breadcrumb Section
-----------------------*/

.breadcrumb-section {
	padding-bottom: 105px;
}

.breadcrumb-text {
	text-align: center;
}

.breadcrumb-text h2 {
	font-size: 48px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.breadcrumb-text .breadcrumb-controls a {
	font-size: 16px;
	color: #ffffff;
	margin-right: 15px;
	position: relative;
}

.breadcrumb-text .breadcrumb-controls a:after {
	position: absolute;
	right: -13px;
	top: -2px;
	content: "";
	font-family: "FontAwesome";
	font-size: 16px;
	color: #ffffff;
}

.breadcrumb-text .breadcrumb-controls a i {
	margin-right: 2px;
}

.breadcrumb-text .breadcrumb-controls span {
	font-size: 16px;
	color: #ffffff;
}

/*---------------------
  AboutUs Section
-----------------------*/

/* About Us Section */
.aboutus-section {
    padding: 110px 0;
    background-color: #000;
    color: #fff;
}

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

.section-title h2 {
    font-size: 36px;
    color: #ff8c00;
    margin-bottom: 10px;
}

.section-title p {
    font-size: 18px;
    color: #ccc;
}

.video-section {
    margin-bottom: 40px;
}

.video-overlay {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.video-text {
    text-align: center;
}

.video-text h2 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
}

.play-btn {
    font-size: 48px;
    color: #ff8c00;
    transition: color 0.3s ease;
}

.play-btn:hover {
    color: #fff;
}

.about-us, .about-quality {
    margin-bottom: 40px;
}

.about-us h4, .about-quality h4 {
    font-size: 24px;
    color: #ff8c00;
    margin-bottom: 20px;
}

.about-us p, .about-quality ul {
    font-size: 16px;
    color: #ccc;
    line-height: 1.6;
}

.about-quality ul {
    list-style: none;
    padding: 0;
}

.about-quality ul li {
    margin-bottom: 10px;
}

.about-quality ul li i {
    color: #ff8c00;
    margin-right: 10px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .aboutus-section {
        padding-top: 100px; /* Отступ сверху для мобильной версии */
    }

    .video-overlay {
        height: 300px;
    }

    .video-text h2 {
        font-size: 24px;
    }

    .play-btn {
        font-size: 36px;
    }

    .about-us, .about-quality {
        margin-bottom: 20px;
    }

    .about-us h4, .about-quality h4 {
        font-size: 20px;
    }

    .about-us p, .about-quality ul {
        font-size: 14px;
    }
}


/* Testimonial Section */
.testimonial-section {
    padding: 80px 0;
    background-color: #1a1a1a;
    color: #fff;
}

.primary-btn {
    display: inline-block;
   
    background-color: #ff8c00; /* Оранжевый фон */
    color: #000; /* Черный текст */
    text-decoration: none;
    border-radius: 5px; /* Закругленные углы */
    font-size: 16px; /* Размер текста */
    font-weight: bold; /* Жирный текст */
    transition: background-color 0.3s ease; /* Плавное изменение цвета */
    text-align: center; /* Центрируем текст */
    border: none; /* Убираем границу */
    cursor: pointer; /* Курсор в виде указателя */
    white-space: nowrap; /* Запрещаем перенос текста */
	 margin-bottom: 40px; /* Отступ снизу */
}

.primary-btn:hover {
    background-color: #e67e00; /* Темнее оранжевый при наведении */
}

.testimonial-slider {
    position: relative;
}

.ts-item {
    text-align: center;
    padding: 20px;
    background-color: #000;
    border-radius: 10px;
    margin: 0 10px;
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.3);
}

.rating {
    color: #ff8c00;
    margin-bottom: 15px;
}

.rating i {
    margin: 0 2px;
}

.ts-item h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.6;
}

.author-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.author-pic img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.author-name h5 {
    font-size: 16px;
    color: #ff8c00;
    margin-bottom: 5px;
}

.author-link {
    font-size: 14px;
    color: #ccc;
    text-decoration: none;
    transition: color 0.3s ease;
}

.author-link:hover {
    color: #ff8c00;
}

/* Адаптивность */
@media (max-width: 768px) {
    .testimonial-section {
        padding: 60px 0;
    }

    .ts-item {
        padding: 15px;
    }

    .ts-item h4 {
        font-size: 16px;
    }

    .author-info {
        flex-direction: column;
        text-align: center;
    }

    .author-pic img {
        width: 50px;
        height: 50px;
    }

    .author-name h5 {
        font-size: 14px;
    }

    .author-link {
        font-size: 12px;
    }
}

/*---------------------
  Trainer Section
-----------------------*/

/* Trainer Section */
.trainer-section {
    padding: 80px 0;
    background-color: #000;
    color: #fff;
}

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

.section-title h2 {
    font-size: 36px;
    color: #ff8c00;
    margin-bottom: 10px;
}

.section-title p {
    font-size: 18px;
    color: #ccc;
}

.trainer-item {
    text-align: center;
    margin-bottom: 30px;
}

.ti-pic {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 15px;
    height: 250px; /* Фиксированная высота для контейнера с фото */
}

.ti-pic img {
    width: 100%;
    height: 100%; /* Заполняем контейнер */
    object-fit: cover; /* Изображение заполняет контейнер без искажений */
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.ti-pic:hover img {
    transform: scale(1.1); /* Увеличение фото при наведении */
}

.ti-links {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ti-pic:hover .ti-links {
    opacity: 1; /* Показываем иконки при наведении */
}

.ti-links a {
    color: #fff;
    font-size: 20px;
    transition: color 0.3s ease;
}

.ti-links a:hover {
    color: #ff8c00;
}

.trainer-text h5 {
    font-size: 20px;
    color: #fff;
    margin-top: 15px;
}

.trainer-text span {
    color: #ff8c00;
}

/* Адаптивность */
@media (max-width: 768px) {
    .trainer-section {
        padding: 60px 0;
    }

    .section-title h2 {
        font-size: 28px;
    }

    .section-title p {
        font-size: 16px;
    }

    .trainer-item {
        margin-bottom: 20px;
    }

    .ti-pic {
        height: 200px; /* Уменьшаем высоту для мобильных устройств */
    }

    .trainer-text h5 {
        font-size: 18px;
    }
}

/*---------------------
  Gallery Section
-----------------------*/

.gallery-section {
	background: #151515;
	padding-bottom: 70px;
	padding-top: 95px;
}

.gallery-controls {
	text-align: center;
	margin-bottom: 45px;
}

.gallery-controls ul li {
	list-style: none;
	font-size: 16px;
	font-weight: 500;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	display: inline-block;
	margin-right: 45px;
	cursor: pointer;
	position: relative;
}

.gallery-controls ul li.active {
	color: #e4381C;
}

.gallery-controls ul li.active:after {
	opacity: 1;
}

.gallery-controls ul li:after {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 2px;
	background: #7D2719;
	content: "";
	opacity: 0;
}

.gallery-controls ul li:last-child {
	margin-right: 0;
}

.gallery-item {
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.gallery-item:hover:after,
.gallery-item:hover:before {
	opacity: 1;
}

.gallery-item:hover .gi-hover {
	opacity: 1;
	visibility: visible;
}

.gallery-item:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #e4381C;
	content: "";
	opacity: 0;
	z-index: 2;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-item:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	content: "";
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-item .gi-hover-warp {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 9;
}

.gallery-item .gi-hover {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-item .gi-hover a {
	height: 60px;
	width: 60px;
	border: 2px solid #ffffff;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	display: inline-block;
	color: #ffffff;
}

.gallery-item .gi-hover a:first-child {
	margin-right: 15px;
}

.gallery-item .gi-hover h6 {
	color: #ffffff;
	margin-top: 25px;
}

.gallery-item .gi-hover h6 span {
	font-family: "Nunito Sans", sans-serif;
	margin-top: 7px;
	display: block;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}

/*---------------------
  Blog Page Section
-----------------------*/

.blog-section.blog-page {
	padding-top: 100px;
	padding-bottom: 100px;
}

.blog-option {
	margin-top: 30px;
}

.blog-option .blog-pagination {
	font-size: 16px;
	color: #ffffff;
	float: left;
}

.blog-option .blog-pagination a {
	font-size: 16px;
	color: #ffffff;
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 2px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-option .blog-pagination a.active {
	background: -o-linear-gradient(45deg, #e16521, #e4381C);
	background: linear-gradient(45deg, #e16521, #e4381C);
}

.blog-option .blog-pagination a:hover {
	background: -o-linear-gradient(45deg, #e16521, #e4381C);
	background: linear-gradient(45deg, #e16521, #e4381C);
}

.blog-option .blog-pagination a:first-child {
	margin-right: 14px;
}

.blog-option .blog-pagination a:last-child:hover {
	background: transparent;
}

.blog-option .blog-pagination i {
	font-size: 18px;
}

.blog-option .blog-option-right {
	float: right;
}

.blog-option .blog-option-right .blog-result {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	line-height: 42px;
	margin-right: 39px;
}

.blog-option .blog-option-right .show-result {
	display: inline-block;
	width: 144px;
	height: 40px;
	border: 1px solid #ecedee;
	border-radius: 3px;
}

.blog-option .blog-option-right .show-result p {
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	font-size: 14px;
	padding: 8px 0 0 20px;
}

.blog-option .blog-option-right .nice-select {
	float: right;
	border-radius: 2px;
	background: transparent;
	border: none;
	font-size: 14px;
	color: #ffffff;
	padding-right: 45px;
	padding-left: 0;
}

.blog-option .blog-option-right .nice-select:after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	height: 7px;
	right: 25px;
	top: 46%;
	width: 7px;
}

.blog-option .blog-option-right .nice-select .list {
	width: 100%;
}

.blog-option .blog-option-right .nice-select .list .option {
	color: #222222;
}

/*---------------------
  Blog Single Hero
-----------------------*/

.blog-single-hero {
	height: 500px;
	padding-top: 176px;
}

.bs-hero-text h2 {
	color: #ffffff;
	font-weight: 500;
	line-height: 48px;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.bs-hero-text ul li {
	list-style: none;
	color: #ffffff;
	font-size: 16px;
	display: inline-block;
	margin-right: 58px;
	position: relative;
}

.bs-hero-text ul li:after {
	position: absolute;
	right: -33px;
	top: 0;
	content: "|";
	font-size: 16px;
	color: #ffffff;
}

.bs-hero-text ul li:last-child {
	margin-right: 0;
}

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

/*---------------------
  Blog Single Section
-----------------------*/

.blog-single-section {
	background: #151515;
	padding-top: 65px;
}

.blog-single-text .blog-text {
	margin-bottom: 40px;
}

.blog-single-text .blog-text p {
	color: #ffffff;
	line-height: 28px;
}

.blog-single-text .blog-pic {
	margin-bottom: 24px;
}

.blog-single-text .blog-pic img {
	margin-bottom: 20px;
	min-width: 100%;
}

.blog-single-text .blog-title {
	margin-bottom: 35px;
}

.blog-single-text .blog-title h4 {
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 18px;
}

.blog-single-text .blog-title p {
	color: #ffffff;
	line-height: 28px;
}

.blog-single-text .blog-quote {
	padding-left: 50px;
	position: relative;
	margin-bottom: 40px;
}

.blog-single-text .blog-quote i {
	font-size: 26px;
	color: #e4381C;
	position: absolute;
	left: 0;
	top: 5px;
}

.blog-single-text .blog-quote .quote-text {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	font-style: italic;
	line-height: 28px;
	margin-bottom: 13px;
}

.blog-single-text .blog-quote h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
}

.blog-single-text .blog-more-title {
	margin-bottom: 42px;
}

.blog-single-text .blog-more-title h4 {
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 18px;
}

.blog-single-text .blog-more-title p {
	color: #ffffff;
	line-height: 28px;
}

.blog-single-text .blog-tag-share {
	overflow: hidden;
}

.blog-single-text .blog-tag-share .tags {
	float: left;
}

.blog-single-text .blog-tag-share .tags a {
	display: inline-block;
	font-size: 13px;
	color: #252525;
	text-transform: uppercase;
	background: #ffffff;
	padding: 5px 20px 4px;
	border: 1px solid #000000;
	margin-right: 10px;
}

.blog-single-text .blog-tag-share .social-share {
	float: right;
}

.blog-single-text .blog-tag-share .social-share span {
	font-size: 14px;
	color: #ffffff;
}

.blog-single-text .blog-tag-share .social-share a {
	display: inline-block;
	color: #a6a6a6;
	margin-left: 15px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-single-text .blog-tag-share .social-share a:hover {
	color: #e4381C;
}

.blog-single-sidebar .bs-latest-news {
	margin-bottom: 74px;
}

.blog-single-sidebar .bs-latest-news h4 {
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.blog-single-sidebar .bs-latest-news .bl-item {
	position: relative;
	background: #ffffff;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	border-radius: 4px;
	margin-bottom: 20px;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.blog-single-sidebar .bs-latest-news .bl-item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	opacity: 1;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.blog-single-sidebar .bs-latest-news .bl-item:hover:after {
	opacity: 0;
}

.blog-single-sidebar .bs-latest-news .bl-item:hover h5 {
	color: #ffffff;
}

.blog-single-sidebar .bs-latest-news .bl-item:hover span {
	color: #ffffff;
}

.blog-single-sidebar .bs-latest-news .bl-item h5 {
	color: #151515;
	font-weight: 500;
	line-height: 26px;
	position: relative;
	z-index: 9;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-single-sidebar .bs-latest-news .bl-item span {
	display: inline-block;
	font-weight: 14;
	color: #151515;
	position: relative;
	z-index: 9;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.blog-single-sidebar .bs-recent-news h4 {
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.blog-single-sidebar .bs-recent-news .br-item {
	overflow: hidden;
	margin-bottom: 20px;
	display: block;
}

.blog-single-sidebar .bs-recent-news .br-item .bi-pic {
	float: left;
	margin-right: 20px;
}

.blog-single-sidebar .bs-recent-news .br-item .bi-pic img {
	border-radius: 3px;
}

.blog-single-sidebar .bs-recent-news .br-item .bi-text {
	display: table;
	padding-top: 8px;
}

.blog-single-sidebar .bs-recent-news .br-item .bi-text span {
	display: inline-block;
	font-weight: 14;
	color: #ffffff;
}

.blog-single-sidebar .bs-recent-news .br-item .bi-text h5 {
	color: #ffffff;
	font-weight: 500;
	line-height: 26px;
}

.recent-news {
	padding-top: 80px;
	margin-bottom: 74px;
}

.recent-news h4 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 35px;
}

.recent-item {
	height: 300px;
	position: relative;
}

.recent-item .recent-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-left: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
}

.recent-item .recent-text .categories {
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
}

.recent-item .recent-text h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	margin-top: 10px;
}

.leave-comment-form h4 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 36px;
}

.leave-comment-form form input {
	width: 100%;
	height: 48px;
	border-radius: 2px;
	background: #2d2d2d;
	border: none;
	padding-left: 20px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #a6a6a6;
	-webkit-transition: all 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border: 1px solid #131313;
}

.leave-comment-form form input::-webkit-input-placeholder {
	font-weight: 600;
}

.leave-comment-form form input::-moz-placeholder {
	font-weight: 600;
}

.leave-comment-form form input:-ms-input-placeholder {
	font-weight: 600;
}

.leave-comment-form form input::-ms-input-placeholder {
	font-weight: 600;
}

.leave-comment-form form input::placeholder {
	font-weight: 600;
}

.leave-comment-form form input:focus {
	background: #ffffff;
	color: #151515;
	font-weight: 600;
}

.leave-comment-form form textarea {
	width: 100%;
	height: 198px;
	border-radius: 2px;
	background: #2d2d2d;
	border: none;
	padding-left: 20px;
	padding-top: 15px;
	font-size: 16px;
	color: #a6a6a6;
	-webkit-transition: all 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	resize: none;
	margin-bottom: 32px;
	border: 1px solid #131313;
}

.leave-comment-form form textarea::-webkit-input-placeholder {
	font-weight: 600;
}

.leave-comment-form form textarea::-moz-placeholder {
	font-weight: 600;
}

.leave-comment-form form textarea:-ms-input-placeholder {
	font-weight: 600;
}

.leave-comment-form form textarea::-ms-input-placeholder {
	font-weight: 600;
}

.leave-comment-form form textarea::placeholder {
	font-weight: 600;
}

.leave-comment-form form textarea:focus {
	background: #ffffff;
	color: #151515;
	font-weight: 600;
}

.leave-comment-form form .leave-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	background: -o-linear-gradient(45deg, #e16521, #e4381C);
	background: linear-gradient(45deg, #e16521, #e4381C);
	padding: 10px 47px;
	border: none;
	font-family: "Oswald", sans-serif;
	border: 1px solid #000000;
	border-radius: 2px;
}

/*---------------------
  Contact Map Section
-----------------------*/

.contact-map {
	height: 530px;
	position: relative;
}

.contact-map iframe {
	width: 100%;
}

.contact-map .map-hover {
	background: #ffffff;
	display: inline-block;
	padding: 20px 40px 20px 28px;
	position: absolute;
	left: 50%;
	top: 130px;
	-webkit-box-shadow: 6px 6px 50px rgba(0, 0, 0, 0.2);
	box-shadow: 6px 6px 50px rgba(0, 0, 0, 0.2);
}

.contact-map .map-hover:after {
	position: absolute;
	left: 107px;
	bottom: -20px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 28px solid #ffffff;
	content: "";
}

.contact-map .map-hover h5 {
	font-size: 20px;
	color: #252525;
	font-weight: 500;
	margin-bottom: 10px;
}

.contact-map .map-hover ul li {
	font-size: 14px;
	color: #151515;
	line-height: 20px;
	list-style: none;
}

.contact-map .map-hover i {
	font-size: 48px;
	color: #e4381C;
	position: absolute;
	left: 98px;
	bottom: -72px;
}

/* Contact Section */
.contact-section {
    padding: 110px 0;
    background-color: #000;
    color: #fff;
}

.contact-info, .contact-address {
    margin-bottom: 30px;
}

.contact-info h4, .contact-address h4 {
    font-size: 24px;
    color: #ff8c00;
    margin-bottom: 15px;
}

.contact-info ul, .contact-address ul {
    list-style: none;
    padding: 0;
}

.contact-info ul li, .contact-address ul li {
    font-size: 16px;
    color: #ccc;
    margin-bottom: 10px;
}

.contact-info ul li i, .contact-address ul li i {
    color: #ff8c00;
    margin-right: 10px;
}

/* Калькулятор */
.calc-widget {
    background-color: #1a1a1a;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.3);
}

.calc-widget h1 {
    font-size: 24px;
    color: #ff8c00;
    text-align: center;
    margin-bottom: 20px;
}

.calc-widget .form-group {
    margin-bottom: 15px;
}

.calc-widget .form-group label {
    font-size: 16px;
    color: #ccc;
    margin-bottom: 5px;
    display: block;
}

.calc-widget .form-group input,
.calc-widget .form-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 5px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
}

.calc-widget .form-group select[multiple] {
    height: 150px;
}

.calc-widget .total {
    font-size: 20px;
    color: #ff8c00;
    text-align: center;
    margin-top: 20px;
}

.calc-widget .whatsapp-button {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #25D366;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    margin-top: 20px;
    transition: background-color 0.3s ease;
}

.calc-widget .whatsapp-button:hover {
    background-color: #128C7E;
}

.calc-widget .step {
    display: none;
}

.calc-widget .step.active {
    display: block;
}

.calc-widget .navigation-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.calc-widget .navigation-buttons button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: #ff8c00;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.calc-widget .navigation-buttons button:hover {
    background-color: #e67e00;
}

.calc-widget .navigation-buttons button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.calc-widget .banner img {
    max-width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .contact-section {
        padding-top: 150px; /* Отступ сверху для мобильных устройств */
    }

    .contact-info h4, .contact-address h4 {
        font-size: 20px;
    }

    .contact-info ul li, .contact-address ul li {
        font-size: 14px;
    }

    .calc-widget h1 {
        font-size: 20px;
    }

    .calc-widget .form-group label {
        font-size: 14px;
    }

    .calc-widget .form-group input,
    .calc-widget .form-group select {
        font-size: 14px;
    }

    .calc-widget .total {
        font-size: 18px;
    }

    .calc-widget .whatsapp-button {
        font-size: 16px;
    }

    .calc-widget .navigation-buttons button {
        font-size: 14px;
    }
}

/*---------------------------- Other Pages Styles ------------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

/* Medium Device : 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-section {
		padding-left: 0;
		padding-right: 0;
	}
	.top-social a {
		margin-left: 15px;
	}
}

/* Общие стили для шапки */
.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: #222; /* Фон шапки */
}

.logo img {
    max-height: 50px; /* Высота логотипа */
}

/* Общие стили для шапки */
.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background: #222; /* Фон шапки */
    position: relative; /* Для позиционирования мобильного меню */
}

.logo img {
    max-height: 50px; /* Высота логотипа */
}

/* Стили для мобильного меню */
.slicknav_menu {
    display: none;
    background: transparent;
    position: absolute;
    top: 10px; /* Отступ сверху */
    right: 10px; /* Отступ справа */
    z-index: 1000;
}

.slicknav_btn {
    background: #e4381C;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.slicknav_btn .slicknav_icon {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.slicknav_btn .slicknav_icon span {
    width: 25px;
    height: 3px;
    background: #fff;
    transition: all 0.3s ease;
}

.slicknav_nav {
    background: #333;
    position: absolute;
    top: 50px; /* Отступ от кнопки меню */
    right: 0;
    left: auto; /* Меню выезжает справа */
    width: 200px; /* Ширина меню */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.slicknav_nav ul {
    margin: 0;
    padding: 0;
}

.slicknav_nav a {
    color: #fff;
    padding: 15px 20px;
    display: block;
    font-size: 16px;
    text-align: left;
    transition: background 0.3s ease;
}

.slicknav_nav a:hover {
    background: #e4381C;
}

/* Анимация для кнопки меню */
.slicknav_btn.slicknav_open .slicknav_icon span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.slicknav_btn.slicknav_open .slicknav_icon span:nth-child(2) {
    opacity: 0;
}

.slicknav_btn.slicknav_open .slicknav_icon span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* Адаптация для мобильных устройств */
@media (max-width: 767px) {
    .slicknav_menu {
        display: block;
    }
    .nav-menu {
        display: none;
    }
    .header-wrapper {
        padding: 10px;
    }
}

/* Адаптация для планшетов */
@media (min-width: 768px) and (max-width: 991px) {
    .nav-menu {
        text-align: right;
    }
    .nav-menu .mainmenu ul li {
        margin-right: 15px;
    }
}
/*СТИЛИ ДЛЯ ТАБЛИЦЫ РАБОТ/

/* Works Section Styles */
.works-section {
    padding: 110px 20px;
    background-color: #000;
    color: #fff;
    text-align: center;
}

.section-title h2 {
    font-size: 42px;
    color: #ff8c00;
    margin-bottom: 10px;
}

.section-title p {
    font-size: 18px;
    color: #ccc;
    margin-bottom: 15px;
}

.price-call {
    font-size: 20px;
    color: #ff8c00;
    font-weight: bold;
    margin-bottom: 40px;
}

.works-accordion {
    max-width: 900px;
    margin: 0 auto;
}

.accordion-item {
    border: 2px solid #ff8c00;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #1a1a1a;
    transition: all 0.3s ease;
}

.accordion-item:hover {
    border-color: #ffaa00;
    box-shadow: 0 0 15px rgba(255, 140, 0, 0.3);
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.accordion-header:hover {
    background-color: #252525;
}

.service-heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.accordion-header h3 {
    font-size: 22px;
    margin: 0;
    color: #fff;
}

.price-badge {
    background-color: #ff8c00;
    color: #000;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
}

.arrow-icon {
    font-size: 24px;
    color: #ff8c00;
    transition: transform 0.3s ease;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    background-color: #252525;
}

.service-list {
    list-style: none;
    padding: 0 20px;
    margin: 0;
}

.service-list li {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #444;
    font-size: 16px;
    line-height: 1.5;
}

.service-list li:last-child {
    border-bottom: none;
}

.service-name {
    text-align: left;
    color: #fff;
}

.service-price {
    text-align: right;
    color: #ff8c00;
    font-weight: bold;
    white-space: nowrap;
    margin-left: 20px;
}

.cta-button {
    display: block;
    width: calc(100% - 40px);
    margin: 20px auto;
    padding: 15px;
    background-color: #ff8c00;
    color: #000;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cta-button:hover {
    background-color: #ffaa00;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 140, 0, 0.4);
}

/* Активный блок (открытый) */
.accordion-item.active .accordion-content {
    max-height: 1000px;
    padding: 15px 0;
}

.accordion-item.active .arrow-icon {
    transform: rotate(180deg);
}

/* Адаптивность */
@media (max-width: 768px) {
    .works-section {
        padding: 80px 15px;
    }
    
    .section-title h2 {
        font-size: 32px;
    }
    
    .price-call {
        font-size: 18px;
    }
    
    .accordion-header h3 {
        font-size: 18px;
    }
    
    .price-badge {
        font-size: 14px;
        padding: 3px 10px;
    }
    
    .service-list li {
        flex-direction: column;
        padding: 10px 0;
    }
    
    .service-price {
        text-align: left;
        margin-left: 0;
        margin-top: 5px;
    }
    
    .cta-button {
        font-size: 16px;
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .section-title h2 {
        font-size: 28px;
    }
    
    .accordion-header {
        padding: 15px;
    }
    
    .service-heading {
        gap: 8px;
    }
}