@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Raleway|Roboto|Oswald|Montserrat);
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
:root {
 --bg: #b6c3d3;
 --ink: #0c2a38;
 --brand: #58a6ff;
 --brand-2: #7ad7ff;
 --glass-2: rgba(255, 255, 255, .75);
 --line: rgba(66, 134, 244, .25);
 --shadow-1: 0 10px 24px rgba(26, 53, 97, .10);
 --shadow-2: 0 20px 60px rgba(26, 53, 97, .20);
 --radius: 12px;
 --muted:#5a6b82;
 --accent:#32a9cc;
 --glass: rgba(4, 16, 41, 0.9);
}
* {
	box-sizing: border-box;
}
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}
body {
	width: 100%;
	font-family: 'Montserrat', "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height:1.6;
	position: relative;
	background: #01091c;
	color:#f1f0f0;
	background-image: url("../img/bg.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}


.no-padding {
	padding: 0;
}
ul {
	margin-left: 0;
	padding-left: 0;
}
p {
	margin:10px 0;
	line-height:1.6;
}
#site-center ul {
	margin-left: 30px;
}
h1, h2, h3, h4 {
	line-height: 1.1;
	font-family: "Crimson Text", serif;
	font-weight: 400;
	font-style: normal;
	position:relative;
	text-align: center;
}
h1 {
	font-size: 60px;
	margin-bottom: 35px;
}
h2 {
	font-size: 48px;
	margin-bottom: 35px;
	
}

h2.subtitle {
	text-align:left;
color:#8fc7ff;
}
h3 {
	font-size: 30px;
}
h3 i {
	color: #69b7ff;
	margin-right: 10px;
	text-shadow:
 0 0 12px rgba(105, 183, 255, 0.5);
}
/* Title */
.title {
	position:relative;
	text-align: center;
	line-height: 1;
	text-shadow:
 0 0 10px rgba(255, 255, 255, 0.08), 0 0 25px rgba(120, 180, 255, 0.12);
}

/* Bottom glowing line */
.title::after {
 content: "";
 position: absolute;
 left: 50%;
 width:200px;
 bottom: -1.5rem;
 transform: translateX(-50%);
 height: 1px;
 background: linear-gradient( 90deg, transparent, rgba(180, 220, 255, 0.5) 20%, rgba(255, 255, 255, 0.9) 50%, rgba(180, 220, 255, 0.5) 80%, transparent );
 box-shadow:
 0 0 8px #4db8ff, 0 0 18px rgba(77, 184, 255, 0.8);
}
a, a:focus {
	text-decoration: none;
	color: #fff;
	outline: none;
}
a:hover {
	opacity:0.85;
	text-decoration: none;
	color: #ccc;
}
hr {
	margin: 20px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
strong {
	font-weight:bold;
}
 nav:not(.mm-menu) {
 display: none;
}
.header {
	display:none;
}
form.lang select {
	background-color: transparent;
}
header {
	margin: 0 auto;
	/*	padding: 1em 0;*/
	padding-bottom:0;
}
header {
	color:#fff;
	position:relative;
	width:100%;
	margin: 0 auto;
	padding:0;
}
em {
	font-family:"Georgia", sans;
	font-weight:200;
	font-style: oblique;
	padding:20px 20px 0 20px;
	border-top:dashed 1px #CCC;
	border-bottom:dashed 1px #CCC;
	display:block;
}
 @media (max-width: 800px) {
em {
 padding:20px 0 0 0;
}
 .header {
display:block;
 margin:0;
 padding:0;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: auto;
 z-index:1000;
}
 .header a {
 display: block;
 width: 40px;
 height: 40px;
 margin: 10px;
 position: absolute;
 top: 0;
 right: 0;
 font-size:40px;
 padding:0;
}
}
ul.tree {
	margin:10px;
	list-style-type: square;
	list-style-position: inside;
}

ul.tree li a:hover {
	color:#c79b58
}
h1.header-text {
	font-size:50px;
	font-size:4rem;
	text-align: center;
	margin:50px;
}
.fright {
	float:right;
}
#site-center {
	padding:10px ;
	padding-bottom: 100px;
}
.j-forms input[type="text"], .j-forms input[type="password"], .j-forms input[type="email"], .j-forms input[type="search"], .j-forms input[type="url"], .j-forms textarea, .j-forms select {
	border-radius: 6px;
	background: linear-gradient( 180deg, #03122f 0%, #020816 100% );
	border: 1px solid rgba(120, 180, 255, 0.35);
	box-shadow:
 0 0 25px rgba(0, 140, 255, 0.12), inset 0 0 30px rgba(0, 100, 255, 0.08);
	overflow: hidden;
}
.j-forms .success-view .checkbox i, .j-forms .success-view .radio i, .j-forms .success-view .checkbox-toggle i, .j-forms .success-view .radio-toggle i, .j-forms .success-view input, .j-forms .success-view select, .j-forms .success-view textarea {
	background: linear-gradient( 180deg, #03122f 0%, #020816 100% ) !important;
}
.j-forms .primary-btn, .j-forms .file-button, .j-forms .secondary-btn {
	background: #010513;
	Opacity: 0.8;
}
 @media (max-width: 700px) {
#site-center {
 padding:0 10px 40px 10px;
}
}
#site-center.small-container {
	padding-left:15px;
	padding-right:15px;
}
#site-center h2.teaser-header {
	color: #fff;
	opacity: .6;
}
.ct-headers-subtitle {
	width:100%;
	text-align:center;
	font-family: "Raleway", sans-serif;
	font-size: 25px;
	font-size: 2.5rem;
	color: #838383;
	font-weight: 200;
	margin-bottom:40px;
	line-height:25px;
}
.bgBeige {
	background-color:#f5f5f5;
}
.padBot40 {
	padding-bottom:40px;
}
.container {
	position:relative;
	width:auto;
	max-width:1280px;
	margin: 0 auto;
	padding:0;
}
img.puff {	   
   display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
	}
