@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
body{
	scroll-behavior: smooth;
	overflow-x: hidden; 
	font-family: 'Rubik', sans-serif;
}
		
	/* .load{
		animation: slide 20s;
	} */

.slider1{
	position:absolute;
	z-index: -2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	background-image: url("../img/page-banner/Group 273.jpg");
	opacity: 0;
	/* transition: opacity 200ms ease-in-out; */
}
.slider2{
	position:absolute;
	z-index: -2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	background-image: url("../img/page-banner/Group 271.jpg");
	opacity: 0;
	/* transition: opacity 200ms ease-in-out; */
}
.slider3{
	position:absolute;
	z-index: -2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	background-image: url("../img/page-banner/Group 269.jpg");
	opacity: 0;
	/* transition: opacity 200ms ease-in-out; */
}
.slider4{
	position:absolute;
	z-index: -2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	background-image: url("../img/page-banner/Group 270.jpg");
	opacity: 0;
	/* transition: opacity 200ms ease-in-out; */
}
/* .slider5{
	position:absolute;
	z-index: -2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	background-image: url("../img/page-banner/Artboard2.png");
	opacity: 0;
	/* transition: opacity 200ms ease-in-out; */
/* } */
/* .slider6{
	position:absolute;
	z-index: -2;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	background-image: url("../img/page-banner/Artboard3.png");
	opacity: 0; */
	/* transition: opacity 200ms ease-in-out; */
/* } */

.shine{
	opacity:1;
}
	

#bottomLine{
	animation: slideThrough 5s infinite;
}

@keyframes slideThrough{
	from{width: 0;}
	to{width: 100%;}
}

.shade{
	width: 100%; height: 550px; 
	background-size: 100% 550px;
	/* background: linear-gradient(90deg, rgba(255, 255, 255, 0), 10%, rgba(150, 218, 243, 0.3), 100%,  #38b8e8); */
} 

		
@media only screen and (orientation: landscape){
	#body{width: 100%; height: auto; min-height: 100vh;}
}

@media only screen and (orientation: portrait){
#body{background-size: cover; background-image: url("../img/page-banner/homeBanner.png"); background-repeat: no-repeat; background-attachment: fixed;}	
}
				

	/*TOP NAVIGATION*/
	
.nav-link{
	font-size: 14px;
}

@media only screen and (orientation: landscape){
	.nav-res{display: none !important;}
}
@media only screen and (orientation: portrait) {
	#nav{display: none;}
	#urlshort{display: none !important;}
	.nav-res{
			position: fixed !important;
			top: 0;
			z-index:99;
			width: 100%;
			transition: .7s;
			transition-timing-function: ease-in-out;
	}
}


