@font-face {
  font-family: "NATS-Regular";
  src:
    local("NATS-Regular"),
    url("../fonts/nats-regular.otf") format("opentype") tech(color-COLRv1),
    url("../fonts/nats-regular.otf") format("opentype"),
	url("../fonts/nats-regular.ttf") format("ttf"),
    url("../fonts/nats-regular.woff") format("woff");
}

@font-face {
  font-family: "Blaimim";
  src:
    local("Blaimim"),
    url("../fonts/blaimim.otf") format("opentype") tech(color-COLRv1),
    url("../fonts/blaimim.otf") format("opentype"),
	url("../fonts/blaimim.ttf") format("ttf"),
    url("../fonts/blaimim.woff") format("woff");
}

@font-face {
  font-family: "Saekana-Clean";
  src:
    local("Saekana-Clean"),
    url("../fonts/Saekana-Clean.otf") format("opentype") tech(color-COLRv1),
    url("../fonts/Saekana-Clean.otf") format("opentype"),
	url("../fonts/Saekana-Clean.ttf") format("ttf"),
    url("../fonts/Saekana-Clean.woff") format("woff");
}

.wrapper{background:#fff;}

.main{overflow:hidden;}

html,body {margin: 0; font-size: 100%;
    /*background:#01acc6;*/
	background:#fff ;
	font-family: 'Mulish', sans-serif;
	/*font-family:NATS-Regular;*/}

html {scroll-behavior: smooth;}
body a {text-decoration: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;  -ms-transition: 0.5s all; 
font-family: 'Open Sans', sans-serif;}

body img {max-width: 100%;}

img{border-radius:10px;}

a:hover {text-decoration: none;}

input[type="button"], input[type="submit"], input[type="text"], input[type="email"], input[type="search"] {transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;
    -ms-transition: 0.5s all;}

h1,h2,h3,h4,h5,h6 {font-family:Saekana-Clean!important; margin: 0; color: #323648;}

h2{font-size:70px; letter-spacing:2px; position:relative; display:inline-block; padding-bottom:10px;}
h2:before{content:''; background:#333; height:2px; position:absolute; bottom:0; width:30%; }
h2:after{content:''; background:#fff url(../images/yat-icon.png) center center no-repeat; position:absolute; bottom:-8px; width:36px; height:26px; left:11%;}

li {list-style-type: none;}

p {margin:0; font-size: 18px; line-height: 1.8em;  letter-spacing: 1px;  font-family:'Mulish', sans-serif;}

ul {margin: 0; padding: 0;}

/*-- header --*/

header {position:relative; background:#012938; z-index: 9; width: 100%;}


/* Giving a background-color to the nav container. */
nav {margin:0; padding:.8em 0!important;}

#logo{width:15%; position:relative; z-index:99999999;}

#logo a {float:left; display: initial; margin: 0; padding:0!important; border: none;}
#logo a span.fa {color: #fff;}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

.navbar{
     padding-top: 0;
     padding-bottom: 0;
}

.border-right{border-color:rgba(255,235,196,.2)!important;}
 .navbar-light .navbar-brand {
     color: #2196F3;
}
 .navbar-light .navbar-nav .nav-link {color: #ffebc5;}
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {color: #ffebc5;}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #ffebc5;}
 .navbar-light .navbar-nav .nav-link{padding:12px; transition:0.3s; text-transform:uppercase; font-family:'Mulish', sans-serif; font-size:18px;}
.dropdown-item:focus, .dropdown-item:hover {
    color: #.navbar-light .navbar-nav .nav-link16181b;
    text-decoration: none;
    background-color: #fff !important;
}
.megamenu b{font-size:18px; font-weight:600; padding:0 25px; margin-bottom:10px; display:block; color:#ffebc5;}

.navbar-light .navbar-nav .nav-link i{background:url(../images/phone.png); background-size:100%; position:relative; top:3px; margin-right:5px; width:15px; height:15px; display:inline-block;}
.sm-menu{
    border-radius: 0px;
    border: 0px;
    top:70%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #ffebc5; opacity:.8;
        font-size: 14px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2196F3;
}
.navbar-toggler{
    outline: none !important;
}
.navbar-tog{
    color: #1ebdc2;
}
.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute; background:#02253c;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px;
}
.megamenu h6{
margin:10px 0 10px 21px; font-size:14px; text-transform:uppercase; font-weight:600; color:#ffebc5; }
}
.megamenu i{
    width: 20px;
}
nav li.booking a {margin-left:15px;
    background: rgb(222,186,134);
background: linear-gradient(180deg, rgba(222,186,134,1) 0%, rgba(164,131,96,1) 100%);
    padding: 14px 25px;
    display: block; font-family:'Mulish', sans-serif;
    text-transform: uppercase;
    color: #fff; border-radius:5px;
    font-size: 18px;
}
nav li.booking a:hover{background:orange;}
/* Change ' +' in order to change the Dropdown symbol */
li > a:only-child:after { content: ''; }

/*.carousel:after{position:absolute; width:100%; height:100%; left:0; top:0; background: rgb(117,55,165);
background: radial-gradient(circle, rgba(117,55,165,0) 0%, rgba(0,0,0,1) 100%); content:'';}*/

.carousel-item{height:700px; background-size:cover!important; background-position:center!important; clip-path:ellipse(98% 100% at 50% 0%); }
.carousel-inner .overlay{position:absolute; width:100%; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); z-index:2; top:0;}

.carousel-indicators li{width:15px; height:15px; border-radius:50%;}
.carousel-control-next, .carousel-control-prev{width:70px; height:70px; top:50%; font-size:60px; border-radius:50%; color:#02253c; border:4px solid #02253c; opacity:.8;}
.carousel-control-prev{left:5%;}
.carousel-control-next{right:5%;}

.carousel-inner .vid{position:absolute; z-index:2; width:40%; height:345px; left:50%; top:50%; transform:translate(-50%, -50%);}

.carousel-caption{bottom:auto; top:4%; left:auto; right:auto; width:100%;}
.carousel-caption{z-index:1;}
.carousel-caption h1{font-size:80px; letter-spacing:4px; margin-bottom:.5em;}

.video-player {
    position: relative;
    overflow: hidden;
  }

  /* Overlay fills the parent and sits on top of the video */
  .click-to-play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  iframe{border-radius:10px;}
  .about{padding:7em 0 3em;}
  .about-right p{font-size:19px; line-height:30px; font-weight:600; margin:25px 0;}
  .about-bottom{padding:4em 1em; }
  .about-bottom p{position:relative; font-family: 'Marcellus', serif; text-align:center; font-size:32px;padding:0em 2em; line-height:45px; }
.about-bottom p:before{content:''; top:2%; left:3%; position: absolute; width:38px; height:29px; background:#fff url(../images/left-quote.png); }

.about.home h2:after{transform:translate(-50%, 110%); left:50%; top:50%;}
.about.home h2:before{transform:translate(-50%, -50%); left:50%;}



.about-bottom p:after{content:''; bottom:-2%; right: 12%; transform:translate(-20%);}
.about-bottom span{display:block; text-align:center; font-size:32px; color:#36a7d1; margin-top:1em; font-weight:700;}
  
  .destinations {background:#d6effb; padding:4em 0;}
  .destinations h2, .packages h2{text-align:center; display:block; margin-bottom:30px;}
  .destinations h2:before, .packages h2:before{width:10%; left:45%;}
  .destinations h2:after{left:49%; background:#d6effb url(../images/yat-icon.png) center center no-repeat;}
  .destinations b{font-size:22px;}
  
  .packages{text-align:center; padding:4em 0;}
  .packages h2:after{left:49%; background:#fff url(../images/yat-icon.png) center center no-repeat;}

  .poster-image {
    position: absolute;
    z-index: 1;
  }

  .poster-image img {
    object-fit: cover;
  }

  .video-title {
    position: absolute;
    z-index: 2;

    /* Align to the top left */
    top: 0;
    left: 0;

    font-size: 1.3em;
    background-color: rgba(0,0,0,0.8);
    color: #fafafa;
    padding: 0.5rem;
    margin: 0px;
  }

  .play-icon {
    position: absolute;
    z-index: 2;

    width: 100px;
    height: 100px;

    background-image: url(https://amp.dev/static/samples/img/play-icon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

    /* Align to the middle */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    cursor: pointer;
    opacity: 0.9;
  }

  .play-icon:hover, .play-icon:focus {
    opacity: 1;
  }
/* Media Queries
--------------------------------------------- */

@media all and (max-width : 991px) {

	#logo {
		display: block;
		padding: 0;
		width:30%;
		text-align: center;
		float: none;
	}
	.menu li.active a {
		color: #047ffc;
	}
	nav ul li span {
		color: #333;
	}
	nav {
		margin: 0;
	}
	nav a {
		color: #333;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		padding: 5px 15px;
		font-size: 20px;
		text-decoration: none;
		border: none;
		float: right;
		background-color:#36a7d1;
		color: #fff;
		margin-bottom: 0;
	}
	.menu .toggle {
		float: none;
		text-align: center;
		margin: auto;
		width: 30%;
		padding: 5px;
		font-weight: normal;
		font-size: 15px;
		letter-spacing: 1px;
	}

	.toggle:hover {
		color:#333;
		background-color: #fff;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		background: #fff;
		padding: 15px 0;
		width:100%;
		text-align: center;
	}

	/* Change menu item's width to 100% */
	nav ul li {text-align:left;
		display: block;
		width: 100%;
		padding:12px 0;
		}
	nav a{
		padding: 5px 0; font-size:15px;
	}
	nav a:hover {
		color: #333;
	}
	nav ul li.booking{padding-top:20px;}
	
	.login-icon {
		text-align: center;
	}
	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: transparent;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
	nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #fff; 
	}
	nav ul ul li a {
		font-size: 15px;
	}
	ul.inner-ul{
		padding: 0!important;
	}
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		padding: 0;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}
.user span.fa {
    font-size: 25px;
    color: #fff;
}
/*-- //header --*/

/* banner style */
.banner_w3lspvt {
    position: relative;
    z-index: 1;
}

.banner-top {
    background: url(../images/banner1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.banner-top1 {
    background: url(../images/banner2.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.banner-top2 {
    background: url(../images/banner3.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.banner-top3 {
    background: url(../images/banner4.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}

.w3layouts-banner-info {
    padding-top: 18em;
    max-width: 800px;
}

.w3layouts-banner-info h3 {
    text-shadow: 3px 4px 6px rgba(45, 45, 45, 0.15);
    font-size: 3.3em;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 300;
    text-transform: capitalize;
    line-height: 68px;
}

.w3layouts-banner-info h4 {
    color: #eee;
    margin: 1em 0 1.5em;
    letter-spacing: 4px;
    text-transform: capitalize;
    font-weight: 200;
}
.w3layouts-banner-info a.btn {
    border: 2px solid #fff;
    border-radius: 0px;
    padding: 11px 30px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 2px;
	text-transform: capitalize;
	font-family: 'Raleway', sans-serif;
}

.banner-top,

.banner-top1,
.banner-top2,
.banner-top3 {
    min-height: 750px;
}
.overlay {
    min-height: 750px;
    background: rgba(0, 0, 0, 0.5);
}
.overlay1 {
    min-height: 750px;
    background: rgba(0, 0, 0, 0.6);
}

/*-- //banner style --*/


/*-- about --*/
.about-left h3 {text-transform: capitalize; line-height: 40px;  font-size: 28px; font-weight: 400; letter-spacing: 1px;}
.about-right img.abt-image {width: 90%;}
/*-- //about --*/

/*-- stats --*/
.counter span.fa {font-size: 2em; color: #047ffc;}

p.count-text {letter-spacing: 2px;  font-weight: 600;}

/*-- //stats --*/


/*-- book --*/
.book{background:#054461 url(../images/bg-vac.jpg) center left no-repeat; background-size:cover; background-attachment:fixed; position:relative;}
.book:after{content:''; background: rgb(0,0,0,.8); position:absolute; width:100%; top:0; left:0;  height:100%;}
.book .container{position:relative; z-index:1;}
.book h1.heading{color: #fff; font-size:60px; margin-bottom:.5em; }
.book a{color:#fff; padding:16px 40px; border:1px solid #fff; display:inline-block; margin-bottom:1em; text-transform:uppercase; letter-spacing:1px; font-size:17px;}
.book a:hover{background:#fff; color:#333;}
.grid-info h4 {color: #fff; letter-spacing: 2px; font-weight: 600; font-size: 21px; text-transform: uppercase;}
.grid-info p {color: #ddd;}
.icon {
    background: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 0em auto 1.5em;
    border-radius: 50%;
}
.icon span.fa{
	font-size: 25px;
    line-height: 80px;
    color: #047ffc;
}
.grid-info {
    padding: 0 1em;
}
/*-- book --*/

/*--footer--*/

.footer_w3layouts_section_1its{background: #012938; clip-path:ellipse(99% 100% at 43.64% 100%); padding:4em 0 2em;}

.footer-top{text-align:center;}
.footer-top .footer-logo{margin-bottom:1em;}
.footer-top .footer-logo img{width:18%;}

.social_section_info{border-top:1px solid #345460; border-bottom:1px solid #345460; padding:1em 0;}
.social_section_info li{display:inline-block; width:35px; height:35px; background:#333; border-radius:50%; background: rgb(222,186,134);
background: linear-gradient(180deg, rgba(222,186,134,1) 0%, rgba(164,131,96,1) 100%); line-height:35px; margin:0 3px;}

.footer_w3layouts_section_1its h3,.footer_w3layouts_section_1its h2{
	font-size: 1.3em;
	color: #fff;
	margin-bottom: 20px;
	letter-spacing: 2px;}

.footer-text p, .contact-info p {
    color: #fff;
    line-height: 1.8em;
    letter-spacing: 1px;}

.phone {margin-top: 20px;}

.contact-info h4 {font-style: normal; font-weight: 300; font-size: 1.3em; line-height: 1.71;  letter-spacing: 1px; text-transform: capitalize; color: #fff;}

.footer p,.footer a{
	color: #fff;
    margin: 8px 0;
}
.footer-grid:nth-child(2) {
	border-left: 1px solid #1b1b1b;
	border-right: 1px solid #1b1b1b;
}

.footer ul li.hd {
	color: #34bf49;
}

.newsletter .email {
	background-color: #F4F4F4;
	border: none;
}

.flickr-grid {
	float: left;
	width: 32%;
	margin: 0 0.1em .2em;
}

.flickr-grid a img {
	width: 100%;
	padding: 0.3em;
	border: 1px solid #333333;
}

.footer-text input[type="email"] {
    outline: none;
    padding: 12px 15px;
    color: #fff;
    font-size: 13px;
    width: 85%;
    border: none;
    background: none;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}

.newsletter {
	position: relative;
	margin-top: 2em;
}

.inner-banner{height:350px; background-size:cover;}
.inner-banner img{width:100%; border-radius:0;}

.package-item-wrap{margin:3em 0;}

.booking-form-wrap{background:#fff; padding:2em 1em;}
.package-form label{display:block;}
.price-list{color:#fff; display:block; margin:15px 0;}
.price-list span{font-size:28px; margin:0 0 10px 0; display:block; font-weight:600;}
.package-item {display: grid;  grid-template-columns: 30% 45% 25%; margin-bottom:40px; background:#fff; border-radius:15px;}
.package-item .package-content {
    padding:20px;
}
.package-item .package-content h3{margin-bottom:15px; font-size:25px;}
.package-item .package-content h3 a{color:#323648; font-weight:600;}
.package-item figure{margin:0; background-size:cover; border-radius:15px 0 0 15px;}

.package-item .package-price {
    background-color:#36a7d1; border-radius:0 15px 15px 0;
    padding:30px 20px; color:#fff;
    text-align: center;
}
.package-item .package-price a{border:2px solid #fff; color:#fff; display:block; margin:5px 0; padding:10px 25px; border-radius:3px;}
.package-item .package-price a:hover{background:#fff; color:#36a7d1;}
.package-item .package-price a.btn{background:#fff; color:#36a7d1;}
.package-item .package-price a.btn:hover{background:transparent; color:#fff;}
.package-item .package-meta {background:#fff;  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px;
    border-radius: 25px; display: inline-block; padding: 10px 20px; position: relative; margin-top:15px;}
.package-item .package-meta ul li {
    display: inline-block;
    font-size: 13px;
    line-height: 1.1;
    padding: 0 12px;
    position: relative;
}	
.package-item .package-meta ul li:before {
    color: #BBBBBB;
    content: "|";
    position: absolute;
    right: -3px;
    top: 0;
}

.package-form{background:#fff; padding:2em;}
.package-form .rows{margin:0 0 15px 0;}
.package-form label{margin-bottom:5px;}
.package-form i{color:#02253c; font-size:14px;}
.package-form input{border:1px solid #ddd;}
.package-form .form-control{border:1px solid #ddd; width:100%; border-radius:2px; height:45px;} 
.package-form .select{border:1px solid #ddd;}

.select{width:100%; height:45px; border-radius:2px; padding:.375rem .75rem; position:relative; appearance: none; background:#fff;
background:url(../images/arrow.svg) 94% 53% no-repeat; background-size:11px; }

button.btn1 {
    color:#808080;
    border: none;
    padding: 10px 0;
    outline: none;
    text-align: center;
    text-decoration: none;
    background: none;
   cursor:pointer;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    float: right;
    width: 15%;
}
.footer-grid_section_1its_w3 form {
    border: 1px solid #808080;
    width: 100%;
    margin-top: 20px;
}
ul.social_section_1info li {
    display: inline-block;
}

ul.social_section_1info a {color: #fff; font-size:16px; margin-right:10px; display: block;}
ul.social_section_1info a:hover{
    color: #f1d7a5;
}

.phone p a {
    color: #808080;
}
.phone p a:hover {
    color: #fff;
}

ul.links li {
    list-style-type: none;
    margin: 5px 0;
}
ul.links li a{
    color: #fff;
    font-size: 15px;
    letter-spacing: .5px;
}
ul.links li a:hover{
    color: #999;
}
.footer-title a i {
    font-size: 1em;
    width: 55px;
    height: 55px;
    background: #047ffc;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.69);
}
.footer-title a {
    font-size: 33px;
    text-transform: capitalize;
    font-weight: 600;
    color: #eee;
}

li.facebook a {
    color: #fff;
    background: #3b5998;
}
li.twitter a  {
    color: #fff;
    background: #1da1f2;
}
li.google a  {
    color: #fff;
    background: #dd4b39;
}
li.linkedin a  {
    color: #fff;
    background: #0077b5;
}
/*--//footer--*/

/*-- text --*/

.text-content {
    background: url(../images/banner4.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    position: relative;
}
.overlay-inner {
    background: rgb(0,0,0,.8);
}

.order-left-content h4 {
    font-size: 4em;
    font-weight: 600;
}
.test-info p {
    color: #eee;
}
h4.tittle {
    font-size: 3.3em;
    color: #fff;
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    text-transform: capitalize;
    letter-spacing: 2px;
    margin: 0;
}
.test-info a{border:1px solid #fff; padding: 12px 40px; color: #fff; font-size:16px; letter-spacing: 1px; text-transform: uppercase; display: inline-block;}
.test-info a:hover{background:#36a7d1; color:#fff; border-color:#36a7d1;}
.test-info {max-width: 700px;}
/*-- //text --*/

/*-- packages --*/

h3.heading,h2.heading {font-size:70px; font-weight:500;}
p.text {max-width: 700px; margin: auto;}
.package-info {padding: 1.5em 1em;  background: #fafafa; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.view-package{margin:1em 0 1.5em;}
.view-package a {background:#36a7d1; border:2px solid #36a7d1; padding:13px 30px; color:#fff; border-radius:7px; letter-spacing:1px; text-transform:uppercase; font-size:17px; margin-top:10px; display:inline-block;}
.view-package a:hover{background:transparent; color:#36a7d1;}
.package-info p {font-size: 15px; color:#333; line-height:24px;}
.package-info h6 {font-size:20px; letter-spacing: 1px; color:#012938; font-weight:600; margin-bottom:15px;}

.qx-section{background:url(../images/qr-img.jpg) center center no-repeat; background-size:cover; padding:5em 0;}
.qx-section:after {content: ''; background: rgb(0,0,0,.8); position: absolute; width: 100%; top: 0; left: 0; height: 100%;}
.qx-section .container{position:relative; z-index:1;}

.image-tour p {position:absolute; width:100%; bottom:5%; font-size:30px; font-weight:600; padding: 5px 10px; color: #fff;}
.image-tour img{border-radius:10px;}
.package-info h6 span.fa {color: #047ffc}
ul.listing li {
    letter-spacing: 0px;
    color: #707579;
    font-size: 15px;
}
ul.listing li span {
    font-weight: 600;
}
ul.listing li span.fa {
    font-weight: normal;
    color: #047ffc;
}
/*-- //packages --*/

/* destinations */
.destinations-grids {position: relative; overflow: hidden; z-index: 1; margin-bottom:1em;}


.destinations-grids .caption h4 {font-size:14px; font-weight: 600; color: #fff; letter-spacing: 1px;}
h4.destination {text-transform:uppercase;  font-size:15px; font-weight:600; letter-spacing:1px;}

.rating {background:#047ffc;  position: absolute; right: 1%; color:#fff; top: 1%; padding: 0px 10px 5px;}
.caption a {margin-top:1em;}
.destinations-info {position:absolute; bottom: -227px; margin: 0; background: rgba(0, 0, 0, 0.4); padding:30px 0px 10px; transition: .5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;
 -o-transition: 0.5s all; -ms-transition: 0.5s all; left:0; right:0; text-align: center; color:#fff;}
 .destinations-info b{display:block;}

.destinations-grids:hover div.destinations-info {bottom:20%;}

.caption {padding: 0px;}

.enquire{position:absolute; top:50%; width:100%; text-align:center;}
.enquire a{background:orange; color:#fff; padding:14px 30px; font-size:20px;}
.enquire a:hover{background:#36a7d1;}

.form-control{height:50px!important; border:none;}

.my-button3, .btn{background: rgb(222,186,134);
background: linear-gradient(180deg, rgba(222,186,134,1) 0%, rgba(164,131,96,1) 100%); border:none; color:#fff; width:auto; padding:10px 30px; margin-top:20px; text-transform:uppercase; 
font-size:20px; font-weight:500; transition:background 0.2s linear;;}
.my-button3:hover, .btn:hover{color:#fff; border:none;background: rgb(222,186,134);
background: linear-gradient(0deg, rgba(222,186,134,1) 0%, rgba(164,131,96,1) 100%);}
.btn{margin-top:0;}

.faq-section{padding:2em 0;}
.faq-section .accordion{padding-top:3em;}
.faq-section .accordion-item {background:#fff;  border-radius: 0; border-bottom:1px solid #ddd; padding:0; border-radius:5px;}
.faq-section .accordion-header{padding:1.5em; }
.faq-section .accordion-item.show .accordion-header{background: rgb(222,186,134);
background: linear-gradient(360deg, rgba(222,186,134,1) 0%, rgba(164,131,96,1) 100%); border-radius:5px 5px 0 0;}
.faq-section .accordion-item.show.accordion-button::after, .faq-section .accordion-item.show.accordion-button:not(.collapsed)::after{background:#02253c;}
.faq-section .accordion-button{padding:0; font-size:22px; font-weight:700; color: #333;  position:relative; border:none; background: transparent; width:100%; text-align:left; font-family:'Mulish', sans-serif;}
.faq-section .accordion-button:not(.collapsed) {
    background: transparent; border:none; color: #333; box-shadow: none; position: relative; padding:0;}
.faq-section .card-body{padding:1.5em; background:#02253c; color:#fff; border-radius:0 0 5px 5px;}
.faq-section .accordion-button:not(.collapsed){background:transparent; color:#333; box-shadow:none;  position:relative;}


.faq-section .accordion-button:focus {box-shadow: none; border: none;}

.faq-section .accordion-button::after {width:35px; height:35px; content: "+"!important; font-size:25px; line-height:35px;  background: rgb(222,186,134);
background: linear-gradient(360deg, rgba(222,186,134,1) 0%, rgba(164,131,96,1) 100%); font-weight:bold;
    color: #fff; transform: translateY(-4px); border-radius:50%; text-align:center; position:absolute; top:0; right:0;}
.faq-section .accordion-button:not(.collapsed)::after { width:35px; height:35px; color:#fff;  background: rgb(222,186,134);
background: linear-gradient(360deg, rgba(222,186,134,1) 0%, rgba(164,131,96,1) 100%); content: "-"!important; font-size:25px; transform: 
translate(-5px, -4px); transform: rotate(0deg);  border-radius:50%; text-align:center;  position:absolute; top:0; right:0;}

.faq-section .accordion-button:focus {box-shadow: none; border: none; outline:none;}

.nav-tabs{background:#02253c; border:none; width:100%;}
.nav-tabs .nav-link{border:none; border-radius:0; padding:1rem 2rem; color:#fff;}
.nav-tabs .nav-link.active{background:#36a7d1; color:#fff;}
.tab-content{padding:2em; background:#fff;}

.h2-head{display:block; margin-bottom:40px; text-align:center;}
.h2-head:before {width: 10%; left: 45%; bottom:-11px;}
.h2-head:after {left: 49%; background: #fff url(../images/yat-icon.png) center center no-repeat; bottom:-23px;}

/* destinations responsive */

.inner-banner{height:500px;
    background-size: cover!important;
    background-position: center!important;
    clip-path: ellipse(98% 100% at 50% 0%);
}

.research-section{margin-top:2em; overflow:hidden;}
.research-section .item{margin-bottom:1em; overflow:hidden;}
.research-section .item figure{width:89px; height:89px; float:left; margin-right:3%; background: rgb(51,159,200);
background: linear-gradient(180deg, rgba(51,159,200,1) 0%, rgba(4,41,65,1) 100%); border-radius:50%; text-align:center; line-height:80px;}
.research-section .item figure img{border-radius:0;}
.research-section .item .content-area{width:80%; float:left;}
.research-section .item .content-area b{margin-bottom:15px; display:block; font-size:22px;}

.research-section .item .content-area li{margin-bottom:15px; position:relative; padding-left:40px;}
.research-section .item .content-area li:before{position:absolute; content:''; background:url(../images/list-icon.png); width:22px; height:21px; left:0; top:5px;}



@media(max-width:991px) {
    
    .destinations-grids {
        padding: 0 5px;
    }

    .destinations-grids h4 {
        font-size: 18px;
    }
	.destinations-info {
		left: 5px;
		right: 5px;
	}
    .destinations-info {padding: 20px 0;}
	
}

/*-- copy right --*/
.copyright {background:#012938; color:#ddd; padding-bottom:20px;}
.copyright p a {color: #ddd;}

.footer-link{width:80%; margin:2em auto .8em;}
.footer-link li{display:inline-block; width:20%;}
/*-- //copy right --*/

/*-- move top --*/

.move-top {position: relative;}

a.move-top {text-align: center; position: absolute; right: 1%; bottom: 0%;}

a.move-top span{color: #fff; width: 36px; height: 36px; border: transparent; line-height:1.3em; background:#36a7d1; border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px;
    -moz-border-radius: 50px; -ms-border-radius: 50px; font-size:25px;}

/*-- //move top --*/

/*-- inner banner --*/
.banner_inner {
    background: url(../images/banner1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	min-height: 300px;
}
.banner_inner_overlay{
    background: rgba(0, 0, 0, 0.5);
	min-height: 300px;
}

/*-- //inner banner --*/

/* tabs */
.inner-w3pvt-wrap {
    padding-top: 2em;
}

.inner-w3pvt-wrap h4 {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.inner-sec-grid {
    padding: 2.5em 2em;
    border: none;
    transition: none;
    border: 1px solid #999;
}
.inner-sec-grid span.fa {
    font-size: 2em;
    color: #047ffc;
}
.choose {
    background: url(../images/choose.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
.choose h2.heading{
	color: #fff;
}
.overlay-all {
    background: rgba(0, 0, 0, 0.5);
}
.inner-w3pvt-wrap p {
    font-size: 15px;
    color: #ccc;
}

.tab-main section {
    display: none;
}

.tab-main input.w3pvt-sm {
    display: none;
}

.tab-main label {
    display: inline-block;
    padding: 12px 25px;
    color: #333;
    background: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}

.tab-main span {
    margin-right: 0.5em;
}

.tab-main label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
    opacity: 0;
    display: none;
}

.tab-main label[for*='1']:before {
    content: '\f1cb';
}

.tab-main label[for*='2']:before {
    content: '\f17d';
}

.tab-main label[for*='3']:before {
    content: '\f16c';
}

.tab-main label[for*='4']:before {
    content: '\f171';
}

.tab-main label:hover {
    cursor: pointer;
}

.tab-main input:checked+label {
    background: #047ffc;
    color: #fff;
}

.tab-main #tab1:checked~#content1,
.tab-main #tab2:checked~#content2,
.tab-main #tab3:checked~#content3,
.tab-main #tab4:checked~#content4 {
    display: block;
}

@media screen and (max-width: 800px) {
    .tab-main label:before {
        margin: 0;
        font-size: 18px;
    }
}

@media screen and (max-width: 500px) {
    .tab-main label {
        padding: 15px;
    }
}

/*-- //tabs --*/


/*-- testimonials --*/

.testi-info h3 {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

.test-img img {
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/*-- //testimonials --*/


/*-- contact --*/
.adress-w3pvt-info h6 {
    font-size: 1.2em;
    color: #3d3d3e;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 1em 0;
}
.adress-w3pvt-info a {
    color: #777;
    letter-spacing: 1px;
}
.adress-icon span.fa {
    color: #047ffc;
    font-size: 2em;
    vertical-align: middle;
}
.contact-forms input, .contact-forms textarea, .contact-forms select {
    font-size: 15px;
    color: #000;
    padding: 1em 1em;
    background: #f6f6f6;
    outline: none;
    border: none;
    letter-spacing: 1px;
    border-radius: 0px;
    outline: none !important;
}
.contact-forms select{
	padding: 0em 1em;
    height: 52px !important;
	color: #777;
}
button.sent-butnn {
    font-size: 16px;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 2px;
    outline: none;
	color: #fff;
	background: #047ffc;
    border-radius: 0px;
    padding: 10px 20px;
}
.contact-left-form {
    padding: 3em;
    background: #fff;
	box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}
.contact-right h4 {
    font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 40px;
    font-weight: 600;
    margin-top: 1em;
}
.contact-right h5 {
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 600;
}
.map iframe {
    border: none;
    outline: none;
    height: 350px;
    width: 100%;
}
/*-- contact --*/


/*-- services --*/
.about-icon span.fa {
    font-size: 2em;
    color: #047ffc;
}
.main-title-text h4 {
    font-size: 22px;
    text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 35px;
    font-weight: 600;
    text-align: center;
    background: #047ffc;
    color: #fff;
    padding: 20px;
}
/*-- //services --*/

/* places */
h3.tittle {
    font-size: 36px;
}

.title-bg p {
    max-width: 700px;
    font-size: 13px;
}
.right-cont ul li span.fa {
    color: #047ffc;
    margin-right: 3px;
    font-size: 14px;
}
p.duration {
    letter-spacing: 0px;
}
/* //places */

.vid{height:450px;}

/*-- Responsive design --*/

@media(max-width:1366px) {
	.banner-top, .banner-top1, .banner-top2, .banner-top3,.overlay,.overlay1 {
		min-height: 750px;
	}
	.navbar-light .navbar-nav .nav-link{font-size:14px; padding:12px 10px;}
}
@media(max-width:1280px) {
	.banner-top, .banner-top1, .banner-top2, .banner-top3,.overlay,.overlay1 {
		min-height: 720px;
	}
	.w3layouts-banner-info {
		padding-top: 16em;
	}
	.banner_inner_overlay,.banner_inner {
		min-height: 280px;
	}
	.contact-right h4 {
		font-size: 27px;
	}

	.carousel-inner .vid {width:60%;}
}
@media(max-width:1080px) {
	.banner-top, .banner-top1, .banner-top2, .banner-top3,.overlay,.overlay1 {
		min-height: 650px;
	}
	.w3layouts-banner-info h3 {
		font-size: 3em;
	}
	h4.tittle {
		font-size: 3em;
	}
	.w3layouts-banner-info {
		padding-top: 14em;
	}
	.package-info h5 {
		font-size: 17px;
	}
	h3.heading, h2.heading {
		font-size: 40px;
	}
	ul.links {
		padding-right: 0;
	}
	.footer p, .footer a {
		font-size: 14px;
	}
	.banner_inner_overlay, .banner_inner {
		min-height: 250px;
	}
	.testi-info h3 {
		font-size: 18px;
	}
	.service-grid-wthree {
		padding: 0 10px;
	}
	.ser-sevice-grid h4 {
		font-size: 22px;
	}
	h4.tm-clr {
		font-size: 22px;
	}
	.right-cont p {
		font-size: 14px;
	}
	.navbar-light .navbar-nav .nav-link{font-size:14px; padding:12px 10px;}
	nav li.booking a{font-size:14px; padding:14px 11px;}
}
@media(max-width:1024px) {
	.timer {
		font-size: 2.5em;
	}
	.counter span.fa {
		font-size: 1.8em;
	}
	.grid-info {
		padding: 0 0em;
	}
	.icon {
		width: 75px;
		height: 75px;
		line-height: 75px;
	}
	.icon span.fa {
		font-size: 22px;
		line-height: 75px;
	}
	.grid-info h4 {
		letter-spacing: 1px;
		font-size: 20px;
	}
	.package-info p {
		font-size: 14px;
	}
	.contact-right h4 {
		font-size: 25px;
		line-height: 36px;
	}
}
@media(max-width:991px) {
	nav li.booking a {display: inline-block;}
	.w3layouts-banner-info h3 {font-size: 2.8em; line-height: 58px;}
	.image-tour img{width:100%;}
}
@media(max-width:800px) {
	.w3layouts-banner-info h3 {font-size: 2.6em;}
	.w3layouts-banner-info h4 {letter-spacing: 3px; font-size: 22px;}
	.banner-top, .banner-top1, .banner-top2, .banner-top3, .overlay, .overlay1 {min-height: 620px;}	
	h4.tittle {font-size:2em;}
}
@media(max-width:768px) {
	h2{font-size:40px;}
	.w3layouts-banner-info {
		margin-left: 2em;
	}
	h3.heading, h2.heading {
		font-size: 36px;
	}
	.banner_inner_overlay, .banner_inner {
		min-height: 200px;
	}
	.adress-w3pvt-info h6 {
		font-size: 1.1em;
		margin: 1em 0 .5em;
	}
	nav ul{display:none;}
	.book h1.heading{font-size:32px;}
	
	.qx-section{padding:3em 0; text-align:center;}
	
	.carousel-item{height:350px;}
	
	nav ul{margin-right:inherit; background:#02253c; width:100%;}
	.navbar-light .navbar-nav .nav-link {color:#ffebc5!important; padding:0; font-size:16px;}
	.navbar-light .navbar-toggler{background:#fff;}
	.navbar-nav .dropdown-menu{background:#02253c; border:none; padding:0; box-shadow:inherit;}
	
	.package-item{margin-top:3em;}
	.package-item{display:block; grid-template-columns:inherit;}
	.package-item figure{height:230px; border-radius:15px 15px 0 0;}
	.package-item .package-price{border-radius:0 0 15px 15px;}
	.price-list{margin:0 0 15px 0;}
	.nav-tabs .nav-link{width:50%; text-align:center; padding:1rem 0;}
	.carousel-item{clip-path:ellipse(133% 100% at 50% 0%);}
	.about{padding:2em 0;}
	/*.about .row{display:flex; flex-direction: column-reverse;}*/
	.about-right{padding-top:2em;}
	.about-bottom{padding:3em 1em 1em;}
	.about-bottom p{font-size:18px; line-height:30px;}
	.about-bottom p img{width:25px; border-radius:0!important;} 
	.about-bottom p:before, .about-bottom p:after{width:25px; height:25px; background-size:100%; background-repeat:no-repeat;}
	.about-bottom span{font-size:20px;}
	
	.destinations{padding:3em 0 2em;}
	.destinations h2:before, .packages h2:before {width: 20%; left: 39%; bottom:-3px;}
	.destinations h2:after, .packages h2:after {left: 44%; bottom:-15px;}
	.destinations b{display:block;}
	
	.faq-section{padding:0 0 4em;}
	.footer-top .footer-logo img{width:50%;}
	.footer-link li{width:49%;}
	
	.h2-head:before li{width:20%; left:40%; bottom:-5px;}
	.h2-head:after{left:45%; bottom:-20px;}
	
	.vid{height:200px!important;}
	
	.carousel-caption{bottom:35%;}
	.carousel-caption h1 {font-size:47px; line-height:60px;}
	.carousel-caption span{width:30%; display:block; margin:0 auto;}
	
	.inner-banner{height:300px; margin-bottom:3em;}
	.research-section .item figure{float:none; margin:0 auto 1em;}
	.research-section .item .content-area{width:100%;}
	
	.carousel-inner .vid { width:46%; top:58%;}
	.carousel-caption h1{font-size:35px; line-height:37px;}
	
	.about.home h2:after{transform:translate(-50%, 50%);}
	.carousel-inner .vid {
    width:48%;
    top: 55%;
}

.about-bottom p:after{right:26%;}
}
@media(max-width:600px) {
	.carousel-control-next, .carousel-control-prev{display:;}
	
	.carousel-caption span{width:60%;}
	
}

@media(max-width:480px) {
	h3.heading, h2.heading {
		font-size: 30px;
	}
	.about-left h3 {
		font-size: 22px;
		letter-spacing: 0px;
	}
	.inner-banner{height:155px;}
	.vid{height:110px!important;}
	.about-bottom p:after{right:13%;}
}


@media(max-width:375px) {
	.contact-right h4, .contact-right h5 {font-size: 20px; line-height: 32px;}
}

/*-- //Responsive design --*/