header #logo {
	float:left;
	width:auto;
	max-width:auto;
	margin:20px 0 20px 20px;
}
header #logo img {
	max-width:300px;
}
@media (max-width: 800px) {
header #logo img {
 margin-left:20px;
}
}
@media (max-width: 500px) {
header #logo {
 max-width:200px;
 margin: 10px 0 0 30px;
}
 header #logo img {
 max-width:100%;
 margin-left:0px;
}
 .ct-headers-subtitle {
 font-size: 20px;
 font-size: 2rem;
 line-height:20px;
}
}
header #logo h1 {
	color:#fff;
	font-size:30px;
	margin-bottom:0;
	padding-bottom:0;
}
header #logo h1 a {
	color:#fff;
!important
}
header #logo .stars {
	color:#c79b58;
	text-align:center;
	font-size:20px;
	width:auto;
}
header .right {
	float: right;
	padding: 1em 10px 0 0;
}
#header-wrapp {
	padding:0;
}
.clear {
	clear:both;
}
#topmenu {
	width: 100%;
	font-size: 12pt;
	font-weight: normal;
	position: relative;
	text-transform:uppercase;
	margin: 20px 0 0 0;
	line-height:normal;/*	background-color:#60b6c6;*/
}
#topmenu ul {
	position: relative;
	text-align: left;
	margin:0;
	list-style-image: none;
	list-style-type: none;
}
/*Top menu*/

