@charset "utf-8";
/* CSS Document */
/*@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family: "Mazurka", cursive;
	src: url("../fonts/Mazurka_script.ttf");
}
/*font-family: "Montserrat", sans-serif;
font-family: "Playfair Display", serif;*/

:root {
	--akula-main:#1a1a1a;
	--akula-main-rgb:26,26,26;

	--akula-white:#ffffff;
	--akula-white-rgb:255,255,255;

	--akula-light:#c2dada;
	--akula-light-rgb:194,218,218;

	--akula-cian:#86C9D8;
	--akula-cian-rgba:134,201,216;

	--akula-rose:#EF83AA;
	--akula-rose-rgba:239,131,170;

	--akula-blue:#003D51;
	--akula-blue-rgba:0,61,81;

	--akula-blue-dark:#001A2A;
	--akula-blue-dark-rgba:0,26,42;

	--akula-bg-light: rgba(255, 255, 255, 0.1);

	--akula-blue-bg: linear-gradient(to right, #003d51 0%,#001a2a 100%);
	--akula-shadow:0 10px 40px rgba(0,0,0,0.15);
	--akula-shadow-dark:0 16px 35px rgba(0,0,0,0.2);
	--akula-border:1px solid #c2dada;
	--akula-border-white:1px solid #fff;
	--akula-border-light:1px solid rgba(255, 255, 255, 0.2);
}
.light-mode {
	--akula-main:#fff;
	--akula-main-rgb:255,255,255;

	--akula-white:#1a1a1a;
	--akula-white-rgb:26,26,26;

	--akula-light:#c2dada;
	--akula-light-rgb:194,218,218;

	--akula-cian:#86C9D8;
	--akula-cian-rgba:134,201,216;

	--akula-rose:#EF83AA;
	--akula-rose-rgba:239,131,170;

	--akula-blue:#285d85;
	--akula-blue-rgba:40,93,133;

	--akula-blue-dark:#fff;
	--akula-blue-dark-rgba:255,255,255;

	--akula-bg-light: rgba(0, 0, 0, 0.1);

    --akula-blue-bg: linear-gradient(to right, #f0f0f0 0%,#fff 100%);
	--akula-shadow:0 10px 40px rgba(0,0,0,0.15);
	--akula-shadow-dark:0 16px 35px rgba(0,0,0,0.2);
	--akula-border:1px solid #c2dada;
	--akula-border-white:1px solid #fff;
	--akula-border-light:1px solid rgba(0, 0, 0, 0.2);
}
* {
	outline: none!important;
}
html,
body {
	width: 100%;
	background:var(--akula-light);
	color: var(--akula-main);
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height:1.5;
}
.body1 {
	background: var(--akula-blue-bg);
}
@media only screen and (max-width: 991px) {
	.body1 {
		overflow-x: hidden !important;
	}
}
footer {
	text-align: center;
	padding: 20px;
	color: var(--akula-white);
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	margin: 30px 0;
	line-height: 1.5;
}
a {
	color:var(--akula-cian);
}

a:hover {
	color: var(--akula-rose);
}
a, a:hover {
	text-decoration: none;
}
ul {
	padding: 0;
	margin: 0;
}
ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
input, textarea {
	background: none;
	border: none;
	outline: none;
}
img {
	max-width: 100%;
}

/* BTN */
.btn-box {
	display: block;
	margin: 20px 0;
	text-align: center;
}
.btn-rose {
	border-radius: 52px;
	background: var(--akula-rose);
	color: var(--akula-main);
	font-size: 1.1em;
	font-weight: 600;
	line-height: 20px;
	padding: 16px 20px;
	position: relative;
	z-index: 1;
	border: 1px solid var(--akula-rose);
	transition: all 0.4s;
	text-transform: uppercase;
}
.btn-rose:hover {
	color: var(--akula-white);
	border: 1px solid var(--akula-white);
	background: transparent;
}
.btn-rose i {
	margin-left: 5px;
	font-size: 1.3em;
}
.btn-rose:hover i {
	filter: brightness(0) invert(1);
	transition: all 0.4s;
}
.btn-rose img {
	margin: -5px 0 0 0;
	transition: all 0.4s;
}

/* IMAGES */
.image-anime {
	position: relative;
	overflow: hidden;
}
.image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
}
.image-anime:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

/* PRELOADER */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--akula-blue);
	z-index: 999;
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--akula-rose);
	animation: spin 2s linear infinite;
}
#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--akula-rose);
	animation: spin 3s linear infinite;
}
#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: var(--akula-rose);
	animation: spin 1.5s linear infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear;
	color: var(--akula-rose);
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after,
.progress-wrap::before {
	position: absolute;
	font-family: "Line Awesome Free";
	content: "\f062";
	font-weight: 900;
	text-align: center;
	line-height: 56px;
	font-size: 1.1em;
	color: var(--akula-rose);
	left: 0;
	top: 0;
	height: 56px;
	width: 56px;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear;
}
.progress-wrap::before {
	z-index: 2;
}
.progress-wrap:hover::after {
	opacity: 0;
	color: var(--akula-rose);
}
.progress-wrap:hover::before {
	opacity: 1;
	color: var(--akula-rose);
}
.progress-wrap svg path {
	fill: none;
}
.progress-wrap svg.progress-circle path {
	stroke: var(--akula-rose);
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* SIDEBAR */
.slide-bar {
	border: 1px solid rgba(var(--akula-white-rgb), 0.1);
	-webkit-backdrop-filter: blur(1px);
			backdrop-filter: blur(1px);
	width: 450px;
	z-index: 99;
	background: var(--akula-blue);
	height: 100%;
	overflow-y: auto;
}
@media (max-width: 767px) {
	.slide-bar {
		width: 300px;
		padding: 20px;
	}
}
.slide-bar .sidebar-info .sidebar-logo a img {
	width: 300px;
}
.slide-bar .sidebar-info .sidebar-logo .close-mobile-menu a {
	font-size: 2em;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	display: inline-block;
	color: var(--akula-white);
	cursor: pointer;
}
.slide-bar .sidebar-list {
	display: block;
	margin: 40px 0;
}
.slide-bar .sidebar-list li {
	display: block;
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
	margin: 15px 0;
	transition: all 0.4s ease-in-out;
}
.slide-bar .sidebar-list li a {
	color: var(--akula-white);
}
.slide-bar .sidebar-list li a:hover {
	color: var(--akula-rose);
	transition: all 0.4s ease-in-out;
}
.slide-bar .btn-area .btn-rose:hover img {
	filter: brightness(0) invert(1);
	transition: all 0.4s;
}
.slide-bar .btn-area .btn-rose img {
	margin: -5px 0 0 0;
	transition: all 0.4s;
}
.slide-bar h3 {
	font-size:1.2em;
	color: var(--akula-white);
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.slide-bar h3 {
		font-size: 1em;
	}
}
.slide-bar .sidebar-social li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	font-size:1.5em;
	margin: 0 6px 0 0;
	transition: all 0.4s ease-in-out;
	border: var(--akula-border-light);
	background: rgba(var(--akula-white-rgb), 0.1);
	-webkit-backdrop-filter: blur(10px);
		  	backdrop-filter: blur(10px);
	color: var(--akula-white);
}
.slide-bar .sidebar-social li a:hover {
	transition: all 0.4s ease-in-out;
	transform: translateY(-5px);
}
.slide-bar .sidebar-form {
	border: 1px solid rgba(var(--akula-white-rgb), 0.1);
	background: rgba(var(--akula-white-rgb), 0.1);
	-webkit-backdrop-filter: blur(10px);
		    backdrop-filter: blur(10px);
	display: block;
	position: relative;
	border-radius: 52px;
}
.slide-bar .sidebar-form input {
	width: 100%;
	padding: 20px;
	border-radius: 4px;
	color: var(--akula-white);
}
.slide-bar .sidebar-form input::-moz-placeholder {
	font-size: 1em;
	line-height: 1;
	color: var(--akula-white);
	opacity: 0.6;
}
.slide-bar .sidebar-form input::placeholder {
	font-size: 1em;
	line-height: 1;
	color: var(--akula-white);
	opacity: 0.6;
}
.slide-bar .sidebar-form button {
	outline: none;
	position: absolute;
	top: 5px;
	right: 5px;
}
.slide-bar .sidebar-form button.btn-rose {
	font-size: 1em;
}

