:root {
		--colorBtn: #ffffff;
		--colorPrimary: #303030;
		--colorSecondary: #043776;
		--colorTitle: #113A5A;
		--colorFooterbutton: #F5CC28;
		}

		.input-group-addon {
			color: #fff;
			background-color: var(--colorPrimary);
			border-radius: 0px;
			border-color: var(--colorPrimary);
		}

		.button-3d:active {
			background-color: var(--colorSecondary) !important;
			background: linear-gradient( -45deg, var(--colorPrimary), var(--colorSecondary), var(--colorPrimary), var(--colorSecondary)) !important;
		}

		.button-3d, .button-3d:active, .button-3d:hover {
			text-shadow: 0 3px 6px var(--colorPrimary);
			background-color: var(--colorSecondary);
			background: linear-gradient( -45deg, var(--colorPrimary), var(--colorSecondary), var(--colorPrimary), var(--colorSecondary));
			background-size: 400% 400%;
			-webkit-animation: Gradient 3s ease infinite;
			-moz-animation: Gradient 3s ease infinite;
			animation: Gradient 3s ease infinite;
			color: var(--colorBtn);
			border: none;
			box-shadow: 2px 2px 1px 0px #ccc;
			cursor: pointer;
		}

		@-webkit-keyframes Gradient {
			0% {
				background-position: 0 50%
			}
			50% {
				background-position: 100% 50%
			}
			100% {
				background-position: 0 50%
			}
		}

		@-moz-keyframes Gradient {
			0% {
				background-position: 0 50%
			}
			50% {
				background-position: 100% 50%
			}
			100% {
				background-position: 0 50%
			}
		}

		@keyframes Gradient {
			0% {
				background-position: 0 50%
			}
			50% {
				background-position: 100% 50%
			}
			100% {
				background-position: 0 50%
			}
		}

		.nav-tabs li a {
			color: #000000;
		}

		.nav-tabs li {
			padding: 3px 10px;
			border: 2px solid var(--colorPrimary);
			font-size: 18px;
			margin: 0px 10px;
		}

		.nav-tabs li.active,
		.nav-tabs li:hover {
			background: var(--colorPrimary);
		}

		.nav-tabs li.active a,
		.nav-tabs li:hover a {
			color: var(--colorBtn);
		}


		/*
		.nav-tabs li.active, .nav-tabs li:hover{ color:var(--colorBtn); background: var(--colorPrimary);  }
		.nav-tabs li.active a, .nav-tabs li:hover a{ color:var(--colorBtn); }
		*/

		#prelaunch-offer .sec-title {
			font-family: "Montserrat", sans-serif;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 14px;
			border: none;
			border-bottom: 1px solid #dfdfdf;
			background: var(--colorPrimary);
			display: block;
			margin: -1px -11px 10px;
			padding: 8px 10px;
			text-align: center;
			color: #ffffff;
			letter-spacing: 1px;
			border-radius: 4px 4px 0 0;
		}


		#prelaunch-offer .block-span-2 {
			font-family: "Montserrat", sans-serif;
			display: block;
			font-size: 22px;
			color: var(--colorTitle);
			font-weight: 600;
			margin-top: 0px;
		}

		#prelaunch-offer .offer-bookings {
			background: var(--colorPrimary);
			color: #fff;
			padding: 10px;
			border-radius: 5px;
			display: inline-block;
			border: 1px solid #dfdfdf;
			padding: 5px;
			margin-bottom: 7px;
			margin-right: 7px;
			font-size: 14px;
			text-align: center;
			box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.1);
		}

		#prelaunch-offer a.button-3d {
			margin: 10px 0 10px;
			border-color: #67338D;
			box-shadow: 0px 4px 1px #272320;
			font-size: 22px;
		}

		.box-wrapper a .fa {
			color: var(--colorPrimary);
			animation: 0.6s ease 0s alternate none infinite running circle-anim;
		}

		.box-wrapper a:hover {
			background: var(--colorPrimary);
			color: #fff;
			text-decoration: none;
		}

		.box-wrapper a:hover .fa {
			color: #ffffff;
		}

		.topbar {
			border-top: solid 2px var(--colorPrimary);
		}

		.top-buffer h1{ margin: 20px auto; } 

		.top-buffer h1,
		.top-buffer p {
			font-family: "Raleway", sans-serif;
			font-weight: initial;
			font-size: 36px;
			font-weight: bolder;
			color: var(--colorPrimary);
		}

		.site-visit-btn {
			display: block;
			box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
			border-radius: 1px;
			opacity: 0.95;
			z-index: 101;
			width: 30%;
			position: relative;
			padding: 9px;
			background: var(--colorPrimary) none repeat scroll 0px 0px;
			border: 1px solid #FFF;
			color: #fff;
			font-weight: bold;
			font-size: 13px;
			margin: 0 auto;
			text-align: center;
			border-radius: 2px;
		}

		footer .dial {
			display: inline-block;
			position: fixed;
			left: 1px;
			bottom: 0px;
			text-align: center;
			box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
			border-radius: 1px;
			/* background: var(--colorPrimary);*/
			opacity: 0.95;
			z-index: 99999;
		}

		#whatsapp-float {
			position: fixed;
			right: 20px;
			bottom: 20px;
			z-index: 99999;
		}
		#whatsapp-float a {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 60px;
			height: 60px;
			background-color: #25D366;
			color: #fff;
			border-radius: 50%;
			text-decoration: none;
			box-shadow: 0 4px 15px rgba(37,211,102,0.4);
			transition: transform 0.3s, box-shadow 0.3s;
			animation: wa-bounce 2s ease-in-out infinite;
		}
		#whatsapp-float a:hover {
			transform: scale(1.15);
			box-shadow: 0 6px 25px rgba(37,211,102,0.6);
		}
		#whatsapp-float a::after {
			content: "";
			position: absolute;
			width: 60px;
			height: 60px;
			border-radius: 50%;
			background: rgba(37,211,102,0.3);
			animation: wa-ripple 1.5s ease-out infinite;
		}
		@keyframes wa-bounce {
			0%, 100% { transform: translateY(0); }
			50% { transform: translateY(-6px); }
		}
		@keyframes wa-ripple {
			0% { transform: scale(1); opacity: 0.6; }
			100% { transform: scale(1.8); opacity: 0; }
		}

		/* Slide to WhatsApp button */
		.slide-wa-wrapper {
			margin: 5px auto 0;
		}
		.slide-wa-track {
			position: relative;
			background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
			border-radius: 50px;
			height: 50px;
			overflow: hidden;
			user-select: none;
			-webkit-user-select: none;
			touch-action: none;
		}
		.slide-wa-thumb {
			position: absolute;
			left: 4px;
			top: 4px;
			width: 42px;
			height: 42px;
			background: #fff;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 2;
			cursor: grab;
			transition: none;
			box-shadow: 0 2px 8px rgba(0,0,0,0.15);
		}
		.slide-wa-thumb.resetting {
			transition: left 0.3s ease;
		}
		.slide-wa-thumb.success {
			transition: left 0.2s ease;
		}
		.slide-wa-label {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 15px;
			font-weight: 600;
			padding-left: 30px;
			z-index: 1;
		}
		@keyframes slide-wa-arrow-bounce {
			0%, 100% { transform: translateX(0); }
			50% { transform: translateX(5px); }
		}
		.slide-wa-thumb svg {
			animation: slide-wa-arrow-bounce 1.2s ease-in-out infinite;
		}

		.l-modal-title {
			background: var(--colorPrimary);
			color: #fff;
			padding: 5px 20px;
			margin: auto;
			width: 250px;
		}

		.top-buffer p {
			font-weight: initial;
			font-size: 15px;
			color: #000;
			line-height: 1.6;
		}

		#glow {
			display: inline-block;
			position: fixed;
			left: 1px;
			bottom: 70px;
			text-align: center;
		/* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);*/
			border-radius: 1px;
			opacity: 0.95;
			z-index: 99999;
			/*-webkit-animation: mymove 5s infinite;
			animation: mymove 5s infinite;*/
			/*padding: 5px 14px;*/
			padding: 5px 5px;
		}

		#video-page {
			background-image: url(../images/video_background_image.html);
			background-size: cover;
			background-repeat: no-repeat;
		}

		#location-page .inner-section.back {
			background-image: url(../images/location_background_image.html);
			background-size: cover;
			padding: 20vh 0vh;
		}

		#pricing-page {
			background-size: cover;
			height: 100vh;
			background-position: center;
			background-attachment: fixed;
			background-image: url(../images/pricing_background_image.html);
		}

		#footer-floating-icons a.button{
			background-color: var(--colorFooterbutton);
		}
		#footer-floating-icons a.whatsapp-mobile-btn {
			background-color: #25D366 !important;
			color: #fff !important;
		}
		.iti {
			width: 100%;
		}
		.iti__flag-container {
			z-index: 2;
		}
		.iti--separate-dial-code .iti__selected-flag {
			background-color: #f0f0f0;
			border-radius: 4px 0 0 4px;
		}