/******************************************************************
  Template Name: Hazze
  Description: Manup Fashion 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.  Services Section
6.  Portfolio Section
7.  Tetimonial Section
8.  Member Section
9.  Contact
10.  Footer Style

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

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

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

/*===---	Справочник.	---===*/
/*	Запреты

	-moz-user-select: none; - Запрещаем выделение, копирование текста
	-ms-user-select: none; - Запрещаем выделение, копирование текста
	-khtml-user-select: none; - Запрещаем выделение, копирование текста
	user-select: none; - Запрещаем выделение, копирование текста
	pointer-events: none; - Запрещаем выделение, копирование изображений

*/

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

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Libre Franklin", 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: "Libre Franklin", sans-serif;
	color: #343434;
	font-weight: 400;
	line-height: 26px;
	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 {
	text-align: center;
	margin-bottom: 60px;
}

.section-title span {
	color: #9F1EE9;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.section-title h2 {
	font-size: 45px;
	color: #000000;
	font-weight: 700;
	margin-top: 14px;
	background: #9F1EE9;
	-moz-box-shadow: 0px 0px 41px #9F1EE9; 
	-webkit-box-shadow: 0px 0px 41px #9F1EE9; 
	box-shadow: 0px 0px 41px #9F1EE9;
	animation: 2s neon-white alternate-reverse infinite;
}

.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 {
	font-size: 16px;
	color: #ffffff;
	background: #9F1EE9;
	display: inline-block;
	font-weight: 700;
	padding: 12px 30px 10px;
}

.primary-button-anim {
	font-size: 16px;
	color: #ffffff;
	background: #9F1EE9;
	display: inline-block;
	font-weight: 700;
	padding: 12px 30px 10px;
	font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
    animation: 0.9s neon-gold alternate-reverse infinite;
}


.primary-btn1 {
	font-size: 16px;
	color: #55eeee;
	background: #3565e5;
	display: inline-block;
	font-weight: 700;
	padding: 12px 110px 12px;
	margin-top: 5px;
	margin-left: 5px;
}

.site-btn {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	padding: 10px 34px;
	display: inline-block;
	background: #9F1EE9;
	border: 1px solid #9F1EE9;
}

.site-btn-1 {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	padding: 10px 34px;
	display: inline-block;
	background: #9F1EE9;
	border: 1px solid #9F1EE9;
	margin-left: 37%;
}
/* Preloder */

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

.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 {
	background: #050005;
}

.logo {
	padding: 24px 0 30px;
}

.logo a {
	display: inline-block;
}

.main-menu {
	text-align: center;
}

.main-menu ul li {
	display: inline-block;
	list-style: none;
	margin-left: 30px;
	position: relative;
	
}

.main-menu ul li .dropdown {
	position: absolute;
	width: 180px;
	background: #ffffff;
	z-index: 99;
	left: 0;
	top: 90px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1.8s;
	-o-transition: all 1.8s;
	transition: all 1.8s;
}

.main-menu ul li .dropdown-position-1 {
	position: absolute;
	width: 250px;
	background: #ffffff;
	z-index: 99;
	right: 90px;
	top: 90px;
	opacity: 1;
	visibility: hidden;
	-webkit-transition: all 1.3s;
	-o-transition: all 1.3s;
	transition: all 1.3s;
}

.main-menu ul li .dropdown-position-2 {
	position: absolute;
	width: 250px;
	background: #ffffff;
	z-index: 99;
	right: 90px;
	top: 90px;
	opacity: 1;
	visibility: hidden;
	-webkit-transition: all 1.8s;
	-o-transition: all 1.8s;
	transition: all 1.8s;
}

.main-menu img {
	max-width: 120px;
}

.mobile-menu img {
	max-width: 120px;
}

.main-menu ul li .dropdown-position-3 {
	position: absolute;
	width: 250px;
	background: #ffffff;
	z-index: 99;
	right: 90px;
	top: 90px;
	opacity: 1;
	visibility: hidden;
	-webkit-transition: all 2.3s;
	-o-transition: all 2.3s;
	transition: all 2.3s;
}


.main-menu ul li .dropdown li {
	display: block;
	margin-right: 0;
	text-align: center;
	margin-left: 0;
}

.main-menu ul li .dropdown h1 {
	display: block;
	margin-right: 0;
	text-align: center;
	margin-left: 0;
	font-family: 'Times New Roman';
	font-size: 40px;
	border-bottom: 3px solid #333333;

}

.main-menu ul li .dropdown li a {
	padding: 8px 20px;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: capitalize;
	color: #191919;
	border-bottom: 3px solid #333333;
	border-top: 3px solid #333333;
}

.main-menu ul li .dropdown li a:hover {
	color: #9F1EE9;
	border-bottom: 6px solid #333333;
	border-top: 6px solid #333333;
	border-left: 6px solid #333333;
	border-right: 6px solid #333333;
	transition: 0.3s;
	
}


.main-menu ul li.active a {
	color: #9F1EE9;
}

.main-menu ul li.active1 a {
	color: #55eeee;
}

.main-menu ul li.active2 a {
	color: #55eeee;
}

.main-menu ul li.active3 a {
	color: #DAA520;
}

.main-menu ul li.active4 a {
	color: #006400;
}

.main-menu ul li.active5 a {
	color: #7FFF00;
}

.main-menu ul li.active6 a {
	color: #D2B48C;
}

.main-menu ul li.active7 a {
	color: #00008B;
}

.main-menu ul li.active8 a {
	color: #EE82EE;
}

.main-menu ul li.active9 a {
	color: #800080;
}

.main-menu ul li.active10 a {
	color: #00FF7F;
}

.main-menu ul li.active11 a {
	color: #B22222; 
}

.main-menu ul li.active12 a {
	color: #FFA500; 
}

.main-menu ul li.active13 a {
	color: #ffffff; 
}

.main-menu ul li.active14 a {
	color: #DBBD20; 
}

.main-menu ul li.active15 a {
	color: #778899; 
}

.main-menu ul li.active16 a {
	color: #FF69B4; 
}

.main-menu ul li.active17 a {
	color: #ffffff; 
}

.main-menu ul li.active18 a {
	color: #8B0000; 
}

.main-menu ul li.active19 a {
	color: #FFA500; 
}

.main-menu ul li.active20 a {
	color: #FFA500; 
}

.main-menu ul li.active21 a {
	color: #FFA500; 
}

.main-menu ul li:hover>a {
	color: #9F1EE9;
}

.main-menu ul li:hover .dropdown {
	opacity: 1;
	visibility: visible;
	top: 70px;

}

.main-menu ul li:hover .dropdown-position-1 {
	opacity: 1;
	visibility: visible;
	top: 6px;
	left: 5px;
}

.main-menu ul li:hover .dropdown-position-2 {
	opacity: 1;
	visibility: visible;
	top: 6px;
	left: -250px;
}

.main-menu ul li:hover .dropdown-position-3 {
	opacity: 1;
	visibility: visible;
	top: 6px;
	left: -505px;
}

.main-menu ul li:hover .dropdown-position-5 {
	opacity: 1;
	visibility: visible;
	top: 6px;
	left: 260px;
}

.main-menu ul li a {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	padding: 25px 0 30px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.slicknav_menu {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero-section {
	height: 700px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.hs-text span {
	color: #9F1EE9;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
}

.hs-text h2 {
	color: #ffffff;
	font-size: 80px;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 8px;
	-webkit-text-stroke: 2px #000000;
	animation: 2s neon-purple-one alternate-reverse infinite;
}

.hs-text p {
	color: #ffffff;
	margin-bottom: 45px;
	-webkit-text-stroke: 1px #000000;
	font-size: 36px;
	animation: 3s neon-purple-one alternate-reverse infinite;
}

/*---------------------
  About Us Section
-----------------------*/

.about-us-section {
	background: #191919;
}

.as-pic img {
	max-width: 500px;
}

.service-pic img {
	min-width: 200px;
	max-width: 200px;
}

.service-main-building-pic-left {
	min-width: 350px;
	max-width: 350px;
	min-height: 350px;
	max-height: 350px;
	float: left; 
}

.service-main-building-pic-left img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.space-10px {
	min-width: 30px;
	max-width: 30px;
	min-height: 200px;
	max-height: 200px;
	float: left; 
}

.service-main-building-pic-right {
	min-width: 350px;
	max-width: 350px;
	min-height: 350px;
	max-height: 350px;
	float: right; 
}

.service-main-building-pic-right img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.as-text {
	padding-top: 30px;
	padding-left: 20px;
}

.as-text.ap-text {
	padding-top: 14px;
}

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

.as-text p {
	color: #b3b3b3;
}

.as-text p.f-para {
	margin-bottom: 8px;
}

.as-text p.s-para {
	margin-bottom: 37px;
}

.as-text .about-counter .ac-item {
	float: left;
	margin-right: 48px;
	position: relative;
	text-align: center;
}

.as-text .about-counter .ac-item:after {
	position: absolute;
	right: -20px;
	top: 10px;
	height: 65px;
	width: 1px;
	background: #393939;
	content: "";
}

.as-text .about-counter .ac-item:last-child {
	margin-right: 0;
	padding-right: 0;
}

.as-text .about-counter .ac-item:last-child:after {
	display: none;
}

.as-text .about-counter .ac-item h2 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 8px;
	animation: 2s neon-purple-one alternate-reverse infinite;
}

.as-text .about-counter .ac-item p {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 0;
}

/*---------------------
  Services Section
-----------------------*/

.services-section {
	background: #191919;
	padding-top: 0;
	padding-bottom: 80px;
}

.service-item {
	text-align: center;
	background: #222222;
	padding: 35px 35px 0;
	height: 570px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
}

.service-item-anim {
	position: relative;
    z-index: 100;
    border-radius: 14px;
    overflow: hidden;
    align-items: center;
    justify-content: center;  
    font-family: 'Roboto', sans-serif;
	text-align: center;
	padding: 35px 35px 0;
	height: 500px;
	width: 330px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
	margin-right: 30px;
	margin-left: 30px;
	-moz-box-shadow: 0px 0px 52px #9F1EE9; 
	-webkit-box-shadow: 0px 0px 52px #9F1EE9; 
	box-shadow: 0px 0px 52px #9F1EE9;


}

.service-item-anim::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#9F1EE9, #9F1EE9), linear-gradient(#000000, #000000), linear-gradient(#9F1EE9, #9F1EE9), linear-gradient(#000000, #000000);
    animation: anim-service-item-anim 3.1s linear infinite;
}
.service-item-anim::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #FFFFFF;
    border-radius: 5px;
}


@keyframes anim-service-item-anim {
    100% {
        transform: rotate(1turn);
    }
}

.service-item-anim-small {
	position: relative;
    z-index: 0;
    border-radius: 10px;
    overflow: hidden;
    align-items: center;
    justify-content: center;  
    font-family: 'Roboto', sans-serif;
	text-align: center;
	background: #222222;
	padding: 35px 35px 0;
	height: 440px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
}

.service-item-anim-small::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #BFE2FF;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#000000, #000000), linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#000000, #000000);
    animation: anim-service-item-anim-small 4s linear infinite;
}
.service-item-anim-small::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #222222;
    border-radius: 5px;
}
@keyframes anim-service-item-anim-small {
    100% {
        transform: rotate(1turn);
    }
}

.service-item1 {
	text-align: center;
	background: #222222;
	padding: 46px 50px 0;
	height: 470px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
}

.service-item13 {
	text-align: center;
	background: #222222;
	padding: 25px 25px 0;
	height: 150px;
	max-height: 50px;
	max-width: 50px;
}

.service-item2 {
	text-align: center;
	background: #222222;
	padding: 46px 50px 0;
	height: 370px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
}

.service-item:hover {
	border-bottom: 7px solid #ffffff;
	border-top: 7px solid #ffffff;
	border-left: 7px solid #ffffff;
	border-right: 7px solid #ffffff;
	transition: 0.5s;
}

.service-item-anim:hover {
	border-bottom: 7px solid #9F1EE9;
	border-top: 7px solid #9F1EE9;
	border-left: 7px solid #9F1EE9;
	border-right: 7px solid #9F1EE9;
	transition: 0.5s;
}

.service-item-anim-small:hover {
	border-bottom: 7px solid #ffffff;
	border-top: 7px solid #ffffff;
	border-left: 7px solid #ffffff;
	border-right: 7px solid #ffffff;
	transition: 0.5s;
}

.service-item1:hover {
	border-bottom: 3px solid #9F1EE9;
}

.service-item2:hover {
	border-bottom: 3px solid #9F1EE9;
}

.service-item h4 {
	font-size: 22px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 33px;
	margin-bottom: 25px;
}

.service-item1 h4 {
	font-size: 22px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 33px;
	margin-bottom: 25px;
}

.service-item2 h4 {
	font-size: 22px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 33px;
	margin-bottom: 25px;
}
/*---------------------
  Portfolio Section
-----------------------*/

.portfolio-section {
	background: #222222;
	padding-bottom: 0;
}

.portfolio-section .section-title {
	margin-bottom: 100px;
}

.portfolio-item {
	height: 393px;
	margin-left: -15px;
	margin-right: -15px;
	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;
	position: relative;
	z-index: 1;
}

.portfolio-item:hover:after {
	opacity: 1;
}

.portfolio-item:hover .pi-hover a.chain-icon {
	opacity: 1;
	visibility: visible;
	left: 0;
}

.portfolio-item:hover .pi-hover a.search-icon {
	opacity: 1;
	visibility: visible;
	right: 0;
}

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

.portfolio-item.large-item {
	height: 786px;
}

.portfolio-item .pi-hover a {
	display: inline-block;
	width: 66px;
	height: 66px;
	background: #9F1EE9;
	border-radius: 50%;
	text-align: center;
	font-size: 26px;
	color: #ffffff;
	line-height: 66px;
	margin-right: 15px;
}

.portfolio-item .pi-hover a:last-child {
	margin-right: 0;
}

.portfolio-item .pi-hover a.chain-icon {
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	visibility: hidden;
	opacity: 0;
	position: relative;
	left: -20px;
}

.portfolio-item .pi-hover a.search-icon {
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	visibility: hidden;
	opacity: 0;
	position: relative;
	right: -20px;
}

/*---------------------
  Counter Section
-----------------------*/

.counter-section {
	background: #191919;
	padding-top: 755px;
	margin-top: -640px;
	padding-bottom: 70px;
}

.counter-text {
	margin-bottom: 40px;
}

.counter-text .section-title {
	text-align: left;
	margin-bottom: 50px;
}

.counter-item {
	margin-bottom: 24px;
	position: relative;
}

.counter-item .ci-number {
	font-size: 48px;
	color: #9F1EE9;
	font-weight: 700;
	line-height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}

.counter-item .ci-text {
	padding-left: 170px;
}

.counter-item .ci-text h4 {
	font-size: 22px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 12px;
}

/*---------------------
  Testimonial Section
-----------------------*/

.testimonial-section {
	background: #191919;
	padding-top: 0;
}

.testimonial-slider {
	margin-left: 0;
}

.testimonial-slider .col-lg-6 {
	max-width: 100%;
}

.testimonial-slider.owl-carousel .owl-dots {
	text-align: center;
	padding-top: 22px;
}

.testimonial-slider.owl-carousel .owl-dots button {
	height: 8px;
	width: 8px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	margin-right: 10px;
}

.testimonial-slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.testimonial-slider.owl-carousel .owl-dots button.owl-dot.active {
	width: 27px;
	background: #9F1EE9;
	border-radius: 50px;
}

.testimonial-item {
	background: #222222;
	padding: 60px 20px 50px 40px;
}

.testimonial-item .ti-pic {
	float: left;
	margin-right: 35px;
}

.testimonial-item .ti-pic img {
	height: 128px;
	width: 128px;
	border-radius: 50%;
}

.testimonial-item .ti-text {
	overflow: hidden;
}

.testimonial-item .ti-text .ti-title {
	margin-bottom: 8px;
}

.testimonial-item .ti-text .ti-title h4 {
	font-size: 22px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 4px;
}

.testimonial-item .ti-text .ti-title span {
	font-size: 12px;
	color: #9F1EE9;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.testimonial-item .ti-text p {
	margin-bottom: 0;
}

/*---------------------
  Call To Section
-----------------------*/

.callto-section {
	padding: 80px 0;
}

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

.ctc-text h2 {
	font-size: 45px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.ctc-text p {
	color: #ffffff;
	margin-bottom: 45px;
}

.ctc-text .primary-btn.ctc-btn {
	background: #ffffff;
	color: #9F1EE9;
}

/*---------------------
  Member Section
-----------------------*/

.member-section {
	background: #191919;
	padding-bottom: 80px;
}

.member-section.ap-member {
	padding-top: 0;
}

.member-item {
	height: 435px;
	position: relative;
	margin-bottom: 24px;
	
}

.member-item:hover {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	border-bottom: 7px solid #ffffff;
	border-top: 7px solid #ffffff;
	border-left: 7px solid #ffffff;
	border-right: 7px solid #ffffff;
	transition: 1s;
}

.member-item:hover .mi-text {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.member-item .mi-text {
	text-align: center;
	background: #191919;
	position: absolute;
	left: 20px;
	top: 23px;
	width: calc(100% - 40px);
	height: calc(100% - 46px);
	padding: 50px 20px 60px 20px;
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	z-index: 0;
    overflow: hidden;
    align-items: center;
    justify-content: center; 
}

.member-item .mi-text::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #BFE2FF;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#000000, #000000), linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#000000, #000000);
    animation: anim-service-item-anim 3.1s linear infinite;
}
.member-item .mi-text::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #222222;
    border-radius: 5px;
}