/* HEADER */
.header-area {
	position: absolute;
	width: 100%;
	z-index: 9;
	padding: 16px 0;
	transition: all 0.4s;
}
.header-area .header-elements {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	transition: all 0.4s;
}
.header-area .header-elements .site-logo img {
	width: 300px;
	-o-object-fit: contain;
	   object-fit: contain;
}
@media (max-width: 767px) {
	.header-area .header-elements .site-logo img {
		width: 200px;
	}
}
@media (max-width: 575px) {
	.header-area .header-elements .site-logo img {
		width: 150px;
	}
}
.header-area .header-elements .btn-area {
	display: flex;
	align-items: center;
}
.header-area .header-elements .btn-area .btn-rose {
	margin: 0 24px;
}
@media (max-width: 767px) {
	.header-area .header-elements .btn-area .btn-rose {
		display: none;
	}
}
.header-area .header-elements .btn-area button {
	border: none;
	outline: none;
	background: none;
	cursor: pointer;
}

/* THEME SWITCH */
.theme-toggle-container {
	padding-right: 24px;
	border-right: var(--akula-border-light);
}
@media (max-width: 767px) {
	.theme-toggle-container {
		border: none;
	}
}
.theme-switch {
	display: inline-block;
	width: 80px;
	height: 40px;
	transform: rotate(0deg) translateX(0) translateY(0px);
	margin-left: -8px;
}
.theme-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.theme-switch input:checked + .slider:before {
	transform: translateX(40px);
}
.theme-switch input:checked + .slider .sun-icon {
	opacity: 1;
}
.theme-switch input:checked + .slider .moon-icon {
	opacity: 1;
}
.theme-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 40px;
	border: var(--akula-border);
	background: rgba(var(--akula-white-rgb), 0.1);
	transition: 0.4s;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 5px;
}
.theme-switch .slider::before {
	position: absolute;
	content: "";
	height: 30px;
	width: 30px;
	background-color: var(--akula-cian);
	border-radius: 50%;
	transition: 0.4s;
	left: 3px;
	top: 4px;
}
.theme-switch .icon {
	font-size: 16px;
	color: var(--akula-main);
	position: absolute;
	opacity: 1;
	transition: opacity 0.3s;
}
.theme-switch .moon-icon {
	left: 10px;
	opacity: 1;
	color: var(--akula-white);
}
.theme-switch .sun-icon {
	right: 11px;
	opacity: 1;
	color: var(--akula-white);
}

