@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap');
@font-face {
    font-family: 'AmsterdamVariation_3';
    src: url('fonts/AmsterdamVariation_3.eot');
    src: url('fonts/AmsterdamVariation_3.eot') format('embedded-opentype'),
         url('fonts/AmsterdamVariation_3.woff2') format('woff2'),
         url('fonts/AmsterdamVariation_3.woff') format('woff'),
         url('fonts/AmsterdamVariation_3.ttf') format('truetype'),
         url('fonts/AmsterdamVariation_3.svg#RaphLanokFuture') format('svg');
}
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'PT Sans', sans-serif; font-weight:normal; padding:0; color:#444; font-weight:400; padding-right:0!important; background:#f3f2ee;
font-size:15px;
line-height:1.4;
}

:root{--green:#01c685; --blue:#01b5e8; --shade:linear-gradient(130deg, var(--green) 0%, var(--blue) 100%);}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{.rightArea
}

a{color:var(--blue); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#373737;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal;}

h2, .innerArea h1{font-size:20px; font-weight:700; letter-spacing:2px; text-align:center; line-height:1.6; text-align:center; color:var(--green); margin-bottom:25px; text-transform:uppercase;}
h2 > span, .innerArea h1 span{display:block; overflow:hidden; clear:both; font-family:'AmsterdamVariation_3'; letter-spacing:0; font-weight:normal; font-size:90px; line-height:1.3; color:var(--blue); text-transform:none; background:transparent url(../images/head-text-brush-bg2.png) no-repeat center center;}

/* Header */


.headerTop{background:var(--green); color:#fff;}
.headerTop a{color:#fff; display:inline-block; font-weight:700;}
.headerTop a:hover{color:var(--blue);}
.headerTop .text-sm-right a{padding:5px 25px; background:var(--blue); text-transform:uppercase;}
.headerTop .text-sm-right a:hover{background:var(--dark); color:#fff;}


.header-area{display:block; position:relative; z-index:999; margin-top:0; padding:0 0 10px;}
#myHeader{z-index:999;}
.logo img{height:100px;}
.nav-area{display:block; position:relative;}
.stellarnav{ margin-top:0; transition:all .5s ease;}

.bookNowBtn{display:inline-block;clear:both; float:right; padding:12px 24px;}
.bookNowBtn a{display:inline-block; padding:10px 15px; background:var(--green); margin-left:5px; color:#fff; text-transform:uppercase; border-radius:10px; font-weight:600;}
.bookNowBtn a:hover{background:var(--blue);}

#searchBox{position:absolute;left:50%;transform:translate(-50%,0);bottom:-68px;width:600px;max-width:90%;padding:15px;color:#000;z-index:-100;margin-bottom:0;transition:1s ease;opacity:0;display:none;text-align:center}
#searchBox:before{position:absolute;right:-500%;left:-500%;top:0;bottom:0;content:'';display:block;background:rgba(0,0,0,.4);backdrop-filter:saturate(180%) blur(5px)}
#searchBox.show{opacity:1;z-index:998;bottom:-68px;display:block}
#searchBox form{margin-bottom:0}
#searchBox input[type=text]{width:600px;max-width:90%;margin:0 auto;padding:8px 15px;border:none;border:1px solid var(--gold);background:#fff;color:#222;outline::none;box-shadow:none;font-size:16px;position:relative;z-index:2}
#searchBox input[type=text]:focus{outline-style:none;box-shadow:none}
#searchBox input[type=button]{position:absolute;top:22px;right:0;cursor:pointer;background:transparent url(../images/close.svg) center center no-repeat;width:25px;height:25px;background-size:100% 100%;text-indent:-10000px;border:none}
.sticky+#searchBox{position: fixed; top: 100px; bottom: auto;}

.home-banner {background:no-repeat center top fixed; background-size:cover;  position:relative; overflow:hidden; display:block; height:100vh; z-index: -1;}

.inner-banner{ display:block; overflow:hidden; position:relative;}
.inner-banner:before{display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:40%; z-index:1;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.brush-fixed-top{ position:absolute; left:0; right:0; top:-1px; width:100%; display:block;}
.brush-fixed-bottom{ position:absolute; left:0; right:0; bottom:-1px; width:100%; display:block;}

.inner-header{height:50vh; position:relative; background-size:cover;}


.sticky {
position: fixed!important;
top: 0!Important; bottom:auto!important;
width: 100%; z-index:999; background:rgba(255,255,255,1);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
.sticky .nav-area [class^="col-"] > a > img{ height:90px;}
.sticky .stellarnav{ margin-top:0px;}
.sticky .stellarnav img{ width:180px;}
.sticky .headerTop{height:auto;}
.home-banner{display:block; overflow:hidden; clear:both;}
.home-banner img{width:100%;}

.carousel.carousel-fade .carousel-item {display: block;    opacity: 0;    transition: opacity ease-out 1.7s;    left: 0;    top: 0;    position: absolute;}
.carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}
.carousel.carousel-fade .carousel-item:first-child {top: auto;    position: relative;    transition: opacity ease-out 1.7s;}
.carousel.carousel-fade .carousel-item:second-child {top: auto;position: relative;transition: opacity ease-out 1.7s;}

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


section{display:block; overflow:hidden; clear:both; padding:20px 0; }

.welcomeArea{ display:block; text-align:center; overflow:hidden; background:transparent url('../images/index-about-bg.png') no-repeat top center; background-size:100%; position:relative; top:-300px; margin-bottom:-300px; clear:both; padding:250px 0 0;}
.welcomeArea > div{border-bottom:1px #f2c8b4 dashed;}
a.btnLink{font-weight:700; margin-bottom:25px; display:block; text-transform:uppercase;}
a.btnLink i{margin-left:5px;}

.myScript-section{display:block; overflow:hidden; clear:both; position:relative;}
.bgImageRight{position:absolute; right:-120px; top:0; width:350px; height:979px; z-index:1;}
.bgImageRight:before, .bgImageLeft:before{position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; background:transparent url('../images/script-img-bg-2.png') no-repeat center left; background-size:cover;}

.bgImageLeft{position:absolute; left:-150px; top:0%; width:464px; height:640px; z-index:1;}
.bgImageLeft:before{background:transparent url('../images/script-img-bg-1.png') no-repeat center left;}
.myScript-section .container{z-index:5; position:relative;}


.myScript-section .item > div{ text-align:left; display:block; overflow:hidden; margin-bottom:10px; text-align:center;}
.myScript-section .item > div > a{position:relative; display:block; overflow:hidden;}
.myScript-section .item > div > a h4{position:absolute; color:#fff; font-size:16px; top:15px; font-weight:700; text-shadow:1px 1px #000;  border:1px solid #04b8a9; padding:3px 10px; border-radius:10px; left:15px;  display:block; overflow:hidden; background: rgb(1,198,133);
background: linear-gradient(45deg, rgba(1,198,133,1) 0%, rgba(0,184,229,1) 54%);}
.myScript-section .item > div > a img{border-radius:10px; width:100%; height:300px; object-fit:cover;}
.myScript-section .item > div > a small{position:absolute; z-index:2; top:10px; left:10px; background:#fff; padding:5px 7px; text-transform:uppercase; font-size:10px; line-height:1; border-radius:5px; display:inline-block;}
.myScript-section .item > div > a span{position:absolute; z-index:2; bottom:10px; left:10px; right:10px; background:var(--blue); color:#fff; padding:10px; font-size:14px; text-transform:uppercase; font-weight:600; border-radius:5px; display:none;}
.myScript-section .item > div:hover > a span{display:block;}
.myScript-section .item > div:hover > a span:hover{background:var(--green);}
.myScript-section .item > div > div{padding:15px 0;}
.myScript-section .item h3{font-size:18px; color:var(--blue); margin-bottom:10px; font-weight:700;}
.myScript-section .item p{font-size:14px; margin:0 0 15px; min-height:45px;}
.myScript-section .item ul{display:block; overflow:hidden;clear:both; margin:0; padding:0; border-top:1px #b0b0b0 dotted; padding:15px 0;}
.myScript-section .item ul li{display:inline-block; margin:0 10px; padding:0;}
.myScript-section .item ul li img{width:auto;}



.teaTourismArea{background:var(--green); display:block; margin:30px 0 0; padding:60px 0 20px; display:block; position:relative; text-align:center; color:#fff;}
.teaTourismArea h2, .teaTourismArea h2 span{color:#fff!important;}
.teaTourismArea a{color:#fff; border:2px #fff solid; display:inline-block; padding:8px 15px; margin-top:10px; border-radius:20px;}
.teaTourismArea a:hover{background:#fff; color:var(--green);}
.brushBGtop{position:absolute; left:0; right:0; top:0; display:block; width:100%; z-index:10;}
.brushBGbottom{position:absolute; left:0; right:0; bottom:-1px; display:block; width:100%; z-index:10; -webkit-transform: scaleY(-1);  transform: scaleY(-1);}
.teaTourismImg{position:absolute; right:0; top:0; bottom:0; display:block; width:50%; height:100%; object-fit:cover;}



.galleryscrollArea{display:block; overflow:hidden; clear:both; padding:5px; text-align:center;}
/* -- Logos Scroll -- */
.simply-scroll-container{position: relative;}
.simply-scroll-clip{position: relative;	overflow: hidden;}
.simply-scroll-list{overflow: hidden;	margin: 0;	padding: 0;	list-style: none;}
.simply-scroll-list li {padding: 0;	margin: 0;	list-style: none;}
.simply-scroll-list li img{border: none;display: block;	width:220px;}
.simply-scroll{width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}	
.simply-scroll .simply-scroll-list li{float: left; width: 220px; margin:5px;}
/* -- Logos Scroll End -- */


.eventsArea{background:#072c50 url('../images/event-bg.png') no-repeat center bottom; color:#fff; padding:50px 0 240px; position:relative; -webkit-animation: slide 20s linear infinite;}
@-webkit-keyframes slide {
    from { background-position: center bottom; }
    to { background-position: -1200px bottom; }
}
.eventsArea h2 > span{color:#fff; background:transparent url(../images/head-text-brush-bg.png) no-repeat center center; margin-bottom:50px;}
.eventsArea .row [class^="col-"] img{width:100%; border-radius:10px; margin-bottom:15px;}
.eventsArea .row [class^="col-"] > div div{position:relative; padding:15px;}
.eventsArea .row [class^="col-"] > div div span{position:absolute; left:15px; top:-45px; background:var(--green); padding:10px 20px; border-radius:10px; font-size:14px;}
.eventsArea .row [class^="col-"] > div div span i{margin-right:5px;}
.eventsArea h3{font-size:18px; margin-bottom:20px;}
.eventsArea small{display:block; overflow:hidden; padding-bottom:5px; padding-left:2px;}
.eventsArea small i{color:var(--blue);}
.eventsArea .row [class^="col-"] > div div a{display:block;border:1px #fff solid; padding:5px 10px; color:#fff;}
.eventsArea .row [class^="col-"] > div div a i{float:right; padding:4px 0 0;}
.eventsArea .row [class^="col-"] > div div a:hover{background:var(--green); color:#fff;}


.testimonialsArea{text-align:center;}
.testimonialsArea .carousel-inner span{position:relative; margin:0 auto 15px; width:130px; height:130px; display:block;}
.testimonialsArea .carousel-inner span img{width:100%; height:100%;  border-radius:50%;}
.testimonialsArea .carousel-inner span:after{position:absolute; left:-7px; top:0px; content:url('../images/tetimonials-circle.png');}
.testimonialsArea strong{ font-size:22px; font-weight:400;}
.testimonialsArea .carousel-indicators{bottom:-30px;}
.carousel-indicators li{background:var(--blue); padding:0;height:12px; width:12px; border-radius:50%; border:none;}


.footerArea{background:var(--shade); padding:120px 0 100px; position:relative; color:#fff;}
.footerArea a{display:block; clear:both; overflow:hidden; color:#fff;}
.footerArea a:hover{color:#222;}
.footerArea .container{position:relative; z-index:101;}
.footerArea > div > ul{display:block; overflow:hidden; clear:both; margin:20px 0; padding:12px 0; border-top:2px #fff solid; border-bottom:2px #fff solid; text-align:center;}
.footerArea > div > ul li{display:inline-block; padding:5px 25px; position:relative; text-transform:uppercase;}

.footerArea [class^="col-"]:nth-child(2){border-left:1px #399dda solid;}
.footerArea [class^="col-"] p{margin:0 0 10px;}
.footerArea [class^="col-"] ul{list-style-type:none; margin:0; padding:0;}
.footerArea [class^="col-"] ul li{display:inline-block; font-size:28px; line-height:1; margin-right:7px;}

.footerArea .colorLinks{text-align:right;}
.footerArea .colorLinks a{display:inline-block; margin:5px; background:#fff; color:var(--blue); font-weight:700; font-size:16px; padding:5px 20px; border-radius:35px;}
.footerArea .colorLinks a i{margin-right:5px;}
.footerArea .colorLinks a:hover{background:#222; color:#fff;}

.footerArea .footer-social-icon p{display:block; margin:0; color:#fff; text-align:center; font-size:14px;}
.footerArea .footer-social-icon p strong{color:#7ccdff; font-weight:400;}


.modal-content .form-control{font-size:12px; width:100%; border-radius:0; border:none; padding:7px 8px; height:auto; border:1px #ddd solid;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
}
.modal-content .btn{font-size:12px; text-transform:uppercase; color:#fff; background:var(--blue); border-radius:0; font-weight:800; letter-spacing:1px; margin-top:10px;}
.modal-content .btn:hover{background:#3d3d3d;}
.modal-title{font-size:18px;}



/*-------------------------------------------------------*/




.innerbannerArea{position:relative;display:block;clear:both;width:100%;overflow:hidden;height:70vh;background:#fff;}
.innerbannerArea img:first-child{opacity:.8}
.innerbannerArea img:last-child{position:absolute;left:0;right:0;bottom:0;z-index:5}
.innerbannerArea span{display:block;color:#fff;font-size:50px;position:absolute;left:50%;bottom:35%;z-index:8; 
  transform: translate(-50%, -50%);}

.innerArea{background:#fff;background:linear-gradient(0deg,#fff 25%,#f1ece1 100%); padding:50px 0;float:left;width:100%; display:block;}
.innerArea [class^="col-"] > div{position:relative;z-index:5}
.innerArea h1{color:var(--main);display:block;margin-bottom:5px; text-align: left}
.innerArea .breadcrumb{margin:0;padding:0;list-style-type:none;background:0 0;margin-bottom:30px;text-transform:uppercase;color:var(--main)}
.innerArea .breadcrumb li{position:relative;margin-right:10px;font-weight:600;font-size:12px}
.innerArea .breadcrumb li:after{display:inline-block;content:'/';margin-left:10px}
.innerArea .breadcrumb li:last-child:after{display:none}
.innerArea .breadcrumb li a{color:var(--dark)}
.innerArea p em{color:var(--dark)}
.innerArea h2{font-size:32px;border-left:5px var(--main) solid;padding-left:20px;margin-bottom:15px}



.iconabt{ padding: 0; margin: 0; list-style-type: none;}
.iconabt li{ display: inline-block; padding: 10px; font-size:20px; }
.iconabt li i{ color: var(--light);  }
.iconabt li a{ color: #000 }
.iconabt li a:hover{ color:var(--dark) }


.wp-block-cover,.wp-block-cover-image{min-height:auto!important;margin-bottom:30px}
.wp-block-cover__background{background:var(--main)!important}
.wp-block-media-text__content h3,.wp-block-media-text__content p{color:#fff!important}
.wp-block-button__link{background-color:#fff!important;color:#222!important}



.hightlightBox{display:block;overflow:hidden;background:#fff;padding:30px 30px 10px;margin:30px 0;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}
.hightlightBox h3{margin-bottom:10px;font-size:20px;font-weight:700}
.hightlightBox h3 i{margin-right:7px; color:var(--red); }
.hightlightBox h3 i.fa-check{color:green!important}
.hightlightBox h3 i.fa-xmark{color:red!important}
.hightlightBox > p{margin-bottom:30px}
.hightlightBox ul{margin:0 0 30px;padding:0;list-style-type:none}
.hightlightBox ul li{display:block; margin-bottom:5px; position: relative}
.hightlightBox ul li:before{content:'⦿'; margin-right:8px; color:var(--blue); font-size:14px;}


.topimage{ display: block; position: relative;}
.topimage div{ position: absolute; display: block; left:10px; top:10px;  background:#fff; padding: 10px; border-radius: 50px;}
.topimage div ul{ display: block; padding:0; margin: 0; list-style-type: 0;}
.topimage div ul li{ display: inline-block!important;  color:#333; font-weight: 600;  padding: 0 10px 0 10px;}
.topimage div ul li:before{ display: none!important;}
.topimage div ul li i{ color:var(--green); font-size:14px;}

.card{border:none;border-radius:0;text-align:left;background:0 0;margin-bottom:15px}
.card-header{border-radius:0;border:none;background:#333;margin:0;padding:0}
.card-header>a{position:relative;display:block;background:var(--dark);color:#fff!important;padding:14px 20px}
.card-header>a.collapsed{background:0 0!important;color:#fff!important}
.card-header>a:after{position:absolute;right:20px;top:10px;font-family:'Font Awesome 6 Free';content:'\2d';font-weight:600;width:15px;height:30px;font-size:24px}
.card-header>a.collapsed:after{content:'\2b';color:#fff}
.card-header h5{font-size:22px;color:#fff!important;text-transform:uppercase}
.card-body{padding:15px 20px;background:#fff;color:var(--overdark);border:1px #ddd solid}
.card-header h5 span{color:#fff}
.card-body a{color:#000;}

.accordion article{counter-reset:section}
.accordion section{counter-increment:section; border-bottom:dotted 1px;}
.accordion section:last-child{border-bottom:none;}
.accordion section h3{font-size:22px;font-weight:600;color:var(--main)}
.accordion section h3:before{content:"Day " counter(section) ": "}
.accordion section ul{margin-bottom:25px}
.accordion section ul li{margin-bottom:8px}

.packageGallery a{display:block;overflow:hidden;padding:15px 0;clear:both}
.packageGallery a img{width:100%; height:200px; object-fit:cover}

.rightArea{position:relative;z-index:9999;top:-100px; margin-bottom:-100px;}
.rightArea>a{display:block;overflow:hidden;padding:10px 15px;background:var(--main);color:#fff;margin-bottom:8px;font-size:24px;border-radius:15px}
.rightArea>a i{margin-right:5px}
.rightArea>a:hover{background:var(--light)}
.rightArea .row{background:#fff;display:block;padding:15px 30px;border-radius:15px;text-align:center;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}
.rightArea .leftMenu{display:block; margin:0; padding:0; text-align:left; list-style-type:none;}
.rightArea .leftMenu li a{font-size:15px; font-weight:600; color:var(--overdark); padding:8px 0; display:block; overflow:hidden; border-bottom:1px var(--dark) dotted;}
.rightArea .leftMenu li:last-child a{border:none;}
.rightArea .leftMenu li:hover a{color:var(--dark);}


.sub-menu-toggle{ display: none!important;}
#menu-item-121 > a{ display: none!important}
div.wpforms-container-full .wpforms-form button[type=submit]{background-color: var(--dark)!important; width: 100%; border: 1px solid var(--dark)!important; color: #fff!important; font-size: 1em; padding: 10px 15px;}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {    height: 120px!important;}

.contactArea [class^="col-"]{ position: relative }
.contactArea [class^="col-"] div{padding: 20px; }
.contactArea [class^="col-"] h3{ text-align:left; text-transform: none; font-size:20px; line-break:1; font-weight:600; padding-top: 10px; display: block; margin-top: 10px; margin-left:65px;}
.contactArea [class^="col-"] a{ font-size:20px; color:#333; margin-left:65px; display: block; margin-top:5px }

.contactArea [class^="col-"] a:hover{ color: var(--blue); }

.contactArea .map{background: #fff; display: block; padding: 5px;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}

.contactArea [class^="col-"] i{margin-top:20px; font-size:20px; background:var(--green); height:60px;  width:60px;  border-radius:50%; line-height: 60px; text-align: center;  color:#fff; position: absolute;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}

.contactArea [class^="col-"] p{  margin-left:65px; display: block; margin-top:5px  }

.contactArea [class^="col-"] p strong{color: var(--green);}


.fourarea{ padding: 50px 0; background:transparent url('../images/bg.jpg') no-repeat center bottom; background-size:cover;}




.productListings{display:block; clear:both; padding:25px 0;}
.productListings > div{margin:0 0 40px; background:#fff; padding:20px; display:block; overflow:hidden; clear:both;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}


.productListings [class^="col-"]{}
.productListings [class^="col-"] h2{ font-size:16px; margin-bottom:10px; display: block; margin-top: 10px; text-align: left; }
.productListings [class^="col-"] h3{color:var(--dark); font-size:15px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd solid; display:block; text-align: left;}
.productListings [class^="col-"] span{color:var(--dark); font-size:15px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd solid; display:block; text-align: left;}
.productListings [class^="col-"] p{font-size:15px;}
.productListings [class^="col-"] a.btn{background:var(--green); color:#fff; padding:5px 15px; border:2px var(--green) solid;}
.productListings [class^="col-"] a.btn:nth-child(odd){background:var(--blue); color:#fff; padding:5px 15px; border:2px var(--blue) solid;}
.productListings [class^="col-"] a.btn:last-child{background:none;color:var(--green); border:2px var(--green) solid; margin-left:5px;}
.productListings [class^="col-"] a.btn:hover{background:var(--dark); color:#fff; border-color:var(--dark);}
.productListings [class^="col-"] ul{display:block; overflow:hidden; margin-bottom:20px; padding-left:18px; font-size:15px;}
.productListings [class^="col-"] ul li{width:30%; float:left; margin-bottom:10px;}



.productDetails .row [class^="col"]:first-child > a > img{width:100%;}
.productDetails h2{font-size:24px; margin-bottom:15px; padding-bottom:8px; border-bottom:2px var(--green) solid;}
.productDetails h3{color:var(--red);font-size:18px; margin-bottom:25px;}
.productDetails ul{margin-bottom:30px; padding-left:18px;}
.productDetails ul li{margin-bottom:10px;}
.productDetails a.btn{background:var(--main); color:#fff; padding:5px 15px; border:2px var(--main) solid;}
.productDetails a.btn:last-child{background:none!important;color:var(--red)!important; border:2px var(--red) solid; margin-left:5px;}
.productDetails a.btn:hover{background:var(--dark)!important; color:#fff!important; border-color:var(--dark)!important;}
.productDetails > ul{display:block; clear:both; overflow:hidden;}
.productDetails > ul li{width:32%; float:left;}


.orangebox{background:var(--blue);color:#fff;text-transform:uppercase; margin-top:0; padding:5px 0 15px 0;  margin-bottom:30px;text-align: center; }
.orangebox>ul{display:block; list-style-type: none; padding: 0; margin: 0; }
.orangebox>ul li{display: inline-block; vertical-align: middle; padding-right: 20px   }
.orangebox>ul li p{display:block; padding-top:20px;font-size: 20px; line-height: 1.5; }
.orangebox>ul li a{display:block; overflow:hidden;padding:10px 15px;background:var(--light); color:#111;font-size:24px;border-radius:50px}
.orangebox>ul li a i{margin-right:5px; color:var( --green) }
.orangebox>ul li a:hover{background:var(--light)}



.whatsappbtn{position:fixed; left:12px; bottom:45px; z-index:1000;}

.footerSticky{background:#000; display:block; overflow:hidden; clear:both; position:fixed; bottom:0px; z-index:999; left:0; right:0; border-radius:0; padding:15px; color:#fff;}
.footerSticky h3, .footerSticky h4{margin-bottom:0px; color:#fff; font-size:17px;}
.footerSticky .col-sm-6{text-align:center;}
.footerSticky .col-sm-6 span{display:none;}
.footerSticky h4 + a{color:var(--green); font-weight:600; font-size:22px;}
.footerSticky .btn{background:var(--shade); padding:8px 25px; color:#222; border:none; border-radius:30px; width:100%; font-size:18px;}
.footerSticky .btn:hover{background:#fff;}
.footerSticky .col-sm-6:first-child:after{content:''; display:block; position:absolute; top:0; bottom:0; width:1px; background:#fff; right:15px;}


#scroll-icon {
    position:fixed!important;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:#135c81!important;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:#f89b1c;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.glsr-default form.glsr-form{ display: block; margin-top: 50px}

.glsr-default .glsr-review {background: #fff;  padding: 40px; -webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}

.nxtgalleryArea{ padding:20px 0 100px; text-align:center; display:block }
.nxtgalleryArea [class^="col-"] > div{display:block; overflow:hidden; clear:both; overflow:hidden; /*height:300px;*/ background:#fff; padding:5px 5px; margin:10px 0; position:relative; /*border:1px #d7efea solid;*/ -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); }
.nxtgalleryArea h2{text-align:center; font-weight:600; margin-bottom:30px; color:var(--main);}
.nxtgalleryArea a{background:#fff; display:block; overflow:hidden; padding:0.5px; position:relative;}
.nxtgalleryArea a img{width:100%; height: 260px; object-fit: cover;}
.nxtgalleryArea a:before{position:absolute; left:25%; right:25%; top:25%; bottom:25%; content:''; display:block; z-index:5; background:rgba(0,0,0,0.7); opacity:0; transition:all .2s ease-in-out;}
.nxtgalleryArea a:hover:before{opacity:1; left:0.5px; right:0.5px; top:0.5px; bottom:0.5px;}
.nxtgalleryArea a span{position: absolute; transition:all .5s ease-in-out; opacity:0; text-align: center; z-index: 100; color: #fff; text-shadow: 0px 0px 3px #000000; font-size: 24px; top: 20%; left: 50%; transform: translate(-50%,-50%);}
.nxtgalleryArea a:hover span{opacity:1;top: 50%;}

.nxtgalleryArea h4{ font-size:13px; font-weight:600; color:#111; line-height:1.3; padding-top:10px; margin-bottom:0; padding-bottom:0}


/* -- blog Area -- */

.blogpage{display:block; padding:20px; text-align:center;}
.blogpage h2{font-weight:700; font-size:32px; margin-bottom:10px; color:#fff; text-align:center;}
.blogpage [class^="col-"]{margin-bottom:30px;}
.blogpage [class^="col-"] > div{background:#fff; padding:20px; border-top-left-radius:50px; border-bottom-right-radius:50px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);}
.blogpage [class^="col-"] > div img{border-top-left-radius:30px; margin-bottom:25px; width:100%; height:auto;}
.blogpage h3{font-weight:500; font-size:24px; margin-bottom:10px; color:#fff;}
.blogpage h3 + p{color:#fff; margin-bottom:40px; display:block;}
.blogpage h4{font-weight:700; font-size:18px; margin-bottom:10px; min-height:auto; }
.blogpage span{margin-bottom:10px; display:block; overflow:hidden; color:#878383; font-size:15px; font-weight:600;}
.blogpage span i{color:var(--red); font-size:15px; font-weight:600;}
.blogpage ul{display:block; overflow:hidden; margin-bottom:20px; list-style-type:none; padding:0;}
.blogpage ul li{display:inline-block; width:48%; margin-bottom:12px;}
.blogpage a{display:inline-block; background:var(--green); font-size:14px; color:#fff; padding:6px 10px; border-radius:20px; margin-bottom:0;}
.blogpage a:hover{background:#111;}

.blogpage a.download{ display:block; clear:both; width:100%; background:var(--green); font-size:16px; color:#fff; padding:6px 10px; border-radius:20px;}
.blogpage a:hover.download{ color:#fff; background:#000}

.blogpage a.downloaditinerary{background: var(--blue); border: 2px var(--blue) solid; color: #fff;    padding: 5px 10px;}
.blogpage a:hover.downloaditinerary{ color:#fff; background:#000; border: 2px #000 solid;}
.blogpage a.requestacallback{background:none; border: 2px var(--green) solid; color: var(--green);    padding: 5px 10px;}
.blogpage a:hover.requestacallback{ color:#fff; background:#000;  border: 2px #000 solid;}

.blogpage img{ width:100%; height:250px;}

.blogArea{padding:30px 0; margin:0; display:block; overflow:hidden; clear:both; text-align:left; box-sizing:border-box; position: relative}
.blogArea img{display:block; padding: 10px;  width:400px; max-width: 100%; float: right; 
 margin: 0 0 20px 15px; box-sizing:border-box;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);}

.blogArea h2{font-size:25px; font-weight:700; color:#09244f; margin-bottom:15px; }
.blogArea h2 span{color:#d7711d;  }
.blogArea h3{font-size:20px; font-weight:600; color:#2b2b2b; }
.blogArea > p{display:block; font-size:15px; padding-bottom:10px; text-align: justify}

.blogArea strong{ font-weight:600; color:#F63; padding-bottom:10px; display:block}


.blogArea a.booknow{ background:#f36d21; display: inline-block; width:150px; text-align:center; padding:10px; margin:15px 0 15px 0; color:#fff; }
.blogArea a:hover.booknow{ color:#fff; background:#000}



.taxonomy-destination-category-matter{ border:1px solid #f3f3f3; line-height:1.5; font-size:16px; background:#fff; margin-bottom:20px; clear:both; padding:25px; border-radius:20px; text-align: center; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.55);    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.55);
}}



div.wpforms-container-full {
    margin: 10px auto!important;
}

.innerContentArea{ background:#f1ece1; display:block; margin: -20px 0 0 0;
  padding: 50px 0;}

.contactformArea{ display:block; margin:50px auto 0;}

.directorarea{ display:block; margin:50px auto; text-align:center; padding:40px 30px; background:#fff; border:1px dotted #333; }
.directorarea img{width:250px; height:250px; display:block; border:3px solid #ddd; border-radius:100%; text-align: center;
  margin: 0 auto; }
.directorarea h2{ font-size:22px;margin-top:10px; display:block; text-align:center; text-decoration:none; text-transform:none; color:var(--dark)}
.directorarea h2 strong{ font-size:20px; display:block; clear:both; color:var(--green)  }



.teamarea h2{ font-size:22px;margin-top:10px; display:block; text-align:center; text-decoration:none; text-transform:none; color:var(--dark)}
.teamarea [class^="col-"]{ display:inline-block; margin:15px auto; text-align:center; }
.teamarea [class^="col-"] div{ display:block; padding:40px 30px; background:#fff; border:1px dotted #333; }
.teamarea [class^="col-"] img{width:134px; height:134px; display:block;  border-radius:100%; text-align: center;
  margin: 0 auto;}

.teamarea [class^="col-"] h3{ font-size:20px;margin-top:10px; display:block; text-align:center; text-decoration:none; text-transform:none; color:#111;}
.teamarea [class^="col-"] h3 strong{ font-size:20px; display:block; clear:both; color:var(--green)  }

.owl-theme .owl-controls .owl-buttons div {
  background: transparent url('../../images/arrow-lft.png') no-repeat 0 0;
  position: absolute;
  width: 54px;
  height: 54px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 0 50px 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  top: -32px;}


.booknowsp{ display:block; margin:80px auto 100px; text-align:center;}
.booknowsp [class^="col-"] a{ border:2px solid var(--green); color:#ffff; font-size:20px; font-weight:600; background:var(--green); width:150px; padding:10px 25px;}
.booknowsp [class^="col-"] a:hover{background:#333; border:2px solid #111;}

.nxtbloggallery{ padding:20px 0 100px; text-align:center; display:block; }
.nxtbloggallery [class^="col-"] > div{display:block; overflow:hidden!important; clear:both; height:300px; background:#fff; padding:5px 5px; margin:10px 0; position:relative; }
.nxtbloggallery h2{text-align:center; font-weight:600; margin-bottom:30px; color:var(--main);}
.nxtbloggallery a{background:#fff; display:block; overflow:hidden; padding:0.5px; position:relative;}
.nxtbloggallery a img{width:100%; height:300px; object-fit: cover;}
.nxtbloggallery a:before{position:absolute; left:25%; right:25%; top:25%; bottom:25%; content:''; display:block; z-index:5; background:rgba(0,0,0,0.7); opacity:0; transition:all .2s ease-in-out;}
.nxtbloggallery a:hover:before{opacity:1; left:0.5px; right:0.5px; top:0.5px; bottom:0.5px;}
.nxtbloggallery a span{position: absolute; transition:all .5s ease-in-out; opacity:0; text-align: center; z-index: 100; color: #fff; text-shadow: 0px 0px 3px #000000; font-size: 24px; top: 20%; left: 50%; transform: translate(-50%,-50%);}
.nxtbloggallery a:hover span{opacity:1;top: 50%;}

.nxtbloggallery h4{ font-size:13px; font-weight:600; color:#111; line-height:1.3; padding-top:10px; margin-bottom:0; padding-bottom:0}

.passionpoweredgetawaysarea{ display:block; clear:both:}
.passionpoweredgetawaysarea h2{font-size:32px;}



/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width:1400px){
.welcomeArea p.text-center, .myScript-section p.text-center{width:100%; max-width:900px; margin:0 auto 30px;}
.carouselArea{width:100%; max-width:900px; margin:0 auto;} 
	.innerbannerArea span {font-size:32px;}
}



@media (max-width: 1366px){
.welcomeArea p.text-center, .myScript-section p.text-center{width:100%; max-width:900px; margin:0 auto 30px;}
.carouselArea{width:100%; max-width:900px; margin:0 auto;}
}

@media (max-width: 991px){
#myHeader{top:0px;}
#myHeader:hover{background:rgba(255,255,255,1);}
.nav-area .logo{display:block; padding:10px 0;}
.nav-area .logo img{width:180px;}
#myHeader .center-logo{display:none!important;}

.searchIcon{float:right; margin-right:60px;}



.bgImageLeft{ left:-200px;}
.bgImageRight{ right:-180px;}

.eventsArea{text-align:center;}
.eventsArea [class^="col-"]:last-child{border-left:none;}

.footerArea{padding:80px 0 5px; text-align:center;}
.footerArea [class^="col-"]{margin-bottom:15px;}
.footerArea [class^="col-"]:nth-child(2){border-left:none;}
.footerArea .colorLinks{text-align:center;}
.footerArea > div > ul{display:none;}
.footerArea .footer-social-icon p{border-top:2px #399dda solid; padding:15px 0 0;}

.welcomeArea, .innerArea{top:-200px; margin-bottom:-200px; padding-top:150px;}

.listingHorizen li{width:50%;}
.innerbannerArea{height:auto;}

	
	
}

@media (max-width: 767px){
[class^="col-"]{margin-bottom:20px;}
.header-area [class^="col-"], .headerTop [class^="col-"]{margin-bottom:0;}
.nav-area [class^="col-"], .review-form [class^="col-"]{margin:0;}

.home-banner, .home-banner .carousel-inner, .home-banner .carousel-item{height:300px;}
.home-banner img{height:100%; object-fit:cover;}

.welcomeArea, .innerArea{top:-150px; margin-bottom:-150px; padding-top:130px;}

.bgImageRight, .bgImageLeft{ display:none;}

.teaTourismArea{padding-bottom:0;}
.teaTourismImg{position:static; display:block; width:100%; margin-bottom:0;}

.eventsArea{background-size:200%; padding-bottom:80px;}
.eventsArea h3{font-size:22px;}
.eventsArea h4{font-size:16px;}

.expereance-boxes [class^="col-"] > div{padding:0 5% 50px; text-align:center;}
.expereance-boxes [class^="col-"] > div p{text-align:center;}

.expereance-boxes .row:nth-child(even) > [class^="col-"]:first-child{position:static; right:0%;}
.expereance-boxes .row:nth-child(even) > [class^="col-"]:last-child{position:static; left:0%;}

.itinerary > .row > .col-md-2{padding-left:15px; margin-bottom:10px;}
.itinerary > .row > .col-md-10{margin-bottom:15px; padding-bottom:0;}
.itinerary > .row > .col-md-2:before{right:0px; left:70px; height:2px; width:auto; top:20px; bottom:auto;}

.contact-icons [class^="col-"]{ margin-bottom:30px;}

.heritageTeaBungalowImg > [class^="col-"]{display:none;}
.heritageTeaBungalowImg > [class^="col-"]:first-child{display:block;}

.africa .heritageTeaBungalowImg > [class^="col-"]{display:block;}

.listingHorizen li{width:100%;}

.africaPackagelink + img{top:0px; margin-bottom:0px; position:relative;}

.footerSticky [class^="col-"]{margin:0 0 5px 0;}
.footerSticky .col-sm-6 span{display:block;}
.footerSticky .col-sm-6 span a{color:#fff; border:2px #fff dotted; width:40px; height:40px; display:block; line-height:35px; border-radius:50%;}
.footerSticky .col-sm-6 span a:hover{background:#fff; color:var(--yellow);}
.footerSticky{bottom:0; /*left:80px; right:80px; /*border-radius:50px;*/ padding:3px!important; margin-bottom:0px; text-align:center}
.footerSticky .col-sm-6:first-child:after{right:0px; display:none;}
.footerSticky .btn{background:var(--shade); padding:5px; color:#222; border:none; border-radius:30px; width:100%; font-size:13px;}
	
.orangebox>ul li{display:block; vertical-align:top; padding:0 5px!important; margin: 0!important;    }
.orangebox>ul li p{display:block; padding-top:5px; padding-bottom: 0; font-size:14px; line-height: 1; margin-bottom: 0; }	
.orangebox>ul li a{ padding:8px;font-size:14px;}

.innerbannerArea span{display:block;color:#fff; font-size:20px; font-weight: 600;}


/*.footerSticky{padding:8px!important;}*/
.footerSticky h3, .footerSticky h4{margin-bottom:0px; color:#fff; font-size:13px!important;}	
	.footerSticky h4 + a {  font-size:14px!important;}

.productListings [class^="col-"] a.btn{ display:block; width:100%; margin-left:0; margin-top:10px;}
.productListings [class^="col-"] a.btn:last-child{margin-top:10px; width:100%; margin-left:0;}
.headerTop .text-sm-right a{padding:5px 20px; font-size:15px; }
	.topimage div {
  position: relative;
  display: block;
  left: 0;
  top: 0;0
  padding: 10px;
  border-radius: 0;
}
	
.bookNowBtn{text-align:center; padding:10px 0; width:100%; border-top:1px #ddd solid; margin-top:10px;}
.bookNowBtn a{padding:8px; margin-left:0; margin-top:5px; display: inline-block; width: 22%; font-size:14px}
.bookNowBtn > span{display:block; overflow:hidden; clear:both;}
.PaymentButton--rzpTheme.svelte-ekc7fv .PaymentButton-contents.svelte-ekc7fv{padding-left: 30px!important;}
	
.blogpage a {
  display: block;
  font-size: 15px;
  padding: 6px 10px;
  border-radius: 20px;
  margin-bottom: 15px;
}	
	
}





@media (max-width: 500px){
h2, .inner-area h1{font-size:15px;}
h2 > span, .innerArea h1 span{font-size:65px; background-size:100%; line-height:1.4}

.welcomeArea, .innerArea{top:-100px; margin-bottom:-100px; padding-top:100px;}
.heritageTeaBungalowImg > [class^="col-"] > a{padding:0 6px; display:block;}
.heritageTeaBungalowImg [class^="col-"]{padding:0 0 10px; margin-bottom:0!important;}

.africaPackagelink h5{font-size:26px;}
	.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 24%!important;
  }
	
	.topimage div ul li {

  padding: 0 8px 0 8px;
  font-size: 13px;
  text-align: center;
}

}

@media (max-width: 360px){
.welcomeArea, .innerArea{/*top:-80px; margin-bottom:-80px;*/ padding-top:30px; padding-bottom:30px; margin-bottom:0; top:0;  }
	
	.headerTop a {  color: #fff;  display: inline-block;  font-weight: 700;  font-size: 14px;}
	.headerTop .text-sm-right a{padding:5px 10px; font-size:13px;  }
	
}


@media screen and (max-width: 1920px) and (min-width: 1366px){
.bgImageRight{right:-50px;}
.bgImageLeft{left:-50px;}
}

.translater{padding:0 0 5px;}
.goog-te-gadget .goog-te-combo{margin: -10px 0 0 !important;
  background: #fff;
  color: #222;
  border: none;
  padding: 8px;
  border-radius: 5px;
  position: relative;
  top: 15px;
  width: 250px; max-width:100%;}
.skiptranslate.goog-te-gadget span{display:none!important;}