:root {
    --primary: #2c6493;
    --secondary: #090c1e;
    --primary-light: #2c649399;
    --dark-black: #1b044a;
    --dark-gray: #9599ab;
    --light-gray: #dddfea;
    --gray: #afafaf;
    --grey: #ccc;
    --text-gray: #848484;
    --black: #444444;
    --bg-white: #ffffff;
    --text-white: #fff;
    --red-color: #ff0000;
    --orange-color: orange;
    --dark-blue: #1b0e35;
    --gray-light:#c2c8d8;
}

*,html{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}


/* width */
::-webkit-scrollbar {
    width: 4px;
	height:4px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #ffffff; 
    background: #fff; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var( --primary ); 
	border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #40668c; 
}

body{
	padding: 0;
	margin: 0;
	background-color: #f7f7f7;
}

h1, h2, h3, h4, h5, h6{
	margin:0 !important;
	padding:0 !important;
	font-weight: 700 !important;
	font-family: "Lato", serif;
	font-weight: 600;
	font-style: normal;
}

p{
	font-family: "Lato", serif;
	font-weight: 400;
	font-style: normal;
	color: #444444;
}

form{
	border: 0px solid #F00;
	display: block;
	
}

#sticky-header{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 14px;
	padding: 10px 0;
	z-index: 100;
	background-color: #ffffff;
	border-bottom:1px solid #eeeeee;
}

#sticky-header.fixed{
	display: block;
	
}

.hamburger{
	display: none;
}

.bg_videos {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensures the video covers the container */
	z-index: -1; /* Places the video behind other content */
}



nav{
	padding: 21px 0;
}

.relative-element{
	position: relative;
	top: 0;
}

.home-slide::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100vh;
	z-index:-1;
	background-color: #00000099;
}

.white-bg{
	background-color: #ffffff;
}

.theme-bg{
	background-color: var( --primary );
}
.secondary-theme-bg{
	background-color: var( --secondary );
}
.theme-light-bg{
	background-color: var( --primary-light );
}

.white-texts{
	color: #ffffff;
}
.orange-texts{
	color: orange;
}

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

.centered-texts{
	text-align: center;
}

.theme-color{
	color: var( --primary );
}
.hiw-icons{
	width: 42px;
	margin-bottom: 42px;
}
.hiw-content{
	text-align: center;
}
.hiw-content h5, .hiw-content p, .hiw-content a{
	text-align: center;
}

.home-slide{
	display: block;
	width: 100%;
	height: 100vh;
	/*
	background-image: url( /assets/images/slide1.png );
	*/
	background-repeat: no-repeat;
	background-size: cover;
	border: 0px solid #f00;
}

.page-header{
	display: block;
	width: 100%;
	min-height: 48vh;
	background-image: url( /assets/images/slide1.png );	
	background-repeat: no-repeat;
	background-size: cover;
	border: 0px solid #f00;
}

.slide-main-heading{
	font-size: 3rem;
}
.header-logo{
	width: 140px;
}

.slide-content{
	margin-top:7%;
}

ul.header-menu{
	margin:0px;
	padding:0px;
	display:flex;
	justify-content: flex-end;
	align-items: center;
}

ul.header-menu > li{
	list-style-type: none;
}


ul.header-menu > li > a{
	display: block;
	padding: 14px 21px;
	color: #ffffff;
	text-decoration: none;
	font-family: "Lato", serif;
	font-weight: 600;
	font-style: normal;
}

#sticky-header ul.header-menu > li > a{
	color: var(--primary) !important;
}

a.white-outline-cta-btn{
	display: inline-block;
	border: 2px solid #ffffff;
	color: #ffffff;
	padding: 7px 42px;
	border-radius: 14px;
	text-decoration: none;
	cursor: pointer;
}

a.theme-outline-cta-btn{
	display: inline-block;
	border: 2px solid var(--primary);
	color: var(--primary);
	padding: 7px 42px;
	border-radius: 14px;
	text-decoration: none;
	cursor: pointer;
}


a.theme-cta-btn{
	display: inline-block;
	border: 2px solid var(--primary);
	color: #ffffff;
	background-color: var(--primary);
	padding: 7px 42px;
	border-radius: 14px;
	text-decoration: none;
	cursor: pointer;
}


a.white-cta-btn{
	display: inline-block;
	border: 2px solid #ffffff;
	color: var(--primary);
	padding: 7px 42px;
	border-radius: 14px;
	text-decoration: none;
	background-color: #ffffff;
	font-weight: 600;
	cursor: pointer;
}

.slide-area-btn-mr{
	margin-right: 21px;
}

.package-content{
	padding:21px 21px 42px 21px;
	background-color: #fff;
	border-radius: 0 0 14px 14px;
	margin-bottom:42px;
}

.package-images{
	border-radius: 14px 14px 0 0;
}

.min-height-70{
	min-height: 70px;
}

