/* CSS Document Make and Used By Parvez Alam */
	
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */
	@font-face {
		font-family:'Roboto-Regular'; 
		src: url('../webfonts/Roboto-Regular.ttf');
	}
	
	@font-face {
		font-family:'Roboto-Light'; 
		src: url('../webfonts/Roboto-Light.ttf');
	}	
	
	/*@font-face {
		font-family:'Roboto-Thin'; 
		src: url('../webfonts/Roboto-Thin.ttf');
	}*/
	
	/*@font-face {
		font-family:'Nunito-Bold'; 
		src: url('../webfonts/Nunito-Bold.ttf');
	}*/
	
	@font-face {
		font-family:'Nunito-Regular'; 
		src: url('../webfonts/Nunito-Regular.ttf');
	}

	@font-face {
		font-family:'Playball'; 
		src: url('../webfonts/Playball.ttf');
	}
	
	@font-face {
		font-family:'CherrySwash-Regular'; 
		src: url('../webfonts/CherrySwash-Regular.ttf');
	}
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */



	/*for footer bg - 1E1E1E
	for logo orange - fec000
	for logo brown - 392200
	for button blue - 0066FF
	for logo BG - FBE091
*/

	/* -------------------- BODY COMMON - CSS  -------------------- */
	
	/* webpage default setting CSS */
	body {
		font-weight: 400;
		line-height: 1;
		word-wrap: break-word;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: none;
	}
	
	html {
		font-size: 10px;
	}
	
	html {
		font-size: 62.5%;
	}
	
	html {
		font-family: Verdana;
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
	}	
	
	.webbg
	{
		background-color: #FFFFFF;
	}
		
	.bodybg
	{
		background-color: #FFFFFF;
	}
	
	.container-fluid
	{
		padding:0;
		margin:0;
	}
	
    .container 
	{
		max-width: 1050px;
		width: 100%;
		margin: auto;
		padding: 0 0;
		border: #F00 dashed 0px;
		background-color: transparent;
    }
	
	.container-white 
	{
		max-width: 1050px;
		width: 100%;
		margin: auto;
		background-color: #FFFFFF;
		padding: 25px 15px 25px 15px;
		border-radius: 15px;
	}	
	
	#navbar_top 
	{
		transition: all 0.5s ease-in-out; /* Smooth animation */
	}
	
    .headermenubarscroll
	{
		background-color: #1E1E1E;
    }
	
	.w3-top
	{
		position: fixed;
		width: 100%;
		z-index: 99;
	}
		
	.w3-black 
	{
		background-color: transparent !important;
	}	
	
	.row 
	{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 1.5rem;
		margin-left: 1.5rem;
		/*display: block;*/
	}
	
