@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caudex&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Meow+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');



*,
*:before,
*:after {
  
  list-style: none;
  text-decoration: none;
  padding: 0;
	margin: 0;
  
}

body{
	overflow-x: hidden;
	display: block;
	justify-content: center;
	align-items: center;
	padding-bottom: 50px;
	
}
.topbar{
	height: 25px;
	background:#ff6600;
	color:#fff;
}
#topbar_contact p{
	white-space: pre;
}

.btn_in{
    background-color: #ff6600!important;
	color: #fff !important;
}

.btn_in:hover{
    background-color: #fff!important;
	color: #ff6600 !important;
}

.main_menu{
	height: 100px;
	background: rgba(247, 241, 227,0.4);
}

.logoimg img{
	height: 100px;
	padding: 5px;
}

  
  

  /*Top Button CSS Starts*/
#goontop {
	display: inline-block;
	background-color: #ff6600;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, 
	  opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
  }
  #goontop::after {
	content: "\f01b";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
  }
  #goontop:hover {
	cursor: pointer;
	background-color: #000;
  }
  #goontop:active {
	background-color: #555;
  }
  #goontop.show {
	opacity: 1;
	visibility: visible;
  }
  
  @media (min-width: 500px) {
  
	#goontop {
	  margin: 30px;
	}
  }
  

  /*Top Button CSS Ends*/

 /*--------------------FOOTER CSS-------------------------------*/

 .footerDiv{
	background:#003399;
	height: 400px;
	position: relative;
 }
 .footertext{
	color: #fff !important;
	
 }


 .footerimg{
	background:url("../Images/Footer.jpg");
	height:400px ;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	/* background-position: center; */
 }

 .footerlinks{
	font-family:Roboto ;
	
 }
 .mask1 {
	-webkit-mask-image: linear-gradient(black, transparent);
	mask-image: linear-gradient(black, transparent);
  }
  .copydiv{
	background-color:#ff6600;
	width: 100%;
	/* height: 50px; */
	position: absolute;
  }