#topmenu ul.primary {
	padding: 0;
	margin: 0 auto;
	width: auto;
	height: 36px;
	float:right;
}
#topmenu li {
	float:left;
	margin:0;
}
#topmenu a {
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}
#topmenu a:hover {
	opacity:1;
}
/* clear'n floats */
#topmenu ul:after {
	clear: both;
}
#topmenu ul:before, #topmenu ul:after {
	content: " ";
	display: table;
}
#topmenu ul.primary li a {
	color: #b5b5b5;
	padding:15px 0 15px 40px;
}
#topmenu ul.primary li a.enabled {
	color: #fff;
}
/* subs */
#topmenu ul.sub {
	position: absolute;
	z-index: 200;
	width: auto;
	display:none;
	padding:0;
	margin-top:15px;
	margin-left:20px;
}
#topmenu ul.sub li {
	float: none;
	margin: 0;
	font-size:14px;
}
#topmenu ul.sub li a {
	border-bottom: 1px solid #333;
	padding:10px 20px;
	line-height:normal;
	color:#b5b5b5;
	display:block;
}
#top ul.sub li:last-child a {
	border-bottom: none;
}
/* sub display*/
#topmenu ul.primary li:hover ul {
	display: block;
	background: #050d20;
	color:#b5b5b5;
}
#topmenu ul.primary li:hover > a {
	color: #fff;
	opacity:1;/*	background: #2d3030;*/
}
 @media (max-width: 1024px) {
#topmenu {
 margin-top:0px;
}
}
 @media (min-width: 801px) and (max-width: 1010px) {
#topmenu {
 margin: 0 30px 0 0;
}
.container {
 max-width: 100%;
}
}
 @media (max-width: 800px) {
 .w50, header .right {
 margin-top:100px;
}
 header .right .phone {
/*	width:33%;*/
	text-align:center;
 margin-bottom:20px;
}
 .content .fright {
 float:none;
}
.content {
 min-height:auto;
}
#topmenu {
display:none;
}
}
/*#column-menu.midlist ul{border-top: 1px solid #555;}*/
#column-menu.midlist ul li a {
	display:block;
	width:auto;
	padding:  8px 0 2px 0;
	margin:0 20px 0 0;
	text-transform:uppercase;
}
#column-menu.midlist ul {
	margin-left:0;
	margin-top:40px;
}
#column-menu.midlist ul li {
	list-style-position: inside;
	list-style-type: none;/*	border-bottom: 1px solid #222;*/
}


#column-menu.midlist ul li a.enabled, #column-menu.midlist ul li a:hover {
	color:#fff;/*background:#505050;*/
}
.banner-inner {
	padding: 5px 30px 20px 30px;
	border-radius: 0 0 24px 24px;
	background: linear-gradient( 180deg, #03122f 0%, #020816 100% );
	border: 1px solid rgba(120, 180, 255, 0.35);
	box-shadow: 0 0 25px rgba(0, 140, 255, 0.12), inset 0 0 30px rgba(0, 100, 255, 0.08);
	font-size:14px;
	border-top: none;
}
.banner-inner-text {
	min-height:100px;
	margin-top:30px;
}
 @media (min-width: 1200px) {
 .small-container {
 width:1020px;
}
}
 @media (min-width: 768px) and (max-width: 964px) {
 #site-header a {
 font-size: 10px;
 letter-spacing: 3px;
 margin: 0 7px;
}
 #site-header a.header-home {
 font-size: 16px;
 letter-spacing: 5px;
 margin: 0 5px;
}
}
.list-choose {
	padding:0 0 20px 0
}
.no-padding-row .list-price {
	margin-bottom: 15px;
}
.info-row {
	margin-bottom: 15px;
}
.list-price .price, .google-popup .price {
	font-size: 18px;
	font-weight: 400;
}
.carousel a.carousel-control {
	background-color: rgba(255, 255, 255, 0.53);
	background-repeat: no-repeat !important;
	background-position: center center;
	border: medium none;
	border-radius: 50%;
	height: 45px;
	position: absolute;
	text-indent: -1e+7px;
	top: 50%;
	width: 45px;
	z-index: 10;
	margin-top: -14px;
	font-size: 0;
	opacity: 1;
}
.carousel a.left {
	left:25px;
	background-image: url('../img/slideprev.png');
}
.carousel a.right {
	right:25px;
	background-image: url('../img/slidenext.png');
}