/* MAIN INDEX */
.main-index {
	position: relative;
	z-index: 1;
	padding: 140px 0 50px;
	background: url(../images/bg/bg1.png) no-repeat center fixed;
	background-size: cover;
}
@media only screen and (max-width: 767px) {
	.main-index {
		padding: 100px 0 50px;
	}
}
.main-index section {
	margin-bottom: 50px;
}
.part-block {
	position: relative;
	z-index: 1;
	color: var(--akula-white);
}
.part-block h2 {
	color: var(--akula-white);
	font-size:2.5em;
	line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.part-block h2 {
		font-size:2em;
	}
}
@media (max-width: 767px) {
	.part-block h2 {
		font-size:1.5em;
	}
}
.part-block h2 span {
	color: var(--akula-rose);
	font-family: "Mazurka";
	font-size: 1.1em;
	font-style: italic;
	font-weight: 600;
	text-decoration-line: underline;
}
.part-block h2.head {
	padding-left: 60px;
}
@media (max-width: 991px) {
	.part-block h2.head {
		padding-left: 0;
	}
}
.part-block.hero-block p {
  color: var(--akula-white);
  font-size: 1.2em;
  opacity: 80%;
  padding: 0;
}
.part-block h5 {
	color: var(--akula-white);
	font-size: 1.3em;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.48px;
}
.part-block h5 img {
	margin: 0 6px 0 0;
	width: 30px;
}
@media (max-width: 767px) {
	.part-block h5 {
		font-size: 1em;
		line-height: 16px;
	}
}
.part-block p {
	color: var(--akula-white);
	font-size: 1em;
	opacity: 80%;
	padding-left: 270px;
}
@media (max-width: 767px) {
	.part-block p {
		padding-left: 0;
	}
}
figure {
	text-align: center;
	padding: 10px;
}
figcaption {
	padding: 15px 10px 5px;
}
figcaption h3{
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	margin: 10px 0;
}
figcaption p{
	text-align: left;
	padding-left: 0!important;
}
figcaption li{
	text-align: left;
	font-size: 1em;
	font-weight: 400;
}