@media only screen and (max-width:767px){
	.footerDiv{
		background:#003399;
		height: 700px;
		position: relative;
	 }

	 .footerimg{
		background:url("../Images/Footer.jpg");
		height:300px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: 100%;
		/* background-position: center; */
	 }
}



  /*TOP NAVIGATION MENU */
  nav {
	width: 100%;
	position: absolute;
	background: rgba(247, 241, 227,0.0) ;
	height: 120px;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	/* box-shadow: 0px 5px 10px 0px #aaa; */
  }
  nav #brand img{
	height: 80px;
	width: 100%;
	padding:0px 0px 0px 10px;
  }
  nav #menu {
	position: relative;
	display: flex;
	height: 100%;
  }
  nav #menu li {
	padding: 0px 50px;
	cursor: pointer;
	line-height: 100px;
	transition: all 0.3s ease-out;
	font-family: "Roboto", sans-serif;
	 font-size: 1em;
  }
  
  nav #menu li:after{
	content: "";
	width: 2px;
	height: 20px;
	background: #fff;
	position: relative;
	display: inline-block;
	 left: 3rem;
  }
  nav #menu li:last-of-type:after{
	background: transparent;
  }
  
  nav #menu li:hover {
	background: transparent;
	margin-top: 10px;
	/*  border-radius: 10%;*/
	
	font-size: 1.1em;
   
  }
  nav #menu li a {
	color: #fff;
  
  }
  nav #menu li:hover a{
	color: #ff6600 !important;
	text-decoration: underline;
	text-underline-offset: 0.5em;
  
	
  }
  
  
  @media (max-width: 768px) {
	nav #menu {
	  display: none;
	}
  }
  #hamburger {
	position: absolute;
	right: 25px;
	top: 25px;
	z-index: 999;
	width: 40px;
	height: 40px;
	cursor: pointer;
	transition: all 0.3s ease-out;
	visibility: hidden;
	opacity: 0;
  }
  #hamburger .line {
	height: 5px;
	background: rgba(34, 47, 62,1.0);
	margin: 5px auto;
	backface-visibility: hidden;
  }
  #hamburger.active #one {
	transform: rotate(45deg) translateX(6px) translateY(6px);
  }
  #hamburger.active #two {
	opacity: 0;
  }
  #hamburger.active #three {
	transform: rotate(-45deg) translateX(10px) translateY(-12px);
  }
  @media (max-width: 768px) {
	#hamburger {
	  visibility: visible;
	  opacity: 1;
	}
  }
  .mobile-menu {
	z-index: 1;
	position: absolute;
	top: 120px;
	background:rgba(34, 47, 62,0.8);
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-out;
	display: table;
  }
  .mobile-menu .mobile-menu__items {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
  }
  .mobile-menu .mobile-menu__items li {
	display: block;
	text-align: left;
	padding: 10px 0;
	font-size: 25px;
	min-height: 30px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease-out;
  }
  .mobile-menu .mobile-menu__items li:hover {
	color: #fff;
	background: #212121;
  }
  .mobile-menu .mobile-menu__items li:hover a {
	transition: all 0.3s ease-out;
	color: #fff;
  }
  .mobile-menu .mobile-menu__items li a {
	color: #fff;
  }
  .mobile-menu.active {
	visibility: visible;
	opacity: 0.99;
  }
  @media (min-width: 768px) {
	.mobile-menu {
	  visibility: hidden !important;
	}
  }

  /*==============================Slider================================ */
  .slideshow {
	top:0;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 95vh;
	z-index: -1;
  }
  .slideshow .slideshow-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
  .slideshow .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
  }
  .slideshow .slide {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s ease;
  }
  .slideshow .slide.is-active {
	display: block;
  }
  .slideshow .slide.is-loaded {
	opacity: 1;
  }
  .slideshow .slide .caption {
	padding: 0 100px;
  }
  .slideshow .slide .image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	z-index: 1;
	background-size: cover;
	image-rendering: optimizeQuality;
  }
  .slideshow .slide .image-container::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
  }
  .slideshow .slide .image {
	width: 100%;
	width: 100%;
	object-fit: cover;
	height: 100%;
  }
  .slideshow .slide-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .slideshow .slide .title {
	margin: 0 auto 15px;
	max-width: 1000px;
	font: 300 50px/1.2 "Oswald", sans-serif;
	letter-spacing: 0.35em;
	text-transform: uppercase;
  }
  .slideshow .slide .text {
	margin: 0 auto;
	max-width: 1000px;
	font-size: 25px;
	line-height: 1.4;
  }
  .slideshow .slide .btn {
	margin: 15px 0 0;
	border-color: #fff;
  }
  .slideshow .slide .btn::before {
	background: #fff;
  }
  .slideshow .pagination {
	position: absolute;
	bottom: 35px;
	left: 0;
	width: 100%;
	height: 12px;
	cursor: default;
	z-index: 2;
	text-align: center;
  }
  .slideshow .pagination .item {
	display: inline-block;
	padding: 15px 5px;
	position: relative;
	width: 46px;
	height: 32px;
	cursor: pointer;
	text-indent: -999em;
	z-index: 1;
  }
  .slideshow .pagination .item + .page {
	margin-left: -2px;
  }
  .slideshow .pagination .item::before {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	left: 5px;
	width: 36px;
	height: 2px;
	background: rgba(255, 255, 255, 0.5);
	transition: background 0.2s ease;
  }
  .slideshow .pagination .item::after {
	width: 0;
	background: #fff;
	z-index: 2;
	transition: width 0.2s ease;
  }
  .slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before {
	background-color: #fff;
  }
  .slideshow .arrows .arrow {
	margin: -33px 0 0;
	padding: 20px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 3;
  }
  .slideshow .arrows .prev {
	left: 30px;
  }
  .slideshow .arrows .prev:hover .svg {
	left: -10px;
  }
  .slideshow .arrows .next {
	right: 30px;
  }
  .slideshow .arrows .next:hover .svg {
	left: 10px;
  }
  .slideshow .arrows .svg {
	position: relative;
	left: 0;
	width: 14px;
	height: 26px;
	fill: #fff;
	transition: left 0.2s ease;
  }


  /* About us Front Page */
  .aboutdiv{
	background:#f7f1e3;
	padding:20px;

}

