@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: opensans;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family:youth;
    src: url(../fonts/youth-beauty.ttf);
}



body
{
	font-family: opensans;
	overflow-x: hidden;
}
.top-bar .col-md-8 p{text-align: inherit;}

.clear { clear:both; }

.dropdown-menu { background:#000;}
.dropdown-menu li { border-bottom:1px dotted;}
.dropdown-menu li a:hover{ color:#febf3e; background:none;}

.breadcrumb > .active { color:#fff;}
.breadcrumb { background:#febf3e;  font-weight: bold; font-size:13px; }
.breadcrumb > li + li::before{color:#fff;}
.breadcrumb li a {color:#fff !important;}
.btn-primary { background:#239c95;}

.btn-sm{
  position: relative;
  vertical-align: center;
  margin: 0px;
  height: 100x;
  padding: 20px 20px;
  font-size: 4px;
  color: white;
  text-align: center;
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
  background: #62b1d0;
  border: 0;
  border-bottom: 3px solid #9FE8EF;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -3px #9FE8EF;
  box-shadow: inset 0 -3px #9FE8EF;
}

.btn-sm:active {
  top: 2px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-sm:hover {
  background: #45E1E8;
}


.tourpack-listwrap {
     
    margin-bottom:0px;
    overflow: hidden;
    padding: 20px;
	transition:2s;
	border :1px solid hsl(0, 0%, 88%);
	margin-bottom:2px;
}
.tourpack-listwrap:hover{ border-color:#636363;}
.tourpack-price span {
    border: 1px solid hsl(0, 0%, 88%);
    border-radius: 0px;
    color: #000;
    display: block;
    font: 13px "arial";
    padding:10px 5px;
    text-align: center;font-weight: bold; background:#fdbb38; border: none;
}
.tourpack-headbx a{ font-size:22px; color:#239c95;}

.detailbtt-tourpack a {
    background-color: #239c95;
    border-radius: 0px;
    color: hsl(0, 0%, 100%);
    display: block;
    font: 13px "arial";
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; font-weight: bold;
}
.tourpackdays {
    color: hsl(0, 0%, 20%);
    font:bold 12px arial;
    text-align: center;
}



.tourpack-listwrap .col-md-4{ padding:5px;}

.services a { text-decoration:none; width:100% }
.serv 
{
	background: #FFF;
    margin: 20px 0;
	border: 1px solid #007E74;
	padding-right:10px;
}

.media {
	display: inline-block;
	position: relative;
	margin-top:15px;
	border-radius: 4px;
	box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.075);
	display: block;
	line-height: 1;
	padding: 4px;
 }


 
.media__image { display: block; }

.media__body {
  background: rgba(41, 128, 185, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body h2 { margin-top: 0; }

.media__body p { margin-bottom: 1.5em; }
/* animation transition styles */
.animateblock.left {
  margin-left: -2%;
}
.animateblock.left.animated {
  margin-left: 12%;
}

.animateblock.right {
  display: block;
  margin-left: 100%;
}
.animateblock.right.animated {
  margin-left: 70%;
}

.animateblock.top {
  display: block;
  width: auto;
  text-align: center;
  margin-top: -25px;
}
.animateblock.top.animated {
  margin-top: 0px;
}

.animateblock.btm {
  display: block;
  width: auto;
  text-align: center;
  
}
.animateblock.btm.animated {
  margin-top: 0;
}

.animateblock.centerleft {
  display: block;
  width: auto;
  text-align: center;
  margin-right: -10%;
}
.animateblock.centerleft.animated {
  margin-right: 0;
}

.animateblock.centerright {
  display: block;
  width: auto;
  text-align: center;
  margin-left: -10%;
}
.animateblock.centerright.animated {
  margin-left: 0;
}

.animateblock.center {
  margin-left: 2%;
}
.animateblock.center.animated {
  margin-left: 42%;
}

.animateblock.size {
  display: block;
  width: 10%;
  text-align: center;
}
.animateblock.size.animated {
  width: 100%;
  height: 100%;
}
.animateblock.size img {
  max-width: 100%;
  height: auto;
}

.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.list-group-item { width:100%;}	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}



/* Container DIV */
.simply-scroll { 
	margin: 50px 0;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;

}

.contact a{ color: #000;}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
    padding:0 15px;
 
} 

img{ max-width:100%;}
html,
body {
    width: 100%;
    height: 100%;
}

.top { margin-right:2%;}
.top a { color:#fff; text-transform: none; font-size:13px;}
.top a:hover { color: #fdc23a;}
.top span{ font-weight: bold; color: #fff;}

.top span .fa{ height:28px; width:28px; text-align:center; border-radius:50px; border:1px solid #fff; line-height:25px;}


.box { width:100%; margin-bottom:20px;}
.media { float: left; margin-right: 15px; margin-top:0}


.small .top { display:none; }
.small	.navbar-collapse { margin-top: 0px; }
.small .logo { width:80%; }
.social a{ margin:5px 10px;}
 
 h4.list-group-item-heading { color:#003835 !important;font-size: 18px; padding-top:10px; margin-bottom:10px; }
  p.list-group-item-text{ color: #000 !important; font-size:12px; line-height:24px;}
  h1{ margin-top:0;}
  
  .btn-default { background: #febf3e; border:3px solid #ffca5c;  color:#000; font-size: 14px; border-radius:20px;}
  
h6{ color:#fff; font-size:15px; line-height:24px; font-weight: normal;}
.navbar-collapse { float:right; }
.nav > li > a { padding:10px 20px;}
.nav > li a.active{ color: #fdc23a !important;}

header img{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}

header ul{ margin:0; padding:0;}	


section.stretch{
	float: left;
	height: 1500px;
	width: 100%;
}

section.stretch p{
	font-family: 'Amaranth', sans-serif;
	font-size: 30px;
	color: #969696;
	text-align: center;
	position: relative;
	margin-top: 250px;
}

section.stretch p.bottom{
	top: 100%;
}

.whatsapps{position: fixed;right: 25px; bottom: 30%; z-index: 9; height: 60px;width: 60px;line-height: 60px;text-align: center; border-radius: 100px; background: #4ec45a;  }
.whatsapps .fa{color: #fff; font-size: 32px; line-height: 60px;}
header{
		
	float: left;
	width: 100%;
	position: fixed;
	z-index: 9999;
	background:url(../img/trans.png);
	padding:15px 0px;
	left:0;
	right:0;
}

header a{
	color: #969696;
	text-decoration: none;
	text-transform: capitalize;
}

header a.active, header a:hover{
	color: #3d3d3d;
}



header.large img{
/*				width: 450px;
	height: 100px;*/
}


header.large li{
	margin-top: 0;

}

header.small img{ 
	
}

header.small li{ 
	/*margin-top: 17px; */
}

.benefits ul{
  list-style-type: none;
  font-size: 13px;
  line-height: 30px;
  margin: 0;
  padding: 0;
}

.benefits ul li img{
  padding-right: 10px;
}

::selection { background:#febf3e; color:#000;}
::-moz-selection { background:#febf3e; color:#000;
}

#package2 { background: none; width:100%; float: left; padding:0 0 40px 0;}
ul.list li {font-size:13px; margin:10px 0; line-height:30px;}	
 ul.list{ margin:0; padding:0; margin-left:12px;}
 	
#plans { background:#febf3e;}
.booking { 
	background: #239C95 url(../img/hotel-booking.png)  ;  
	width:100%;
	background-attachment: fixed;
 	background-position: center center;
  	background-size: cover;	
  	padding:60px 0;
	margin-top:50px;
	text-align:center;
}

.booking h3 { font-size:60px; font-family:youth; font-weight:500; margin:30px 0;color:#FFF; }

.booking span { display:block; font-size:24px; text-transform:uppercase; color:#FFF; }
  
.booking .btn-default{ font-weight: normal; color:#000; margin-top:20px;}

.book-btn
{
	margin-top:30px;
	border-radius:30px;
	background:#F99921;
	color:#FFF;
	padding:10px 40px;
	border:0;
	font-size:20px;
}
	
.package { background:#f2f2f2;}
.service-item { background: #fff; width:100%;}

.carousel-indicators{ display: none;}
.carousel-caption { display: none;}

#navbar-collapse{ background: #1b536c !important;}

.navbar-inverse .navbar-nav > li > a 
{ 
	color:#fff; 
	font-size:14px;
}

.welcome{ background:#FFF url(../img/bg.png) no-repeat top right; border:2px solid #fff; margin-top:-4%; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3); padding-bottom:40px; }

 .welcome h1{ padding:40px 0 0 0;font-style:italic; color:#565656;}
 .col-md-8 p{ text-align:justify;}
 p{ font-size:13px; line-height:30px; }
 .welcome h6{ width:56%; font-size:15px; font-style:italic; padding:10px 0; line-height:30px;text-align:justify;}

.box > .icon { text-align: center; position: relative; margin-top:-80px; }

.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 170px; height: 170px; border:8px solid rgba(255,255,255,0.6); line-height: 88px; border-radius: 50%; vertical-align: middle; overflow:hidden; }
.box > .icon > .image img { width:100%; } 


.box > .icon:hover > .image {}

.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -70px; padding: 65px 0 20px 0;   background:#fff; }

.box > .icon > .info > h3.title {    
	font-size: 23px;
    color: #222;
    font-weight: bolder;
    text-transform: uppercase;
}
.box > .icon > .info > p {  font-size: 12px; color: #000; line-height: 1.5em;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a {  font-size: 12px; color: #FFF; line-height: 12px; text-transform: uppercase; text-decoration: none;  }

.box .space { height: 30px; }


#services { background:#239c95; padding:20px 0 100px 0;}
.list-group-item { float: left; background: #fff !important;}

.contact { background: url(../img/footer-bg.png);padding:30px 0; background-attachment: fixed;
  background-position: center center;
  background-size: cover; }
  
.contact p{ color:#fff;}
.contact a{ color:#fff;}
 h3{color:#febf3e;}
 h4{ color: #f7971f;}
.contact form h4 { font-size: 20px; }	 
#contact { background: #000;  float: left; width:100%;}
footer { background:#1e1e1e; width:100%; float: left; padding:15px 0; color:#fff;}
 footer p{ font-size:12px; margin:0}
 #contact form{ background:#000; padding:20px;}
  label{ color: #000; font-weight: normal;}
  
  .welcome h6{ color: #000;}

/* Home Page Carousel */

.carousel-control.right, .carousel-control.left
{
	background:transparent;
}
.carousel-control .icon-next:before
{
	content:url(../img/arrow-right.png);
}
.carousel-control .icon-prev:before
{
	content:url(../img/arrow-left.png);
}

.carousel .fill {
    max-width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #FFF;
    background-color:#2fbdb5; margin-bottom: 20px; font-size: 12px;
}

footer a{ color:#fff;}
footer a:hover { color: #fdc23a;}

  h2{  margin:55px 0; font-size:40px;}
   h2.text-center { color:#fff; text-decoration:none; margin:20px 0 20px; font-size:40px;}

.sidebar { padding-bottom:20px; }
.sidebar h4{ padding:10px; margin-bottom:0px; margin-top:0px; background:#239c95; color:#fff; float: left; width:100%;}

 .sidebar ul{ padding-left:0; margin-bottom:20px; float: left; background:#fff;}

 .sidebar ul li
 { 
	font-size: 13px;
	float: left;
	width: 99%;
	border-bottom: 1px dotted;
	list-style: none;
	padding: 5px;
	line-height: 24px;
}

 .sidebar form {  background: #f2f2f2;
	float: left;
	padding: 5%;
	width: 100%;
  margin-bottom: 47px;
}
 
 .form-control{ font-size: 12px;}

 .panel {border-radius:0;}
 .sidebar form input{ border:1px solid #fff; height: 42px;}
 .sidebar form textarea{border:1px solid #fff;}
  .sidebar form .btn-primary{ width:100%; border:0; padding:10px 25px;}

/* Custom Horizontal Rule */

hr.small { max-width: 100px; }


/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* About */

.about {
    padding: 50px 0;
}

/* Services */

.service-item h4{
    margin-top:20px;
	font-size:18px;
}

.service-item {
    margin-bottom: 30px;
     border:2px solid #fff;
	 box-shadow: 0 0 1px #000; padding:2px;
	 
}
.service-item p{ font-size: 12px;}
/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}



/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}



.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #f6f6f6;
	z-index: 10000;
	height: 230px;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cbp-af-header .cbp-af-inner {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em;
}

.cbp-af-header h1,
.cbp-af-header nav {
	display: inline-block;
	position: relative;
}

 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header h1,
.cbp-af-header nav a {
	line-height: 230px;
}

.cbp-af-header h1 {
	text-transform: uppercase;
	color: #333;
	letter-spacing: 4px;
	font-size: 4em;
	margin: 0;
	float: left;
}

.cbp-af-header nav {
	float: right;
}

.cbp-af-header nav a {
	color: #aaa;
	font-weight: 700;
	margin: 0 0 0 20px;
	font-size: 1.4em;
}

.cbp-af-header nav a:hover {
	color: #333;
}

/* Transitions and class for reduced height */
.cbp-af-header h1,
.cbp-af-header nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cbp-af-header.cbp-af-header-shrink {
	height: 90px;
}

.cbp-af-header.cbp-af-header-shrink h1,
.cbp-af-header.cbp-af-header-shrink nav a {
	line-height: 90px;
}

.cbp-af-header.cbp-af-header-shrink h1 {
	font-size: 2em;
}

.top-bar{
  background: #fdbb38;
  padding: 6px 0;
  margin: 0;
}
.top-bar p{
  color: #fff;
  font-weight: 700;
  margin: 0;
  font-size: 13px;
  line-height: 27px;
}
.top-bar p a{
  color: #fff;
  text-decoration: none;
  margin-right: 20px;
}

.top-bar .btn-success{
  background: #39ad01;;
}

.btn{
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
}

.top-fixed{
  position: fixed;
  top: 0;
  z-index: 9;
  width: 100%;
}

.certificates img{
  overflow: hidden;
padding: 20px;
transition: 2s;
border: 1px solid hsl(0, 0%, 88%);
margin-bottom: 2px;
}

.certificates img:hover{
  border: #000;
}

.contact h4{
  color: #fdbb38;
  font-size: 18px;
}

.contact ul{
  list-style-type: none;
  padding: 0;
}


/* Example Media Queries */
@media screen and (max-width: 55em) {
	

header.large .navbar-collapse{ margin-top:0 !important; }

	.pull-right{ float: none !important;}
	.pull-left{ float: none !important;}
	.box > .icon { margin-top: 0;}
	.navbar-collapse { float: none; text-align:center;}
	 header.small img { position: relative !important;}
	.navbar { text-align:center;}
	.small { line-height:normal;}
	.cbp-af-header .cbp-af-inner {
		width: 100%;
	}
	.booking { height: auto;}
	.text-right { text-align:left;}
	.welcome { background: #fff;}
	.welcome h6 { width:100%;}
	header.large img { max-width: 100%;}
	header.small img {max-width: 100%;}
	.top { margin-right:0 !important;}

	.cbp-af-header h1,
	.cbp-af-header nav {
		display: block;
		margin: 0 auto;
		text-align: center;
		float: left;
	}

	.cbp-af-header h1,
	.cbp-af-header nav a {
		line-height: 115px;
	}

	.cbp-af-header nav a {
		margin: 0 10px;
	}

	.cbp-af-header.cbp-af-header-shrink h1,
	.cbp-af-header.cbp-af-header-shrink nav a {
		line-height: 45px;
	}

	.cbp-af-header.cbp-af-header-shrink h1 {
		font-size: 2em;
	}

	.cbp-af-header.cbp-af-header-shrink nav a {
		font-size: 1em;
	}
}

@media screen and (max-width: 32.25em) {
	.cbp-af-header nav a {
		font-size: 1em;
	}
}

@media screen and (max-width: 24em) {
	.cbp-af-header nav a,
	.cbp-af-header.cbp-af-header-shrink nav a {
		line-height: 1;
	}
}

@media screen and (max-width: 1150px)
{
header.large .navbar-collapse { margin-top:0;}
}


@media screen and (max-width: 991px)
{
 
.box > .icon { margin-top:-60px;}
.box > .icon+.icon { margin-top:0;}
 
}
@media screen and (max-width:767px)

{
header .col-sm-4 a{ text-align:center;}	
.box > .icon{ margin:0;}
}

 



/* =============== Return to top Button ========== */

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 43px;
    height: 40px;
    display: block;
    text-decoration: none;
    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: 15px;
    top: 5px;
    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: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 2px;
}
.n p{ font-size:14px;}
.n p .fa{color:#F9A61A; font-size:14px;}
.heading{ margin-top:0px;}
.form input{ border-radius:0px; height:44px;}
.form textarea{ border-radius:0px;}
.form  .btn-primary{ border:0; padding:10px 25px;}

.social a .fa{ font-size:55px;}
#contactForm input{ height:42px; border-radius:0;}
#contactForm .btn-primary{ border:0; padding:10px 25px;}

.domestic_packge{ position:relative}
.domestic_packge h3{ color:#000;}
.domestic_packge ul{ padding-left:15px; line-height:30px;}

@media (min-width:992px) {
  .phone{display: none !important;}
}
@media (max-width:991px) {
  .desktop{display: none !important;}
  .top-bar p {letter-spacing: -.5px;}
  .top-bar p a{margin-right: 0 ; }
  
}