.no-padding-left {
	padding-left:0;
}
.no-padding-right {
	padding-right:0;
}
.no-padding-top {
	padding-top:0 !important;
}
.no-float {
	float:none !important;
}
.side-padding {
	padding-left:15px !important;
	padding-right:15px !important;
}
 @media screen and (max-width: 980px) {
.container {
 width: 100%;
 padding:0 10px;
}

/*.list-choose {float:none;width:100%;}*/
.col-sm-8 {
 padding-left: 15px;
}
}
.list-choose a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1.2rem 3rem;
	min-width: 100%;
	border: none;
	border-radius: 999px;
	background:
 linear-gradient( 135deg, #2f8de4 0%, #1d5fa8 55%, #154a84 100% );
	color: #f5f7fa;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow:
 inset 0 1px 1px rgba(255, 255, 255, 0.25), inset 0 -2px 8px rgba(0, 0, 0, 0.25), 0 10px 25px rgba(20, 80, 160, 0.35);
	transition:
 transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}
 @media (max-width: 480px) {
 .list-choose a {
 min-width: 100%;
 padding: 1rem 2rem;
 font-size: 1rem;
}
}
 @media screen and (max-width: 800px) {
 #content-form h2 {
margin-top:10px;
letter-spacing: 2px;
}
.results-left-block {
 margin-bottom: 25px;
/* display:none;*/
}
 .row.footer-content-row h2 {
 letter-spacing: 2px;
 margin: 20px 0;
}
 #site-center {
margin-top: 0px;
}
}
/*Banners*/
#banners {
	margin: 0;
	padding:5px 0 80px 0; /*background:#3c3d41;*/
}
#banners .col {
	width:365px;
	float:left;
	margin-right:17px;
}
#banners img {
	width:100%;
	height:auto;
	margin-top:15px;
	box-sizing: border-box;
	display:block;
}
.imgWrap {
	position:relative;
}
.imgWrap img {
	box-sizing: border-box;
	border-radius: 24px 24px 0 0;
	border: 1px solid rgba(120, 180, 255, 0.35);
	border-bottom:none;
}
#banners .col img {
	width:365px;
}


/*#package-list{margin-top:20px;}*/

 @media screen and (max-width: 1024px) {
#banners .col {
width:330px;
float:left;
margin-right:17px;
}
#banners .col img {
width:330px;
}
}
@media screen and (max-width: 980px) {
#banners .col {
 width: 32%;
 float:left;
 margin-right:15px;
}
 #banners .col img, #banners img {
 width: 100%;
 height:auto;
}
#banners {
 width: 100%;
 margin: inherit 0;
}
}