.about{
	background:#003399;
	border-radius: 10px;
	color:#fff;
	text-align:justify;
	margin-top:20px;
}
.about-2 img{
	width: 100%;
	box-shadow: 0 0 10px;
	height: 85%;
	margin-top:20px;	
}	


	.three h1 {
font-size: 28px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.5em;
padding-bottom: 15px;
position: relative;
font-family: roboto;
color: #044A67;
}
.three h1:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 5px;
width: 55px;
background-color: #111;
}
.three h1:after {
content: "";
position: absolute;
left: 0;
bottom: 2px;
height: 1px;
width: 95%;
max-width: 100%;
background-color: #044A67;
}


#aboutcarousel .item{
width: 100%;

height: 350px;
margin-top:20px;	

}

 .owl-div{
 height: 300px;
 width: 100%;
 border: 0px solid #000;
 padding: 0;
}

@media only screen and (max-width:992px){
#aboutcarousel .item{
width: 100%;

height: 350px;
margin-top:20px;

} 

.owl-div{
height: 300px;
width: 100%;
border: 0px solid #000;
padding: 0;
}

}
/*------------About Heading----------------------------------------------------*/


.seven ,.eleven{
	position: relative;
	background: #fff;
	width: 90%;
	max-width: 100%;
	margin: 0.2em auto;
	margin-top: 50px;;
  }
  
  .eleven h1 {
	font-size:30px;text-align:center; line-height:1.5em; padding-bottom:45px; font-family:"Playfair Display", serif; text-transform:uppercase;letter-spacing: 2px; color:#111;
  }
  
  
  .eleven h1:before {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 60%;
	left:50%; margin-left:-30%;
	height: 1px;
	content: "";
	background-color: #777; z-index: 4;
  }
  .eleven h1:after {
	position:absolute;
	width:40px; height:40px; left:50%; margin-left:-20px; bottom:0px;
	content: '\00a7'; font-size:30px; line-height:40px; color:#bd8a2b;
	font-weight:400; z-index: 5;
	display:block;
	background-color:#fff;
  }
  
  .seven{
	position: relative;
	background: #fff;
	width: 90%;
	max-width: 90%;
	margin: 0.5em auto;
	margin-top: 70px;;
  }
  
  .seven h1 {
	text-align: center;
	 font-size:25px; font-weight:250; color:#222; letter-spacing:1px;
	 text-transform: uppercase;
	 display: grid;
	 grid-template-columns: 1fr max-content 1fr;
	 grid-template-rows: 27px 0;
	 grid-gap: 20px;
	 align-items: center;
  }
  
  .seven h1:after,.seven h1:before {
	 content: " ";
	 display: block;
	 border-bottom: 1px solid #bd8a2b;
	 border-top: 1px solid #bd8a2b;
	 height: 5px;
   background-color:#fff;
  }
  
  
  .three h1 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.5em;
	padding-bottom: 15px;
	position: relative;
	font-family: roboto;
	color: #044A67;
  }
  .three h1:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 55px;
	background-color: #111;
  }
  .three h1:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	height: 1px;
	width: 95%;
	max-width: 100%;
	background-color: #111;
  }
  
  
  
  
  .one h1 {
	text-align: left;
	padding-bottom: 5px;
	font-family: roboto;
	font-size: 30px;
	font-weight: bold;
	color: #f47735;
  }
  .one h1:before {
	width: 28px;
	height: 5px;
	display: block;
	content: "";
	position: relative;
	bottom: 3px;
	top:48px;
	left: 0;
	margin-left: -14px;
	background-color: #000000;
  }
  .one h1:after {
	width: 100%;
	height: 1px;
	display: block;
	content: "";
	position: relative;
	margin-top: 10px;
	left: 0;
	margin-left:-50px;
	background-color: #000000;
  }
  
  
  


.aboutheading{
	height: 250px;
	background: #ff6600;
	}


