body{font-family: "Roboto", sans-serif;}
header
{
	width: 100%;padding: 0px 0; position: fixed;z-index: 9999;
}
@media screen and (max-width: 991px){
	header{position: inherit;}
	.banner{position: inherit !important;}
}
p {	
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	margin: 5px 0 5px !important;
}
h1,h2,h3,h4,h5
{
	font-family: "Roboto", sans-serif; color: #11386E;
}

.bgcolorbanner {
	position: relative;
}

.bgcolorbanner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0%;
	bottom: 0;
	background-color: rgb(7 30 58 / 79%) !important;
}

.wrapper{
	width: 100%;
	height: 98vh;
	overflow: hidden;
}

.wrapper .wrapper__video{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 767px) {
	.wrapper{
		height: 67vh;
	}

	.wrapper .wrapper__video{
		height: 67vh;
	}
}

.navbar-static-top {border-color: transparent !important; height: auto !important; padding: 10px;}
.navbar-static-top .navbar-nav>li>a {
	background:none!important;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px; 
	color:#fff !important; 
	text-transform: capitalize;
	font-size: 19px !important;
	font-weight: 550; 
}


@media only screen and (max-width: 767px) {
	.navbar-static-top .navbar-nav>li>a {
		text-transform: capitalize;
	}

	.navbar-nav>li>a {
		font-size: 19px;
	}
}

