:root {
		--colorBtn: #ffffff;
		--colorPrimary: #242821;
		--colorSecondary: #043776;
		--colorTitle: #1CA9CF;
		--colorFooterbutton: #DEA625;
		}

		.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-no {
			display: inline-block;
			position: fixed;
			right: 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;
		}

		.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);
		}