.aboutheading h1{
color: #ffffff;
font-family: "Raleway",sans-serif;
font-size: 50px;
letter-spacing: 5px;
line-height: 70px;
margin: 0;
padding: 80px 0 60px;
text-align: center;
text-transform: uppercase;
}

.aboutheading::after{
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #ff6600;
bottom: -70px;
box-sizing: border-box;
content: "";
height: 0;
left: 50%;
margin-left: -40px;
position: relative;
width: 0;
z-index: 10;
}

@media only screen and (max-width:439px){
.aboutheading::after{
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #ff6600;
bottom: -5px;
box-sizing: border-box;
content: "";
height: 0;
left: 50%;
margin-left: -40px;
position: relative;
width: 0;
z-index: 10;
}
}

/* =================================Services*/
.center-heading .section-title {
	font-weight: 400;
	font-size: 28px;
	color: #3b566e;
	letter-spacing: 1.1px;
	line-height: 38px;
	margin-bottom: 20px;
  }
  
  .center-heading.colored .section-title {
	color: #ffffff;
  }
  
  .center-text {
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	color: #6f8ba4;
	line-height: 28px;
	letter-spacing: 1px;
	margin-bottom: 50px;
  }
  
  .center-text.colored {
	color: #c7e5ff;
  }
  
  .center-text p {
	margin-bottom: 30px;
  }
  
  .services-small-item {
	display: block;
	background: #fff;
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	padding: 40px 28px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
  }
  
  .services-small-item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border-radius: 5px;
	background-image: linear-gradient(135deg, #fc6a0e 0%, #fdb642 100%);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
  }
  .services-small-item.active:before,
  .services-small-item:hover:before {
	opacity: 1;
  }
  
  .services-small-item.active .icon:before,
  .services-small-item:hover .icon:before {
	opacity: 0.26;
  }
  
  .services-small-item.active .icon i,
  .services-small-item:hover .icon i {
	background: -webkit-linear-gradient(#fff, #fff);
	/* -webkit-background-clip: text; */
	-webkit-text-fill-color: transparent;
  }
  
  .services-small-item.active .services-title,
  .services-small-item:hover .services-title {
	color: #ffffff;
  }
  
  .services-small-item.active p,
  .services-small-item:hover p {
	color: #ffffff;
  }
  
  .services-small-item.active .button i,
  .services-small-item:hover .button i {
	background-image: linear-gradient(135deg, #fff 0%, #fff 100%) !important;
	color: #2b708b !important;
  }
  
  .services-small-item:hover {
	margin-top: -15px;
  }
  
  .services-small-item .icon {
	width: 100px;
	height: 85px;
	margin: auto;
	position: relative;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
   
  }
  
  .services-small-item .icon img{
	display: block;
	position: absolute;
	width: 100%;
	top: -20px;
	z-index: 2;
  /*  background-image: linear-gradient(135deg, #fc6a0e 0%, #fdb642 100%);*/
	/* -webkit-background-clip: text; */
	-webkit-text-fill-color: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
  }
  
  .services-small-item .services-title {
	font-weight: 400;
	font-size: 25px;
	color: #fc6a0e;
	letter-spacing: 0.7px;
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
  }
  
  .services-small-item p {
	font-weight: 400;
	font-size: 14px;
	color: #6f8ba4;
	letter-spacing: 0.88px;
	line-height: 26px;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-bottom: 30px;
  }
  
  .services-small-item .button {
	position: relative;
	z-index: 2;
  }
  
  .services-small-item .button i {
	width: 42px;
	height: 42px;
	background-image: linear-gradient(135deg, #fc6a0e 0%, #fdb642 100%);
	line-height: 42px;
	text-align: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #fff;
	padding-left: 3px;
  }
  
  /*Testimonials Css*/
  
  .one h1 {
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 5px;
	color: #003399;
  }
  .one h1:after {
	width: 100px;
	height: 1px;
	display: block;
	content: "";
	position: relative;
	margin-top: 25px;
	left: 50%;
	margin-left: -50px;
	background-color: #ff6600;
  }
  
  .testimonialdiv{
	  background:#f7f1e3;
	  padding: 2em 2em 3em;
	  height: 500px;
  }
  .testimonialdiv h3{
	  text-transform: uppercase;
  }
  
  .tesmon-owl-div{
	height: 300px;
	width: 100%;
	border: 0px solid #000;
	padding: 0;
  }


  #tescard {
	margin: 0 0.5em;
	box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
	border: none;
	height: 100%;
  }


  .card-body p{
	  font-size:12px;
	  text-align: justify;
  }
  #tesmoncarousel .owl-nav .owl-prev{
	  position:absolute;
	  top:300px;
	  left:-360px;
  
  }
  #tesmoncarousel .owl-nav .owl-next{
	  position:absolute;
	  top:300px;
	  left:-300px;
  
  }
  #tesmoncarousel .owl-nav .owl-prev:hover , #tesmoncarousel .owl-nav .owl-next:hover{
	  background:none !important;
	 }
	#navimg{
		  height: 3.5vw;
	}
	  @media only screen and (max-width:768px){
	  #tesmoncarousel .item{
		  width: 100%; 
	   } 
  
	   .testimonialdiv{
		width: auto;
		height: 550px;
	   }
  
	  }
  
	  /* Logo Sliders */
	  @keyframes scroll {
		0% {
		  transform: translateX(0);
		}
		100% {
		  transform: translateX(calc(-250px * 7));
		}
	  }
	  
	  .logoslider {
		background: #dfe4ea;
		box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
		height: 100px;
		margin: auto;
		overflow: hidden;
		position: relative;
		width: 100%;
	  }

	  .logoslider::before, .logoslider::after {
		background: linear-gradient(to right, #ccc 0%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 100px;
		position: absolute;
		width: 200px;
		z-index: 2;
	  }
	  .logoslider::after {
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	  }
	  .logoslider::before {
		left: 0;
		top: 0;
	  }
	  .logoslider .slide-track {
		-webkit-animation: scroll 40s linear infinite;
				animation: scroll 40s linear infinite;
		display: flex;
		width: calc(250px * 14);
	  }
	  .logoslider .slide {
		height: 100px;
		width: 250px;
	  }

	  /* ============about us page================================*/
	  
	    /* Gallary Heading */
  .Banner_image  h1{
	display: flex;
	 text-align: center; 
	 position: absolute;
	 transform: translate(-50%,-50%);
	left: 25%;
	top: 40%;
	font-size:4vw; 
	text-transform: uppercase;
	
 }
 
   .Banner_image  h2{
	display: flex;
	 text-align: center; 
	 position: absolute;
	 transform: translate(-50%,-50%);
	left: 20%;
	top: 40%;
	font-size:2.5vw; 
	text-transform: uppercase;
	
 }

  .servicepage  h1{
	display: flex;
	 text-align: center; 
	 position: absolute;
	 transform: translate(-50%,-50%);
	left: 25%;
	top: 30%;
	font-size:3vw; 
	text-transform: uppercase;
	
 }
 
 


 

 .Contact_Banner h1{
	display: flex;
	 text-align: center; 
	 position: absolute;
	 transform: translate(-50%,-50%);
	left: 25%;
	top: 35%;
	font-size:3.5vw; 
	text-transform: uppercase;
	color:#fff;
 }
 
	.Banner_image img{
	 width:100%;
	 height: 500px;
	 
	}

	.g-heading h1{
		font-family: poppins ;
	}
	.g-heading h1 span{
		font-family: "Satisfy", cursive;
		font-size: 3rem;
		color: #ff6600;
	}
	.aboutusdiv{
		background:#f7f1e3;
		padding:50px;
	}
	.aboutusdiv  ul li{
		list-style-type: square;
	}


/* Vision and Mission CSS */

.visiondivpara {
	/* The image used */
	background-image: url('../Images/new/yChoose6.jpg');
	/* Set a specific height */
	min-height: 400px;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;

  }

.missiondivpara{
		/* The image used */
		background-image: url('../Images/new/yChoose6.jpg');
		/* Set a specific height */
		min-height: 400px;
		/* Create the parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 0;
}
  
  
  .pvismisdiv_text{
	text-align:justify;
	background:#f7f1e3;
  }

  .pvismisdiv_text h2{
	font-family: Dancing Script;
	margin-top: 50px;
  }

  .pvismisdiv_text p{
	  font-size:20px;
	  padding:0 50px 50px 50px;
	  font-family: Montserrat;
	  font-weight: 500;
  }


   @media only screen and (max-width:575px){
  
	.visiondivpara {
	/* The image used */
	background-image: url('../Images/new/yChoose6.jpg');
	/* Set a specific height */
	min-height: 300px;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	margin: 0;
  }

  .missiondivpara{
	/* The image used */
	background-image: url('../Images/new/6437142.jpg');
	/* Set a specific height */
	min-height: 300px;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
}

}