.member-item .mi-text p {
	margin-bottom: 32px;
}

.member-item .mi-text .mt-title {
	margin-bottom: 20px;
}

.member-item .mi-text .mt-title h4 {
	font-size: 22px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 4px;
}

.member-item .mi-text .mt-title h5 {
	font-size: 22px;
	color: #9F1EE9;
	font-weight: 700;
	margin-bottom: 4px;
}

.member-item .mi-text .mt-title span {
	font-size: 12px;
	color: #9F1EE9;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.member-item .mi-text .mt-social a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #303030;
	border-radius: 50%;
	margin-right: 3px;
}

.member-item .mi-text .mt-social a:last-child {
	margin-right: 0;
}

/*---------------------
  Footer
-----------------------*/

.footer-section {
	background: #191919;
	padding-top: 80px;
	padding-bottom: 50px;
}

.footer-option {
	margin-bottom: 24px;
}

.footer-option .fo-logo {
	margin-bottom: 24px;
}

.footer-option .fo-logo a {
	display: inline-block;
}

.footer-option ul {
	margin-bottom: 12px;
}

.footer-option ul li {
	list-style: none;
	font-size: 16px;
	color: #b3b3b3;
	line-height: 0px;
}

.footer-option .fo-social a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	width: 41px;
	height: 41px;
	background: #303030;
	border-radius: 50%;
	text-align: center;
	line-height: 41px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 3px;
	margin-top: 5px;
}

.footer-option .fo-social a:hover {
	background: #9F1EE9;
}

.footer-widget {
	margin-bottom: 24px;
}

.footer-widget.fw-links {
	padding-left: 35px;
}

.footer-widget h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.footer-widget ul li {
	list-style: none;
}

.footer-widget ul li a {
	font-size: 16px;
	color: #b3b3b3;
	line-height: 3px;
}

.footer-widget1 ul li a {
	font-size: 19px;
	color: #ffffff;
	line-height: 36px;
}

.footer-widget p {
	margin-bottom: 18px;
	color: #b080b0;
}

.footer-widget .news-form input {
	font-size: 14px;
	height: 46px;
	color: #b3b3b3;
	border: 1px solid #707070;
	padding-left: 25px;
	background: #191919;
	width: 100%;
	margin-bottom: 8px;
}

.footer-widget .news-form input::-webkit-input-placeholder {
	color: #b3b3b3;
}

.footer-widget .news-form input::-moz-placeholder {
	color: #b3b3b3;
}

.footer-widget .news-form input:-ms-input-placeholder {
	color: #b3b3b3;
}

.footer-widget .news-form input::-ms-input-placeholder {
	color: #b3b3b3;
}

.footer-widget .news-form input::placeholder {
	color: #b3b3b3;
}

.footer-widget .news-form button {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	display: block;
	background: #9F1EE9;
	border: none;
	padding: 12px 0;
	width: 100%;
}

.footer-widget .insta-pic img {
	margin-right: 5px;
	width: calc(33.33% - 5px);
	float: left;
	margin-bottom: 5px;
}

.copyright-text {
	padding-top: 25px;
	color: #b3b3b3;
	text-align: center;
	font-size: 14px;
}

.copyright-text i {
	color: #9F1EE9;
}

.copyright-text a {
	color: #b3b3b3;
}

.copyright-text a:hover {
	color: #9F1EE9;
}

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

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

.breadcrumb-section {
	background: #2a2a2a;
	padding: 50px 0;
}

.breadcrumb-section.bread-normal {
	border-bottom: 1px solid #191919;
}

.breadcrumb-option {
	line-height: 36px;
}

.breadcrumb-option a {
	display: inline-block;
	color: #b3b3b3;
	margin-right: 24px;
	position: relative;
}

.breadcrumb-option a::after {
	position: absolute;
	right: -15px;
	top: 16px;
	width: 6px;
	height: 6px;
	background: #5c5c5c;
	content: "";
	border-radius: 50%;
}

.breadcrumb-option span {
	color: #5c5c5c;
}

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

.breadcrumb-text h3 {
	color: #ffffff;
	font-weight: 700;
}

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

.blog-section {
	background: #222222;
}

.blog-section.latest-blog {
	padding-bottom: 80px;
}

.blog-section .blog-btn {
	padding-top: 30px;
}

.blog-section .blog-btn .primary-btn {
	background: #222222;
	border: 2px solid #9F1EE9;
}

.blog-item {
	background: #191919;
	margin-bottom: 24px;
	height: 390px;
}

.blog-item.solid-bg {
	background: #9F1EE9;
	padding: 55px 45px 55px 65px;
}

.blog-item.solid-bg .bi-text {
	padding: 0;
}

.blog-item.solid-bg .bi-text ul li {
	color: #ffffff;
}

.blog-item.solid-bg .bi-text h4 {
	margin-bottom: 12px;
}

.blog-item.solid-bg .bi-text p {
	color: #ffffff;
	margin-bottom: 20px;
}

.blog-item.solid-bg .bi-text .bt-author .ba-text h5 {
	color: #ffffff;
}

.blog-item.solid-bg .bi-text .bt-author .ba-text span {
	color: #ffffff;
}

.blog-item .bi-pic {
	height: 390px;
}

.blog-item .bi-text {
	padding-top: 46px;
	padding-right: 20px;
	padding-bottom: 38px;
}

.blog-item .bi-text ul {
	margin-bottom: 17px;
}

.blog-item .bi-text ul li {
	list-style: none;
	display: inline-block;
	color: #9F1EE9;
	font-size: 14px;
	margin-right: 8px;
}

.blog-item .bi-text ul li i {
	margin-right: 4px;
}

.blog-item .bi-text h4 {
	margin-bottom: 22px;
}

.blog-item .bi-text h4 a {
	color: #ffffff;
	font-weight: 700;
	line-height: 32px;
}

.blog-item .bi-text p {
	margin-bottom: 42px;
}

.blog-item .bi-text .bt-author .ba-pic {
	float: left;
	margin-right: 12px;
}

.blog-item .bi-text .bt-author .ba-pic img {
	height: 53px;
	width: 50px;
	border-radius: 50%;
}

.blog-item .bi-text .bt-author .ba-text {
	overflow: hidden;
	padding-top: 4px;
}

.blog-item .bi-text .bt-author .ba-text h5 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 4px;
}

.blog-item .bi-text .bt-author .ba-text span {
	font-size: 12px;
	color: #9F1EE9;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-hero-section {
	padding-top: 130px;
	padding-bottom: 120px;
}

.blog-hero-section .bh-text span {
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #9F1EE9;
	padding: 5px 26px;
}

.blog-hero-section .bh-text span1 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #55eeee;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span2 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #55eeee;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span3 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #DAA520;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span4 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #006400;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span5 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #7FFF00;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span6 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #D2B48C;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span7 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #00008B;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span8 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #EE82EE;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span9 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #800080;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span10 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #00FF7F;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span11 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #B22222;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span12 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #FFA500;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span13 {
	font-size: 44px;
	color: #00BFFF;
	text-transform: uppercase;
	font-weight: 700;
	background: #FFFAFA;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span14 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #DBBD20;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span15 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #778899;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span16 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #FF69B4;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span17 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #000000;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span18 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #8B0000;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span19 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #D2B48C;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span20 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #D2B48C;
	padding: 15px 26px;
}

.blog-hero-section .bh-text span21 {
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #D2B48C;
	padding: 15px 26px;
}

.blog-hero-section .bh-text h2 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}

.blog-hero-section .bh-text h2-1 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}

.blog-hero-section .bh-text h2-2 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}

.blog-hero-section .bh-text h2-3 {
	font-size: 60px;
	color: #DAA520;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}

.blog-hero-section .bh-text h2-4 {
	font-size: 60px;
	color: #000000;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-5 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-6 {
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-7 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-8 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-9 {
	font-size: 60px;
	color: #010101;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-10 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-11 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-12 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-13 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-14 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-15 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-16 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-17 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-18 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-19 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-20 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}


.blog-hero-section .bh-text h2-21 {
	font-size: 60px;
	color: #00008B;
	font-weight: 700;
	line-height: 72px;
	margin-top: 34px;
	margin-bottom: 16px;
}



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

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

.blog-hero-section .bh-text ul li-2 {
	font-size: 14px;
	color: #00008B;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 45px;
	display: inline-block;
	list-style: none;
	position: relative;
}

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

.blog-hero-section .bh-text ul li-4 {
	font-size: 14px;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 45px;
	display: inline-block;
	list-style: none;
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blog-hero-section .bh-text ul li:after {
	position: absolute;
	right: -24px;
	top: 4px;
	width: 1px;
	height: 15px;
	background: #585658;
	content: "";
}

.blog-hero-section .bh-text ul li:last-child {
	margin-right: 0;
}

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

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

.blog-details-section {
	background: #222222;
}

.blog-details-section1 {
	background: #55eeee;
}

.bd-text .bd-title {
	margin-bottom: 65px;
}

.bd-text .bd-title p {
	line-height: 30px;
	font-size: 17px;
}

.bd-text .bd-pic {
	margin-bottom: 46px;
}

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

.bd-text .bd-more-text {
	margin-bottom: 62px;
}

.bd-text .bd-more-text .bm-item {
	margin-bottom: 32px;
}

.bd-text .bd-more-text .bm-item h4 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.bd-text .bd-more-text .bm-item p {
	font-size: 17px;
	line-height: 30px;
}

.bd-text .bd-more-text .bm-item1 {
	margin-bottom: 32px;
}

.bd-text .bd-more-text .bm-item1 h4 {
	color: #ffffff;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}

.bd-text .bd-more-text .bm-item1 p {
	font-size: 17px;
	line-height: 30px;
}

.bd-text .bd-quote {
	background: #2888e3;
	padding: 60px 150px 50px 180px;
	position: relative;
	margin-bottom: 60px;
}

.bd-text .bd-quote img {
	position: absolute;
	left: 15px;
	top: 15px;
}

.bd-text .bd-quote p {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 22px;
}

.bd-text .bd-quote p1 {
	color: #ffffff;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 22px;
}

.bd-text .bd-quote .quote-author h5 {
	color: #b3b3b3;
	margin-bottom: 4px;
}

.bd-text .bd-quote .quote-author span {
	color: #b3b3b3;
	font-size: 14px;
}

.bd-text .bd-last-para {
	margin-bottom: 90px;
}

.bd-text .bd-last-para p {
	color: #ffffff;
	font-size: 17px;
	line-height: 30px;
}

.bd-text .tag-share {
	border-top: 1px solid #363636;
	padding-top: 30px;
	overflow: hidden;
	margin-bottom: 70px;
}

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

.bd-text .tag-share .tags a {
	display: inline-block;
	background: #363636;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 5px 19px;
	margin-right: 6px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bd-text .tag-share .tags a:hover {
	background: #9F1EE9;
}

.bd-text .tag-share .social-share {
	text-align: right;
}

.bd-text .tag-share .social-share a {
	font-size: 16px;
	color: #b3b3b3;
	margin-left: 25px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bd-text .tag-share .social-share a:hover {
	color: #9F1EE9;
}

.bd-text .tag-share .social-share span {
	font-size: 16px;
	color: #b3b3b3;
}

.bd-text .blog-author {
	text-align: center;
	margin-bottom: 56px;
}

.bd-text .blog-author img {
	height: 117px;
	width: 117px;
	border-radius: 50%;
}

.bd-text .blog-author h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 28px;
	margin-bottom: 12px;
}

.bd-text .blog-author p {
	font-size: 17px;
}

.bd-text .blog-author .bt-social a {
	display: inline-block;
	color: #b3b3b3;
	font-size: 14px;
	margin-right: 30px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bd-text .blog-author .bt-social a:hover {
	color: #9F1EE9;
}

.bd-text .blog-author .bt-social a:last-child {
	margin-right: 0;
}

.bd-text .leave-comment h2 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 36px;
}

.comment-form input,
.contact-form input {
	height: 50px;
	width: 100%;
	border: none;
	font-size: 16px;
	color: #b3b3b3;
	padding-left: 20px;
	background: #393939;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
}

.comment-form input::-webkit-input-placeholder,
.contact-form input::-webkit-input-placeholder {
	color: #b3b3b3;
}

.comment-form input::-moz-placeholder,
.contact-form input::-moz-placeholder {
	color: #b3b3b3;
}

.comment-form input:-ms-input-placeholder,
.contact-form input:-ms-input-placeholder {
	color: #b3b3b3;
}

.comment-form input::-ms-input-placeholder,
.contact-form input::-ms-input-placeholder {
	color: #b3b3b3;
}

.comment-form input::placeholder,
.contact-form input::placeholder {
	color: #b3b3b3;
}

.comment-form input:focus,
.contact-form input:focus {
	background: #ffffff;
	color: #0d0a27;
}

.comment-form input:focus::-webkit-input-placeholder,
.contact-form input:focus::-webkit-input-placeholder {
	color: #0d0a27;
}

.comment-form input:focus::-moz-placeholder,
.contact-form input:focus::-moz-placeholder {
	color: #0d0a27;
}

.comment-form input:focus:-ms-input-placeholder,
.contact-form input:focus:-ms-input-placeholder {
	color: #0d0a27;
}

.comment-form input:focus::-ms-input-placeholder,
.contact-form input:focus::-ms-input-placeholder {
	color: #0d0a27;
}

.comment-form input:focus::placeholder,
.contact-form input:focus::placeholder {
	color: #0d0a27;
}

.comment-form textarea,
.contact-form textarea {
	width: 100%;
	border: none;
	font-size: 16px;
	color: #b3b3b3;
	padding-left: 20px;
	background: #393939;
	height: 110px;
	padding-top: 12px;
	resize: none;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 45px;
}

.comment-form textarea::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
	color: #b3b3b3;
}

.comment-form textarea::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
	color: #b3b3b3;
}

.comment-form textarea:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
	color: #b3b3b3;
}

.comment-form textarea::-ms-input-placeholder,
.contact-form textarea::-ms-input-placeholder {
	color: #b3b3b3;
}

.comment-form textarea::placeholder,
.contact-form textarea::placeholder {
	color: #b3b3b3;
}

.comment-form textarea:focus,
.contact-form textarea:focus {
	background: #ffffff;
	color: #0d0a27;
}

.comment-form textarea:focus::-webkit-input-placeholder,
.contact-form textarea:focus::-webkit-input-placeholder {
	color: #0d0a27;
}

.comment-form textarea:focus::-moz-placeholder,
.contact-form textarea:focus::-moz-placeholder {
	color: #0d0a27;
}

.comment-form textarea:focus:-ms-input-placeholder,
.contact-form textarea:focus:-ms-input-placeholder {
	color: #0d0a27;
}

.comment-form textarea:focus::-ms-input-placeholder,
.contact-form textarea:focus::-ms-input-placeholder {
	color: #0d0a27;
}

.comment-form textarea:focus::placeholder,
.contact-form textarea:focus::placeholder {
	color: #0d0a27;
}

/*---------------------
  Recommend Section
-----------------------*/

.recommend-section {
	background: #222222;
	border-top: 1px solid #393939;
	padding-bottom: 80px;
}

.recommend-section .section-title h2 {
	margin-top: 0;
}

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

.gallery-section {
	background: #191919;
	padding-bottom: 80px;
}

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

.gallery-section .gallery-controls ul li {
	list-style: none;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-right: 55px;
	cursor: pointer;
}

.gallery-section .gallery-controls ul li.active {
	color: #9F1EE9;
}

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

.gallery-section .gs-item {
	margin-bottom: 24px;
}

.gallery-section .gs-item img {
	min-width: 100%;
}

/*---------------------
  Map
-----------------------*/

.map {
	height: 500px;
}

.map iframe {
	width: 100%;
}

/*---------------------
  Contact
-----------------------*/

.contact-section {
	background: #222222;
}

.contact-section p {
	color: #FFFFFF;
}

.contact-text h4 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 45px;
}

.contact-text .ct-item {
	overflow: hidden;
	margin-bottom: 15px;
}

.contact-text .ct-item .ci-icon {
	width: 74px;
	height: 74px;
	text-align: center;
	line-height: 90px;
	border-radius: 50%;
	background: #393939;
	float: left;
	margin-right: 26px;
}

.contact-text .ct-item .ci-icon span {
	color: #9F1EE9;
	font-size: 30px;
}

.contact-text .ct-item .ci-text {
	overflow: hidden;
	margin-top: 8px;
}

.contact-text .ct-item .ci-text ul li {
	list-style: none;
	font-size: 18px;
	color: #ffffff;
}

.contact-text .ct-item .ci-text ul li span {
	display: block;
	color: #b3b3b3;
}

.contact-option h4 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 45px;
}

/*-------------------------------- Respinsive Media Styles --------------------------------*/

@media only screen and (min-width: 1600px) {
	.portfolio-section .container {
		max-width: 1570px;
	}
}

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

/* Medium Device: 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.member-item .mi-text {
		padding: 30px 20px 60px 20px;
	}
	.blog-item .bi-text {
		padding-top: 20px;
		padding-right: 10px;
		padding-bottom: 30px;
	}
	.as-text .about-counter .ac-item {
		margin-right: 12px;
	}
	.as-text .about-counter .ac-item:after {
		right: -7px;
	}
}

@media only screen and (max-width: 991px) {
	.as-text {
		padding-left: 0;
	}
	.blog-item {
		height: auto;
	}
	.blog-item .bi-text {
		padding-left: 30px;
	}
	.footer-widget.fw-links {
		padding-left: 0;
	}
	.contact-option {
		padding-top: 30px;
	}
	.as-text.ap-text {
		padding-top: 30px;
	}
}

/* Large Mobile: 480px */

@media only screen and (max-width: 767px) {
	.main-menu {
		text-align: right;
		display: none;
		
	}
	.main-menu img {
		max-width: 150px;
	}
	.slicknav_btn {
		margin: 0;
		border-radius: 0;
		background-color: #666;
		position: absolute;
		right: 15px;
		top: 20px;
		display: inline-block;
		float: none;
	}
	.slicknav_nav {
		background: #666;
		display: block;
	}
	.slicknav_menu {
		display: block;
		background: transparent;
		padding: 0;
	}
	.header-section .container {
		position: relative;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 8px 30px;
		margin: 0;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: #9F1EE9;
		color: #ffffff;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: #9F1EE9;
		color: #ffffff;
	}
	.breadcrumb-text {
		text-align: left;
	}
	.counter-item .ci-number {
		position: relative;
		margin-bottom: 15px;
	}
	.counter-item .ci-text {
		padding-left: 0;
	}
	.as-text .about-counter .ac-item {
		margin-right: 20px;
	}
	.as-text .about-counter .ac-item:after {
		right: -11px;
	}
	.blog-hero-section .bh-text ul li {
		margin-right: 20px;
	}
	.blog-hero-section .bh-text ul li:after {
		right: -12px;
	}
	.bd-text .tag-share .tags {
		float: none;
		margin-bottom: 24px;
	}
	.bd-text .tag-share .social-share {
		text-align: left;
	}
	.gallery-section .gallery-controls ul li {
		margin-right: 12px;
	}
	.bd-text .bd-quote img {
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 8px;
	}
	.bd-text .bd-quote {
		padding: 40px;
	}
	.blog-hero-section .bh-text h2 {
		font-size: 40px;
		line-height: normal;
	}
	.as-pic img {
	max-width: 400px;
	}
	.service-item-anim {
	position: relative;
    z-index: 100;
    border-radius: 14px;
    overflow: hidden;
    align-items: center;
    justify-content: center;  
    font-family: 'Roboto', sans-serif;
	text-align: center;
	padding: 35px 35px 0;
	height: 500px;
	width: 380px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
	margin-right: 30px;
	margin-left: 30px;
	-moz-box-shadow: 0px 0px 52px #9F1EE9; 
	-webkit-box-shadow: 0px 0px 52px #9F1EE9; 
	box-shadow: 0px 0px 52px #9F1EE9;
	}
	.service-item-anim::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#9F1EE9, #9F1EE9), linear-gradient(#000000, #000000), linear-gradient(#9F1EE9, #9F1EE9), linear-gradient(#000000, #000000);
    animation: anim-service-item-anim 3.1s linear infinite;
	}
	.service-item-anim::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #FFFFFF;
    border-radius: 5px;
	}
	.hs-text p {
		color: #000;
		font-size: 36px;
		-webkit-text-stroke: 1px #FFFFFF;		
	}
	.hs-text h2 {
		-webkit-text-stroke: 1px #000000;		
	}
	.tabcontent {
		width: 100%;
	}
	.row .tabcontent1 {
		width: 100%;
	}
	.row .tabcontent1 h2 {
		text-align: center;
		
	}
	.row .tabcontent2 h2 {
		text-align: center;
		
	}
	.tabcontent button {
		font-size: 16px;
		color: #000000;
		background: #f1f1f1;
		display: inline-block;
		font-weight: 70;
		height: 40px;
		width: 100%;
		text-align: center;
		margin-bottom: 1px;
		margin-top: 1px;
	}
	.site-btn-1 {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	padding: 10px 34px;
	display: inline-block;
	background: #9F1EE9;
	border: 1px solid #9F1EE9;
	margin-left: 20%;
}
	}
}