.active{
	color: dodgerblue !important; 
}

			
/*COLORS USED*/
.text-blue{ color: #16acf0; }
.blue{background-color: #16acf0;}
.lightgreen{background-color:#0ede9a;}
.text-lightgreen{color: #0ede9a;}

.footer{ background-color: #13293d;}

.offset-whs{
	animation: redcarpet 0.5s 1 ease-in;
}

@keyframes redcarpet{
	from{margin-left:90%; opacity: 0; width:10%}
	to{margin-left:42.6667%; opacity: 1; width:100%}
}

.offset-whs .nav-item.sp{
	min-width: 144px;
}

.offset-whs ul{
	flex-direction: row;
}

@media(max-width:1366px){
	.offset-whs{
		margin-left: 36.66%;	
	}
}

@media (max-width:1024px) and (max-height:1366px) and (min-width:996px){
	.nav-res{
		display:none;
	}

	.offset-whs{
		margin-left: 25%;
	}

	.offset-whs #nav{
		display:flex;
	}

}

.navbar-brand img{
	width: 150px;
	height:150px;
}

@media(max-width:1024px){
	.navbar-brand img{
		width: 130px;
		height:130px;
	}
	.navbar-expand-lg .navbar-collapse{
		display: none !important;
	}
	.navbar-expand-lg .navbar-collapse.show{
		display: flex !important;
	}
	.navbar-expand-lg .navbar-toggler {
		display: block; 
		margin-left: auto;
	}
}

@media (max-width:560px){
	center img{
		margin-top:auto !important;
	}

	.navbar-brand{
		margin-left:0.5rem !important;
		padding-top: 0;
	}
	.navbar-brand img{
		width: 80px;
		height:80px;
	}
}


.cancel{
	width: 25px;
	height: 25px;
	border: 1px solid red; 
	border-radius: 50%;
	text-align: center; 
	padding: 0; 
	display: table-cell;
    vertical-align: middle;
	background-image: url(../../assets/icons/noun_cancel_2223872.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50%;
}
	
label.cv{
	width: 45%;
	width: 250px;
	height: 50px;
	padding: 9px 15px !important;
	padding-left: 25px !important;
	border-radius: 7px;
	font-size: 18px;
	margin-bottom: 0;
	background-color:#00000019 !important;
	color: #0dbd82;
}

.whs-btn{
	background-color: #0e8de1;
	display: flex;
	align-items: center;
	height: 50px;
	width: 180px;
	border-radius: 10px;
	padding-left: 25px !important;
	font-size: 18px;
}
.whs-btn .circle-inner{
	display: inline-block;
	border: none;
	width: 20px;
	height: 20px;
	font-size: 14px;
	font-weight: normal;
	margin-right:15px ;
	background-color: #0578c4;
}

.whs-submit, .whs-sbt{
	height: 50px;
	border-radius: 7px;
}

.whs-submit{
	width: 220px;
	font-size: 18px;
	background-color: #16acf0 !important;
}
.whs-sbt{
	width: 40px;
	background-color: #0578c4 !important;
}
			
.container.whs-contact{
	max-width: 100%;
	padding: 0 50px !important;
}

.whs-input{
	border-radius: 0;
	height: 50px;
}

.whs-textarea{
	border-radius: 0;
}

.active{
	color:#16acf0 !important;
}

ul.icon-wrapper{
	display: flex;
}

.fb-icon{
	width: 34.55px;
	height: 34.55px;
	background-image: url(../icons/facebook_icon.svg);
	background-position: 50%, 50%;
	background-size: 7px;
	background-repeat: no-repeat;
}
.twt-icon{
	width: 34.55px;
	height: 34.55px;
	background-image: url(../icons/twitter-logo.svg);
	background-position: 50%, 50%;
	background-size: 15px;
	background-repeat: no-repeat;
}.insta-icon{
	width: 34.55px;
	height: 34.55px;
	background-image: url(../icons/instagram-logo.svg);
	background-position: 50%, 50%;
	background-size: 15px;
	background-repeat: no-repeat;
}

.whs-form{
	max-width:450px;
}

.coming-soon{

}
.coming-soon h1{
	font-family: Rubik;
	font-size: 72px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	color: #16acf0;
}
.coming-soon h3{
	font-family: Rubik;
	font-size: 36px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	color: #2a4494;
}

.wow img{
	width:100%;
	height: 350px;
	object-fit: fill;
}

.wow img.lg{
	width:100%;
	height: 550px;
}

@media(max-width:600px){
	.wow img{
		width:100%;
		height: 250px;
		object-fit: fill;
	}
	
	.wow img.lg{
		width:100%;
		height: 400px;
		object-fit: cover;
		border-right: solid 2px #FDF500;
		border-left: solid 2px #FDF500;
	}
	.wow img.sp{
		width:100%;
		height: 350px;
		object-fit: fill;
	}

	.fb-icon,.twt-icon,.insta-icon{
		width: 24px;
		height: 24px;
	}

}

#file-name{
	font-size: 12px;
	color:#0dbd8290;
	margin-left: 10px;
}