/* Services Page */
.imgdiv_ticket{
	background:url("../Images/HK/AirlineRep.jpg");
	height:500px;
	width:100%;
	background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 position: relative;
	 overflow:hidden;
	 
}

 .imgdiv_holidays{
	background:url("../Images/HK/5920470.jpg");
	height:500px;
	width:100%;
	background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 position: relative;
	 overflow:hidden;
	 
}


.imgdiv_visa{
	background:url("../Images/HK/visa.jpg");
	height:500px;
	width:100%;
	background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 position: relative;
	 overflow:hidden;
	 
}

.imgdiv_hotels{
	background:url("../Images/HK/Hotel1.jpg");
	height:500px;
	width:100%;
	background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 position: relative;
	 overflow:hidden;
	 
}


.imgdiv_car_rental{
	background:url("../Images/HK/142396.jpg");
	height:500px;
	width:100%;
	background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 position: relative;
	 overflow:hidden;
	 
}


.imgdiv_travel_insurance{
	background:url("../Images/HK/Insurance2.jpg");
	height:500px;
	width:100%;
	background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
	 position: relative;
	 overflow:hidden;
	 
}

.textdiv{
	background:rgba(0,0,0,0.8);
	position: absolute;
	bottom:-300px;
	width: 400px;
	height: 400px;
	margin-left:10px;
	transition: all 1s;
	color:#fff;
	padding:25px;
	text-align: justify;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.imgdiv_ticket:hover .textdiv{
	bottom:0;
}


.imgdiv_holidays:hover .textdiv{
	bottom:0;
}

.imgdiv_visa:hover .textdiv{
	bottom:0;
}

.imgdiv_hotels:hover .textdiv{
	bottom:0;
}

.imgdiv_car_rental:hover .textdiv{
	bottom:0;
}

.imgdiv_travel_insurance:hover .textdiv{
	bottom:0;
}




@media only screen and (max-width:768px){

	.img_div{
		padding:0;
		margin: 0;
	}

	.imgdiv_ticket{
	background:url("../Images/HK/AirlineRep.jpg");
	 height:300px;
	  width:100%;
	  background-attachment: fixed;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: 100% 100%;
	   position: relative;
	   overflow:hidden;

	 
}

 .imgdiv_holidays{
	background:url("../Images/HK/5920470.jpg");
	  height:300px;
	  width:100%;
	  background-attachment: fixed;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: 100% 100%;
	   position: relative;
	   overflow:hidden;
}


.imgdiv_visa{
	background:url("../Images/HK/visa.jpg");
	height:300px;
	width:100%;
	background-attachment: fixed;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: 100% 100%;
	   position: relative;
	   overflow:hidden;
	 
}

.imgdiv_hotels{
	background:url("../Images/HK/Hotel1.jpg");
	height:300px;
	width:100%;
	background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100% 100%;
   position: relative;
   overflow:hidden;
	 
}


.imgdiv_car_rental{
	background:url("../Images/HK/142396.jpg");
	height:300px;
	width:100%;
	background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100% 100%;
   position: relative;
   overflow:hidden;
	 
}


.imgdiv_travel_insurance{
  background:url("../Images/HK/Insurance2.jpg");
  height:300px;
  width:100%;
  background-attachment: fixed;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100% 100%;
   position: relative;
   overflow:hidden;
	 
}

.textdivmobile{
	padding:50px;
	text-align:justify;
}
}
/* Services Page */

/* Contact US CSS */

.hkcard{
	height: 100%;
	background: #ff6600!important;
	margin-top: 10px!important;
}

.contact_body {
background: #f7f1e3;

}

.form_section {
font-size: 62.5%;
font-family: "Lato", sans-serif;
font-weight: 300;
color: #B6B6B6;
background: white;
margin: 60px auto 120px;
border-top: 15px solid #ff6600;
text-align: center;
padding: 50px 0 110px;
width: 80%;
max-width: 1100px;
}
.form_section h1 {
color: #636e72;
margin-bottom: 40px;
font-size: 4em;
text-transform: uppercase;
font-family: "Lato", sans-serif;
font-weight: 100;
}

form {
width: 58.3333333333%;
margin: 0 auto;
}
form .field {
width: 100%;
position: relative;
margin-bottom: 15px;
}
form .field label {
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
background: #313A3D;
width: 100%;
padding: 18px 0;
font-size: 1.45em;
letter-spacing: 0.075em;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form .field label + span {
font-family: "SSStandard";
opacity: 0;
color: white;
display: block;
position: absolute;
top: 12px;
left: 7%;
font-size: 2.5em;
text-shadow: 1px 2px 0 #ff6600;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form .field input[type=text],
form .field textarea {
border: none;
background: #E8E9EA;
width: 80.5%;
margin: 0;
padding: 18px 0;
padding-left: 19.5%;
color: #313A3D;
font-size: 1.4em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
form .field input[type=text]#msg,
form .field textarea#msg {
height: 18px;
resize: none;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form .field input[type=text]:focus, form .field input[type=text].focused,
form .field textarea:focus,
form .field textarea.focused {
outline: none;
}
form .field input[type=text]:focus#msg, form .field input[type=text].focused#msg,
form .field textarea:focus#msg,
form .field textarea.focused#msg {
padding-bottom: 150px;
}
form .field input[type=text]:focus + label, form .field input[type=text].focused + label,
form .field textarea:focus + label,
form .field textarea.focused + label {
width: 18%;
background: #ff6600;
color: #313A3D;
}
form .field input[type=text].focused + label,
form .field textarea.focused + label {
color: #ff6600;
}
form .field:hover label {
width: 18%;
background: #313A3D;
color: white;
}
form input[type=submit] {
background: #ff6600;
color: white;
/* -webkit-appearance: none; */
border: none;
text-transform: uppercase;
position: relative;
padding: 13px 50px;
font-size: 1.4em;
letter-spacing: 0.1em;
font-family: "Lato", sans-serif;
font-weight: 300;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form input[type=submit]:hover {
background: #313A3D;
color: #ff6600;
}
form input[type=submit]:focus {
outline: none;
background: #ff6600;
}


@media only screen and (max-width:768px){
.form_section {
background: white;
margin: 60px auto 120px;
border-top: 15px solid #313A3D;
text-align: center;
padding: 50px 0 110px;
width: 100%;
max-width: 1100px;
}

.hkcard{
	height: 100%;
	background: #ff6600;
	margin-top: 10px;
	width:90%;
}
}
/* Contact page Ends */

/* New Blog CSS */
.newsblog{
	background:#f7f1e3;
}
.newsblog h1{
	color:#f47735;
	font-size: 2.5vw;
}


/* Social Media Buttons CSS */

.social-btns {
    text-align: center;
}

.social-btns li {
    margin: 8px;
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 768px) {

    .social-btns li {
        margin: 15px;
    }
}

/* Flip Button */
.social-btn-flip {
    display: inline-block;
    -webkit-perspective: 700;
    perspective: 700;
}

.social-btn-flip:hover .social-btn-cube {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.social-btn-cube {
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform-origin: 20px 20px -20px;
    transform-origin: 20px 20px -20px;
	/* border:1px solid black; */
}

.social-btn-face {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 40px;
    text-align: center;
    -webkit-transform-origin: 0;
    transform-origin: 0;
}

.social-btn-face.default {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.social-btn-face.active {
    box-shadow: inset 40px 40px 0 rgba(0, 0, 0, 0.1);
    left: 40px;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}


.social-btn-face.facebook {
    background: #3b5998;
	height: 100%;
	padding:10px;
}


.social-btn-face.instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	padding:10px;
	height: 100%;
}

/* Social Media Buttons CSS Ends */
 /* Gallary CSS  */
/* .g-heading h1 {*/
/*  text-align: center;*/
/*  color: #f7d794;*/
  
/*  background:#000;*/
/*  padding:20px;*/
/*}*/
/*.g-heading h1 span{*/
/*  font-family: "Satisfy", cursive;*/
/*  font-size: 4rem;*/
/*  color: #d70606;*/
/*}*/


.gallary {
  margin: 10px 50px;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 230px;
}

@media only screen and (max-width:768px){
  
  .gallary {
  margin: 0px 34px 0px 34px;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 230px;
}
}

.gallary img {
  width: 300px;
  height: 200px;
  border-radius: 5px;
  box-shadow: 0 0 7px #aaa;
  margin-top: 40px;
  padding: 0px;
  /* filter:grayscale(50%); */
  transition: 1s;
}

.gallary img:hover {
  /* filter:grayscale(0); */
  transform: scale(1.3);
}
.lb-loader,
.lightbox {
  text-align: center;
  line-height: 0;
}
.lb-dataContainer:after,
.lb-outerContainer:after {
  content: "";
  clear: both;
}
html.lb-disable-scrolling {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100vw;
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}
.lightbox a img {
  border: none;
}
.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}
.lb-loader,
.lb-nav {
  position: absolute;
  left: 0;
}
.lb-outerContainer:after {
  display: table;
}
.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}
.lb-cancel {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 40%;
  background: url(../Images/Airplane3.gif) no-repeat;
}
.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.lb-container > .nav {
  left: 0;
}
.lb-nav a {
  outline: 0;
  background-image: url(data:);
}
.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../Images/leftg1.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../Images/rightg1.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
  display: table;
}
.lb-data {
  padding: 0 4px;
  color: #ccc;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}
.lb-data .lb-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 100px;
  height: 100px;
  background: url(../Images/Close.png)  no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}
 /* End Gallary CSS */
/* ======================================================================== */


/* About is Cards CSS */
	#webcoderskull-area {
  padding: 100px 0;
  text-align: center;
}
#webcoderskull-law-area h2 {
  font-weight: 400;
}

