@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

.img,
.blog-img,
.user-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.btn-green, a.btn-green{background: #08c299;
          color: #fff;
		  font-size:0.9em;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
		  border:none;
          border-radius: 4px;
          padding: 3px 5px; 
		  cursor:pointer;
}
.btn-green:hover, a.btn-green:hover{/*background: #079a7a;*/ background-color:#f8b10e; color: #fff;}

.btns-sm, a.btns-sm{ 
  margin: 0; 
  padding: 8px 20px; 
  font-size:0.9em;
  font-weight: 500; 
   border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  color: #fff !important; 
  background: #08c299; 
  display: inline-flex; 
  gap:10px; 
  align-items: center; 
  text-transform: uppercase; 
  overflow: hidden;
  transition:transform .4s ease-in-out, background .4s ease-in-out, color .4s ease-in-out;
  cursor:pointer;
}
.btns-sm i, a.btns-sm i{ transition:transform .4s ease-in-out, opacity .4s ease-in-out; opacity:0.8; border-radius: 50%;}
.btns-sm i img, a.btns-sm i img{ border-radius:100% 100% 10px 10px;}
.btns-sm:hover, a.btns-sm:hover{ background: #000 !important; color: #FFF !important;}
.btns-sm:hover i, a.btns-sm:hover i{transform: translateX(10%); opacity:1;}


.home-tourtype-img-wrap {max-height:280px;  object-fit: cover; display: flex; transition: transform 0.3s ease, opacity 0.3s ease;}
/* .home-tourtype-img-wrap:hover {opacity:0.5 !important; border: 1px solid #ff0000;}
.home-tourtype-img-wrap .item-card-img img.home-tourtype-img:hover { transform: scale(1.1); opacity:1 !important; border: 1px solid #06bd3d !important;} */


/*
.img-hover-zoom img {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.img-hover-zoom img:hover {
  transform: scale(1.1) !important;
  opacity:0.2 !important;
}

.img-hover-zoom:hover img {
  opacity: 0.1 !important;
}*/

/* Hero */
.hero_sec{height:100vh;}
.hero_sec img.hero{width:100%; height:100vh; max-height:100vh;}

.hero_sec_small{height:400px;}
.hero_sec_small img.hero{width:100%; height:400px; max-height:100vh;}

.hero_sec_small_300{height:300px;}
.hero_sec_small_300 img.hero{width:100%; height:300px; max-height:100vh;}

.hero_sec_xsmall{height:150px;}
.hero_sec_xsmall img.hero{width:100%; height:150px; max-height:100vh;}

.hero-sec .owl-carousel{ float:left;}
.hero-sec .owl-carousel .owl-nav button{ width:37px; height:60px; font-size:0; display:block; border-radius:10%; position:absolute; top:50%; transform:translate(0,-50%); z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.hero-sec .owl-carousel .owl-nav button.owl-prev{left:5%;}
.hero-sec .owl-carousel .owl-nav button.owl-next{right:5%;}
.hero-sec .owl-carousel .owl-nav button:hover{ opacity:1;}

.owl-carousel .owl-dots{ width:100%; margin:0; padding:0; text-align:center; position:absolute; left:0; right:0; bottom:0; z-index:9;}
.owl-carousel .owl-dot{ margin:0 6px; display:inline-block;}
.owl-carousel .owl-dot span{display:block;}
.owl-carousel .owl-dot.active span{}


.hero-sec h2{color:#ff0000; }
.hero-sec .owl-carousel .owl-nav button{background:#ff0000 !important; /*height:40px; width:40px;*/  box-shadow:0 0 13px rgba(0,0,0,0.25); color:#ffffff !important; /*background:url(../images/arrow_left.png) no-repeat center center !important; background-size:100% 100% !important;*/ opacity:0.3; /*display:none;*/  transform:translate(0,-50%); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.hero-sec .owl-carousel .owl-nav button.owl-prev{left:5%;}
.hero-sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:40px; line-height:36px; margin-left:-3px;}
.hero-sec .owl-carousel .owl-nav button.owl-next{right:5%;}
.hero-sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:40px; line-height:36px; margin-right:-3px;}

.hero-sec .owl-carousel .owl-nav button:hover{ background:#ff0000 !important; color:#fff !important;opacity:0.8;}
.hero-sec .owl-carousel.hero-carousel:hover .owl-nav button{display:inline; transform:translate(0,-50%); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}

/*.hero-sec .owl-carousel .owl-nav button.owl-next{background:url(../images/arrow_right.png) no-repeat center center !important; background-size:100% 100% !important; opacity:0.6;}
.hero-sec .owl-carousel .owl-nav button:hover{opacity:1;}
*/

.owl-carousel .owl-dot span{ width:10px; height:10px; border-radius:50%; background:#fff; opacity:0.7; /*border:1px solid #CCCCCC;*/}
.owl-carousel .owl-dot.active span{ background:#ff0000; opacity:1; /*border:1px solid #ff0000;*/}

.hero-sec{margin:0px; padding:0;}
.owl-carousel .owl-dot span{background:#000000;}
.owl-carousel .owl-dot.active span{ background:#ffc641; }

.hero_sec img.hero, .hero_sec_small img.hero, .hero_sec_small_300 img.hero{object-fit:cover;}


/***** Common *****/
/*.owl-carousel-sec .owl-carousel .owl-nav button{ width:40px; height:60px; font-size:0; display:block; position:absolute; top:45%; transform:translate(0,-50%); background:#ffffff !important; opacity:0.5; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; box-shadow:0 0 13px rgba(0,0,0,0.25); color:#282828 !important;}*/
.owl-carousel-sec .owl-carousel .owl-nav button{ 
	
	font-size:0; 
	display:block; 
	position:absolute; 
	
	/* Top Buttons */
	/*
		width:30px; 
		height:30px; 
		top:-20px; 
		background:#ffffff !important; 
		opacity:0.5; 
	*/
	
	/* Verticle Center Buttons */
	width:30px; 
	height:40px; 
	top:45%; 
	background:#ffffff !important; 
	opacity:0.5; 
	
	
	right:0; 
	transform:translate(0,-50%); 
	z-index:555; 
	-webkit-transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-o-transition: all .6s ease-in-out; 
	-ms-transition: all .6s ease-in-out; 
	transition:all .6s ease-in-out; 
	box-shadow:0 0 13px rgba(0,0,0,0.25); 
	color:#282828 !important;
}

.owl-carousel-sec .owl-carousel.section-carousel-2row .owl-nav button {top:50%;}

.owl-carousel-sec .owl-carousel .owl-nav button{  box-shadow:0 0 5px rgba(0,0,0,0.25); color:#282828 !important; display:inline;  transform:translate(0,-50%); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.owl-carousel-sec .owl-carousel .owl-nav button.owl-prev{ left:-20px; /*right:55px;*/}
.owl-carousel-sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:1.3em; line-height:30px; margin-left:-2px;}
.owl-carousel-sec .owl-carousel .owl-nav button.owl-next{ right:-20px; /*right:15px;*/}
.owl-carousel-sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:1.3em; line-height:30px; margin-right:-2px;}
.owl-carousel-sec .owl-carousel .owl-nav button:hover{ background:#08c299 !important; color:#fff !important; opacity:1;}
.owl-carousel-sec .owl-carousel.section-carousel:hover .owl-nav button{display:inline; transform:translate(0,-50%); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}


.innerbannerheading{ position:absolute; width:100%; height:100%;  text-align:center; color:#FFFFFF;}
.innerbannerheading h2{font-family: 'Lobster', cursive; font-size:5em !important; /*text-shadow: 2px 2px #000000;*/ color: #000000;  text-shadow: #fba017 1px 0 10px;}
.innerbannerheadingsubtitle{font-family: 'Fasthand', cursive; font-size:3em !important; }

.sec-animate {opacity:0; visibility: hidden; }

.card-header-blue{background-color: #1e003d; color: #fff; padding: 0.8rem 1.5rem !important; min-height:auto;}
.card-header-grey{background-color: hwb(0 78% 22%); color: #000; padding: 0.8rem 1.5rem !important; min-height:auto;}
h3.card-title{font-size: 1.1em;}
.heading-section{font-size: 1.2em;}
.heading-section h1 {font-size:2em; padding: 0 0 5px 0; margin: 0 0 10px 0;  }
.heading-section h2 {font-size:2em; padding: 0; margin: 0;  }
h3.section-title-curve {font-size:1.5em; padding: 0; margin: 0; padding: 0 0 5px 0; margin: 0 0 10px 0; cursor: default;  }

.section-title-curve-wrap{float:left; padding-bottom:20px;}
.section-title-curve-see-more-wrap{float:left; padding-top:20px;}
.section-title-curve {
  font-family: 'Lobster', cursive;
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  color: #1e003d;
 
  text-shadow: #ffca7a 1px 0 10px;
}

.section-title-curve-bottom-line {
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  color: #1e003d;
 
  text-shadow: #ffca7a 1px 0 10px;
}

.section-title-curve span, .section-title-curve h2 {
  position: relative;
  z-index: 1;
  font-size:2em;
  
}

.section-title-curve::before, .section-title-curve-bottom-line::before {
  position: absolute;
  content: "";
   bottom:-5px;
 
  width: 50%;
  height: 2px;
  background: #f9be37;
}
.section-title-curve-no-cursive{ font-family: 'Poppins', cursive; text-shadow: none;}
.section-title-curve-simple{ font-size:2em !important; font-family: 'Poppins', cursive; text-shadow: none;}

.placewrap{float:left; margin-bottom:30px; box-shadow: rgba(50, 50, 93, 0.15) 0px 13px 13px -5px, rgba(0, 0, 0, 0.1) 0px 8px 8px -8px; -webkit-transition: all 0.3s ease-in-out;}
.placewrap:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; -webkit-transition: all 0.3s ease-in-out;}
.placewrap:hover .place-title{color:#f9be37 !important;}
.placewrap:hover .btn-green{/*background: #079a7a;*/ background-color:#f8b10e; color: #fff;}

.placewrap > div.destination > a{margin-top:10px !important;}
.placeimgwrap{float:left; width:100%; overflow:hidden; margin:15px 0;}
.hoverwrap{
	float:left; width:100%;
	overflow:hidden;
	/*height:300px;*/
}
.hoverwrap:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.hoverlg{
	overflow:hidden;
	transition:all .4s ease-in-out;
}

.hoverlg:hover{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.placewrap:hover .hoverlg{transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;}

.destination {display: block; width: 100%; margin-bottom: 30px; }
.destination .img {display: block; height: 200px;}
.destination .img-2 {height: 200px; }
.destination .img-2 img {height: 200px; object-fit: cover; }

.destination_img { float:left; display: block; width: 100%;  transition:all .4s ease-in-out; overflow:hidden}
.destination_img .img {display: block; height: 200px;}
.destination_img .img-2 {height: 200px;}
.destination_img .img-2 img {height: 200px; object-fit: cover; }


.destination_img_height_300 .img {display: block; height: 300px;}
.destination_img_height_300 .img-2 {height: 300px; }
.destination_img_height_300 .img-2 img {height: 300px; object-fit: cover; }

.destination_onlyimage{position:relative; transition:all .4s ease-in-out;}
.destination_onlyimage .img{display: block; height: 300px;}
.destination_onlyimage .img-2{height: 300px; }
.destination_onlyimage .img-2 img{height: 300px; object-fit: cover;}

.destination_onlyimage span{position:absolute; padding:10px; top:50%; transform: translateY(-50%); background-color:#FFFFFF; transition:all .4s ease-in-out; display:none;}
.destination_onlyimage:hover span{display:inline; transition:all .4s ease-in-out;}

.destination_onlyimage span.bottom{position:absolute; width:100%; text-align:center; padding:10px; top:auto; transform: translateY(0); bottom:0; bottom:0; left:50%;  transform: translateX(-50%); background-color:#FFFFFF; transition:all .4s ease-in-out; display:inline; opacity: 0.8;}

.imagehoverscal .img{overflow:hidden; transition:all .4s ease-in-out;}	
.imagehoverscal:hover .img{transform: scale(1.2); overflow:hidden; transition:all .4s ease-in-out;}	

.destination .icon {width: 60px;
height: 60px;
background: #fff;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
.destination .icon span {
  color: #000000; }
.destination:hover .icon {
opacity: 1; }
.destination .text {
background: #fff; }
.destination .text h3 {
  font-size: 18px;
  font-weight: 500; }
  .destination .text h3 a {
	color: #000000; }
.destination .text span.listing {
  font-size: 14px; }
.destination .text .rate i {
  font-size: 12px;
  color: #f9be37;
  margin: 0; }
.destination .text .rate span {
  padding-left: 2px;
  font-size: 10px; }
.destination .text .one {
  width: calc(100% - 70px); }
.destination .text .two {
  width: 70px;
  text-align: right; }
  .destination .text .two .price {
	font-weight: 400;
	font-size: 18px;
	color: #2f89fc; }
  .destination .text .two .per-price {
	font-size: 20px;
	line-height: 1.4; }
	.destination .text .two .per-price small {
	  font-size: 12px; }
.destination .text .days span {
  font-size: 13px;
  color: black; }
.destination .text .bottom-area {
  margin-bottom: 0; }
  .destination .text .bottom-area span {
	font-size: 14px; }
		
.destination-entry {
  display: block;
  height: 300px;
  position: relative; }

.destination-entry .text {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: #fff;
    padding: 20px;
}
.destination-entry .text h3 {
  /*font-family: "Abril Fatface", cursive;*/
  font-family: 'Calibri';
  margin-bottom: 0; }
	    		
.placewrap a.img img{height:500px; object-fit: cover;}