/* Small Mobile: 320px */

@media only screen and (max-width: 479px) {
	.blog-hero-section .bh-text h2 {
		font-size: 36px;
		line-height: normal;
	}
	.testimonial-item .ti-pic {
		float: none;
		margin-right: 0;
	}
	.testimonial-item .ti-text {
		overflow: visible;
	}
	.member-item .mi-text {
		padding: 30px 20px 60px 20px;
	}
	.blog-hero-section .bh-text ul li {
		margin-right: 10px;
	}
	.blog-hero-section .bh-text ul li:after {
		display: none;
	}
	.bd-text .tag-share .tags a {
		margin-bottom: 6px;
	}
	.recommend-section .section-title h2 {
		font-size: 35px;
	}
	.blog-item.solid-bg {
		padding: 55px 45px 55px 50px;
	}
	.bd-text .tag-share .social-share a {
		margin-left: 15px;
	}
	.contact-text .ct-item {
		margin-bottom: 24px;
		text-align: center;
	}
	.contact-text .ct-item .ci-icon {
		float: none;
		width: 60px;
		height: 60px;
		line-height: 70px;
		margin: 0 auto;
	}
	.contact-text .ct-item .ci-icon span {
		font-size: 22px;
	}
}

.ramka-2-wr {
    width: 200px;
    height: 200px;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    overflow: hidden;
    margin: 30px auto;
}    

.ramka-2-wr .ramka-2 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;     
}
.ramka-2-wr::before {
    content: '';
    position: absolute;
    width: 150%;
    height: 150%;
    background: repeating-linear-gradient(
        #FFF 0%,
        #FFF 7.5px,
        #BFE2FF 7.5px,
        #BFE2FF 15px,
        #FFF 15px,
        #FFF 22.5px,
        #BFE2FF 22.5px,
        #BFE2FF 30px);
    transform: translateX(-20%) translateY(-20%) rotate(-45deg);
    animation: anim-ramka-2 20s linear infinite;
}

.ramka-2-wr .ramka-2 {
    position: relative;
    background-color: #000;
    flex-direction: column;
    box-sizing: border-box;
    padding: 30px;
    text-align: center;
    font-family: sans-serif;
    z-index: 2;
}
.ramka-2-wr,
.ramka-2-wr .ramka-2 {
    box-shadow: 0 0 2px #BFE2FF, 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
@keyframes anim-ramka-2 {
    from {
        background-position: 0;
    }
    
    to {
        background-position: 0 450px;
    }
}

.ramka-5 {
    position: relative;
    z-index: 0;
    width: 200px;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;  
    font-size: 24px;
    font-family: 'Roboto', sans-serif;     
}
.ramka-5::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #BFE2FF;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#FF0000, #FF0000), linear-gradient(#FF0000, #337AB7), linear-gradient(#BFE2FF, #BFE2FF), linear-gradient(#337AB7, #337AB7);
    animation: anim-ramka-5 4s linear infinite;
}
.ramka-5::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: white;
    border-radius: 5px;
	opacity: 0.0;
}
@keyframes anim-ramka-5 {
    100% {
        transform: rotate(1turn);
    }
}