.webcoderskull-item {
  border: 1px solid #ff6600;
  margin-bottom: 45px;
  padding: 35px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 3px rgba(114, 120, 220, 0.12),
    0 1px 2px rgba(114, 120, 220, 0.24);
}
.webcoderskull-item:hover {
  box-shadow: 0 14px 28px rgba(114, 120, 220, 0.25),
    0 10px 10px rgba(114, 120, 220, 0.22);
}
.webcoderskull-item .fa {
  font-size: 35px;
  margin-bottom: 30px;
}
.learn-more {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  color: #474747;
}
.webcoderskull-item h3 a {
  color: #474747;
}
.webcoderskull-item h3 a:hover {
  text-decoration: none;
}
.webcoderskull-item:hover h3 a {
  color: #ff6600;
}
.webcoderskull-item:hover .learn-more,
.webcoderskull-item:hover h3,
.webcoderskull-item:hover .fa {
  text-decoration: none;
  color: #ff6600;
}
.webcoderskull-item:hover .learn-more::after {
  content: " \2192";
  opacity: 1;
  transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  margin-left: 5px;
  margin-top: 0px;
  line-height: 15px;
}
.webcoderskull-item .learn-more::after {
  content: " \2192";
  position: absolute;
  opacity: 0;
  margin-left: -30px;
  transition: all 0.6s ease 0s;
  font-size: 31px;
  line-height: 15px;
  transition: all 0.6s ease 0s;
}
.webcoderskull-item h5{
  margin-top: 20px;
}

	.cardheading{
		height: 130px;
		border : 0px solid black;
	}
	.cardbody{
		height: 250px;
		border: 0px solid black;
	}
/* About us Cards CSS Ends Here */