/**/
@media screen and (max-width: 540px) {
 #banners .col {
 margin: 0 5px 5px 0;
}
}
/* phone */
/**/
@media screen and (max-width: 480px) {
 #banners .col {
 width: 100%;
}
}
.ct-footer {
	padding-bottom:70px;
	margin-top:100px;
	background: rgba(1, 5, 19, 0.4);
}
@media only screen and (min-width: 1200px) {
 .ct-footer .ct-footer-column.ct-footer-column--oneColumn {
border:none
}
}
.ct-footer a {
	transition:350ms cubic-bezier(0.55, 0, 0.1, 1)
}
.ct-footer a:hover:active {
	color:#fff
}
 @media only screen and (max-width: 800px) {
 .ct-footer-column {
 width: 100%;
 text-align:center;
}
}
.ct-footer .menu {
	padding-left:15px;
	color:#b1b1b1;
	font-family:"Raleway", sans-serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:600;
	text-transform:uppercase;
	line-height:22px;
	letter-spacing:2px;
}
@media only screen and (max-width: 767px) {
.ct-footer .menu {
list-style:none
}
}
.ct-footer .menu li {
	margin-bottom:10px;
	list-style:none
}
.ct-postfooter {
	background:#010513;
	Opacity:0.8;
}
.ct-postfooter-column.ct-postfooter-column--left {
	padding-left:0
}
@media only screen and (max-width: 991px) {
.ct-postfooter-column.ct-postfooter-column--left {
padding-left:15px
}
}
.ct-postfooter-column.ct-postfooter-column--right {
	padding-right:0
}
@media only screen and (max-width: 991px) {
.ct-postfooter-column.ct-postfooter-column--right {
padding-right:15px
}
}
.ct-postfooter #menu-postfooter-menu, .ct-postfooter #menu-menu-postfooter {
	display:block;
	text-align:right
}
.ct-postfooter #menu-postfooter-menu li, .ct-postfooter #menu-menu-postfooter li {
	display:inline-block;
	color:#aaa;
	font-family:"Raleway", sans-serif;
	font-size:12px;
	font-size:1.2rem
}
.ct-postfooter #menu-postfooter-menu li:before, .ct-postfooter #menu-menu-postfooter li:before {
	display:inline-block;
	content:' | ';
	margin:0 10px
}
.ct-postfooter #menu-postfooter-menu li:first-child:before, .ct-postfooter #menu-menu-postfooter li:first-child:before {
	display:none
}
.ct-postfooter #menu-postfooter-menu li a, .ct-postfooter #menu-menu-postfooter li a {
	color:#aaa;
	font-family:"Raleway", sans-serif;
	font-size:12px;
	font-size:1.2rem;
	text-transform:uppercase;
	font-weight:600;
	transition:350ms cubic-bezier(0.55, 0, 0.1, 1)
}
.ct-postfooter #menu-postfooter-menu li a:hover, .ct-postfooter #menu-menu-postfooter li a:hover {
	color:#fff
}
.ct-postfooter #menu-postfooter-menu li a:hover:active, .ct-postfooter #menu-menu-postfooter li a:hover:active {
	color:#fff
}
.ct-postfooter #menu-menu-postfooter {
	padding:0;
	letter-spacing:2px;
}
@media only screen and (max-width: 991px) {
.ct-postfooter #menu-menu-postfooter {
text-align:center
}
}
.ct-postfooter .ct-copyright-text {
	color:#777;
	font-family:"Raleway", sans-serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:600;
	text-transform:uppercase;
	text-align:left
}
@media only screen and (max-width: 1199px) {
.ct-section-newsletter {
margin-top:30px
}
}
.ct-section-newsletter .form-group input {
	width:100%;
	margin-bottom:20px !important;
	border:1px solid #fff;
	border-radius:4px;
	background:transparent;
	padding:23px 22px;
	color:#fff
}
.ct-section-newsletter .form-group ::-webkit-input-placeholder {
color:#fff
}
.ct-section-newsletter .form-group ::-moz-placeholder {
color:#fff
}
.ct-section-newsletter .form-group :-ms-input-placeholder {
color:#fff
}
.ct-section-newsletter .form-group :-moz-placeholder {
color:#fff
}
.ct-section-newsletter .form-group .btn {
	padding:23px
}
.ct-footer .ct-newsletter .form-group .inner {
	position:relative;
	display:inline-block;
	max-width:100%
}
.ct-footer .ct-newsletter .form-group label {
	font-family:"Raleway", sans-serif;
	font-size:13px;
	font-size:1.3rem;
	padding-bottom:20px;
	color:#7d7d7d;
	font-weight:600;
	line-height:22px
}
.ct-footer .ct-newsletter .form-group input {
	max-width:100%;
	padding:0 15px;
	border:none;
	border-radius:10px;
	line-height:36px;
	color:#fff;
	background:#636467
}
.ct-footer .ct-newsletter .form-group input ::-webkit-input-placeholder {
color:#60b9cc
}
.ct-footer .ct-newsletter .form-group input ::-moz-placeholder {
color:#60b9cc
}
.ct-footer .ct-newsletter .form-group input :-ms-input-placeholder {
color:#60b9cc
}
.ct-footer .ct-newsletter .form-group input :-moz-placeholder {
color:#60b9cc
}
.ct-footer .ct-newsletter .form-group button {
	color:red;
	position:absolute;
	top:0;
	right:0;
	height:36px;
	width:36px;
	border:none;
	border-radius:0 10px 10px 0;
	background:#60b9cc;
	color:#fff;
	transition:350ms cubic-bezier(0.55, 0, 0.1, 1)
}
.ct-widget-footer .ct-widget-footer-title {

	font-size:30px;
	font-size:3rem;
	padding-bottom:25px;
	color:#ccc;
	opacity:0.7;
	line-height:36px;
	padding-top:50px;
}
.ct-widget-footer {
	margin-bottom:60px
}
.ct-widget-footer:last-of-type {
	margin-bottom:0
}
.ct-u-padding-both-25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.ct-widget a i.fab, .ct-widget .far, .menu-menu-footer-container .fas, .menu-menu-footer-container .fab {
	font-size: 40px;
	color:#b5b5b5;
	margin:0 5px;
!important;
}
 @media (max-width: 500px) {
#site-center .nivoSlider img {
 outline: none;
}
.col-xs-6 {
 width: 100%;
}
}
.card {
	position: relative;
	width: 220px;
	height: 420px;
	border-radius: 24px;
	background: linear-gradient( 180deg, #03122f 0%, #020816 100% );
	border: 1px solid rgba(120, 180, 255, 0.35);
	box-shadow:
 0 0 25px rgba(0, 140, 255, 0.12), inset 0 0 30px rgba(0, 100, 255, 0.08);
	overflow: hidden;
}

/* Soft glow corners */
.card::before, .card::after {
 content: "";
 position: absolute;
 left: 50%;
 width: 70px;
 height: 2px;
 transform: translateX(-50%);
 background: linear-gradient( 90deg, transparent, #5bbcff, transparent );
 box-shadow: 0 0 12px #4db8ff;
}
 .card::before {
 top: 0;
}
 .card::after {
 bottom: 0;
}

.card h3{font-size: 26px;}
/* Center Icon Circle */
.icon-wrapper {
	position: relative;
	top: 20px;
	left: 50%;
	font-size:80px;
	transform: translateX(-50%);
	width: 120px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:20px;
	color:#88b2e4;
}
/* Bottom glow line */
.bottom-line {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 1px;
	background: linear-gradient( 90deg, transparent, #8bd6ff, transparent );
	box-shadow: 0 0 12px #4db8ff;
}
.plans {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	max-width: 1600px;
	margin: 60px auto;
}
.plan-card {
	position: relative;
	width: 320px;
	min-height: 420px;
	padding: 6rem 2rem 2rem;
	text-align: center;
	border-radius: 24px;
	background: linear-gradient( 180deg, #03122f 0%, #020816 100% );
	background:
 radial-gradient(  circle at top,  rgba(20, 70, 180, .18),  rgba(0, 10, 35, .95)  );
	border: 1px solid rgba(120, 170, 255, .45);
	box-shadow:
 inset 0 0 40px rgba(30, 90, 255, .08), 0 0 25px rgba(0, 80, 255, .12);
	overflow: visible;
	margin-bottom:10px;
}
.icon-circle {
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	width: 130px;
	height: 130px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:
 radial-gradient( circle, #03122f, #07132c );
	border: 2px solid rgba(130, 190, 255, .7);
	box-shadow:
 0 0 18px rgba(80, 170, 255, .55), inset 0 0 18px rgba(80, 170, 255, .15);
}
.plan-card h3 {
	margin: 90px 0 10px;
	color: #f4f4f4;
/*	font-size: 4rem;
	font-weight: 400;
	line-height: .95;*/
}
.duration {
	display: block;
	color: #8fc7ff;
	font-size: 2rem;
	margin-bottom: 2rem;
}
.plan-card p {
	color: #f2f2f2;
	font-size: 1.5rem;
	line-height: 1.7;
	max-width: 260px;
	margin: 0 auto;
	padding-top:30px;
}
.plan-card p {
	color: #f2f2f2;
	font-size: 1.5rem;
	line-height: 1.7;
	max-width: 260px;
	margin: 0 auto;
}
.conditions {
	display: grid;
	grid-template-columns: repeat(2, minmax(300px, 1fr));
	gap: 3rem;
	margin: 60px auto;
}
.condition-item {
	display: flex;
	align-items: center;
	gap: 3rem 4rem;
}
.condition-icon {
	position: relative;
	width: 120px;
	height: 120px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
/*	border: 1px solid rgba(255, 255, 255, .75);*/
	background:
 radial-gradient(  circle,  rgba(20, 70, 180, .18),  rgba(0, 10, 35, .85)  );
box-shadow:
 0 0 18px rgba(80, 170, 255, .55), inset 0 0 18px rgba(80, 170, 255, .15);
}

 .condition-icon img{
 width: 70px;
 height: 70px;
}

.condition-item span {
	color: #f3f3f3;
	font-family:  "Crimson Text", serif;
	font-size: clamp(2.5rem, 3vw, 4rem);
	font-weight: 400;
	line-height: 1.1;
}
 @media (max-width: 900px) {
 .conditions {
 grid-template-columns: 1fr;
 gap: 2rem;
}
 .condition-icon img{
 width: 64px;
 height: 64px;
}
 .condition-item span {
 font-size: 2rem;
}
.plan-card h3 {
	margin: 80px 0 10px;

}
}
.media {
	margin-top: 15px;
	padding: 10px;
	text-align: center;
}
.facilities_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* centers all items */
	gap: 24px;
}
.facilities_item {
	width: 250px;
	height:290px;
}

 .long{

	height:370px;
}
.facilities_item .media .media-body h4 {
	font-size: 18px;
	/*    color: #242424;*/
    margin: 0 0 5px 0;
}
.facilities_item .media .media-body p {
	line-height:1.5;
	font-size:15px;
}
.material-symbols-outlined {
	font-size: 90px;
}
/* =========================================
   CONTAINER FORM
========================================= */

.container-app {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 60px auto;
	padding: 50px;
	background: rgba(5, 12, 35, 0.82);
	border: 1px solid rgba(84, 156, 255, 0.35);
	border-radius: 28px;
	backdrop-filter: blur(14px);
	box-shadow:
 0 0 60px rgba(0, 132, 255, 0.12), inset 0 0 40px rgba(255, 255, 255, 0.03);
}
/* =========================================
   HEADINGS
========================================= */

.container-app h1, .container-app h2, .container-app h3 {
	text-align: center;
	font-weight: 400;
	letter-spacing: 1px;
	color: #ffffff;
}
.container-app h1 {
	font-size: 64px;
	margin-bottom: 15px;
}
.container-app h2 {
	font-size: 38px;
	margin-bottom: 35px;
}
.container-app h3 {
	font-size: 30px;
	margin-bottom: 30px;
}
.container-app h3 i {
	color: #69b7ff;
	margin-right: 10px;
	text-shadow:
 0 0 12px rgba(105, 183, 255, 0.5);
}
/* =========================================
   STEP CARD
========================================= */

.step {
	display: none;
	padding: 20px 35px 35px 35px;
	border-radius: 24px;
	background:
 linear-gradient( 180deg, rgba(13, 28, 70, 0.85), rgba(3, 9, 25, 0.95) );
	border: 1px solid rgba(105, 183, 255, 0.25);
	box-shadow:
 0 0 30px rgba(0, 132, 255, 0.12), inset 0 0 25px rgba(255, 255, 255, 0.03);
	animation: fadeIn 0.4s ease;
}
.step.active {
	display: block;
}
/* =========================================
   INPUTS
========================================= */
label {
	font-weight: normal;
}
input, textarea, select {
	width: 100%;
	padding: 16px 18px;
	margin-bottom: 22px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(124, 183, 255, 0.22);
	border-radius: 16px;
	color: white;
	font-size: 16px;
	outline: none;
	transition: 0.3s;
}
 input::placeholder, textarea::placeholder {
 color: rgba(255, 255, 255, 0.45);
}
input:focus, textarea:focus, select:focus {
	border-color: #69b7ff;
	box-shadow:
 0 0 18px rgba(105, 183, 255, 0.35), inset 0 0 12px rgba(105, 183, 255, 0.08);
	background: rgba(255, 255, 255, 0.06);
}
/* =========================================
   CHECKBOXES
========================================= */

.checkbox-group {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.checkbox-group label {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(105, 183, 255, 0.15);
	cursor: pointer;
	transition: all 0.3s ease;
	line-height: 1.4;
}
/* IMPORTANT */

.checkbox-group input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	min-width: 22px;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	border: 1px solid rgba(105, 183, 255, 0.45);
	background: rgba(255, 255, 255, 0.04);
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
}
/* checked state */

.checkbox-group input[type="checkbox"]:checked {
	background:
 linear-gradient( 180deg, #57a8ff, #0d5eff );
	box-shadow:
 0 0 12px rgba(87, 168, 255, 0.7);
}

/* glowing checkmark */

.checkbox-group input[type="checkbox"]:checked::after {
 content: "✓";
 position: absolute;
 color: white;
 font-size: 14px;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -52%);
}
/* hover */

.checkbox-group label:hover {
	border-color: rgba(105, 183, 255, 0.45);
	box-shadow:
 0 0 18px rgba(105, 183, 255, 0.14);
}
.checkbox-group.input-error {
	border: 1px solid rgba(255, 94, 94, 0.45);
	border-radius: 18px;
	padding: 14px;
	box-shadow:
 0 0 18px rgba(255, 94, 94, 0.18);
}
/* =========================================
   SELECT DROPDOWN 
========================================= */

select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background:
 linear-gradient( 180deg, rgba(12, 24, 58, 0.98), rgba(5, 12, 30, 0.98) );
	color: #ffffff;
	border: 1px solid rgba(105, 183, 255, 0.25);
	cursor: pointer;
	background-image:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 18px center;
	padding-right: 50px;
}
/* dropdown options */

select option {
	background: #071227;
	color: #ffffff;
}
/* =========================================
   BUTTONS
========================================= */

.buttons {
	display: flex;
	justify-content: center;
	gap: 18px;
	margin-top: 35px;
}
button {
	padding: 15px 32px;
	border: 1px solid rgba(105, 183, 255, 0.35);
	border-radius: 16px;
	background:
 linear-gradient( 180deg, rgba(20, 40, 95, 0.95), rgba(7, 15, 35, 0.95) );
	color: white;
	font-size: 16px;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: 0.3s;
	box-shadow:
 0 0 15px rgba(105, 183, 255, 0.18), inset 0 0 10px rgba(255, 255, 255, 0.04);
}
button:hover {
	transform: translateY(-2px);
	border-color: #69b7ff;
	box-shadow:
 0 0 24px rgba(105, 183, 255, 0.45), inset 0 0 14px rgba(255, 255, 255, 0.08);
}
/* submit button stronger glow */

button[type="submit"] {
	background:
 linear-gradient( 180deg, rgba(40, 90, 180, 1), rgba(10, 30, 80, 1) );
	box-shadow:
 0 0 28px rgba(105, 183, 255, 0.55);
}
/* =========================================
   PROGRESS BAR
========================================= */

.progress {
	width: 100%;
	height: 12px;
	margin-bottom: 40px;
	background: rgba(255, 255, 255, 0.06);
	border-radius: 999px;
	overflow: hidden;
	border: 1px solid rgba(105, 183, 255, 0.15);
}
.progress-bar {
	height: 100%;
	width: 0%;
	border-radius: 999px;
	background:
 linear-gradient( 90deg, #2d7dff, #7fd4ff );
	box-shadow:
 0 0 18px rgba(105, 183, 255, 0.8);
	transition: width 0.35s ease;
}
/* =========================================
   DISCLAIMER TEXT
========================================= */

.notice {
	text-align: center;
	margin-top: 25px;
	color: rgba(255, 255, 255, 0.68);
	line-height: 1.7;
	font-size: 15px;
}

/* =========================================
   ANIMATION
========================================= */

@keyframes fadeIn {
 from {
 opacity: 0;
 transform: translateY(10px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {
 body {


        background-image: url("../img/bg-mobile.jpg");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-attachment: scroll;

    }

 .container-app {
 margin:0 0 30px 0;
 padding: 10px 20px;
 background:transparent;
 border: none;
 border-radius: none;
 backdrop-filter: none;
 box-shadow:none;
}
 h1 {
 font-size: 42px;
}
 h2 {
 font-size: 30px;
}
 h3 {
 font-size: 24px;
}
 .buttons {
 flex-direction: column;
}
 button {
 width: 100%;
}
 .step {
 padding: 15px;
 border-radius: 12px;
}
}
.error-box {
	background: rgba(255, 60, 60, 0.08);
	border: 1px solid rgba(255, 80, 80, 0.35);
	padding: 20px;
	border-radius: 18px;
	margin-bottom: 25px;
	color: #ffb0b0;
	box-shadow:
 0 0 18px rgba(255, 60, 60, 0.15);
}
.input-error {
	border-color: #ff5e5e !important;
	box-shadow:
 0 0 18px rgba(255, 94, 94, 0.35), inset 0 0 10px rgba(255, 94, 94, 0.08);
}
.error-text, .error-message {
	color: #ff9e9e;
	font-size: 14px;
	margin-top: -12px;
	margin-bottom: 18px;
}
.hidden-field {
	display: none;
}