.min-height-49{
	min-height: 49px;
}

.form-control{
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	outline: none !important;
}

.theme-white-block-btn{
	width: 100% !important;
	background-color: var( --primary )!important;
	border: none !important;
	color:  #ffffff !important;
	padding:10px 12px;
	border-radius:7px;
	font-weight: bold;
}

.footer-about-small{
	color: #cccccc;
	display: inline-block;
	line-height: 19px !important;
}

ul.footer-links > li{
	list-style-type: none;
	color: #cccccc;
}

ul.footer-links a{
	display: inline-block;
	color: #cccccc !important;
	text-decoration: none;
	font-size: 14px;
	line-height: 28px;
}

.footer-logo{
	padding-bottom: 21px;
	border-bottom: 1px solid var( --primary-light );
	margin-right: 42px;
}

.contact-links > a{
	display: inline-block !important;
	color: #fff;
	text-decoration: none;
	line-height: 21px !important;
}

#newsletter-form{
	display: block;
	position: relative;
	border-radius: 7px;
}


#newsletter-form > input, #newsletter-form > button{
	display: inline-block;
	position: absolute;
	top: 0px;
	padding: 7px 14px !important;	
	outline: none;
}

#newsletter-form > input{
	left: 0px;
	width: 100%;
	border: 1px solid #fff;
	border-radius: 7px;
	background-color: #f7f7f7;
}

#newsletter-form > button{
	background-color: var( --primary );
	color: #FFF;
	right: 0px;
	border: 1px solid #fff;
	border-radius: 0 7px 7px 0;
	z-index: 10;
}


@keyframes blink-border {
	0% { border-color: #f1891a42; }
	50% { border-color: #f1891a77; }
	100% { border-color: #f1891a; }
}

#comming-soon{
	display: inline-block;
	border: 0px solid orange;
	padding: 14px 21px;
	padding: 0px;
	/*
	animation: blink-border 1s infinite;
	*/
}

.hide-element{
	display: none !important;
}

.conditional-display{
	display: none !important;
} 
.active{
	display: block !important
}

.disabled-btn{
	opacity: 0.35;
}

.safety-policy-ol{
	margin:0;
	padding:0 0 0 14px;
}

.safety-policy-ol > li > h4{
	color: var( --primary );
}

.safety-policy-ol > li > ul{
	margin:0 0 14px 14px;
	padding:0 0 0 14px;
}

.safety-policy-ol > li > ul > li > ul{
	margin:0 0 14px 14px;
	padding:0 0 0 21px;
}


@media only screen and ( max-width:700px){
	
	.header-logo-row{
		padding: 0 21px;
	}
	
	ul.header-menu{
		margin:0px;
		padding:0px;
		display:none !important;
		justify-content: none;
		align-items: none;
		/* 
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100; 
		*/
	}	
	
	ul.header-menu.active{
		display:block !important;		
	}
	
	
	
	ul.header-menu > li{
		display:block !important;
		padding: 0 !important;
	}
	
	ul.header-menu > li > a{
		display:block !important;
		border: 0px solid #f00;
		padding:14px 0 !important;
	}
	
	#sticky-header.active{
		display: none !important;
	}
	
	.home-slide{
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 7rem;		
	}
	
	.home-slide::after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		z-index:-1;
		background-color: #00000099;
	}
	
	
	a.white-outline-cta-btn{
		display: inline-block;
		border: 2px solid #ffffff;
		color: #ffffff;
		padding: 7px 21px;
		border-radius: 14px;
		text-decoration: none;
		cursor: pointer;
	}

	a.theme-outline-cta-btn{
		display: inline-block;
		border: 2px solid var(--primary);
		color: var(--primary);
		padding: 7px 21px;
		border-radius: 14px;
		text-decoration: none;
		cursor: pointer;
	}


	a.theme-cta-btn{
		display: inline-block;
		border: 2px solid var(--primary);
		color: #ffffff;
		background-color: var(--primary);
		padding: 7px 21px;
		border-radius: 14px;
		text-decoration: none;
		cursor: pointer;
	}


	a.white-cta-btn{
		display: inline-block;
		border: 2px solid #ffffff;
		color: var(--primary);
		padding: 7px 21px;
		border-radius: 14px;
		text-decoration: none;
		background-color: #ffffff;
		font-weight: 600;
		cursor: pointer;
	}
	
	.header-logo{
		height: 35px;
		margin-left: -21px;
	}
	
	.header-logo-row{
		display: flex;
		justify-content: space-between;
		align-items: center;
		
	}
	
		
	a.hamburger{
		display: inline-block !important;
		text-decoration: none;
		font-size: 28px;
	}
	
	a.hamburger.white{
		color: #ffffff;
	}

	a.hamburger.dark{
		color: var( --primary );
	}

	.page-header::after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 42vh !important;
		z-index:-1;
		background-color: #00000099;
	}
	
}