.wave_inner {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.wave {
    margin: 20px;
    animation: wave ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
}
.wave:hover {
    animation-play-state: paused;
}
.wave img {
    border: 5px solid #BFE2FF;
    display: block;
    width: 200px;
    height: 250px;
    object-fit: cover;
}
.wave figcaption {
    text-align: center;
    background: #BFE2FF;
    padding: 5px 5px 10px 5px;
    font-family: Verdana, sans-serif;    
}
.wave:after{
    content: '';
    position: absolute;
    width: 20px; 
    height: 20px;
    border: 2px solid #337AB7;
    top: -10px; 
    left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
.wave:before {
    content: '';
    position: absolute;
    top: -23px;
    left: 50%;
    display: block;
    width: 1px;
    height: 1px;
    box-shadow: 0px 0px rgba(0,0,0,0),0px 1px rgba(0,0,0,0),0px 2px rgba(0,0,0,0),0px 3px rgba(0,0,0,0),0px 4px rgba(0,0,0,0),0px 5px rgba(0,0,0,0),0px 6px rgba(14,14,14,0.14),0px 7px rgba(56,56,56,0.41),0px 8px rgba(101,99,101,0.71),0px 9px rgba(118,116,118,0.85),0px 10px rgba(110,109,110,0.77),0px 11px rgba(56,56,56,0.41),0px 12px rgba(16,16,16,0.12),0px 13px rgba(0,0,0,0),0px 14px rgba(0,0,0,0),0px 15px rgba(0,0,0,0),0px 16px rgba(0,0,0,0),0px 17px rgba(0,0,0,0),0px 18px rgba(0,0,0,0),0px 19px rgba(0,0,0,0),1px 0px rgba(0,0,0,0),1px 1px rgba(0,0,0,0),1px 2px rgba(0,0,0,0),1px 3px rgba(0,0,0,0),1px 4px rgba(18,18,18,0.16),1px 5px rgba(99,99,99,0.59),1px 6px rgba(168,168,168,0.88),1px 7px rgba(190,190,191,0.97),1px 8px rgba(183,182,183,1),1px 9px rgba(163,164,167,1),1px 10px rgba(149,150,153,1),1px 11px rgba(140,139,139,0.97),1px 12px rgba(120,118,118,0.87),1px 13px rgba(81,79,79,0.61),1px 14px rgba(22,22,22,0.18),1px 15px rgba(0,0,0,0),1px 16px rgba(0,0,0,0),1px 17px rgba(0,0,0,0),1px 18px rgba(0,0,0,0),1px 19px rgba(0,0,0,0),2px 0px rgba(0,0,0,0),2px 1px rgba(0,0,0,0),2px 2px rgba(0,0,0,0.01),2px 3px rgba(68,68,68,0.44),2px 4px rgba(189,190,191,0.94),2px 5px rgba(248,250,251,1),2px 6px rgba(242,244,246,1),2px 7px rgba(217,217,219,1),2px 8px rgba(189,189,193,1),2px 9px rgba(160,160,163,1),2px 10px rgba(143,143,146,1),2px 11px rgba(132,133,137,1),2px 12px rgba(131,132,134,1),2px 13px rgba(137,137,139,1),2px 14px rgba(124,120,121,0.95),2px 15px rgba(53,53,53,0.47),2px 16px rgba(0,0,0,0.02),2px 17px rgba(0,0,0,0),2px 18px rgba(0,0,0,0),2px 19px rgba(0,0,0,0),3px 0px rgba(0,0,0,0),3px 1px rgba(0,0,0,0.01),3px 2px rgba(87,87,87,0.55),3px 3px rgba(191,191,193,1),3px 4px rgba(222,223,225,1),3px 5px rgba(245,246,248,1),3px 6px rgba(245,246,248,1),3px 7px rgba(225,226,229,1),3px 8px rgba(194,195,196,1),3px 9px rgba(162,162,165,1),3px 10px rgba(143,143,146,1),3px 11px rgba(132,133,137,1),3px 12px rgba(130,128,130,1),3px 13px rgba(129,130,133,1),3px 14px rgba(146,147,150,1),3px 15px rgba(143,143,146,1),3px 16px rgba(62,62,62,0.56),3px 17px rgba(0,0,0,0.01),3px 18px rgba(0,0,0,0),3px 19px rgba(0,0,0,0),4px 0px rgba(0,0,0,0),4px 1px rgba(68,68,68,0.44),4px 2px rgba(175,175,176,1),4px 3px rgba(156,157,160,1),4px 4px rgba(184,185,188,1),4px 5px rgba(230,231,231,1),4px 6px rgba(248,250,251,1),4px 7px rgba(217,217,219,1),4px 8px rgba(191,191,193,1),4px 9px rgba(160,160,163,1),4px 10px rgba(142,143,145,1),4px 11px rgba(132,133,137,1),4px 12px rgba(129,130,133,1),4px 13px rgba(137,138,142,1),4px 14px rgba(160,161,165,1),4px 15px rgba(192,193,195,1),4px 16px rgba(163,161,162,1),4px 17px rgba(53,53,53,0.47),4px 18px rgba(0,0,0,0),4px 19px rgba(0,0,0,0),5px 0px rgba(18,18,18,0.16),5px 1px rgba(165,165,165,0.93),5px 2px rgba(160,160,163,1),5px 3px rgba(147,148,152,1),5px 4px rgba(155,155,158,1),5px 5px rgba(198,198,201,1),5px 6px rgba(170,170,172,1),5px 7px rgba(110,108,110,1),5px 8px rgba(122,121,123,1),5px 9px rgba(110,108,110,1),5px 10px rgba(102,99,101,1),5px 11px rgba(110,108,110,1),5px 12px rgba(120,119,121,1),5px 13px rgba(153,153,157,1),5px 14px rgba(189,189,193,1),5px 15px rgba(217,217,219,1),5px 16px rgba(235,236,237,1),5px 17px rgba(138,136,136,0.95),5px 18px rgba(22,22,22,0.18),5px 19px rgba(0,0,0,0),6px 0px rgba(97,97,97,0.6),6px 1px rgba(194,195,196,1),6px 2px rgba(170,170,172,1),6px 3px rgba(158,159,162,1),6px 4px rgba(151,152,156,1),6px 5px rgba(137,137,139,1),6px 6px rgba(90,89,91,1),6px 7px rgba(127,127,129,1),6px 8px rgba(146,147,150,1),6px 9px rgba(120,119,121,1),6px 10px rgba(90,89,91,1),6px 11px rgba(110,108,110,1),6px 12px rgba(127,127,129,1),6px 13px rgba(164,162,162,1),6px 14px rgba(222,223,225,1),6px 15px rgba(237,238,240,1),6px 16px rgba(249,252,253,1),6px 17px rgba(217,217,219,1),6px 18px rgba(65,65,66,0.6),6px 19px rgba(0,0,0,0),7px 0px rgba(162,162,162,0.87),7px 1px rgba(211,213,215,1),7px 2px rgba(196,197,198,1),7px 3px rgba(184,185,188,1),7px 4px rgba(161,162,164,1),7px 5px rgba(81,79,81,1),7px 6px rgba(86,86,88,1),7px 7px rgba(113,113,114,1),7px 8px rgba(143,143,146,1),7px 9px rgba(123,123,126,1),7px 10px rgba(100,100,102,1),7px 11px rgba(129,130,133,1),7px 12px rgba(142,143,145,1),7px 13px rgba(154,152,153,1),7px 14px rgba(237,237,237,1),7px 15px rgba(248,250,251,1),7px 16px rgba(248,250,251,1),7px 17px rgba(250,251,251,1),7px 18px rgba(117,116,118,0.87),7px 19px rgba(14,14,14,0.14),8px 0px rgba(203,203,203,0.97),8px 1px rgba(237,238,240,1),8px 2px rgba(225,226,229,1),8px 3px rgba(220,220,221,1),8px 4px rgba(113,113,114,1),8px 5px rgba(60,59,61,1),8px 6px rgba(77,77,79,1),8px 7px rgba(98,98,100,1),8px 8px rgba(135,136,139,1),8px 9px rgba(131,132,134,1),8px 10px rgba(123,123,126,1),8px 11px rgba(144,145,148,1),8px 12px rgba(135,136,139,1),8px 13px rgba(131,132,134,1),8px 14px rgba(214,213,213,1),8px 15px rgba(248,250,251,1),8px 16px rgba(242,243,243,1),8px 17px rgba(248,250,251,1),8px 18px rgba(158,158,160,0.97),8px 19px rgba(40,43,43,0.4),9px 0px rgba(222,223,225,1),9px 1px rgba(252,253,255,1),9px 2px rgba(252,253,255,1),9px 3px rgba(181,180,181,1),9px 4px rgba(72,71,73,1),9px 5px rgba(72,71,73,1),9px 6px rgba(72,71,73,1),9px 7px rgba(86,86,88,1),9px 8px rgba(122,121,123,1),9px 9px rgba(146,147,150,1),9px 10px rgba(147,148,152,1),9px 11px rgba(143,143,146,1),9px 12px rgba(143,143,146,1),9px 13px rgba(149,150,153,1),9px 14px rgba(188,187,188,1),9px 15px rgba(233,234,236,1),9px 16px rgba(230,231,231,1),9px 17px rgba(237,238,240,1),9px 18px rgba(178,179,182,1),9px 19px rgba(88,88,88,0.78),10px 0px rgba(224,224,225,1),10px 1px rgba(248,250,251,1),10px 2px rgba(248,250,251,1),10px 3px rgba(181,180,181,1),10px 4px rgba(104,104,105,1),10px 5px rgba(122,121,123,1),10px 6px rgba(122,121,123,1),10px 7px rgba(127,127,129,1),10px 8px rgba(143,143,146,1),10px 9px rgba(170,171,175,1),10px 10px rgba(184,185,188,1),10px 11px rgba(200,201,204,1),10px 12px rgba(211,213,215,1),10px 13px rgba(220,220,221,1),10px 14px rgba(217,217,219,1),10px 15px rgba(210,210,212,1),10px 16px rgba(210,210,212,1),10px 17px rgba(220,221,223,1),10px 18px rgba(178,179,182,1),10px 19px rgba(102,102,104,0.93),11px 0px rgba(207,207,208,1),11px 1px rgba(225,226,229,1),11px 2px rgba(217,217,219,1),11px 3px rgba(198,198,201,1),11px 4px rgba(130,128,130,1),11px 5px rgba(151,152,156,1),11px 6px rgba(156,157,161,1),11px 7px rgba(165,166,170,1),11px 8px rgba(198,198,201,1),11px 9px rgba(204,205,207,1),11px 10px rgba(192,193,195,1),11px 11px rgba(217,218,220,1),11px 12px rgba(242,244,246,1),11px 13px rgba(252,253,255,1),11px 14px rgba(242,243,243,1),11px 15px rgba(192,193,195,1),11px 16px rgba(189,189,193,1),11px 17px rgba(204,205,207,1),11px 18px rgba(163,164,167,1),11px 19px rgba(84,84,84,0.74),12px 0px rgba(179,177,178,0.97),12px 1px rgba(200,201,204,1),12px 2px rgba(184,185,188,1),12px 3px rgba(176,176,180,1),12px 4px rgba(141,139,141,1),12px 5px rgba(149,150,153,1),12px 6px rgba(170,171,175,1),12px 7px rgba(210,210,212,1),12px 8px rgba(235,236,237,1),12px 9px rgba(224,224,225,1),12px 10px rgba(210,210,212,1),12px 11px rgba(184,185,188,1),12px 12px rgba(211,213,215,1),12px 13px rgba(235,236,237,1),12px 14px rgba(191,191,193,1),12px 15px rgba(155,155,158,1),12px 16px rgba(165,166,170,1),12px 17px rgba(184,185,188,1),12px 18px rgba(137,138,141,0.97),12px 19px rgba(40,43,43,0.4),13px 0px rgba(137,134,136,0.86),13px 1px rgba(189,189,193,1),13px 2px rgba(170,170,172,1),13px 3px rgba(160,161,165,1),13px 4px rgba(147,148,152,1),13px 5px rgba(154,152,153,1),13px 6px rgba(217,217,219,1),13px 7px rgba(248,250,251,1),13px 8px rgba(242,243,243,1),13px 9px rgba(230,231,231,1),13px 10px rgba(240,240,240,1),13px 11px rgba(200,201,204,1),13px 12px rgba(191,191,193,1),13px 13px rgba(196,197,198,1),13px 14px rgba(135,136,139,1),13px 15px rgba(131,132,134,1),13px 16px rgba(142,143,145,1),13px 17px rgba(158,159,162,1),13px 18px rgba(103,105,106,0.87),13px 19px rgba(14,14,14,0.14),14px 0px rgba(80,79,79,0.58),14px 1px rgba(175,175,176,1),14px 2px rgba(163,164,167,1),14px 3px rgba(153,153,157,1),14px 4px rgba(147,148,152,1),14px 5px rgba(153,150,152,1),14px 6px rgba(237,237,237,1),14px 7px rgba(255,255,255,1),14px 8px rgba(245,245,245,1),14px 9px rgba(234,235,234,1),14px 10px rgba(242,243,243,1),14px 11px rgba(233,234,236,1),14px 12px rgba(204,205,207,1),14px 13px rgba(165,166,170,1),14px 14px rgba(137,138,142,1),14px 15px rgba(129,130,133,1),14px 16px rgba(129,130,133,1),14px 17px rgba(131,132,134,1),14px 18px rgba(65,65,66,0.6),14px 19px rgba(0,0,0,0),15px 0px rgba(18,18,18,0.16),15px 1px rgba(132,129,130,0.92),15px 2px rgba(160,161,165,1),15px 3px rgba(149,150,153,1),15px 4px rgba(146,147,150,1),15px 5px rgba(146,147,150,1),15px 6px rgba(163,161,162,1),15px 7px rgba(183,182,183,1),15px 8px rgba(203,202,204,1),15px 9px rgba(220,220,221,1),15px 10px rgba(230,231,231,1),15px 11px rgba(242,243,243,1),15px 12px rgba(207,207,208,1),15px 13px rgba(170,170,172,1),15px 14px rgba(153,153,157,1),15px 15px rgba(142,143,145,1),15px 16px rgba(135,136,139,1),15px 17px rgba(106,107,110,0.94),15px 18px rgba(22,22,22,0.18),15px 19px rgba(0,0,0,0),16px 0px rgba(0,0,0,0),16px 1px rgba(51,48,48,0.44),16px 2px rgba(141,139,141,1),16px 3px rgba(151,152,156,1),16px 4px rgba(146,147,150,1),16px 5px rgba(149,150,153,1),16px 6px rgba(155,155,158,1),16px 7px rgba(165,166,170,1),16px 8px rgba(196,197,198,1),16px 9px rgba(234,235,234,1),16px 10px rgba(245,245,245,1),16px 11px rgba(232,232,233,1),16px 12px rgba(210,210,212,1),16px 13px rgba(188,187,188,1),16px 14px rgba(170,170,172,1),16px 15px rgba(156,157,160,1),16px 16px rgba(127,127,129,1),16px 17px rgba(53,53,53,0.47),16px 18px rgba(0,0,0,0),16px 19px rgba(0,0,0,0),17px 0px rgba(0,0,0,0),17px 1px rgba(0,0,0,0.01),17px 2px rgba(61,60,60,0.54),17px 3px rgba(130,128,130,1),17px 4px rgba(155,155,158,1),17px 5px rgba(160,160,163,1),17px 6px rgba(163,164,167,1),17px 7px rgba(178,179,182,1),17px 8px rgba(207,207,208,1),17px 9px rgba(237,237,237,1),17px 10px rgba(248,250,251,1),17px 11px rgba(240,240,240,1),17px 12px rgba(220,220,221,1),17px 13px rgba(203,202,204,1),17px 14px rgba(184,185,188,1),17px 15px rgba(141,139,141,1),17px 16px rgba(62,62,62,0.56),17px 17px rgba(0,0,0,0),17px 18px rgba(0,0,0,0),17px 19px rgba(0,0,0,0),18px 0px rgba(0,0,0,0),18px 1px rgba(0,0,0,0),18px 2px rgba(0,0,0,0.01),18px 3px rgba(51,48,48,0.44),18px 4px rgba(111,108,109,0.93),18px 5px rgba(155,155,158,1),18px 6px rgba(181,182,187,1),18px 7px rgba(198,198,201,1),18px 8px rgba(220,221,223,1),18px 9px rgba(245,245,245,1),18px 10px rgba(255,255,255,1),18px 11px rgba(250,251,251,1),18px 12px rgba(232,232,233,1),18px 13px rgba(191,191,193,1),18px 14px rgba(125,125,126,0.94),18px 15px rgba(51,48,48,0.44),18px 16px rgba(0,0,0,0.01),18px 17px rgba(0,0,0,0),18px 18px rgba(0,0,0,0),18px 19px rgba(0,0,0,0),19px 0px rgba(0,0,0,0),19px 1px rgba(0,0,0,0),19px 2px rgba(0,0,0,0),19px 3px rgba(0,0,0,0),19px 4px rgba(20,20,20,0.15),19px 5px rgba(59,58,59,0.57),19px 6px rgba(103,105,106,0.87),19px 7px rgba(141,141,144,0.96),19px 8px rgba(176,176,180,1),19px 9px rgba(196,197,198,1),19px 10px rgba(192,193,195,1),19px 11px rgba(167,168,168,0.96),19px 12px rgba(120,120,121,0.86),19px 13px rgba(66,66,68,0.59),19px 14px rgba(18,18,18,0.16),19px 15px rgba(0,0,0,0),19px 16px rgba(0,0,0,0),19px 17px rgba(0,0,0,0),19px 18px rgba(0,0,0,0),19px 19px rgba(0,0,0,0);
    z-index: 16;
}  
@keyframes wave {
    0% { 
        transform: rotate(3deg); 
        box-shadow: 6px 8px 22px rgba(0,0,0,0.3), 12px 16px 24px rgba(0,0,0,0.2);
    }
    100% { 
        transform: rotate(-3deg); 
        box-shadow: -6px 8px 22px rgba(0,0,0,0.3), -12px 16px 24px rgba(0,0,0,0.2);
    }
}

.upbtn {
    z-index: 9999;
    width: 100%;
    height: 16px;
    color: #FFF;
    position: fixed;
    bottom: -80px;
    cursor: pointer;
    background: #ffffff;
    transition: all .3s ease-in-out;
}
.upbtn:before {
    content: "";
    transition: all .3s ease-in-out;
    z-index: 9999;
    
    width: 100px;
    height: 100px;
    border: 16px solid #ffffff;
    position:relative;
    bottom:10px;
    left: 50%;
    margin-left: -50px;
    cursor: pointer;
    display:block;
    transform: rotate(45deg);
    background: #191919;
}
.upbtn:hover {
    height: 20px;
}
.upbtn:hover:before {
    bottom:14px;
}

.sign-wrap-2 {
    text-align: center;
    padding: 10px 20px;
}
.sign-wrap-2 .sign_word {
    font-size: 22px;
    font-weight: bold;
    line-height: 0px;
    color: #000;
    font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
    animation: 4s neon-2 alternate-reverse infinite;
}

.sign-wrap-2 .sign_word_1 {
    text-align: left;
	font-size: 22px;
    font-weight: bold;
    line-height: 0px;
    color: #FFF;
    font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
    animation: 4s neon-2 alternate-reverse infinite;
}

.sign-wrap-left {
    text-align: left;
    padding: 1px 1px;
}
.sign-wrap-left .sign_word {
    font-size: 40px;
    font-weight: bold;
    line-height: 0px;
    color: #FFF;
    font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
    animation: 0.9s neon-gold alternate-reverse infinite;
}

.sign-wrap-center {
    text-align: center;
    padding: 1px 1px;
}
.sign-wrap-center .sign_word {
    font-size: 15px;
    font-weight: bold;
    line-height: 0px;
    color: #000;
    font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
    animation: 0.9s neon-gold alternate-reverse infinite;
}

.text-star-neon {
    text-align: left;
    padding: 1px 1px;
}
.text-star-neon .sign_word {
    font-size: 20px;
    font-weight: bold;
    line-height: 0px;
    color: #FFF;
    font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
    animation: 2.9s neon-gold alternate-reverse infinite;
}

.sign-wrap-right {
    text-align: right;
    padding: 1px 1px;
}
.sign-wrap-right .sign_word {
    font-size: 40px;
    font-weight: bold;
    line-height: 0px;
    color: #FFF;
    font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
    animation: 0.9s neon-gold alternate-reverse infinite;
}
@keyframes neon-2 {
    from {
        text-shadow: 0 0 2px #FFF,
        0 0 3px #FFF,
        0 0 3px #FFF,
        0 0 3px #BFE2FF;
    }
    to {
        text-shadow: 0 0 2px #BFE2FF,
        0 0 3px #BFE2FF,
        0 0 3px #BFE2FF,
        0 0 3px #BFE2FF,
    }
}  

@keyframes neon-gold {
    from {
        text-shadow: 0 0 3px #9F1EE9,
        0 0 3px #9F1EE9,
        0 0 3px #9F1EE9,
        0 0 3px #9F1EE9;
    }
    to {
        text-shadow: 0 0 3px #9F1EE9,
        0 0 3px #9F1EE9,
        0 0 3px #9F1EE9,
        0 0 3px #9F1EE9,
    }
}  

@keyframes neon-yellow {
    from {
        text-shadow: 0 0 6px #FFD700,
        0 0 3px #FFD700,
        0 0 3px #FFD700,
        0 0 3px #FFD700;
    }
    to {
        text-shadow: 0 0 6px #FFD700,
        0 0 3px #FFD700,
        0 0 3px #FFD700,
        0 0 3px #FFD700,
    }
}  

@keyframes neon-purple {
    from {
        text-shadow: 0 0 6px #8B008B,
        0 0 3px #8B008B,
        0 0 3px #8B008B,
        0 0 3px #8B008B;
    }
    to {
        text-shadow: 0 0 6px #8B008B,
        0 0 3px #8B008B,
        0 0 3px #8B008B,
        0 0 3px #8B008B,
    }
}  

@keyframes neon-purple-one {
    from {
        text-shadow: 0 0 12px #8B008B,
        0 0 3px #8B008B,
        0 0 3px #8B008B,
        0 0 3px #8B008B;
    }
    to {
        text-shadow: 0 0 12px #8B008B,
        0 0 3px #8B008B,
        0 0 3px #8B008B,
        0 0 3px #8B008B,
    }
}  

@keyframes neon-white {
    from {
        text-shadow: 0 0 12px #FFFFFF,
        0 0 3px #FFFFFF,
        0 0 3px #FFFFFF,
        0 0 3px #FFFFFF;
    }
    to {
        text-shadow: 0 0 12px #FFFFFF,
        0 0 3px #FFFFFF,
        0 0 3px #FFFFFF,
        0 0 3px #FFFFFF,
    }
}  

@keyframes neon-darkred {
    from {
        text-shadow: 0 0 6px #8B0000,
        0 0 3px #8B0000,
        0 0 3px #8B0000,
        0 0 3px #8B0000;
    }
    to {
        text-shadow: 0 0 6px #8B0000,
        0 0 3px #8B0000,
        0 0 3px #8B0000,
        0 0 3px #8B0000,
    }
}  

.apr *,
.apr *:before {
    line-height: 1.3;
}
.apr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: #191919;
    padding: 20px 0;  
}
.apr .apr-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    flex: 0 1 400px;
    font-family: Verdana, sans-serif;   
    cursor: default;
	height: 650px;
    background: #292929;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
    border-radius: 20px; 
    margin: 20px;
	
	
}




@media screen and (min-width: 1080px) {
    .apr .apr-item {
        margin: 20px 0;
    }
    .apr .apr-item-left {
        border-radius: 20px 0 0 20px;
    }  
    .apr .apr-item-center {
        margin: 0;
        z-index: 10;
        box-shadow: 0 8px 20px rgba(0,0,0,0.4), 0 20px 32px rgba(0,0,0,0.2);
    }
    .apr .apr-item-right {
        border-radius: 0 20px 20px 0;
    }   
}
.apr .apr-deco {
    background: #393939;
    padding: 30px 0 50px;
    position: relative;

}


.apr .apr-item-center .apr-deco {
    background: #494949;
} 
.apr .apr-price-vip {
    font-size: 54px;
    font-family: 'Roboto', sans-serif;  
    font-weight: bold;
    padding: 0;
    color: #fff;
}

.apr .apr-price-premium {
    font-size: 54px;
    font-family: 'Roboto', sans-serif;  
    font-weight: bold;
    padding: 0;
    color: #fff;
	
}

.apr .apr-price-sponsor {
    font-size: 54px;
    font-family: 'Roboto', sans-serif;  
    font-weight: bold;
    padding: 0;
    color: #fff;
}

.apr .apr-price > span {
    font-size: 48px;
}
.apr span.apr-currency {
    font-size: 42px;
    font-weight: normal;
    padding-left: 6px;
    vertical-align: top;
    color: #BFE2FF;
}
.apr .apr-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #BFE2FF;
}

.apr .apr-title-vip {
    font-size: 46px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #FFD700;
	animation: 2s neon-yellow alternate-reverse infinite;
	font-family: "Times New Roman";
}

.apr .apr-title-premium {
    font-size: 46px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8B008B;
	font-family: "Times New Roman";
	animation: 2s neon-purple alternate-reverse infinite;
}

.apr .apr-title-sponsor {
    font-size: 71px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8B0000;
	animation: 2s neon-darkred alternate-reverse infinite;
	font-family: "Times New Roman";
}

.apr .apr-deco-svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
}
.apr .deco-layer {
    transition: transform 0.5s;
    fill: #FFF;
}
.apr .apr-item:hover .deco-layer--1 {
    transform: translate3d(15px, 0, 0);
}
.apr .apr-item:hover .deco-layer--2 {
    transform: translate3d(-15px, 0, 0);
}
.apr .apr-feature-list {
    margin: 5px 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0 35px;
    list-style: none;
    position: relative;
    z-index: 2;
	
}
.apr .apr-feature-list li {
    padding: 8px;
    padding-left: 34px;
    font-size: 15px;
    margin: 2px 20px;
    border-bottom: 1px solid #FFFFFF;
    text-align: left;
    position: relative;
	color: white;
	font-family: 'Times New Roman';
	
}

.apr .apr-feature-list span {
    font-size: 20px;
    text-align: left;
    position: relative;
	color: white;
	font-family: 'Times New Roman';
	animation: 0.9s neon-gold alternate-reverse infinite;
}

.apr .apr-feature-list li:before {
    position: absolute;
    left: 10px;
    content: "\2714";
    color: green;
    font-weight: bold;
}
.apr .apr-action {
    border: none;
    margin: auto 40px 20px 40px;
    padding: 10px;
    color: #fff;
    border-radius: 30px;
    background: #9F1EE9;
    transition: background 0.5s;
    outline: none;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2); 
    font-family: 'Roboto', sans-serif;  
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.apr .apr-action:hover, 
.apr .apr-action:focus {
    background: #000000;
} 

.s1 {
    text-align: center;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    padding: 20px 5px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    line-height: 56px;
    background: #333333;
    border: 0px solid #222222;
    z-index: 1;
    text-shadow: 0 0 22px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.7);    
    text-transform: uppercase;
    transition: font-size 250ms cubic-bezier(0.59, 0.04, 0.3, 1.43);
}
@media screen and (max-width: 767px) {
    .s1 {
        font-size: 24px;
        line-height: 34px;
    }
}
.s1:after {
    content: attr(data-heading);
    position: absolute;
    padding: 20px 10px;
    box-sizing: border-box;
    left: 0;
    z-index: 2;
    overflow: hidden;
    white-space: wrap;
    width: 100%;
    height: 150px;
    top: 0;
    text-align: center;
    color: #292929;
    text-shadow: 0 0 12px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.7);    
    background: #222222;
    clip-path: polygon(0 0, 100% 0, 100% 10%, 0 90%);
}