/* ASIDE INDEX */
.main-index .aside-index {
	position: sticky;
	z-index: 1;
	padding: 16px;
	border-radius: 8px;
	background: var(--akula-bg-light);
	border: var(--akula-border-light);
	top: 90px;
    z-index: 1000;
}
@media only screen and (max-width: 1199px) {
	.main-index .aside-index {
		position: static;
	}
}
@media only screen and (max-width: 991px) {
	.main-index .aside-index {
		margin-bottom: 50px;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.main-index .aside-index {
		top: 40px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-index .aside-index {
		top: 60px;
		margin: 0 0 0 30px;
	}
}

.main-index .aside-index .img1 img {
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 8px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.main-index .aside-index .img1 img {
		height: 280px;
		-o-object-position: top;
		   object-position: top;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.main-index .aside-index .img1 img {
		height: 230px;
		-o-object-position: top;
		   object-position: top;
	}
}
.aside-index h2 {
	color: var(--akula-rose);
	text-align: center;
}
.main-index .aside-index h3 {
	color: var(--akula-rose);
	text-align: center;
	font-size: 2em;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}
.main-index .aside-index p {
	color: var(--akula-white);
	text-align: center;
	opacity: 0.8;
}
@media only screen and (max-width: 1199px) {
  .list-group {
	  display: none;
  }
}
.main-index .list-group {
	position: absolute;
	left: -100px;
	height: 0;
	top: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1700px) {
	.main-index .list-group {
		left: -80px;
	}
}
@media only screen and (max-width: 991px) {
	.main-index .list-group {
		display: none;
	}
}
.main-index .list-group a {
	background: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 75px;
	width: 75px;
	border-radius: 4px;
	transition: all 0.4s;
	background: rgba(var(--akula-white-rgb),0.1);
	padding: 20px 0;
	margin-bottom: 16px;
	border: var(--akula-border-light);
	z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1700px) {
	.main-index .list-group a {
		height: 63px;
		width: 63px;
		line-height: 63px;
	}
	.main-index .list-group a img {
		height: 40px;
		width: 40px;
		display: inline-block;
	}
}
.main-index .list-group a:hover {
	background: var(--akula-rose);
}
.main-index .list-group a:hover span {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
	left: 85px;
}
.main-index .list-group a:hover img {
	filter: brightness(0);
}
.main-index .list-group a.active {
	background: var(--akula-rose);
	transition: all 0.4s;
	border: 1px solid var(--akula-rose);
}
.main-index .list-group a.active img {
	filter: brightness(0);
}
.main-index .list-group a img {
	transition: all 0.4s;
}
.main-index .list-group a span {
	font-size: 1em;
	line-height: 1.2;
	display: inline-block;
	background: var(--akula-rose);
	position: absolute;
	left: 0;
	border-radius: 4px;
	padding: 26px;
	z-index: 3;
	color: var(--akula-main);
	top: -1px;
	width: 250px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
	border: var(--akula-border-light);
	font-weight: 600;
}
@media only screen and (min-width: 1400px) and (max-width: 1700px) {
	.main-index .list-group a span {
		padding: 20px;
	}
}
@media only screen and (min-width: 1200px) {
  .aside-menu {
	  display: none;
  }
}
.aside-menu {
	margin-top: 30px;
	text-align: center;
}
.aside-menu li{
	display: inline-block;
	margin: 5px;
}
.aside-menu li a {
	background: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 75px;
	width: 75px;
	border-radius: 4px;
	transition: all 0.4s;
	background: rgba(var(--akula-white-rgb),0.1);
	padding: 20px 0;
	margin-bottom: 16px;
	border: var(--akula-border-light);
	z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1700px) {
	.aside-menu li a {
		height: 63px;
		width: 63px;
		line-height: 63px;
	}
	.aside-menu li a img {
		height: 40px;
		width: 40px;
		display: inline-block;
	}
}
.aside-menu li a:hover {
	background: var(--akula-rose);
}
.aside-menu li a:hover span {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s;
	left: 85px;
}
.aside-menu li a:hover img {
	filter: brightness(0);
}
.tooltip {
  --bs-tooltip-font-size: 1.1rem;
  --bs-tooltip-color: var(--akula-blue);
  --bs-tooltip-bg: var(--akula-cian);
	font-weight: 600;
}
.aside-social {
	margin: 30px 0;
	text-align: center;
}
.aside-social li{
	display: inline-block;
}
.aside-index ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	transition: all 0.4s;
	border: var(--akula-border-light);
	background: rgba(var(--akula-white-rgb),0.2);
	margin: 0 12px 5px 0;
}
.aside-index ul li a i {
	transition: all 0.4s;
	font-size: 1.5em;
	color: var(--akula-cian);
}
.aside-index ul li a:hover {
	background: var(--akula-rose);
	border: 1px solid var(--akula-rose);
}
.aside-index ul li a:hover i {
	filter: brightness(0);
	transition: all 0.4s;
}

/* HERO */
.main-index .hero-block {
	position: relative;
	z-index: 1;
}
.main-index .hero-block .hero-btn-area {
	margin-top: 30px;
}
.main-index .hero-block .hero-btn-area a {
	background: var(--akula-bg-light);
	border: var(--akula-border-light);
	padding: 40px 60px 60px;
	border-radius: 8px;
	color: var(--akula-white);
	font-size: 3em;
	font-style: normal;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	width: 100%;
	position: relative;
	z-index: 1;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.main-index .hero-block .hero-btn-area a {
		font-size: 2em;
		line-height: 40px;
		padding: 20px 20px 50px;
	}
}
.main-index .hero-block .hero-btn-area a:hover {
	color: var(--akula-main);
	transition: all 0.4s;
}
.main-index .hero-block .hero-btn-area a:hover span {
	background: rgba(6, 29, 30, 0.1);
}
.main-index .hero-block .hero-btn-area a:hover::after {
	width: 100%;
	left: 0;
	top: 0;
	transition: all 0.4s;
	visibility: visible;
	opacity: 1;
}
.main-index .hero-block .hero-btn-area a::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 10%;
	left: 50%;
	top: 0;
	transition: all 0.4s;
	background: var(--akula-rose);
	visibility: hidden;
	opacity: 0;
	border-radius: 8px;
	z-index: -1;
}
.main-index .hero-block .hero-btn-area a span {
	margin-left: 20px;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	transform: rotate(-45deg);
	display: inline-block;
	border-radius: 50%;
	background: var(--akula-bg-light);
	font-size: 1.5em;
	position: relative;
	top: 20px;
	transition: all 0.4s;
}
@media (max-width: 767px) {
	.main-index .hero-block .hero-btn-area a span {
		margin-top: 10px;
	}
}
.work-time-block {
    width: 370px;
    margin: 0 auto;
}
@media only screen and (max-width: 400px) {
    .work-time-block {
        width: 280px;
    }
}
.work-time {
    color: var(--akula-white);
    display: flex;
    margin-bottom: 0;
}
.work-time dt {
    width: 240px;
    flex-shrink: 0;
}
.work-time dd {
    font-size: 1.2em;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px), (max-width: 400px) {
    .work-time dd {
        font-size: 1em;
    }
}
@media only screen and (max-width: 400px) {
    .work-time {
        display: block;
        margin-bottom: 20px;
    }
}

/* BLOCKS */
.food-block .food-box {
	margin-top: 30px;
}
.food-block .food-item {
	border-radius: 8px;
	margin-bottom: 30px;
}
.activity-block .activity-box {
	background: var(--akula-bg-light);
	border: var(--akula-border-light);
	border-radius: 8px;
	padding: 0 32px 20px;
	margin-bottom: 30px;
	transition: all 0.4s;
}
.activity-block .activity-box:hover {
	border: 1px solid var(--akula-rose);
	transition: all 0.4s;
	transform: translateY(-5px);
}
.activity-block .activity-box h4 {
	color: var(--akula-white);
}
@media (max-width: 767px) {
	.activity-block .activity-box h4 {
		font-size: 1.5em;
	}
}
.activity-block .activity-box p {
	color: var(--akula-white);
	opacity: 80%;
	padding-left: 0;
}
.sport-block .sport-box {
	background: var(--akula-bg-light);
	border: var(--akula-border-light);
	border-radius: 8px;
	padding: 24px;
	transition: all 0.4s;
	text-align: center;
	margin-bottom: 20px;
}
.sport-block .sport-box:hover {
	border: 1px solid var(--akula-rose);
	transition: all 0.4s;
	transform: translateY(-5px);
}
.sport-block .sport-box .icons {
	transition: all 0.4s;
	border-radius: 8px;
	text-align: center;
	line-height: 100px;
	background: rgba(255, 255, 255, 0.1);
	-webkit-backdrop-filter: blur(100px);
			backdrop-filter: blur(100px);
}
.sport-block .sport-box h3 {
	color: var(--akula-white);
	font-size: 1.3em;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}
.relaxe-block .relaxe-box {
	margin-bottom: 30px;
}
.relaxe-block .relaxe-box .img1 {
	overflow: hidden;
	border-radius: 8px;
}
.relaxe-block .relaxe-box:hover .img1 img {
	transform: scale(1.1);
	transition: all 0.4s;
}
.children-block .children-box {
	background: var(--akula-bg-light);
	border: var(--akula-border-light);
	border-radius: 8px;
	transition: all 0.4s;
	margin-bottom: 30px;
}
.children-block .children-box:hover {
	border: 1px solid var(--akula-rose);
	transition: all 0.4s;
	transform: translateY(-5px);
}
.pagination-box {
	text-align: center;
	margin: 30px 0;
	padding-bottom: 20px;
}
.pagination-list li	{
	display: inline-block;
}
.pagination-list li a {
	display: inline-flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	background: var(--akula-cian);
	border: var(--akula-border-light);
	color: var(--akula-white);
	font-size: 1.2em;
	font-weight: 600;
	margin: 5px;
	border-radius: 4px;
	transition: all 0.4s;
}
.pagination-box ul li a.active,
.pagination-box ul li a:hover {
	background: var(--akula-rose);
	color: var(--akula-white);
	border: var(--akula-border-light);
}

.pagination-box {
    text-align: center;
    margin: 30px 0;
    padding-bottom: 20px;
}
.pagination-box .pagination .page-item {
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: var(--akula-cian);
    border: var(--akula-border-light);
    color: var(--akula-white);
    font-size: 1.2em;
    font-weight: 600;
    margin: 5px;
    border-radius: 4px;
    transition: all 0.4s;
    box-shadow: none;
}
.pagination-box .pagination .page-item.active,
.pagination-box .pagination .page-item:hover,
.pagination-box .pagination .page-item:focus{
    background: var(--akula-rose);
    color: var(--akula-white);
    border: var(--akula-border-light);
    box-shadow: none;
}
.pagination-box .pagination .page-link {
    font-size: 1em;
    color: var(--akula-main);
    text-decoration: none;
    background-color: transparent;
    border: none;
}
.pagination-box .pagination .page-link:hover,
.pagination-box .pagination .page-link:focus{
    box-shadow: none;
}
.pagination-box .text-muted{
    display: none;
}


.news-block .news-box {
	background: var(--akula-bg-light);
	border: var(--akula-border-light);
	border-radius: 8px;
	padding:5px;
	margin-bottom: 30px;
	transition: all 0.4s;
}
.news-block .news-box h4{
	text-align: left;
	font-size: 1em;
	margin: 10px 0;
	height: 50px;
	overflow: hidden;
}
@media (max-width: 767px) {
	.news-block .news-box h4{
		height: auto;
	}
}
.news-block .news-box .news-data{
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
.news-box .news-img {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	overflow: hidden;
	background: var(--akula-blue);
	height: 400px;
}

/* CONTACTS */
.contact-block .contact-box {
	background: var(--akula-bg-light);
	border-radius: 8px;
	padding: 32px;
	border: var(--akula-border-light);
}
@media (max-width: 767px) {
	.contact-block .contact-box {
		padding: 10px;
	}
}
.contact-block .contact-box h3 {
	color: var(--akula-white);
	font-size: 2em;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}
.contact-block .contact-box .input-area {
	margin-top: 20px;
}
.contact-block .contact-box .input-area input {
	color: var(--akula-white);
	font-size: 1.1em;
	line-height: 18px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.2);
	padding: 24px 16px;
	width: 100%;
}
.contact-block .contact-box .input-area input::-moz-placeholder {
	color: var(--akula-white);
	font-size: 1em;
	line-height: 18px;
	opacity: 80%;
}
.contact-block .contact-box .input-area input::placeholder {
	color: var(--akula-white);
	font-size: 1em;
	line-height: 18px;
	opacity: 80%;
}
.contact-block .contact-box .input-area textarea {
	color: var(--akula-white);
	font-size: 1.1em;
	line-height: 18px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.2);
	padding: 24px 16px;
	width: 100%;
	height: 176px;
}
.contact-block .contact-box .input-area textarea::-moz-placeholder {
	color: var(--akula-white);
	font-size: 1em;
	opacity: 80%;
}
.contact-block .contact-box .input-area textarea::placeholder {
	color: var(--akula-white);
	font-size: 1em;
	opacity: 80%;
}
.contact-block .contact-box .input-area button {
	outline: none;
}