.navbar-static-top .navbar-nav>li>a:hover { 
	background:none!important;
	padding: 10px; 
	color: #C01823!important;
}
.active{background:none !important; }
.navbar-static-top .navbar-nav>.active>a{
	padding: 10px;
	background:#none!important;
	color: #C01823!important;
}
.navbar-static-top .navbar-toggle .icon-bar { background-color: #fff;height: 3px!important;}
.navbar{margin-bottom:0px !important;width: 100%;margin-left: 141px;}
.navbar-static-top .navbar-toggle { background-color: #C01823;border: transparent;border-radius: 8px;}

@media only screen and  (max-width: 800px) {
	.navbar{
		margin:0px;top:0px!important;
		position:inherit;
	}
}

.btn
{
	background: #C01823   ; 
	font-size: 16px; 
	color: #fff; 
	padding: 7px;
	border-radius: 6px; 
	border: transparent;
	text-align: center;
}

.tap{
	background: #C01823 !important;
	padding: 10px;
	border: transparent;
	color: #fff;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
}

a:hover{ color: #fff; }
.text1{color: #fff; font-size: 16px;}
.text2{color: #fff; font-size: 17px;}
.fa{ color:#C01823 ;  }
hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002622';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}
.contact{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 20px;
	font-size: 20px;
}
.ooo
{
	height:25px;width:25px;border: 1.5px solid #C01823 ;border-radius: 50%;
}
.ooo2
{
	height:31px;width:31px;border:2px solid #fff;border-radius:50%;
}
.hhh {
	height: 25px;
	width: 25px;
	text-align: center;
	padding: 4px;
	border: 1.5px solid #C01823 ;
	color: #fff;
	font-size: 12px;
	border-radius: 50%;
	margin-top: -5px;
}

.sss {
	height: 28px;
	width: 28px;
	padding: 5px;
	border: 1.5px solid #C01823 ;
	border-radius: 50%;
	color: #fff;
	background: #C01823 ;
	font-size: 16px;
}
.ict
{
	color: #fff; border: 2px solid #fff; padding: 5px;border-radius: 50%; width: 31px;height: 31px;
}

.boxlimo {
	background: #fff;
	padding: 30px;
	border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,1.0) 0 3px 11px 0!important;
	border: 3px solid #9204B3;
	padding-top: 0px;
}

.boxlimo i {
	font-size: 40px;
	background: #C01823 ;
	color: #FFF;
	padding: 10px;
	border-radius: 4px;
	position: relative;
	top: -40px;
	height: 70px;
	width: 70px;
}

.boxlimo2
{
	padding: 10px;background: #fff;
	z-index: 99999999;
	-webkit-box-shadow: rgba(0,0,0,1.0) 0 3px 11px 0!important;
	border:3px solid #9204B3;
}

.para {
	/* The image used */
	background:url(../images/para1.jpg);
	background-size: cover;

	/* Set a specific height */
	min-height: 200px; 

	/* Create the parallax scrolling effect */
	background-attachment: inherit;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.paraaa {
	background: rgba(0,0,0,0.2);
	margin-left: -14px;
	margin-right: -14px;
}

.para55 {
	/* The image used */
	background:url(../images/para55.jpg);


	/* Set a specific height */
/*  min-height: 200px; */

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3);
}




.para0 {
	/* The image used */
	background:url(../images/para0.jpg);
	background-size: cover;

	/* Set a specific height */


	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.form-group {
	margin-bottom: 10px!important;
}
.form-control{
	padding: 0px 6px;
	width: 100%;
	height: 35px;
	border: 1px solid #222;
	border-radius: none!important;
}

.form-control:focus {
}


/* Fisrt Tier Dropdown */
nav ul ul li {
	float:none;
	display:list-item;
	position: relative;
	padding: 3px;
}

/* Second, Third and more Tiers */
nav ul ul ul li {
	position: relative;
	top:0px; 
	left:10px;
}

.dropdown-menu>li>a
{
	color: #222;
}

.dropdown-menu>li>a:hover
{
	color: #fff!important;background: #C01823!important;
}

.dropdown-menu>li>a>.active
{
	color: #fff!important;background: #C01823!important;
}
@media only screen and  (max-width: 750px) 
{
	.dropdown-menu
	{
		left: 26%;
	}
}

@media only screen and  (max-width: 800px) 
{
	.container-fluid{
		padding: 0;margin: 0;
	}
	.container{
		padding: 0;margin: 0;
	}
}

.captions
{
	position: absolute;
	z-index: 9999;
	top: 33%!important;
	height: auto;
	left: 0%!important;
}


@media only screen and  (max-width: 768px) 
{
	.captions
	{
		top: 29% !important;
	}
}


.centeredall {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.centeredall2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


#return-to-top {
	position: fixed;
	bottom: 6px;
	right: 20px;
	background: #C01823 ;
	width: 39px;
	height: 39px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 11px;
	top: 9px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover {
	background: #C01823;
}
#return-to-top:hover i {
	color: #fff;
	top: 5px;
}




/* Transparent header */
#mainHeader{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	background: transparent;
	transition: background 0.4s ease;
}

/* Background when scrolling */
#mainHeader.scrolled{
	background: rgba(0,0,0,0.95);
}


.get-flow-wrap
{
	background: #C01823 ;
	color: #000;
	padding: 1px;
	position: fixed;
	left: 0;
	text-align: center;
	text-transform: uppercase;
	bottom: 330px;
	width: 43px;
	z-index: 999;
	cursor: pointer;
	font-size: 29px;
	border: 2px solid #C01823 ;
	border-radius: 30px;
	height: 43px;
}
/*.get-flow-wrap:hover 
{
  border: 2px solid #DDA215;
  text-decoration: none;
  background: #000;
  color: #DDA215;
}*/

.get-flow-wrap2
{
	background: #C01823 ;
	color: #000;
	padding: 1px;
	position: fixed;
	left: 0;
	text-align: center;
	text-transform: uppercase;
	bottom: 275px;
	width: 43px;
	z-index: 999;
	cursor: pointer;
	font-size: 29px;
	border: 2px solid #C01823 ;
	border-radius: 30px;
	height: 43px;
}
/*.get-flow-wrap2:hover 
{
  border: 2px solid #DDA215;
  text-decoration: none;
  background: #000;
  color: #DDA215;
}*/

.nav-tabs>li>a>i{font-size: 35px!important;}
.nav-tabs>li>a.active>{background: #ED8E00!important;}
.nav-tabs > li.active>a {color: #fff!important;background: #C01823 !important;}
.nav-tabs > li>a {color: #428bca!important;border-radius: 0px!important;padding:6px;}
@media screen and (max-width: 991px)
{
	.container{padding: 0px !important; margin: 0 !important;}
	.container-fluid{padding: 0px !important; margin: 0 !important;} 
	.nav-tabs>li>a>i{font-size: 15px!important;}
	.no{font-size: 30px!important;}
}

@media only screen and  (max-width: 750px) 
{
	.nav-tabs li {width: 25%!important;font-size: 15px!important;background: #222;text-align: center;}
}

.btnblue {
	padding: 11px;
	border: none;
	color: #fff !important;
	background: #C01823;
	text-decoration: none !important;
	font-size: 18px;
	border-radius: 6px;
}




/*my css*/

.breadcrumb1 {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.form-control1 {
	padding: 0px 6px;
	width: 100%;
	height: 35px;
	border: 1px solid #fff;
	border-radius: none !important;
}
.form-control1 {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.para1 {
	background:url(../images/banner2.jpg);
	background-size: cover;
	min-height: 200px; 
	background-attachment: inherit;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.mt-5{
	margin-top: 5px;
}

.booking_form li {
	font-size: 19px;
	text-align: center;
	width: 50%;
	padding: 10px;
	background: #222;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: #C01823  !important;color: #fff;
}





ul.social-network {    list-style: none;    display: inline;    margin-left:0 !important;    padding: 0;  } 
ul.social-network li {    display: inline;    margin: 0 5px;  }  /* footer social icons */
.social-network a.icoRss:hover {    background-color: #F56505;  }  
.social-network a.icoFacebook:hover {    background-color:#3B5998;  } 
.social-network a.icoYelp:hover {    background-color:#F10C13;  } 
.social-network a.icoGoogle:hover {    background-color:#BD3518;  } 
.social-network a.icoVimeo:hover {    background-color:#0590B8;  } 
.social-network a.icoLinkedin:hover {    background-color:#007bb7;  } 
.social-network a.icoRss:hover i, 
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,  
.social-network a.icoGoogle:hover i, 
.social-network a.icoVimeo:hover i, 
.social-network a.icoLinkedin:hover i {    color:#fff;  } 
a.socialIcon:hover, .socialHoverClass {    color:#44BCDD;  }  
.social-circle li a {  display:inline-block; position:relative;margin:0 auto 0 auto; -moz-border-radius:50%;  
	-webkit-border-radius:50%;    border-radius:50%;    text-align:center;    width: 40px;    height: 40px;  
	font-size:18px; 
}  
.social-circle li i {    margin:0;    line-height:50px;    text-align: center;  }  
.social-circle li a:hover i, 
.triggeredHover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);   
	-ms--transform: rotate(360deg);    transform: rotate(360deg);    -webkit-transition: all 0.2s;  
	-moz-transition: all 0.2s;    -o-transition: all 0.2s;    -ms-transition: all 0.2s;    transition: all 0.2s; 
} 
.social-circle i {    color: #fff;    -webkit-transition: all 0.8s;    -moz-transition: all 0.8s;   
	-o-transition: all 0.8s;    -ms-transition: all 0.8s;    transition: all 0.8s;  
}
.scroll-top-wrapper {  position: fixed;  opacity: 0;  visibility: hidden;  overflow: hidden; 
	text-align: center;  z-index: 99999999;  background-color: #222;  color: #fff;  width: 50px;
	height: 48px;  line-height: 48px;  right: 30px;  bottom: 30px;  padding-top: 2px; 
	border-top-left-radius: 10px;  border-top-right-radius: 10px;  border-bottom-right-radius: 10px;  
	border-bottom-left-radius: 10px;  -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;
}




figure.snip1104 {
	font-family: 'Raleway', Arial, sans-serif;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #000000;
	color: #ffffff;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width:767px) {
	figure.snip1104 {
		margin-top: 15px;
	}
}

figure.snip1104 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

figure.snip1104 img {
	max-width: 100%;
	position: relative;
	opacity: 0.4;
}

figure.snip1104 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

figure.snip1104 h2 {
	position: absolute;
	left: 40px;
	right: 40px;
	display: inline-block;
	background: #000000;
	-webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
	padding: 12px 5px;
	margin: 0;
	top: 50%;
	text-transform: uppercase;
	font-weight: 400;
}

figure.snip1104 h2 span {
	font-weight: 800;
}

figure.snip1104:before {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	content: '';
	background: #C01823;
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: rotate(110deg) translateY(-50%);
	transform: rotate(110deg) translateY(-50%);
}

figure.snip1104 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

figure.snip1104.blue {
	background: #123851;
}

figure.snip1104.blue h2 {
	background: #0a212f;
}

figure.snip1104.red {
	background: #11386E;
}

figure.snip1104.red h2 {
	background: #C01823;
	color: #fff;
}

figure.snip1104.yellow {
	background: #7f5006;
}

figure.snip1104.yellow h2 {
	background: #583804;
}

figure.snip1104:hover img,
figure.snip1104.hover img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.snip1104:hover h2,
figure.snip1104.hover h2 {
	-webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
	transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.snip1104:hover:before,
figure.snip1104.hover:before {
	-webkit-transform: rotate(110deg) translateY(-150%);
	transform: rotate(110deg) translateY(-150%);
}



.abtpdd {
	padding: 20px 120px 20px 120px;
}

@media only screen and (max-width: 768px) {
	.abtpdd {
		padding: 15px!important;
	}
}


.pddd1 {
	background: #11386E;
	padding: 80px;
	border-radius: 10px;
}

.cardtp {
	position: relative;
	margin-top: -105px;
}

.btn-outline-danger {
	padding: 12px 24px;
	color: #fff!important;
	font-size: 18px;
	border-width: 2px;
	transition: all 0.3s ease;
	margin: 5px 0px;
}

@media only screen and (max-width: 767px){
	.cardmob {
		margin-bottom: 125px;
	}
}

.card {
	background-color: #f9f5f0;
	border-radius: 10px;
	padding: 20px;
	width: 100%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 1);
}

.card h2 {
	font-size: 24px;
	font-weight: bold;
	color: #11386E;
}

.card p {
	font-size: 16px;
	color: #666;
	margin: 0 0 15px;
}






/* ===============================
   MOBILE SIDE PANEL (FINAL SAFE)
   =============================== */

   .sidepanel {
   	width: 0;
   	position: fixed;
   	top: 0;
   	left: 0;
   	z-index: 9999;
   	height: 100vh;
   	max-height: 100vh;
   	overflow-y: auto;
   	overflow-x: hidden;
   	overscroll-behavior: contain;
   	transition: width 0.5s ease;
   	padding-top: 60px;
   	background: #242323;
   }

   .sidepanel a {
   	display: block;
   	text-decoration: none;
   	font-size: 25px;
   	color: #fff;
   	transition: color 0.3s ease;
   }

   .sidepanel a:hover {
   	color: #C01823;
   	background: none!important;
   }

   .sidepanel .closebtn {
   	position: relative;
   	top: 5px;
   	left: 20%;
   	font-size: 36px;
   	cursor: pointer;
   	color: #fff!important;
   }

   /* Lock scroll only when menu is open */
   body.menu-open {
   	overflow-y: hidden;
   	height: 100vh;
   	width: 100%;
   }

/* Mobile-only stabilization (NO global impact) */
@media (max-width: 768px) {
	body.menu-open {
		position: fixed;
		overflow-x: hidden;
	}
}.abtimg {
		border-style: solid;
		border-width: 0px 0px 05px 05px;
		border-color: #c1282a;
		border-radius: 0px 5px 5px 5px;
		padding: 15px;
	}

	.abtppc {
		padding: 5px;
		position: relative;
	}

	.abtppc:before {
		content: '';
		top: -10px;
		left: -10px;
		position: absolute;
		width: 4px;
		height: 100px;
		background: #c1282a;
	}

	.abtppc:after {
		content: '';
		top: -10px;
		left: -10px;
		position: absolute;
		width: 100px;
		height: 4px;
		background: #c1282a;
	}

	.abtppc1 {
		margin-top: -10px;
		position: relative;
	}

	.abtppc1:before {
		content: '';
		bottom: -10px;
		right: -10px;
		position: absolute;
		width: 4px;
		height: 100px;
		background: #c1282a;
	}

	.abtppc1:after {
		content: '';
		bottom: -10px;
		right: -10px;
		position: absolute;
		width: 100px;
		height: 4px;
		background: #c1282a;
	}

	@media only screen and (max-width:767px) {
		.abtpara {
			min-height: 333px!important;
		}

		.abtparapad {
			padding: 70px 15px!important;
		}
	}

</style>