.s2 {
    text-align: center;
    position: relative;
    margin: 0;
    box-sizing: border-box;
    padding: 45px 5px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    line-height: 56px;
    background: #333333;
    border: 0px solid #222222;
    z-index: 1;
    text-shadow: 0 0 22px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.7);    
    text-transform: uppercase;
    transition: font-size 250ms cubic-bezier(0.59, 0.04, 0.3, 1.43);
}
@media screen and (max-width: 767px) {
    .s2 {
        font-size: 24px;
        line-height: 34px;
    }
}
.s2:after {
    content: attr(data-heading);
    position: absolute;
    padding: 12px 10px;
    box-sizing: border-box;
    left: 0;
    z-index: 2;
    overflow: hidden;
    white-space: wrap;
    width: 100%;
    height: 150px;
    top: 80px;
    text-align: center;
    color: #292929;
    text-shadow: 0 0 12px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.7);    
    background: #9F1EE9;
    clip-path: polygon(0 0, 100% 0, 100% 10%, 0 90%);
}


.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
	font-size: 16px;
	color: #000000;
	background: #FFFFFF;
	font-weight: 700;
	padding: 12px 15% 12px;
	top: 15px;
	bottom: 0;
	margin-top: 5px;
	margin-left: 5px;
	font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
}


.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    animation: glowing 60s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover-full {
    width: 50%;
    height: 50px;
    border: none;
    outline: none;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
	font-size: 16px;
	color: #000000;
	background: #FFFFFF;
	font-weight: 700;
	padding: 12px 15% 12px;
	top: 15px;
	bottom: 0;
	margin-top: 5px;
	margin-left: 24%;
	font-family: 'Times New Roman', sans-serif;
    text-transform: uppercase;
}


.glow-on-hover-full:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    animation: glowing 60s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover-full:active {
    color: #000
}

.glow-on-hover-full:hover:before {
    opacity: 1;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

.glow-on-hover-1 {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
	font-size: 16px;
	color: #FFFFFF;
	background: #393939;
	font-weight: 700;
	padding: 12px 110px 12px;
	top: 15px;
	margin-top: 5px;
	margin-left: 5px;

}


.glow-on-hover-1:before {
    content: '';
    background: linear-gradient(45deg, #FFFFFF, #000000, #FFFFFF, #000000, #FFFFFF, #000000, #FFFFFF, #000000, #FFFFFF);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    animation: glowing 40s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover-1:active {
    color: #000
}

.glow-on-hover-1:hover:before {
    opacity: 1;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

.service-main-building-anim {
	position: relative;
    z-index: 0;
    border-radius: 0px;
    overflow: hidden;
    align-items: center;
    justify-content: center;  
    font-family: 'Roboto', sans-serif;
	text-align: left;
	background: #222222;
	padding: 35px 35px 0;
	height: 300px;
	width: 100%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 24px;
	margin-right: 30px;
	-moz-box-shadow: 0px 0px 21px #FFFFFF; 
	-webkit-box-shadow: 0px 0px 21px #FFFFFF; 
	box-shadow: 0px 0px 21px #FFFFFF;
}

.service-main-building-anim:hover {
	border-bottom: 7px solid #ffffff;
	border-top: 7px solid #ffffff;
	border-left: 7px solid #ffffff;
	border-right: 7px solid #ffffff;
	transition: 0.1s;
}

.service-main-building-anim span {
	font-size: 20px;
    text-align: left;
    position: relative;
	color: white;
	font-family: 'Times New Roman';
	animation: 0.9s neon-gold alternate-reverse infinite;
}	

nav {
    display: flex;
    justify-content: space-around;
    padding: 10px 0 10px;
    border-bottom: solid 1px #90f9;
}

nav a {
    color: #fff;
    border-radius: 10px;
    padding: 0 10px;
    margin: 10px 10px;
}

.cube {
    width: 300px;
    height: 300px;
    position: absolute;
    top:  calc(50% - 300px / 2);
    left: calc(50% - 300px / 2);
    transform-style: preserve-3d;
    transform: perspective(700px)  rotateX(-36deg) rotateY(-27deg);
    transition: all 1s ease;
	animation: rotation 30s ease-in-out infinite;
}

.cube > article {
    height: 100%;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    transform-style: preserve-3d;
    background: linear-gradient(0deg, #070b0f, #111b29);
    color: #fff;
    line-height: 150%;
    letter-spacing: 0.05em;
    box-shadow:
        0 0 1px #f00,
        0 0 1px #f00,
        0 0 1px #f00,
        0 0 1px #f00,
        0 0 10px #d0e9 inset,
        0 0 35px #53d5;
}

.back   {transform: rotateX(-180deg) translateZ(150px);}
.top    {transform: rotateX( 90deg)  translateZ(150px);}
.front  {transform:                  translateZ(150px);}
.bottom {transform: rotateX(-90deg)  translateZ(150px);}
.left   {transform: rotateY(-90deg)  translateZ(150px);}
.right  {transform: rotateY( 90deg)  translateZ(150px);}

.cube > article h2 {
    text-transform: uppercase;
    color: #900;
    font-size: 20px;
    font-weight: 600;

}

.cube > article p {
    font-weight: 200;
    font-size: 15px;
}

.cube > article img {
    width: 100%;
}

@keyframes rotation {
    50% {transform:perspective(700px) rotateX(360deg) rotateY(720deg);}
}

.snowblock {


    background-image: url(data:image/png;base64,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), url(data:image/png;base64,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), url(data:image/png;base64,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);
    animation: snow 40s linear infinite;
}
@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 1800px 2000px, 1600px 1600px, 1400px 1200px;
    }
}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #BFE2FF;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	font-weight: bolder;
}

.tab img {
		max-height: 32px;
		max-width: 32px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 2px solid #ccc;
    border-top: none;
	
}

.tabcontent img {
		max-height: 32px;
		max-width: 32px;
}

.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.tabcontent h1 {
	font-family: 'Times New Roman', sans-serif;
	color: #fff;
	font-size: 32px;
	text-align: Center;
	border-bottom: 5px solid;
	border-top: 5px solid;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 5px;
	
}

.tabcontent p {
	font-family: 'Times New Roman', sans-serif;
	color: #fff;
	font-size: 32px;
	text-align: Center;
	margin-bottom: 5px;
	margin-top: 5px;
	
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.button-concent-1 {
	font-size: 16px;
	color: #000000;
	background: #f1f1f1;
	display: inline-block;
	font-weight: 70;
	height: 40px;
	width: 240px;
	text-align: right;
	margin-bottom: 1px;
	margin-top: 1px;
}

.button-concent-1 img {
	max-height: 16px;
	max-width: 16px;
	margin-bottom: 4px;
}

.tabcontent1 {
    display: none;
	padding: 6px 6px;
	width: 72%;
}

.tabcontent1 img {
		max-height: 128px;
		max-width: 128px;
}

.tabcontent1 {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.tabcontent1 h3 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 8px;
	margin-top: 8px;
	border-top: 3px solid #FFFFFF;
}

.tabcontent1 h4 {
	color: #ffffff;
	font-weight: 700;
	text-align: center;
}

.tabcontent1 p {
	color: #ffffff;
	font-weight: 700;
}

.tabcontent1 h2 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 8px;
}

.tabcontent1 button {
	float: right;
}

.image-product {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.image-product img {
    margin: 10px;
    max-width: 100%;
    height: auto;
	max-height: 150px;
	max-width: 220px;
	-moz-box-shadow: 0px 0px 41px #9F1EE9; 
	-webkit-box-shadow: 0px 0px 41px #9F1EE9; 
	box-shadow: 0px 0px 41px #9F1EE9;
}


.image-product-text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	margin-top: 200px;
}

.image-product-text h1 {
    font-family: 'Times New Roman', sans-serif;
	color: #fff;
	font-size: 64px;
	text-align: Center;
	background: #9F1EE9;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 5px;
	-moz-box-shadow: 0px 0px 41px #9F1EE9; 
	-webkit-box-shadow: 0px 0px 41px #9F1EE9; 
	box-shadow: 0px 0px 41px #9F1EE9;
}

.main-menu h2 {
	text-align: right;
	color: #FFF;
	font-size: 24px;
}

.text-vip {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #FFD700;
	animation: 2s neon-yellow alternate-reverse infinite;
	font-family: "Times New Roman";
}

.text-premium {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8B008B;
	animation: 2s neon-purple alternate-reverse infinite;
	font-family: "Times New Roman";
}

.text-sponsor {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8B0000;
	animation: 2s neon-darkred alternate-reverse infinite;
	font-family: "Times New Roman";
}

.notification {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    display: none;
    z-index: 1000; /* Даем уведомлению высокий z-index, чтобы оно было поверх других элементов */
}

.notification.success {
    background-color: #4CAF50;
    color: white;
}

.notification.error {
    background-color: #f44336;
    color: white;
}

.notification.warning {
    background-color: #f0ad4e;
    color: white;
}

/* Стили для центрирования диалогового окна */
.dialog-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dialog-overlay h1 {
	font-size: 45px;
	color: #000000;
	font-weight: 700;
	animation: 2s neon-white alternate-reverse infinite;
}

.dialog-content {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    max-width: 80%;
    display: flex;
    flex-direction: column; /* Расположение элементов в столбец */
    align-items: center; /* Выравнивание по центру */
}

.dialog-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 8px;
}

.dialog-content button {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	display: block;
	background: #9F1EE9;
	border: none;
	padding: 12px 0;
	width: 100%;
}

.tabcontent2 {
    display: none;
	padding: 6px 6px;
	width: 95%;
}

.tabcontent2 img {
		max-height: 128px;
		max-width: 128px;
}

.tabcontent2 {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.tabcontent2 h3 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 8px;
	margin-top: 8px;
	border-top: 3px solid #FFFFFF;
}

.tabcontent2 h4 {
	color: #ffffff;
	font-weight: 700;
	text-align: center;
}

.tabcontent2 p {
	color: #ffffff;
	font-weight: 700;
}

.tabcontent2 h2 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 8px;
}

.tabcontent2 button {
	float: right;
}
/*---------------------
  Presentation Wheel Section
-----------------------*/
.presentation-wheel-section {
	position: relative;
	overflow: hidden;
	min-height: 560px;
	padding: 72px 0;
	background: #dedede;
}

.presentation-wheel-bg,
.presentation-wheel-overlay {
	position: absolute;
	inset: 0;
}

.presentation-wheel-bg {
	background-image: url('../img/presentation/bg-apple.jpg');
	background-position: center center;
	background-size: cover;
	filter: grayscale(1);
	opacity: 0.46;
	transform: scale(1);
	transition: opacity 0.28s ease, transform 0.55s ease;
}

.presentation-wheel-section.presentation-changing .presentation-wheel-bg {
	opacity: 0.25;
	transform: scale(1.025);
}

.presentation-wheel-overlay {
	background: rgba(235, 238, 239, 0.50);
}

.presentation-wheel-container {
	position: relative;
	z-index: 2;
}

.presentation-wheel-stage {
	min-height: 420px;
	display: grid;
	grid-template-columns: minmax(150px, 1fr) minmax(360px, 520px) minmax(150px, 1fr);
	align-items: center;
	gap: 28px;
}

.presentation-side-text {
	font-size: 21px;
	line-height: 1.35;
	color: #000000;
	font-weight: 400;
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.presentation-side-left {
	text-align: left;
}

.presentation-side-right {
	text-align: right;
}

.presentation-wheel-center {
	position: relative;
	width: min(42vw, 430px);
	height: min(42vw, 430px);
	min-width: 350px;
	min-height: 350px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.presentation-circle-fill {
	position: absolute;
	inset: 6%;
	border-radius: 50%;
	background: rgba(224, 236, 239, 0.62);
}

.presentation-ring-shell {
	position: absolute;
	inset: 9%;
}

.presentation-ring-line {
	position: absolute;
	inset: 0;
	border: 8px solid #002b36;
	border-radius: 50%;
}

.presentation-wheel-track {
	position: absolute;
	inset: 0;
	transform: rotate(var(--pw-rotation));
	transition: transform 0.72s cubic-bezier(0.25, 0.85, 0.25, 1);
	z-index: 4;
}

.presentation-wheel-btn {
	position: absolute;
	width: 78px;
	height: 78px;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.presentation-pos-top {
	left: 50%;
	top: 0;
}

.presentation-pos-right {
	left: 100%;
	top: 50%;
}

.presentation-pos-bottom {
	left: 50%;
	top: 100%;
}

.presentation-pos-left {
	left: 0;
	top: 50%;
}

.presentation-wheel-btn-bg {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: #4c4c4c;
	border: 5px solid #002b36;
	box-sizing: border-box;
	transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.presentation-wheel-btn img {
	position: relative;
	z-index: 2;
	width: 52px;
	height: 52px;
	object-fit: contain;
	transform: rotate(var(--pw-inverse-rotation));
	transition: transform 0.72s cubic-bezier(0.25, 0.85, 0.25, 1);
	pointer-events: none;
}

.presentation-wheel-btn:hover .presentation-wheel-btn-bg,
.presentation-wheel-btn:focus .presentation-wheel-btn-bg {
	box-shadow: 0 0 18px rgba(159, 30, 233, 0.75);
	transform: scale(1.05);
}

.presentation-wheel-btn.active .presentation-wheel-btn-bg {
	background: #ffff00;
	box-shadow: 0 0 20px rgba(255, 255, 0, 0.70);
}

.presentation-wheel-copy {
	position: relative;
	z-index: 3;
	width: 72%;
	text-align: center;
	transition: opacity 0.18s ease, transform 0.18s ease;
	pointer-events: none;
}

.presentation-wheel-copy h2 {
	font-size: 40px;
	line-height: 1.1;
	color: #000000;
	font-weight: 400;
	margin-bottom: 22px;
}

.presentation-wheel-copy p {
	font-size: 20px;
	line-height: 1.3;
	color: #000000;
	margin: 0;
}

.presentation-wheel-copy.presentation-copy-changing,
.presentation-side-text.presentation-copy-changing {
	opacity: 0;
	transform: translateY(8px);
}

@media only screen and (max-width: 991px) {
	.presentation-wheel-section {
		padding: 56px 0;
	}

	.presentation-wheel-stage {
		grid-template-columns: 1fr;
		gap: 22px;
		text-align: center;
	}

	.presentation-side-left,
	.presentation-side-right {
		text-align: center;
	}

	.presentation-wheel-center {
		width: min(82vw, 410px);
		height: min(82vw, 410px);
		min-width: 300px;
		min-height: 300px;
	}
}

@media only screen and (max-width: 480px) {
	.presentation-wheel-center {
		width: 286px;
		height: 286px;
		min-width: 286px;
		min-height: 286px;
	}

	.presentation-ring-line {
		border-width: 6px;
	}

	.presentation-wheel-btn {
		width: 62px;
		height: 62px;
	}

	.presentation-wheel-btn-bg {
		border-width: 4px;
	}

	.presentation-wheel-btn img {
		width: 40px;
		height: 40px;
	}

	.presentation-wheel-copy h2 {
		font-size: 31px;
		margin-bottom: 14px;
	}

	.presentation-wheel-copy p,
	.presentation-side-text {
		font-size: 17px;
	}
}



/* Quick Booking Section - Block 1 */
.quick-booking-section {
    --qb-bg: url('../img/booking/booking-spa-bg.jpg');
    background: #1b1b1d;
    color: #ffffff;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.quick-booking-section > .quick-booking-container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.quick-booking-card {
    display: grid;
    grid-template-columns: minmax(420px, 43.5vw) minmax(560px, 1fr);
    min-height: 650px;
    width: 100%;
    background: #202022;
    box-shadow: none;
    position: relative;
}

.quick-booking-visual {
    position: relative;
    overflow: hidden;
    min-height: 650px;
    background: #151515;
}

.qb-image-layer,
.qb-visual-dark {
    position: absolute;
    inset: 0;
}

.qb-image-layer {
    background-image: var(--qb-bg);
    background-size: cover;
    background-position: center;
    filter: grayscale(1);
    opacity: 0.78;
    transition: background-image 0.35s ease, opacity 0.25s ease;
}

.qb-visual-dark {
    background: linear-gradient(90deg, rgba(27, 27, 29, 0.02), rgba(27, 27, 29, 0.42) 58%, #202022 100%);
}

.qb-specialist-name {
    position: absolute;
    z-index: 7;
    left: 28px;
    top: 26px;
    max-width: 280px;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}

.qb-wheel-wrap {
    position: absolute;
    z-index: 5;
    left: -278px;
    top: 78px;
    width: 560px;
    height: 560px;
    transition: transform 0.7s ease;
}

.qb-wheel-ring {
    position: absolute;
    inset: 88px;
    border: 13px solid #9b18ed;
    border-left-color: transparent;
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(155, 24, 237, 0.20);
}

.qb-wheel-track {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    transform: rotate(var(--qb-rotation));
    transition: transform 0.7s cubic-bezier(.2,.78,.2,1);
}

.qb-wheel-button {
    position: absolute;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    border: 6px solid #9b18ed;
    background: #d8d8d8;
    padding: 7px;
    cursor: pointer;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.32);
    transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}

.qb-wheel-button:hover,
.qb-wheel-button:focus {
    outline: none;
    background: #ffffff;
    transform: scale(1.05);
}

.qb-wheel-button.active {
    background: #ffffff;
    border-color: #ffffff;
}

.qb-wheel-button-inner {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: rotate(var(--qb-counter-rotation));
    transition: transform 0.7s cubic-bezier(.2,.78,.2,1);
}

.qb-wheel-button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.qb-pos-top {
    left: 241px;
    top: 7px;
}

.qb-pos-right {
    right: 7px;
    top: 241px;
}

.qb-pos-bottom {
    left: 241px;
    bottom: 7px;
}

.qb-pos-left {
    left: 7px;
    top: 241px;
    opacity: 0.55;
}

.qb-specialist-photo {
    position: absolute;
    z-index: 6;
    left: 333px;
    top: 4px;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    border: 7px solid #9b18ed;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.35);
}

.qb-specialist-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.22s ease;
}

.quick-booking-section.qb-changing .qb-specialist-photo img,
.quick-booking-section.qb-changing .qb-image-layer {
    opacity: 0.25;
}

.qb-wheel-hint {
    position: absolute;
    left: 34px;
    bottom: 34px;
    z-index: 7;
    max-width: 300px;
    padding: 12px 16px;
    border-left: 3px solid #9b18ed;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(0, 0, 0, 0.28);
    font-size: 13px;
    line-height: 1.45;
}

.quick-booking-form-panel {
    position: relative;
    min-height: 650px;
    padding: 58px clamp(42px, 7vw, 115px) 48px 64px;
    background: #202022;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.qb-category-title {
    font-size: clamp(42px, 4.2vw, 66px);
    line-height: 0.98;
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 22px;
    min-height: 64px;
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.quick-booking-section.qb-changing .qb-category-title,
.quick-booking-section.qb-changing .qb-specialist-name {
    opacity: 0.25;
    transform: translateY(8px);
}

.quick-booking-form-panel h4 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
}

.qb-form input,
.qb-choice-field {
    width: 100%;
    border: 0;
    background: #333436;
    color: #ffffff;
    font-size: 15px;
    padding: 0 20px;
    height: 54px;
    border-radius: 0;
}

.qb-form input::placeholder {
    color: rgba(255, 255, 255, 0.62);
}

.qb-grid {
    display: grid;
    gap: 28px;
}

.qb-grid-two {
    grid-template-columns: 1fr 1fr;
}

.qb-select-grid {
    margin-top: 28px;
}

.qb-bottom-row {
    margin-top: 28px;
}

.qb-field-wrap {
    position: relative;
}

.qb-choice-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.72);
    transition: background 0.22s ease, color 0.22s ease, opacity 0.22s ease;
}

.qb-choice-field:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 12px;
    color: #9b18ed;
}