/*	.row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}	
*/	

	.row-nomargin
	{
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}
	
	.nomargin-lr
	{
		margin-right: 0px;
		margin-left: 0px;
	}
	
	/* -------------------- BODY COMMON - CSS  -------------------- */


	.nopadding
	{
		padding:0px;
	}
	
	.nopadding-media
	{
		padding:0px;
	}
	
	.paddingtop5 
	{
		padding-top:0.5rem;
	}
	
	.paddingtop10 
	{
		padding-top:1rem;
	}

	.paddingtop15 
	{
		padding-top:1.5rem;
	}

	.paddingtop20
	{
		padding-top:2rem;
	}
	
	.paddingtop25 
	{
		padding-top:2.5rem;
	}
	
	.paddingtop30 
	{
		padding-top:3rem;
	}
	
	.paddingtop50 
	{
		padding-top:5rem;
	}
	
	.paddingbottom5 
	{
		padding-bottom:0.5rem;
	}
	
	.paddingbottom10 
	{
		padding-bottom:1rem;
	}
	
	.paddingbottom20 
	{
		padding-bottom:2rem;
	}
	
	.paddingtb10
	{
		padding:1rem 0rem;
	}

	.paddingtb20
	{
		padding:2rem 0rem;
	}
	
	.paddingtb30
	{
		padding:3rem 0rem;
	}
	
	.paddingtb50
	{
		padding:5rem 0rem;
	}
	
	.margintop15
	{
		margin-top:1.5rem;
	}
	
	.margintop30
	{
		margin-top:3rem;
	}
	

	.red12n
	{
		font-family: Roboto-Regular;
		font-size:12px;
		color: #FF0000;
		font-weight:400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black12n
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black12b
	{
		font-family: Roboto-Regular;
		font-size:12px;
		color: #000000;
		font-weight:600;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black14n
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.hyperlink
	{
		cursor: pointer;
		text-decoration: none;
	}
	
	.underlinenone
	{
		text-decoration: none !important;
	}
	
	.align-lefttocenter
	{
		text-align:left;
	}
	
	.align-righttocenter
	{
		text-align:right;
	}
	
	.showhide-media
	{
		display:block;
	}
	
	.hideshow-media
	{
		display:none;
	}

	.border
	{
		border:#0000FF solid 1px !important;
	}
	/* -------------------- HEADER SECTION - CSS  -------------------- */
	
    .container-header
	{
		max-width:1050px;
		width:100%;
		margin:auto;
		padding:0;
		border:#F00 dashed 0px;
		background-color:#FFFFFF;
    }
	
    .container-header-topbar
	{
		max-width:1050px;
		width:100%;
		margin:auto;
		padding:0;
		border:#F00 dashed 0px;
		background-color: transparent;
		padding-top: 1rem !important;
    }
	
	.headermenucss
	{
		justify-content: flex-end !important;
	}
	
	.bg-light 
	{
		background-color: transparent !important;
	}	
	
	.navbar-expand-md .navbar-nav .nav-link 
	{
		font-family:Roboto-Regular;
		color: #FFFFFF !important;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		/*text-transform: uppercase;*/
		text-decoration: none;
		padding-left: 2.5rem;
		transition:.5s;
	}	
	.navbar-expand-md .navbar-nav .nav-link:hover 
	{
		color: #fec000 !important;
		text-decoration:none;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
		text-decoration: none;
	}
	
	.navbar-light .navbar-toggler 
	{
		font-family:Roboto-Regular;
		color: #8ab4eb;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 1.5;
		text-decoration:none;
		border: #FFFFFF solid 1px;
		border-width: 1px;
	}	
	
	.navbar-light .navbar-toggler:hover
	{
		background-color:#ffffff;
		border: #fec000 solid 1px;
		color: #FFFFFF;
		text-decoration:none;
		transition:.5s;
	}
	
	.logocss
	{
		width: 110px;
		height: auto;
		border-radius: 10px;
	}
	
	.logocss-footer
	{
		width: 110px;
		height: auto;
		border-radius: 10px;
	}
	/* -------------------- HEADER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- NEW HOVER HEADER SECTION - CSS  -------------------- */
	.offcanvas-header
	{
		display:none; 
	}
	
	.btn-outline-danger 
	{
		color: #8ab4eb;
		border-color: #8ab4eb;
	}
	.btn-outline-danger:hover
	{
		color: #ffffff;
		border-color: #8ab4eb;
		background-color:#0A4C79;
	}
	
	.hovermenupadding
	{
		padding-top:3.5rem;
	}
	
	.burgericoncss
	{
		position: absolute;
		left: 1.5rem;
	}
	
	.navbar 
	{
		width: 100%;
		padding: 5px 5px 5px 15px;
	}		
	
	.navbar-brand
	{
		margin:auto;
	}
	

	@media only screen and (max-width: 767px)
	{
		.navbar-expand-md .navbar-nav .nav-link {
			color: #ffffff !important;
			font-size: 1.4rem;
			font-weight: 400;
			padding-left: 1.5rem;
			margin-left:-1.5rem;
		}	
		.navbar-expand-md .navbar-nav .nav-link:hover {
			color: #0091F7 !important;
			transition:.5s;
			text-decoration: none;
		}
	
		.offcanvas-header
		{ 
			display:block; 
		}
		
		.navbar-collapse 
		{
			position: fixed;
			top:0; 
			padding-bottom: 7rem;
			left: -68%;
			width: 68%;
			padding-right: 1.5rem;
			padding-left: 1.5rem;
			overflow-y: auto;
			visibility: hidden;
			opacity: 0.9;
			background-color: #121E4D;
			transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
		}
		
		.navbar-collapse.show 
		{
			visibility: visible;
			transform: translateX(100%);
		}
		
		.navbar-light .navbar-toggler 
		{
			color: #FFFFFF;
		}	
		
		.navbar button.navbar-toggler:hover 
		{
		  color: #FC5C2D;
		}			
	}
	/* -------------------- NEW HOVER HEADER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
    .footer-bgcolor
	{
		background-color: #1E1E1E;
    }
	
    .container-footer 
	{
		max-width:1050px;
		width:100%;
		margin:auto;
		padding: 25px 0;
		height:auto;
    }
	
    .container-footer-liner
	{
		max-width:1050px;
		width:100%;
		margin:auto;
    }
	
	.footer-liner
	{
		border-top: #808080 solid 1px;
		width: 100%;
		margin:auto;
		margin-bottom: 2rem;
	}
	
	.footertext
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.copyright
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.footeraboutus
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.footertitle
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: uppercase;
		margin-bottom: 1.5rem;
	}
	.footertitle:after 
	{
		content: '';
		display: block;
		position: relative;
		width: 40px;
		border: 1px solid #fec000;
		margin-top: 5px; 
	}

	ul.footerlist 
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		padding-bottom: 1rem;
	}

	.footermenulinks
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 2.2;
	}
	.footermenulinks:hover
	{
		color:#fec000;
		text-decoration:none;
		transition:.5s;
	}
	
	.footermenulinks-contact
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
	}
	.footermenulinks-contact:hover
	{
		color:#fec000;
		text-decoration:none;
		transition:.5s;
	}
	
	.astrotechlink
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #fec000;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.astrotechlink:hover
	{
		color:#FFFFFF;
		text-decoration:none;
		transition:.5s;
	}
	
	.icon-footer-contact
	{
		color:#FFFFFF;
		font-size: 2rem;
		margin-top: 5px;
		cursor: pointer;
	}
	
	.table td, .table th 
	{
		padding: 0 .3rem 2rem 0;
	}
	
	.footersectionmediacss
	{
		padding: 25px 0;
	}
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
	
		
	/* -------------------- HEADER SLIDER SECTION - CSS  -------------------- */
	.carousel-caption 
	{
		position: absolute;
		top: 35%;
		left: 10%;
		right: 10%;
		z-index: 10;
	}	
		
	.slidertitle
	{
		/*font-family: 'FiraSans-Bold',sans-serif;*/
		/*font-family: 'Allura-Regular';*/
		/*font-family: Playball, cursive;*/
		color: #FFFFFF;
		font-size: 5rem;
		font-weight: 700;
		line-height: 1.3;
		text-decoration: none;
	}
	
	.slidercaption
	{
		font-family: Roboto-Light;
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
		width: 100%;
	}
	
	.btn-knowmore 
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: uppercase;
		text-decoration: none;
		padding: 8px 20px;
		border-radius: none;
		border: #FFFFFF solid 1px;
		box-shadow: 1px 12px 30px rgba(240, 239, 244, 0.24);
	}
	.btn-knowmore:hover
	{
		background-color: #392200;
		border: #392200 solid 1px;
		color:#FFFFFF;
		transition:.5s;
	}
	
	.btn-booknow
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: uppercase;
		text-decoration: none;
		padding: 8px 20px;
		border-radius: none;
		background-color: #fec000;
		box-shadow: 1px 12px 30px rgba(240, 239, 244, 0.24);
	}
	.btn-booknow:hover
	{
		background-color: #392200;
		color:#FFFFFF;
		transition:.5s;
	}
	
	.sliderbannercss
	{
		width: 100%;
		height: 700px;
		object-fit: cover;
	}
	
	.sliderbannerbgcss
	{
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 600px;	
	}
	
	.sliderbannershade
	{
		background-color: #000000;
		height: 100%;
		opacity: 0.4;
	}

	.headertext
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
	}
	
	.headertopliner
	{
		border-top: #FFFFFF solid 1px;
		margin-top: 1rem;
	}
	
	.headertopbarlinks
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
	}
	.headertopbarlinks:hover
	{
		color: #fec000;
		text-decoration: none;
		transition: .5s;
	}
	
	.icon-header-topbar
	{
		color:#FFFFFF;
		font-size: 1.5rem !important;
		cursor: pointer;
	}
	.icon-header-topbar:hover
	{
		color: #fec000;
		transition: .5s;
	}	
	/* -------------------- HEADER SLIDER SECTION - CSS  -------------------- */
		
		
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */
	.sectionwiseblock 
	{
		border: #1E1E1E solid 0px;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.sectionwiseblock-full 
	{
		border: #1E1E1E solid 0px;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.sectionwise-bg-gray
	{
		background-color:#ece5e5;
	}
	
	.sectionheading
	{
		font-family: 'CherrySwash-Regular', cursive;
		color: #000000;
		font-size: 3.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.sectioncaption
	{
		font-family: Roboto-Light;
		color: #444;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.heading-d-1 
	{
		width: 80px;
		height: 1px;
		display: inline-block;
		background: #010517;
	}

	.heading-d-2 
	{
		display: inline-block;
		height: 12px;
		margin: 0 5px;
		position: relative;
		top: -5px;
		width: 12px;
		border: 1px solid #010517;
		border-radius: 50px;
		background: #ffffff;
	}
	
	.heading-d-3 
	{
		width: 80px;
		height: 1px;
		display: inline-block;
		background: #010517;
	}
	
	.card-room
	{
		background-color: #FFFFFF;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: all .5s;
		width: 100%;
		padding: 0 0 5px 0;
		margin-top: 25px;
		border-radius: 10px;
		cursor: pointer;
	}
	.card-room:hover
	{
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition:.5s;
	}
	.card-room:hover .flip-card-inner 
	{
		transform: rotateX(190deg);
	}
	
	.zoom-effect-room
	{
		position: relative;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		transition: background-size 0.5s ease-in-out;
		height: 220px;
		border-radius: 10px 10px 0 0;
	}
	.zoom-effect-room:hover 
	{
		background-size: 120%;
	}	
	
	.card-body 
	{
		padding: 2rem 2rem;
	}
	
	.card-title
	{
		color: #000000;
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;		
	}
	
	.roomrate
	{
		color: #e1ae0f;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.5;
		text-decoration:none;		
	}
	
	.room-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.food-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.aboutusimagecss
	{
		width: 100%;
		height: auto;
		border-radius: 0 10px 10px 0;
		object-fit: cover;
	}
	
	.btn-viewall 
	{	
		color: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.5;
		text-decoration: none;
		text-transform: uppercase;
		padding: 10px 30px;
		border-radius: 25px;
		transition: all .3s;
		display: inline-block;
		position: relative;
		overflow: hidden;
		z-index: 1;
	
		&:after {
		  content: '';
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-color: #392200;
		  z-index: -2;
		}
		&:before {
		  content: '';
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  width: 0%;
		  height: 100%;
		  background-color: #fec000;
		  transition: all .3s;
		  z-index: -1;
		}
		&:hover {
		  color: #FFFFFF;
		  &:before {
			width: 100%;
		  }
		}
	}	
	
	.aboutus-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.card-facilities
	{
		background-color: #daf4f469;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		padding: 20px 26px;
		margin-top: 25px;
		border-radius: 10px;
		cursor: pointer;
  	}
	.card-facilities:hover
	{
		background-color: #fbe5c4;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}
		
	.facilities-details
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		/*text-align: justify;*/
		text-decoration:none;
	}
	
	.icon-facilities
	{
		color: #392200;
		font-size: 4.4rem !important;
		cursor: pointer;
	}

	.facilities-title
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.container-parallax
	{
		background-color: #daf4f469;
		width: 100%;
		padding: 0 0;
		margin: 0;
	}
	
	.container-parallax-data
	{	
		position: absolute;
		padding: 5rem 0;   
		transform: translate(22%, -95%);  
	
		font-size: 1.8rem;
		color: #FFFFFF;
		font-weight: 400;
		line-height: 1.5;
	}
	
	/* Photo Gallery Section CSS */
	.photogallery-listimage
	{
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		width: 100%;
		height: 200px;
		border-radius: 15px;
		object-fit: cover;
		cursor: pointer;
		transition: transform 0.3s ease;
	}
	
	.photogallery-popupimage
	{
		width: 500px;
		height: 400px;
		object-fit: cover;
		cursor: pointer;
	}
	
	.lightbox .lb-image {
		width: 750px !important;	
		height: 500px !important;
		object-fit: cover;
		border-radius: 3px;
	}
	/* Photo Gallery Section CSS */
	
	.container-parallax-video
	{	
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.8rem;
		color: #FFFFFF;
		font-weight: 400;
		line-height: 1.5;
	}
	
	.parallax-video 
	{
		background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/Video_BG.jpg');
		width: 100%;
		height: 230px;  
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}	
	
	.modal-dialog-video
	{
		max-width:900px;
	}
	
	.icon-promotionalvideo {
	  font-size: 80px;              /* size of the play icon */
	  color: #fff;                  /* icon color */
	  cursor: pointer;
	  position: relative;
	  z-index: 10;
	 
	  /* blinking / pulsing effect */
	  animation: blinkPulse 1.5s infinite ease-in-out;
	  transition: transform 0.3s ease;
	}
	 
	@keyframes blinkPulse {
	  0%, 100% {
		text-shadow: 0 0 10px rgba(255,255,255,0.8),
					 0 0 20px rgba(255,255,255,0.6),
					 0 0 30px rgba(255,255,255,0.4);
		opacity: 1;
	  }
	  50% {
		text-shadow: 0 0 20px rgba(255,255,255,1),
					 0 0 40px rgba(255,255,255,0.8),
					 0 0 60px rgba(255,255,255,0.6);
		opacity: 0.7;
	  }
	}	
	/* For About us Image & Video CSS */
	
	.promotionalvideo-companyname
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 2.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.promotionalvideo-title
	{
		font-family: 'CherrySwash-Regular', cursive;
		color: #FFFFFF;
		font-size: 4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.icon-promotionalvideo
	{
		color: #FFFFFF;
		font-size: 7rem !important;
		cursor: pointer;
	}
	
	/*.aboutusvideocontainer
	{
		position: absolute;
		width: 98%;
		height: 500px;
		border-radius: 15px;
	}*/
		
	.zoom-effect-events
	{
		position: relative;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
		transition: background-size 0.5s ease-in-out;
		height: 475px;
		border-radius: 15px;
	}
	.zoom-effect-events:hover 
	{
		background-size: 120%;
	}
	
	.events-layout
	{
		position: absolute;
		padding: 20px 25px;
		bottom: 0;
	}	
	
	.events-title
	{
		font-size: 1.6rem;
		color: #FFFFFF;
		font-weight: 400;
		line-height: 1.2;
		text-decoration: none;
	}	
	
	.events-details
	{
		font-size: 3rem;
		color: #FFFFFF;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.section-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration:none;
	}
	
	/*For Room Card flip effect*/
	.flip-card 
	{
		background-color: transparent;
		width: 100%;
		height: 115px;
		perspective: 1000px;
	}
	
	.flip-card-inner 
	{
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.6s;
		transform-style: preserve-3d;
	}
	
	.flip-card:hover .flip-card-inner 
	{
		transform: rotateX(190deg);
	}
	
	.flip-card-front, .flip-card-back 
	{
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.flip-card-back 
	{
		background-color: #FFFFFF;
		transform: rotateX(180deg);
	}	
	/*For Room Card flip effect*/
	
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */
	

	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */
	#scroll {
		position:fixed;
		right:35px;
		bottom:35px;
		cursor:pointer;
		width:50px;
		height:50px;
		background-color:#1E1E1E;
		border: #7b7b7b solid 1px;
		border-radius:25px;
		text-indent:-9999px;
		display:none;
	}
	#scroll span {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-8px;
		margin-top:-12px;
		height:0;
		width:0;
		border:8px solid transparent;
		border-bottom-color:#ffffff;
	}
	#scroll:hover {
		background-color:#fec000;
		border: #FFFFFF solid 1px;
		box-shadow: 1px 12px 30px rgba(102, 46, 255, 0.24);
		transition: .5s;
		opacity:1;filter:"alpha(opacity=100)";
		-ms-filter:"alpha(opacity=100)";
	}
	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */




	/*---------- CONTACT US Page SECTION - CSS ----------*/
	.contactussectionbg
	{
		background-image: linear-gradient(rgba(0, 0, 0, 0.94), rgba(0, 0, 0, 0.3)), url(../images/ContactUsBG.jpg); 
		height:400px; 
		margin:100px 0;
	}
	
	.contactusformbg
	{
		background-color:#FBE091; 
		height: 500px; 
		margin-top: -50px; 
		margin-left: 40px;
	}

	.contactformsection
	{
		padding: 15px 15px;
	}

	.contactdetailssection
	{
		padding: 15px 15px;
		display: inline;
		vertical-align: middle;
		border:#0000FF solid 0px;
	}
	
	.contactus-title
	{
		color: #000000;
		font-size: 3rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.contactus-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: 400;
		line-height: 4;
		text-decoration: none;
	}
	
	.contactus-links
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #FFFFFF;
		font-size: 2rem;
		font-weight: 400;
		line-height: 4;
		text-decoration: none;
	}
	.contactus-links:hover
	{
		color: #fec000;
		text-decoration: none;
		transition: .5s;
	}

	.icon-contactus
	{
		color:#FFFFFF;
		font-size: 3.5rem !important;
		cursor: pointer;
	}
	
	.liner-contactus
	{
		border-left:#FFFFFF solid 1px;
	}
	
	.form-control
	{
		display: block;
		width: 100%;
		height: 45px;
		padding: 6px 12px;
		
		font-family: Roboto-Regular, sans-serif;
		font-size: 14px;
		line-height: 2;
		color: #000000;
		
		margin-bottom: 25px;
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #000000;
		border-radius: 0;
		box-shadow: none;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.form-control:focus 
	{
		background-color: transparent !important;
		box-shadow: none !important;
		color: #000000;
		border-bottom: 1px solid #000000;
		outline: none;
		transition: .5s;
	}
	
	::placeholder 
	{
	  color: #000000 !important;
	}
	
	.btn-outline-danger 
	{
		color: #8ab4eb;
		border-color: #8ab4eb;
	}
	.btn-outline-danger:hover
	{
		color: #ffffff;
		border-color: #8ab4eb;
		background-color:#0A4C79;
	}
	
	/*Firefox*/
	input[type="number"] {
		-moz-appearance: textfield;
	}
	/*Chrome, Safari, Edge, Opera*/
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	}	
	
	.btn-form
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		text-transform: uppercase;
		padding: 15px 20px;
		background-color: #000000;
		border: none !important;
		transition: .5s;
	}
	.btn-form:hover
	{
		background-color: #392200;
		color: #FFFFFF;
		transition: .5s;
	}
	.btn-primary:focus 
	{
		background-color: #000000;
		color: #FFFFFF;
		transition: .5s;
	}
	
	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle 
	{
		background-color: #000000;
		color: #FFFFFF;
		transition: .5s;
	}	
	/*---------- CONTACT US Page SECTION - CSS ----------*/
	
	
	
	/*---------- CSS CREATED BY ASIF ----------*/
	.terms-ul {
		margin: 0 0 20px 20px;
		padding: 0;
		padding-bottom: 10px;
	}

	.terms-para {
		font-weight: bold;
		margin: 10px 0;
	}

	.terms-contact-ul {
		margin: 0 0 20px 0;
		padding: 0;
		padding-bottom: 10px;
		color: black;
	}

	.terms-mainDIV {
		font-family: Roboto-Regular;
		font-size: 1.7rem;
		line-height: 1.7;
		margin-left: 1.5rem;
	}

	.terms-main-para {
		margin: 0 0 20px 0;
	}

	a:hover {
		text-decoration: none;
	}
	/*---------- CSS CREATED BY ASIF ----------*/
	
	
	
	/*---------- SOME COMMON CSS ----------*/
	.aboutusimagecss-aboutus
	{
		width: 100%;
		height: auto;
		margin-top: -7rem;
		border-radius: 1rem;
		object-fit: cover;
	}

	ul.aboutus-serviceslist 
	{
		list-style-type: none;
		margin-left: -4rem;
	}

	/*---------- SOME COMMON CSS ----------*/


	
	
	/* If the screen size is 360px or less, set this CSS */
	@media only screen and (max-width: 360px)
	{

	}
	
	
	
	/* If the screen size is 767 or less, set this CSS */
	@media only screen and (max-width: 767px)
	{
		.navbar-expand-md .navbar-nav .nav-link 
		{
			border-top: #0C182B solid 1px;
		}	
		
		.showhide-media
		{
			display:none;
		}
		
		.hideshow-media
		{
			display:block;
		}
		
		.align-lefttocenter
		{
			text-align:center;
		}
		
		.align-righttocenter
		{
			text-align:center;
		}
		
		.sliderbannercss
		{
			height:150px;
		}
		
		.sliderbannerbgcss
		{
			height:150px;
		}
		
		.slidercaption
		{
			font-size: 1.4rem;
		}
		
		.headermenucss
		{
			justify-content: flex-start !important;
		}
		
		.container-footer 
		{
			padding: 10px 0;
		}
		
		.footersectionmediacss 
		{
			padding: 0;
		}
		
		.footertitle
		{
			margin-bottom: 0;
		}
		
		.copyright
		{
			font-size: 1.2rem;
		}
		
		.footer-liner
		{
			margin: 1rem 1rem 1rem 1rem;
			width: 100%;
		}
		
		.w3-top 
		{
		  position: relative;
		}
		
		.bg-light 
		{
			background-color: #1E1E1E !important;
			padding: 0;
		}	
		
		.carousel-caption 
		{
			position: absolute;
			top: -10%;
			left: 10%;
			right: 10%;
			z-index: 10;
		}
		
		.btn-booknow 
		{
			font-size: 1.4rem;
			padding: 7px 15px;
		}
		
		.btn-knowmore 
		{
			font-size: 1.4rem;
			padding: 7px 15px;
		}
		
		.sectionheading
		{
			font-size: 2.2rem;
		}
		
		.sectioncaption
		{
			font-size: 1.8rem;
		}
		
		.section-details
		{
			font-size: 1.6rem;
		}
		
		.card-title
		{
			font-size: 1.8rem;
		}
		
		.container-header-topbar
		{
			background-color: #1E1E1E;
		}
		
		.slidertitle
		{
			font-size: 1.5rem;
			line-height: 2.2;
		}
		
		.nopadding-media
		{
			padding: 15px;
		}
		
		.card-room
		{
			margin-top: 10px;
		}
		
		.sectionwiseblock 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.sectionwiseblock-full 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.container-white 
		{
			width: 94%;
			padding: 15px 5px;
		}	
		
		.aboutusimagecss
		{
			border-radius: 10px;
		}
		
		.btn-viewall 
		{	
			font-size: 1.2rem;
			padding: 8px 20px;
		}
		
		.parallax-video 
		{
			height: 125px;  
		}	
		
		.promotionalvideo-companyname
		{
			font-size: 2rem;
		}
		
		.promotionalvideo-title
		{
			font-size: 3rem;
		}
		
		.icon-promotionalvideo
		{
			color: #FFFFFF;
			font-size: 5rem !important;
			cursor: pointer;
		}
		
		.events-details
		{
			font-size: 2.4rem;
		}
		
		.terms-mainDIV 
		{
			font-size: 1.4rem;
		}
		
		.contactussectionbg
		{
			height: auto; 
			margin: 70px 0 0 0;
			background-repeat: no-repeat;
			background-position: center;
			background-color: #000000;		
		}
		
		.contactusformbg
		{
			height: auto;
			margin-top: -50px; 
			margin-left: 0;
		}
		
		.contactus-title
		{
			font-size: 2rem;
		}
		
		.contactus-details
		{
			font-size: 1.7rem;
			line-height: 1;
		}
		
		.contactus-links
		{
			font-size: 1.7rem;
			line-height: 1.5;
		}
		
		.icon-contactus
		{
			font-size: 2.5rem !important;
			margin-top: 2rem;
		}

		.contactformsection
		{
			padding: 0 15px 25px 0;
		}
		
		.btn-form
		{
			line-height: 1.4;
			padding: 10px 15px;
		}
		
		.aboutusimagecss-aboutus
		{
			margin-top: -1rem;
			margin-bottom: 1.5rem;
		}
		

	}	
	


	
	/* If the screen size is between 768px to 1024px, set this CSS */
	@media (min-width: 768px) and (max-width: 1024px)
	{
		
	}
	
	
	
	@media (max-device-width : 1024px) and (orientation : landscape)
	{

	}
		
	/* -------------------- NEW CSS UPDATED for TRAINER MODULE - CSS  -------------------- */