/* PAGES */
.news-page-box {
	color: var(--akula-white);
	background: var(--akula-bg-light);
	border: var(--akula-border-light);
	border-radius: 8px;
	padding:20px;
	margin-bottom: 30px;
	transition: all 0.4s;
}
.news-page-box .news-img img {
	max-height: 500px;
}
.news-page-box h4{
	text-align: left;
	font-size: 1.1em;
	margin: 10px 0;
	height: 50px;
	overflow: hidden;
}
.news-page-box .news-data{
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
.table-price {
    --bs-table-color: #fff;
    --bs-table-bg: rgba(0,61,81,0.8);
    --bs-table-border-color: rgba(0,61,81,1);
    --bs-table-striped-bg: rgba(0,0,0, 0.1);
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg:  rgba(0,0,0, 0.15);
    --bs-table-hover-color: #fff;
}
.table-price thead td{
    font-size: 1.2em;
    color: var(--akula-cian);
}
.table-price tbody th{
    font-weight: 400;
    color: var(--akula-cian);
}
/* LIGHT MODE */
.light-mode a{
	color: var(--akula-blue);
}
.light-mode a:hover{
	color: var(--akula-rose);
}
.light-mode .btn-rose {
	background: var(--akula-rose);
	color: var(--akula-main);
	border: 1px solid var(--akula-main);
}
.light-mode .btn-rose:hover {
	background: transparent;
	color: var(--akula-white);
	border: 1px solid var(--akula-rose);
}
.light-mode .btn-rose:hover i {
	filter: none;
}
.light-mode .slide-bar {
  background: var(--akula-main);
}
.light-mode .slide-bar .sidebar-info .sidebar-logo a img {
	filter: invert(1);
}
.light-mode .main-index {
	background: url(../images/bg/bg2.png) no-repeat center fixed;
	background-size: cover;
}
.light-mode .site-logo img,
.light-mode .sidebar-logo img,
.light-mode .hamburger_menu img,
.light-mode .list-group a img{
	filter: brightness(0);
}
.light-mode .aside-index ul li a img {
	filter: brightness(0);
}
.light-mode .aside-menu li a img {
	filter: brightness(0);
}
.light-mode .tooltip {
	--bs-tooltip-color: var(--akula-white);
}
.light-mode .hero-block .hero-btn-area a {
	background: var(--akula-cian);
	color: var(--akula-main);
}
.light-mode .hero-block .hero-btn-area a:hover {
	color: var(--akula-white);
}
.light-mode .aside-index,
.light-mode .children-box,
.light-mode .sport-box,
.light-mode .activity-box,
.light-mode .contact-box,
.light-mode .news-box,
.light-mode .news-page-box {
	background: rgba(var(--akula-white-rgb),0.05);
}

.light-mode .aside-index ul li a {
	border: var(--akula-border-light);
	background: rgba(255,255,255,0.2);
}
.light-mode .aside-index ul li a i {
	color: var(--akula-white);
}
.light-mode .aside-index ul li a:hover {
	background: var(--akula-rose);
	border: 1px solid var(--akula-rose);
}
.light-mode .aside-index ul li a:hover i {
	filter: brightness(0);
	transition: all 0.4s;
}
.light-mode .pagination-list li a {
	background: var(--akula-light);
	color: var(--akula-white);
}
.light-mode .pagination-box ul li a.active,
.light-mode .pagination-box ul li a:hover {
	background: var(--akula-rose);
	color: var(--akula-main);
}
.light-mode .news-box .news-img {
    background: rgba(6, 29, 30, 0.1);
}
.light-mode .contact-block .contact-box .input-area input {
	border-radius: 8px;
	background: rgba(6, 29, 30, 0.1);
}
.light-mode .contact-block .contact-box .input-area textarea {
	border-radius: 8px;
	background: rgba(6, 29, 30, 0.1);
}
.light-mode .table-price {
    --bs-table-color: #1a1a1a;
    --bs-table-bg: rgba(0,0,0, 0.03);
    --bs-table-border-color: rgba(0,0,0, 0.08);
    --bs-table-striped-bg: rgba(0,0,0,0.05);
    --bs-table-striped-color: #1a1a1a;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #1a1a1a;
    --bs-table-hover-bg:  rgba(0,0,0, 0.08);
    --bs-table-hover-color: #1a1a1a;
}

.light-mode .table-price thead td {
    color: var(--akula-blue);
}
.light-mode .table-price tbody th {
    color: var(--akula-blue);
}