.qb-choice-field:hover,
.qb-choice-field:focus,
.qb-choice-field.qb-has-value {
    outline: none;
    background: #3d3e40;
    color: #ffffff;
}

.qb-choice-field:disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.qb-choice-panel {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    z-index: 30;
    width: min(460px, 92vw);
    max-height: 284px;
    overflow-y: auto;
    background: #0e6685;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.38);
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.qb-choice-panel.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.qb-choice-panel button {
    display: block;
    width: 100%;
    padding: 10px 16px;
    border: 0;
    background: transparent;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    line-height: 1.35;
    cursor: pointer;
}

.qb-choice-panel button:hover,
.qb-choice-panel button:focus,
.qb-choice-panel button.active {
    outline: none;
    background: rgba(255, 255, 255, 0.16);
}

.qb-choice-panel-date {
    right: 0;
    left: auto;
    width: min(390px, 92vw);
}

.qb-total-box {
    min-height: 54px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    background: #333436;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 700;
    transition: background 0.2s ease, color 0.2s ease;
}

.qb-total-box.ready {
    background: #0e6685;
    color: #ffffff;
}

.qb-actions {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.qb-actions .site-btn {
    border: 0;
    min-width: 154px;
}

.qb-actions .site-btn:disabled,
.qb-actions .site-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.42;
    filter: grayscale(1);
}

.qb-status {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    line-height: 1.45;
}

.quick-booking-contacts {
    display: grid;
    grid-template-columns: minmax(120px, 0.8fr) 1.45fr 1.25fr 1.25fr;
    gap: 24px;
    align-items: center;
    padding: 28px clamp(28px, 3.5vw, 70px) 36px;
    color: #ffffff;
    background: #202022;
}

.qb-contact-title {
    font-size: 25px;
    font-weight: 700;
}

.qb-contact-item {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 18px;
    align-items: center;
    min-width: 0;
}

.qb-contact-icon {
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #303033;
    color: #9b18ed;
    font-size: 28px;
}

.qb-contact-item span:not(.qb-contact-icon) {
    display: block;
    color: rgba(255, 255, 255, 0.68);
    margin-bottom: 2px;
}

.qb-contact-item strong {
    display: block;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

@media (max-width: 1199px) {
    .quick-booking-card {
        grid-template-columns: minmax(360px, 42vw) minmax(520px, 1fr);
    }
    .quick-booking-form-panel {
        padding: 50px 38px 42px;
    }
    .qb-category-title {
        font-size: 42px;
    }
    .qb-wheel-wrap {
        left: -300px;
    }
}

@media (max-width: 991px) {
    .quick-booking-card {
        grid-template-columns: 1fr;
    }
    .quick-booking-visual {
        min-height: 460px;
    }
    .quick-booking-form-panel {
        min-height: auto;
    }
    .qb-wheel-wrap {
        left: -210px;
        top: 55px;
        width: 470px;
        height: 470px;
    }
    .qb-specialist-photo {
        left: 292px;
        width: 142px;
        height: 142px;
    }
    .quick-booking-contacts {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .quick-booking-section {
        padding: 0;
    }
    .quick-booking-form-panel {
        padding: 38px 22px 34px;
    }
    .qb-category-title {
        font-size: 34px;
        min-height: auto;
    }
    .qb-grid-two {
        grid-template-columns: 1fr;
    }
    .qb-select-grid,
    .qb-bottom-row {
        margin-top: 20px;
    }
    .qb-choice-panel,
    .qb-choice-panel-date {
        left: 0;
        right: auto;
        width: 100%;
    }
    .quick-booking-visual {
        min-height: 400px;
    }
    .qb-wheel-wrap {
        left: -245px;
        width: 430px;
        height: 430px;
    }
    .qb-wheel-ring {
        inset: 70px;
        border-width: 9px;
    }
    .qb-wheel-button {
        width: 64px;
        height: 64px;
        border-width: 5px;
    }
    .qb-pos-top {
        left: 183px;
    }
    .qb-pos-right {
        top: 183px;
    }
    .qb-pos-bottom {
        left: 183px;
    }
    .qb-pos-left {
        top: 183px;
    }
    .qb-specialist-photo {
        left: 252px;
        width: 126px;
        height: 126px;
    }
    .qb-specialist-name {
        font-size: 16px;
        left: 18px;
        top: 18px;
    }
    .qb-wheel-hint {
        display: none;
    }
    .qb-contact-item {
        grid-template-columns: 54px 1fr;
    }
    .qb-contact-icon {
        width: 54px;
        height: 54px;
        font-size: 24px;
    }
}


/* Quick Booking fixes: full background, gray wheel buttons, dynamic contact layout */
.quick-booking-section {
    position: relative;
    background-color: #1b1b1d;
    background-image: linear-gradient(90deg, rgba(27, 27, 29, 0.74), rgba(27, 27, 29, 0.88)), url('../img/booking/booking-spa-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.quick-booking-section > .quick-booking-container {
    position: relative;
    z-index: 1;
}

.quick-booking-card {
    background: rgba(32, 32, 34, 0.74);
}

.quick-booking-visual {
    background: rgba(15, 15, 15, 0.08);
}

.qb-image-layer {
    background-image: url('../img/booking/booking-spa-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    opacity: 0.96;
}

.qb-visual-dark {
    background: linear-gradient(90deg, rgba(27, 27, 29, 0.06), rgba(27, 27, 29, 0.22) 58%, rgba(32, 32, 34, 0.88) 100%);
}

.quick-booking-form-panel {
    background: rgba(32, 32, 34, 0.88);
}

.quick-booking-contacts {
    background: rgba(32, 32, 34, 0.91);
}

.qb-wheel-button,
.qb-wheel-button.active,
.qb-wheel-button:hover,
.qb-wheel-button:focus {
    background: #d8d8d8;
    border-color: #9b18ed;
}

.qb-wheel-button:hover,
.qb-wheel-button:focus {
    background: #e1e1e1;
}

.qb-wheel-button.active {
    background: #d8d8d8;
    border-color: #9b18ed;
    box-shadow: 0 0 0 4px rgba(155, 24, 237, 0.18), 0 14px 26px rgba(0, 0, 0, 0.32);
}

.qb-pos-left {
    opacity: 1;
}

/* Block 2: header editor tools and modal login */
.header-section-editor-tools {
    background: #050005;
    position: relative;
    z-index: 90;
}
.site-header-bar {
    min-height: 58px;
    display: grid;
    grid-template-columns: 170px 1fr auto;
    align-items: center;
    gap: 18px;
    width: 100%;
    padding: 0 28px;
    background: #050005;
}
.site-header-left,
.site-header-actions,
.site-header-nav {
    display: flex;
    align-items: center;
}
.site-header-left {
    justify-content: flex-start;
}
.site-header-actions {
    justify-content: flex-end;
    gap: 14px;
}
.site-header-nav {
    justify-content: center;
    gap: 28px;
    color: #ffffff;
}
.site-header-nav a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    transition: color 0.22s ease;
}
.site-header-nav a:hover,
.site-header-nav a.active {
    color: #9F1EE9;
}
.site-header-logo img {
    width: 92px;
    max-height: 50px;
    object-fit: contain;
    display: block;
}
.site-header-gif-link {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.site-header-gif-link:hover,
.site-header-gif-link:focus {
    transform: translateY(-2px) scale(1.08);
    box-shadow: 0 0 18px rgba(159, 30, 233, 0.55);
}
.site-header-gif-link img {
    width: 31px;
    height: 31px;
    object-fit: contain;
    display: block;
}
.editor-login-modal,
.site-search-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.editor-login-modal.open,
.site-search-modal.open {
    display: flex;
}
.editor-login-backdrop,
.site-search-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(4px);
}
.editor-login-dialog,
.site-search-dialog {
    position: relative;
    width: min(420px, 94vw);
    background: #1f2023;
    border: 1px solid rgba(159, 30, 233, 0.55);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48), 0 0 28px rgba(159, 30, 233, 0.22);
    padding: 34px;
    color: #ffffff;
}
.editor-login-dialog h3,
.site-search-dialog h3 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 8px;
}
.editor-login-dialog p {
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 20px;
}
.editor-login-close,
.site-search-close {
    position: absolute;
    right: 16px;
    top: 12px;
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 32px;
    cursor: pointer;
}
.editor-login-form {
    display: grid;
    gap: 14px;
}
.editor-login-form input,
.site-search-dialog input {
    width: 100%;
    height: 50px;
    border: 0;
    background: #333436;
    color: #ffffff;
    padding: 0 16px;
}
.editor-login-form input::placeholder,
.site-search-dialog input::placeholder {
    color: rgba(255, 255, 255, 0.58);
}
.editor-login-form button {
    height: 50px;
    border: 0;
    background: #9F1EE9;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
}
.editor-login-error {
    background: rgba(200, 44, 44, 0.20);
    color: #ffb7b7;
    border-left: 3px solid #ff5050;
    padding: 10px 12px;
    margin-bottom: 16px;
}
.site-search-result {
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.75);
}
.qb-unavailable-notice {
    display: none;
    margin: 0 0 20px;
    padding: 12px 16px;
    background: rgba(200, 44, 44, 0.18);
    border-left: 4px solid #ef4949;
    color: #ffffff;
    font-weight: 700;
}
.quick-booking-section.qb-booking-disabled .qb-choice-field,
.quick-booking-section.qb-booking-disabled .qb-submit-btn {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Block 2: editor cabinet */
.editor-body {
    min-height: 100%;
    margin: 0;
    background: #1f2022;
    color: #ffffff;
    font-family: "Libre Franklin", Arial, sans-serif;
}
.editor-cabinet-header {
    min-height: 62px;
    background: #050005;
    display: grid;
    grid-template-columns: 170px 96px 1fr auto;
    gap: 20px;
    align-items: center;
    padding: 0 22px;
    color: #ffffff;
}
.editor-cabinet-left,
.editor-cabinet-right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.editor-cabinet-logo img {
    width: 80px;
    display: block;
}
.editor-cabinet-title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
.editor-nav-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 6px;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.editor-nav-icon:hover,
.editor-nav-icon.active {
    background: rgba(159, 30, 233, 0.22);
    color: #ffffff;
    transform: translateY(-1px);
}
.editor-nav-icon i {
    font-size: 20px;
}
.editor-profile-page {
    min-height: calc(100vh - 62px);
    padding: 34px 34px 60px;
    background: #202123;
}
.editor-profile-panel {
    max-width: 1180px;
    margin: 0 auto;
}
.editor-profile-panel h1 {
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 28px;
}
.editor-alert {
    padding: 12px 16px;
    margin-bottom: 18px;
    border-left: 4px solid;
}
.editor-alert-success {
    background: rgba(25, 160, 80, 0.18);
    border-color: #25c16f;
    color: #cfffdf;
}
.editor-alert-error {
    background: rgba(200, 44, 44, 0.18);
    border-color: #ff5050;
    color: #ffd1d1;
}
.editor-profile-form {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 34px;
    align-items: start;
}
.editor-photo-block {
    width: 170px;
}
.editor-profile-photo {
    width: 160px;
    height: 160px;
    object-fit: cover;
    display: block;
    border: 5px solid #9F1EE9;
    background: #ffffff;
}
.editor-photo-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 160px;
    min-height: 48px;
    margin-top: 10px;
    background: #ffffff;
    color: #6110a0;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}
.editor-photo-button span {
    font-size: 12px;
    color: #2b2b2b;
}
.editor-photo-button input {
    display: none;
}
.editor-fields-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr);
    gap: 15px 28px;
}
.editor-field,
.editor-toggle-row {
    min-height: 44px;
    display: grid;
    grid-template-columns: 1fr 32px;
    align-items: center;
    background: #333436;
    color: #ffffff;
    position: relative;
}
.editor-field span {
    position: absolute;
    left: 12px;
    top: -18px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
}
.editor-field input {
    width: 100%;
    height: 44px;
    border: 0;
    background: transparent;
    color: #ffffff;
    padding: 0 10px;
}
.editor-field input[readonly] {
    color: rgba(255, 255, 255, 0.82);
    cursor: not-allowed;
}
.editor-field i,
.editor-toggle-row i {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
}
.editor-toggle-row {
    grid-template-columns: 1fr 56px;
    padding-left: 10px;
    font-size: 15px;
    cursor: pointer;
}
.editor-toggle-row input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.editor-toggle-row i {
    color: rgba(255,255,255,0.28);
    transition: color 0.2s ease, transform 0.2s ease;
}
.editor-toggle-row input:checked + i,
.editor-toggle-row:has(input:checked) i {
    color: #34b742;
    transform: scale(1.12);
}
.editor-secret-field {
    grid-column: 1 / 2;
}
.editor-save-button {
    min-height: 44px;
    border: 0;
    background: #9F1EE9;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
    padding: 0 18px;
}
.editor-save-button:hover {
    background: #b82cff;
}
@media (max-width: 991px) {
    .site-header-bar {
        grid-template-columns: 1fr;
        padding: 12px 18px;
        gap: 12px;
    }
    .site-header-left,
    .site-header-actions,
    .site-header-nav {
        justify-content: center;
        flex-wrap: wrap;
    }
    .editor-cabinet-header {
        grid-template-columns: 1fr;
        padding: 14px;
        gap: 12px;
    }
    .editor-cabinet-left,
    .editor-cabinet-right,
    .editor-cabinet-logo {
        justify-content: center;
        text-align: center;
    }
    .editor-profile-form {
        grid-template-columns: 1fr;
    }
    .editor-fields-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* Block 2 update: exact animated GIF icons and expanded editor cabinet */
.site-header-gif-link {
    border: 1px solid rgba(159, 30, 233, 0.08);
}
.site-header-gif-link:hover,
.site-header-gif-link:focus {
    background: rgba(159, 30, 233, 0.10);
    box-shadow: 0 0 20px rgba(159, 30, 233, 0.70), 0 0 42px rgba(159, 30, 233, 0.25);
}
.site-header-gif-link img {
    filter: drop-shadow(0 0 4px rgba(159, 30, 233, 0.18));
}
.editor-gif-icon {
    background: rgba(255,255,255,0.03);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 0 rgba(159, 30, 233, 0);
}
.editor-gif-icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    display: block;
}
.editor-gif-icon:hover,
.editor-gif-icon.active {
    background: rgba(159, 30, 233, 0.18);
    box-shadow: 0 0 18px rgba(159, 30, 233, 0.58);
}
.editor-section-panel h1,
.editor-section-panel h2 {
    color: #fff;
}
.editor-toolbar-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin: 0 0 20px;
}
.editor-secondary-button,
.editor-danger-button,
.editor-table-button,
.editor-table-x,
.editor-tabs a,
.chat-member-tools button {
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 14px;
    color: #fff;
    background: #35363a;
    cursor: pointer;
    font-weight: 700;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.editor-secondary-button:hover,
.editor-table-button:hover,
.editor-tabs a:hover,
.chat-member-tools button:hover {
    color: #fff;
    background: #9F1EE9;
    box-shadow: 0 0 16px rgba(159, 30, 233, .45);
    transform: translateY(-1px);
}
.editor-danger-button,
.editor-table-x {
    background: #6b1f2a;
}
.editor-danger-button:hover,
.editor-table-x:hover {
    background: #d33b50;
    color: #fff;
}
.editor-table-wrap {
    width: 100%;
    overflow-x: auto;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}
.editor-data-table {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    color: #fff;
}
.editor-data-table th,
.editor-data-table td {
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding: 10px;
    vertical-align: middle;
}
.editor-data-table th {
    color: rgba(255,255,255,0.78);
    background: rgba(0,0,0,0.18);
    font-weight: 800;
}
.editor-data-table input,
.editor-add-row-form input,
.editor-add-row-form select,
.chat-member-tools select,
.chat-send-form textarea {
    width: 100%;
    border: 0;
    background: #333436;
    color: #fff;
    min-height: 38px;
    padding: 8px 10px;
}
.editor-data-table input::placeholder,
.editor-add-row-form input::placeholder,
.chat-send-form textarea::placeholder {
    color: rgba(255,255,255,0.55);
}
.editor-data-table td form {
    margin: 0;
}
.editor-add-row-form {
    display: grid;
    grid-template-columns: minmax(220px, 1.3fr) minmax(150px, .8fr) minmax(150px, .8fr) auto;
    gap: 12px;
    margin-top: 18px;
}
.admin-table + .editor-add-row-form,
.editor-add-row-form:has(select) {
    grid-template-columns: repeat(5, minmax(130px, 1fr)) auto;
}
.editor-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 22px;
}
.editor-tabs a.active {
    background: #9F1EE9;
    box-shadow: 0 0 16px rgba(159, 30, 233, .45);
    color: #fff;
}
.traffic-chart {
    display: grid;
    gap: 20px;
    padding: 24px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
}
.traffic-device-row {
    display: grid;
    grid-template-columns: 90px 1fr;
    align-items: end;
    gap: 18px;
}
.traffic-bars {
    display: flex;
    align-items: end;
    gap: 5px;
    height: 92px;
    border-bottom: 1px solid rgba(255,255,255,0.18);
}
.traffic-bar {
    flex: 1;
    min-width: 6px;
    max-width: 24px;
    background: #9F1EE9;
    box-shadow: 0 0 12px rgba(159, 30, 233, .35);
}
.chat-member-tools,
.editor-placeholder-card,
.chat-window,
.chat-send-form,
.editor-stat-grid > div {
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff;
}
.chat-member-tools {
    padding: 16px;
    margin-bottom: 16px;
}
.chat-member-tools form {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}
.chat-window {
    min-height: 300px;
    max-height: 520px;
    overflow-y: auto;
    padding: 18px;
}
.chat-message {
    padding: 14px;
    margin-bottom: 12px;
    background: rgba(0,0,0,0.18);
    border-left: 3px solid #9F1EE9;
}
.chat-message strong {
    color: #fff;
}
.chat-message span {
    display: block;
    color: rgba(255,255,255,0.48);
    font-size: 12px;
    margin-top: 2px;
}
.chat-message p {
    color: rgba(255,255,255,0.82);
    margin: 8px 0 0;
}
.chat-send-form {
    display: grid;
    grid-template-columns: 1fr 160px;
    gap: 12px;
    padding: 16px;
    margin-top: 16px;
}
.chat-send-form textarea {
    min-height: 82px;
    resize: vertical;
}
.editor-placeholder-card {
    padding: 22px;
    color: rgba(255,255,255,0.76);
}
.editor-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 18px;
}
.editor-stat-grid > div {
    padding: 24px;
    display: grid;
    gap: 8px;
}
.editor-stat-grid b {
    font-size: 42px;
    color: #fff;
    line-height: 1;
}
.editor-stat-grid span {
    color: rgba(255,255,255,0.72);
}
@media (max-width: 991px) {
    .editor-add-row-form,
    .admin-table + .editor-add-row-form,
    .editor-add-row-form:has(select),
    .chat-send-form,
    .editor-stat-grid,
    .traffic-device-row {
        grid-template-columns: 1fr;
    }
    .chat-member-tools form {
        flex-direction: column;
    }
}

/* Block 3 fixes: white GIF icons, straight tables, modern chat */
.site-header-gif-link img,
.editor-gif-icon img {
    filter: brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,0.35)) drop-shadow(0 0 10px rgba(159, 30, 233, 0.42)) !important;
}
.site-header-gif-link:hover img,
.site-header-gif-link:focus img,
.editor-gif-icon:hover img,
.editor-gif-icon.active img {
    filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,0.55)) drop-shadow(0 0 18px rgba(159, 30, 233, 0.78)) !important;
}

.editor-data-table {
    table-layout: fixed;
    border-spacing: 0;
}
.editor-data-table th,
.editor-data-table td {
    height: 58px;
    box-sizing: border-box;
    text-align: center;
}
.editor-data-table th:nth-child(2),
.editor-data-table td:nth-child(2),
.admin-table th:nth-child(2),
.admin-table td:nth-child(2) {
    text-align: left;
}
.editor-data-table input {
    display: block;
    min-height: 40px;
    box-sizing: border-box;
}
.editor-inline-form {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.editor-inline-input {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}
.editor-inline-input span {
    color: rgba(255,255,255,0.72);
    white-space: nowrap;
}
.editor-table-button,
.editor-table-x {
    width: 100%;
    max-width: 150px;
    white-space: nowrap;
}

.chat-window-modern {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
}
.chat-message-row {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    max-width: 82%;
}
.chat-message-row.is-own {
    align-self: flex-end;
    flex-direction: row-reverse;
}
.chat-message-row.is-other {
    align-self: flex-start;
}
.chat-message-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
    border: 2px solid rgba(159, 30, 233, 0.85);
    box-shadow: 0 0 14px rgba(159, 30, 233, 0.32);
}
.chat-message-bubble {
    min-width: 190px;
    padding: 12px 14px;
    border-radius: 18px 18px 18px 4px;
    background: rgba(0,0,0,0.24);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}
.chat-message-row.is-own .chat-message-bubble {
    border-radius: 18px 18px 4px 18px;
    background: linear-gradient(135deg, rgba(159,30,233,0.78), rgba(92,22,145,0.80));
    border-color: rgba(255,255,255,0.14);
}
.chat-message-meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
}
.chat-message-meta strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
}
.chat-message-meta span {
    color: rgba(255,255,255,0.58);
    font-size: 11px;
    white-space: nowrap;
}
.chat-message-bubble p {
    color: rgba(255,255,255,0.90);
    margin: 0;
    line-height: 1.45;
    word-break: break-word;
}
@media (max-width: 768px) {
    .chat-message-row {
        max-width: 96%;
    }
    .chat-message-bubble {
        min-width: 0;
    }
}

/* Block 4: workday editor, booking actions, table sorting in headers */
.qb-choice-empty {
    padding: 13px 16px;
    color: rgba(255,255,255,0.68);
    font-size: 14px;
}
.editor-sort-link {
    color: rgba(255,255,255,0.86);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    text-decoration: none;
}
.editor-sort-link:after {
    content: "↕";
    font-size: 12px;
    color: rgba(255,255,255,0.45);
}
.editor-sort-link:hover {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(159, 30, 233, 0.78);
}
.editor-price-table th,
.editor-price-table td,
.editor-bookings-table th,
.editor-bookings-table td {
    vertical-align: middle;
}
.editor-bookings-table {
    min-width: 1080px;
}
.booking-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.booking-icon-button {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}
.booking-icon-button img {
    width: 23px;
    height: 23px;
    object-fit: contain;
    filter: brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.4));
}
.booking-icon-button:hover {
    transform: translateY(-1px) scale(1.04);
}
.booking-confirm {
    background: #159342;
    box-shadow: 0 0 16px rgba(30, 210, 95, .38);
}
.booking-delete {
    background: #9d2737;
    box-shadow: 0 0 16px rgba(255, 50, 80, .34);
}
.booking-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    border-radius: 999px;
    padding: 5px 12px;
    font-weight: 800;
    font-size: 12px;
    color: #181818;
}
.booking-status-new {
    background: #f5d34e;
}
.booking-status-confirmed {
    background: #41b95e;
    color: #fff;
}
.workdays-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
    margin-bottom: 18px;
    color: #fff;
}
.workdays-filter label {
    display: grid;
    gap: 6px;
    color: rgba(255,255,255,.76);
    font-weight: 700;
}
.workdays-filter input,
.workdays-filter select {
    min-height: 42px;
    border: 0;
    background: #333436;
    color: #fff;
    padding: 8px 12px;
}
.workdays-editor {
    display: grid;
    gap: 18px;
}
.workdays-topline {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.workdays-date-title {
    color: rgba(255,255,255,.86);
    font-weight: 800;
}
.workdays-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.workdays-toolbar .is-active {
    background: #9F1EE9;
    box-shadow: 0 0 18px rgba(159, 30, 233, .55);
    color: #fff;
}
.workdays-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: #fff;
}
.workdays-legend span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 4px;
    color: #101010;
    font-size: 12px;
    font-weight: 800;
}
.workdays-calendar {
    display: grid;
    grid-template-columns: repeat(7, minmax(74px, 1fr));
    gap: 7px;
}
.workdays-week-head {
    color: rgba(255,255,255,.76);
    font-weight: 900;
    text-align: center;
    padding: 8px 5px;
    background: rgba(255,255,255,.05);
}
.workday-cell,
.workhour-cell {
    border: 1px solid rgba(255,255,255,.12);
    min-height: 74px;
    color: #151515;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    position: relative;
}
.workday-cell:hover,
.workhour-cell:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 18px rgba(255,255,255,.16), 0 0 24px rgba(159,30,233,.25);
    border-color: rgba(255,255,255,.35);
}
.workday-cell.is-other-month {
    opacity: .45;
}
.workday-cell.has-pending-change,
.workhour-cell.has-pending-change {
    outline: 3px solid rgba(159,30,233,.82);
    outline-offset: -3px;
}
.workday-cell span,
.workhour-cell span {
    position: relative;
    z-index: 2;
}
.workhours-grid {
    display: grid;
    gap: 12px;
}
.workhours-row {
    display: grid;
    grid-template-columns: repeat(12, minmax(58px, 1fr));
    gap: 6px;
}
.workhour-cell {
    min-height: 58px;
    font-size: 13px;
}
.workhour-cell.is-locked {
    cursor: not-allowed;
}
.status-default {
    background: #77787c !important;
    color: #151515 !important;
}
.status-off,
.status-break {
    background: #e04444 !important;
    color: #fff !important;
}
.status-vacation {
    background: #58c9f2 !important;
    color: #07202c !important;
}
.status-work {
    background: #c7f5c4 !important;
    color: #102411 !important;
}
.status-confirmed {
    background: #35a957 !important;
    color: #fff !important;
}
.status-request {
    background: #f4d44d !important;
    color: #272200 !important;
}
@media (max-width: 991px) {
    .workdays-calendar {
        grid-template-columns: repeat(7, minmax(42px, 1fr));
        gap: 4px;
    }
    .workday-cell {
        min-height: 50px;
    }
    .workhours-row {
        grid-template-columns: repeat(4, minmax(64px, 1fr));
    }
}

/* Block 5: booking calendar table, time list, discounts, promocodes */
.qb-date-table-panel {
    width: min(520px, 92vw);
    max-height: 360px;
    padding: 12px;
}
.qb-date-table {
    display: grid;
    grid-template-columns: repeat(7, minmax(44px, 1fr));
    gap: 6px;
}
.qb-date-head {
    text-align: center;
    font-weight: 900;
    font-size: 12px;
    color: rgba(255,255,255,.76);
    padding: 4px 2px;
}
.qb-choice-panel .qb-date-cell {
    min-height: 58px;
    padding: 7px 4px;
    text-align: center;
    border-radius: 4px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.08);
}
.qb-choice-panel .qb-date-cell strong,
.qb-choice-panel .qb-date-cell span {
    display: block;
}
.qb-choice-panel .qb-date-cell span {
    font-size: 11px;
    color: rgba(255,255,255,.65);
    margin-top: 2px;
}
.qb-choice-panel-time {
    width: min(330px, 92vw);
}
.qb-empty-panel {
    padding: 16px;
    color: rgba(255,255,255,.72);
    font-size: 14px;
}
.qb-promo-row {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(220px, .85fr);
    gap: 28px;
    margin-top: 28px;
}
.qb-promo-box,
.qb-discount-box {
    min-height: 92px;
    background: #333436;
    padding: 14px 16px;
    display: grid;
    gap: 8px;
    color: #fff;
}
.qb-promo-box > span,
.qb-discount-box > span {
    color: rgba(255,255,255,.65);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.qb-promo-box {
    grid-template-columns: 1fr auto;
    align-items: center;
}
.qb-promo-box > span,
.qb-promo-box small {
    grid-column: 1 / -1;
}
.qb-promo-box input {
    height: 42px;
    padding: 0 12px;
    background: #242527;
}
.qb-promo-box button {
    height: 42px;
    border: 0;
    padding: 0 14px;
    background: #9F1EE9;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}
.qb-promo-box button:hover,
.qb-promo-box button:focus {
    transform: translateY(-1px);
    box-shadow: 0 0 16px rgba(159,30,233,.55);
}
.qb-promo-box small {
    color: rgba(255,255,255,.62);
    line-height: 1.35;
}
.qb-discount-box strong {
    align-self: center;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
}
.qb-total-box {
    margin-top: 28px;
    flex-wrap: wrap;
    gap: 8px 12px;
}
.qb-total-box small {
    width: 100%;
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,.78);
}
.qb-old-price {
    color: rgba(255,255,255,.58);
    text-decoration: line-through;
    font-weight: 500;
}
@media (max-width: 767px) {
    .qb-promo-row {
        grid-template-columns: 1fr;
    }
    .qb-date-table {
        grid-template-columns: repeat(4, minmax(54px, 1fr));
    }
    .qb-date-head {
        display: none;
    }
}

/* Block 5: promotions constructor in editor */
.editor-edit-tabs {
    margin-top: -4px;
}
.promo-builder-page {
    display: grid;
    gap: 18px;
}
.promo-builder-page h2,
.promo-builder-page h3 {
    color: #fff;
    margin: 0;
}
.promo-builder-card {
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
    padding: 16px;
    color: #fff;
}
.promo-builder-card summary {
    cursor: pointer;
    font-weight: 900;
    font-size: 18px;
    color: #fff;
    margin-bottom: 14px;
}
.promo-builder-form {
    display: grid;
    gap: 14px;
}
.promo-builder-form label {
    display: grid;
    gap: 6px;
    color: rgba(255,255,255,.76);
    font-weight: 800;
}
.promo-builder-form input,
.promo-builder-form select,
.promo-table input,
.promo-table select {
    border: 0;
    background: #333436;
    color: #fff;
    min-height: 40px;
    padding: 8px 10px;
    width: 100%;
}
.promo-form-block {
    display: grid;
    gap: 10px;
    padding: 14px;
    background: rgba(0,0,0,.16);
    border-left: 3px solid #9F1EE9;
}
.promo-form-block b {
    color: #fff;
}
.promo-check {
    display: inline-flex !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px !important;
}
.promo-check input,
.promo-table-check input {
    width: auto !important;
    min-height: auto !important;
}
.promo-service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px 14px;
}
.promo-service-grid label {
    grid-template-columns: auto 1fr;
    align-items: center;
    display: grid;
}
.promo-inline {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    align-items: end;
}
.promo-table {
    min-width: 1180px;
}
.promo-table td {
    text-align: left;
    font-size: 13px;
}
.promo-table th {
    text-align: center;
}
.promo-table tr.is-disabled {
    opacity: .55;
}
.promo-table-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    color: rgba(255,255,255,.72);
    font-size: 12px;
}

/* Block 6: client cabinet, badges, manual bookings and right icon sizing */
.site-header-gif-link,
.editor-nav-icon {
    position: relative;
}
.site-header-gif-link {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}
.site-header-gif-link img {
    width: 30px !important;
    height: 30px !important;
}
.editor-nav-icon,
.editor-gif-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}
.editor-gif-icon img {
    width: 30px !important;
    height: 30px !important;
}
.site-icon-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #ff1f32;
    color: #ffffff;
    font-size: 10px;
    line-height: 16px;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 0 0 2px #050005, 0 0 12px rgba(255, 31, 50, 0.85);
    z-index: 4;
}
.client-login-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.client-login-modal.open {
    display: flex;
}
.client-login-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(4px);
}
.client-login-dialog {
    position: relative;
    width: min(470px, 94vw);
    max-height: 92vh;
    overflow: auto;
    background: #1f2023;
    border: 1px solid rgba(159, 30, 233, 0.55);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48), 0 0 28px rgba(159, 30, 233, 0.22);
    padding: 34px;
    color: #ffffff;
}
.client-login-dialog h3 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 8px;
}
.client-login-dialog p {
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 18px;
}
.client-login-close {
    position: absolute;
    right: 16px;
    top: 12px;
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 32px;
    cursor: pointer;
}
.client-auth-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 15px;
}
.client-auth-tabs button {
    height: 42px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: #fff;
    font-weight: 900;
    cursor: pointer;
}
.client-auth-tabs button.active {
    background: #9F1EE9;
    box-shadow: 0 0 18px rgba(159, 30, 233, 0.45);
}
.client-auth-form {
    display: none;
    gap: 12px;
}
.client-auth-form.active {
    display: grid;
}
.client-auth-form input {
    height: 46px;
    border: 0;
    outline: 0;
    padding: 0 14px;
    color: #ffffff;
    background: #303134;
}
.client-auth-form button {
    height: 48px;
    border: 0;
    background: #9F1EE9;
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(159, 30, 233, 0.35);
}
.booking-toolbar-row {
    align-items: flex-start;
}
.manual-booking-details {
    flex: 1 1 100%;
    min-width: 100%;
}
.manual-booking-details > summary {
    width: max-content;
    list-style: none;
    cursor: pointer;
}
.manual-booking-details > summary::-webkit-details-marker {
    display: none;
}
.manual-booking-form {
    margin-top: 14px;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
}
.manual-booking-form input,
.manual-booking-form select {
    min-height: 44px;
}
.editor-muted-text {
    color: rgba(255,255,255,.62);
    font-size: 13px;
}
.booking-status-archived {
    background: #8c8f95;
    color: #fff;
}
.booking-status-deleted {
    background: #5e2228;
    color: #fff;
}
.client-body .editor-profile-panel {
    max-width: 1180px;
}
.client-status-strip {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
    border-radius: 14px;
    margin-bottom: 22px;
    color: #fff;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
}
.client-status-strip strong {
    font-size: 17px;
}
.client-status-strip span {
    color: rgba(255,255,255,.70);
}
.client-status-confirmed {
    background: rgba(30, 150, 80, .35);
    border-color: rgba(80, 220, 120, .42);
}
.client-status-blocked {
    background: rgba(180, 30, 50, .35);
    border-color: rgba(255, 80, 100, .42);
}
.client-status-pending {
    background: rgba(245, 190, 40, .20);
    border-color: rgba(245, 210, 80, .36);
}
.client-section-note {
    color: rgba(255,255,255,.72);
    margin-bottom: 20px;
}
.client-promotions-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}
.client-promo-card {
    min-height: 165px;
    padding: 20px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(159,30,233,.34), rgba(255,255,255,.06));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 20px 38px rgba(0,0,0,.18);
    color: #fff;
    display: grid;
    gap: 8px;
}
.client-promo-card strong {
    font-size: 20px;
    color: #fff;
}
.client-promo-card span,
.client-promo-card small {
    color: rgba(255,255,255,.70);
}
.client-promo-card b {
    color: #fff;
    letter-spacing: .04em;
}
.client-bookings-table {
    min-width: 820px;
}
@media (max-width: 768px) {
    .manual-booking-form {
        grid-template-columns: 1fr;
    }
    .client-status-strip {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* Block 7 fixes */
.editor-profile-content {
    display: grid;
    gap: 22px;
}
.editor-profile-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 4px;
}
.editor-profile-tabs button {
    border: 1px solid rgba(255,255,255,.12);
    background: #35363a;
    color: #fff;
    min-height: 42px;
    padding: 9px 16px;
    font-weight: 900;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.editor-profile-tabs button.active {
    background: #fff;
    color: #25112f;
    box-shadow: 0 0 18px rgba(255,255,255,.28), 0 0 20px rgba(159,30,233,.35);
}
.editor-profile-tab-panel {
    display: none;
}
.editor-profile-tab-panel.active {
    display: block;
}
.editor-profile-submit-row {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    gap: 16px;
    align-items: end;
}
.editor-technical-grid {
    display: grid;
    grid-template-columns: minmax(260px, 420px) 1fr;
    gap: 22px;
    align-items: stretch;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.08);
    padding: 16px;
}
.editor-bg-preview {
    min-height: 220px;
    background-size: cover;
    background-position: center center;
    border: 4px solid #9F1EE9;
    box-shadow: 0 0 22px rgba(159,30,233,.25);
}
.editor-bg-tools {
    display: grid;
    gap: 12px;
    align-content: center;
    color: rgba(255,255,255,.8);
}
.editor-bg-tools h3 {
    color: #fff;
    margin: 0;
}
.editor-bg-tools p,
.editor-bg-tools small {
    color: rgba(255,255,255,.74);
}
.editor-bg-button {
    width: min(340px, 100%);
    min-height: 56px;
    padding: 10px;
}
.promo-heading-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
}
.promo-builder-page,
.promo-builder-form label,
.promo-form-block,
.promo-inline,
.promo-service-grid label,
.promo-table,
.promo-table td {
    color: #fff;
}
.promo-builder-form label span,
.promo-builder-form label,
.promo-form-block small,
.promo-remaining-line {
    color: rgba(255,255,255,.86) !important;
}
.promo-builder-form input,
.promo-builder-form select,
.promo-table input,
.promo-table select {
    background: #25262a;
    color: #fff;
    border: 1px solid rgba(255,255,255,.14);
}
.promo-builder-form input::placeholder,
.promo-table input::placeholder {
    color: rgba(255,255,255,.62);
}
.promo-remaining-line {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    font-weight: 800;
}
.calendar-mode-swatch {
    width: 56px;
    height: 38px;
    border: 2px solid rgba(255,255,255,.22);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.calendar-mode-swatch:hover,
.calendar-mode-swatch.is-active {
    transform: translateY(-1px);
    border-color: #fff;
    box-shadow: 0 0 16px rgba(255,255,255,.2), 0 0 20px rgba(159,30,233,.45);
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
.admin-table + .editor-add-row-form,
.editor-add-row-form:has(select) {
    grid-template-columns: repeat(4, minmax(140px, 1fr)) auto;
}
@media (max-width: 991px) {
    .editor-profile-submit-row,
    .editor-technical-grid {
        grid-template-columns: 1fr;
    }
}
.editor-photo-block .editor-profile-tabs {
    width: 160px;
    margin-top: 12px;
}
.editor-photo-block .editor-profile-tabs button {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    font-size: 12px;
}



/* Block 9 — Wellness Yanino about section, rebuilt calm layout */
.about-us-section#about-wellness {
    padding: 0;
    background: #111111;
    overflow: hidden;
}
.wellness-about-shell {
    position: relative;
    width: 100%;
    min-height: clamp(620px, 46vw, 760px);
    background: #111111;
    overflow: hidden;
    isolation: isolate;
}
.wellness-about-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 30% 22%, rgba(171, 26, 239, .16), transparent 34%),
        linear-gradient(90deg, #111111 0%, #151515 48%, #171717 100%);
    pointer-events: none;
}
.wellness-about-slide {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(420px, 45%) minmax(0, 55%);
    min-height: clamp(620px, 46vw, 760px);
    opacity: 0;
    visibility: hidden;
    transform: translateX(24px);
    transition: opacity .55s ease, transform .55s ease, visibility .55s ease;
}
.wellness-about-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    z-index: 2;
}
.wellness-about-progress {
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateX(-50%);
}
.wellness-about-progress span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,.22);
    box-shadow: 0 0 0 1px rgba(255,255,255,.12);
}
.wellness-about-progress span.is-active {
    width: 34px;
    border-radius: 12px;
    background: #b21cf1;
    box-shadow: 0 0 15px rgba(178,28,241,.7);
}
.wellness-about-left {
    position: relative;
    grid-column: 1;
    min-height: clamp(620px, 46vw, 760px);
    overflow: hidden;
    background: #101010;
}
.wellness-about-left::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.16) 34%, rgba(0,0,0,.18) 74%, rgba(0,0,0,.72) 100%);
    pointer-events: none;
}
.wellness-about-left--general {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 50% 45%, rgba(178,28,241,.28), transparent 38%),
        linear-gradient(135deg, #101010 0%, #161616 100%);
}
.wellness-about-photo-img {
    position: absolute;
    z-index: 0;
    top: clamp(58px, 5vw, 78px);
    right: clamp(46px, 4vw, 72px);
    bottom: clamp(60px, 5vw, 78px);
    left: clamp(95px, 7vw, 135px);
    width: auto;
    height: auto;
    max-width: none;
    object-fit: cover;
    object-position: center;
    border-radius: 18px;
    filter: grayscale(100%);
    box-shadow: 0 28px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.08);
}
.wellness-about-left-overlay {
    display: none;
}
.wellness-about-main-logo {
    position: relative;
    z-index: 4;
    width: min(46%, 330px);
    height: auto;
    display: block;
    filter: drop-shadow(0 0 22px rgba(178,28,241,.72));
}
.wellness-about-small-logo {
    position: absolute;
    z-index: 5;
    top: clamp(54px, 4.5vw, 72px);
    right: clamp(52px, 4.5vw, 82px);
    width: clamp(86px, 6vw, 118px);
    height: auto;
    filter: drop-shadow(0 0 14px rgba(178,28,241,.65));
}
.wellness-about-vertical-name {
    position: absolute;
    z-index: 5;
    top: clamp(72px, 6vw, 94px);
    left: clamp(22px, 2.2vw, 42px);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(24px, 2vw, 34px);
    line-height: 1.05;
    color: #ffffff;
    letter-spacing: .4px;
    text-shadow: 0 0 14px rgba(0,0,0,.9), 0 0 5px rgba(0,0,0,.75);
}
.wellness-about-role-icons {
    position: absolute;
    z-index: 5;
    left: clamp(24px, 2.2vw, 44px);
    bottom: clamp(38px, 3vw, 56px);
    display: flex;
    align-items: center;
    gap: 14px;
}
.wellness-about-role-icons img {
    width: clamp(46px, 3.5vw, 62px);
    height: clamp(46px, 3.5vw, 62px);
    object-fit: contain;
    border-radius: 50%;
    filter: grayscale(100%) drop-shadow(0 0 8px rgba(0,0,0,.75));
    opacity: .85;
}
.wellness-about-split {
    position: absolute;
    z-index: 4;
    top: clamp(54px, 5vw, 76px);
    bottom: clamp(54px, 5vw, 76px);
    left: 45%;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,.6) 14%, rgba(178,28,241,.58) 50%, rgba(255,255,255,.6) 86%, transparent);
    pointer-events: none;
    box-shadow: 0 0 22px rgba(178,28,241,.18);
}
.wellness-about-split::before,
.wellness-about-split::after {
    display: none;
}
.wellness-about-right {
    position: relative;
    grid-column: 2;
    min-height: clamp(620px, 46vw, 760px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(56px, 4vw, 72px) clamp(56px, 4.5vw, 86px) clamp(58px, 5vw, 82px) clamp(58px, 4.6vw, 90px);
    color: #ffffff;
    font-family: Georgia, 'Times New Roman', serif;
}
.wellness-about-right::before {
    content: "";
    position: absolute;
    inset: clamp(48px, 4vw, 68px) clamp(34px, 3vw, 56px) clamp(52px, 4vw, 70px) clamp(32px, 3vw, 54px);
    z-index: -1;
    border-radius: 20px;
    background: rgba(20,20,20,.58);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 26px 70px rgba(0,0,0,.25);
}
.wellness-about-card {
    width: 100%;
    max-width: 1040px;
}
.wellness-about-card h2 {
    width: 100%;
    margin: 0 0 clamp(28px, 2.5vw, 42px);
    padding: 15px clamp(22px, 2.2vw, 34px);
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: clamp(26px, 2.05vw, 38px);
    line-height: 1.12;
    color: #050505;
    border-radius: 2px;
    background: linear-gradient(90deg, #9d12eb, #b21cf1, #9d12eb);
    box-shadow: 0 0 24px rgba(169,21,239,.62), 0 0 50px rgba(169,21,239,.2);
}
.wellness-about-card--general {
    text-align: left;
}
.wellness-about-text {
    max-width: 980px;
    margin: 0 0 clamp(30px, 3vw, 46px);
    font-size: clamp(20px, 1.35vw, 26px);
    line-height: 1.62;
    color: #ffffff;
}
.wellness-about-text p {
    margin: 0 0 20px;
    color: #ffffff;
}
.wellness-about-intro-row {
    display: grid;
    grid-template-columns: minmax(210px, .85fr) minmax(310px, 1.35fr);
    align-items: start;
    column-gap: clamp(34px, 4vw, 72px);
    margin: 0 0 clamp(18px, 1.8vw, 28px);
}
.wellness-about-person-name,
.wellness-about-specialist-line,
.wellness-about-direction {
    color: #ffffff;
    font-size: clamp(19px, 1.35vw, 27px);
    line-height: 1.35;
    text-align: left;
}
.wellness-about-person-name {
    font-weight: 700;
    opacity: .96;
}
.wellness-about-specialist-line {
    font-weight: 700;
}
.wellness-about-direction {
    margin: 0 0 clamp(28px, 2.7vw, 44px);
    max-width: 920px;
}
.wellness-about-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: clamp(14px, 1.3vw, 22px);
    margin: 0 0 clamp(24px, 2.2vw, 34px);
    color: #ffffff;
}
.wellness-about-stats div {
    text-align: center;
    padding: clamp(16px, 1.4vw, 22px) 12px;
    min-height: 126px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    background: rgba(255,255,255,.045);
}
.wellness-about-stats strong {
    display: block;
    font-family: Arial, sans-serif;
    font-size: clamp(38px, 3.2vw, 56px);
    line-height: .95;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}
.wellness-about-stats span {
    display: block;
    font-size: clamp(15px, 1.05vw, 20px);
    line-height: 1.25;
}
.wellness-about-free-window,
.wellness-about-white-label {
    width: 100%;
    background: #ffffff;
    color: #000000;
    text-align: center;
    padding: 12px 20px;
    font-size: clamp(18px, 1.35vw, 25px);
    line-height: 1.22;
    margin: 0 0 clamp(20px, 1.9vw, 28px);
    border-radius: 2px;
}
.wellness-about-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: clamp(16px, 1.6vw, 28px);
    margin: 0 0 clamp(24px, 2.2vw, 34px);
}
.wellness-about-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(42px, 3.1vw, 54px);
    height: clamp(42px, 3.1vw, 54px);
    border-radius: 50%;
    color: #ffffff;
    background: rgba(255,255,255,.07);
    text-decoration: none;
    line-height: 1;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 10px 26px rgba(0,0,0,.22);
    transition: color .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.wellness-about-socials a:hover,
.wellness-about-socials a:focus {
    color: #ffffff;
    background: #b21cf1;
    transform: translateY(-2px);
    box-shadow: 0 0 18px rgba(178,28,241,.55);
    text-decoration: none;
}
.wellness-about-socials i {
    font-size: clamp(20px, 1.5vw, 27px);
    line-height: 1;
}
.wellness-about-purple-button {
    display: block;
    width: 100%;
    border-radius: 2px;
    background: linear-gradient(90deg, #9d12eb, #b21cf1);
    color: #ffffff;
    text-align: center;
    padding: 14px 22px;
    font-size: clamp(20px, 1.55vw, 28px);
    line-height: 1.2;
    font-family: Georgia, 'Times New Roman', serif;
    box-shadow: 0 0 22px rgba(159,30,233,.36);
}
.wellness-about-purple-button:hover,
.wellness-about-purple-button:focus {
    color: #ffffff;
    text-decoration: none;
}
@media only screen and (max-width: 1199px) {
    .wellness-about-slide {
        grid-template-columns: 43% 57%;
    }
    .wellness-about-split {
        left: 43%;
    }
    .wellness-about-photo-img {
        left: 92px;
        right: 40px;
    }
    .wellness-about-right {
        padding-left: 48px;
        padding-right: 44px;
    }
    .wellness-about-intro-row {
        grid-template-columns: 1fr;
        row-gap: 8px;
    }
    .wellness-about-stats strong {
        font-size: 44px;
    }
}
@media only screen and (max-width: 991px) {
    .wellness-about-shell,
    .wellness-about-slide,
    .wellness-about-left,
    .wellness-about-right {
        min-height: auto;
    }
    .wellness-about-slide {
        position: relative;
        display: none;
        grid-template-columns: 1fr;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .wellness-about-slide.is-active {
        display: block;
    }
    .wellness-about-left {
        height: 450px;
    }
    .wellness-about-photo-img {
        top: 66px;
        right: 34px;
        bottom: 56px;
        left: 92px;
    }
    .wellness-about-right {
        display: block;
        padding: 42px 22px 54px;
    }
    .wellness-about-right::before,
    .wellness-about-split {
        display: none;
    }
    .wellness-about-progress {
        bottom: 14px;
    }
    .wellness-about-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 575px) {
    .wellness-about-left {
        height: 330px;
    }
    .wellness-about-photo-img {
        top: 58px;
        right: 22px;
        bottom: 46px;
        left: 72px;
        border-radius: 12px;
    }
    .wellness-about-card h2 {
        width: 100%;
        font-size: 24px;
    }
    .wellness-about-small-logo {
        width: 78px;
        top: 44px;
        right: 18px;
    }
    .wellness-about-vertical-name {
        font-size: 22px;
        left: 12px;
        top: 54px;
    }
    .wellness-about-role-icons img {
        width: 42px;
        height: 42px;
    }
    .wellness-about-stats {
        grid-template-columns: 1fr;
    }
    .wellness-about-socials {
        gap: 12px;
    }
}