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

body, html {
	height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	list-style-type:none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:Arial, sans-serif;
	color:#3e3c3d
}
img{ vertical-align:middle;max-width: 100%;

height: auto;}
a{text-decoration:none;}


@font-face{font-family:'clanotmedium';src:url('../font/clanotmedium.eot');src:url('../font/clanotmedium.eot?#iefix') format('embedded-opentype'),
url('../font/clanotmedium.woff2') format('woff2'),
url('../font/clanotmedium.woff') format('woff'),
url('../font/clanotmedium.ttf') format('truetype'),
url('../font/clanotmedium.svg#clanotmedium') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'open_sansregular';src:url('../font/open_sansregular.eot');src:url('../font/open_sansregular.eot?#iefix') format('embedded-opentype'),
url('../font/open_sansregular.woff2') format('woff2'),
url('../font/open_sansregular.woff') format('woff'),
url('../font/open_sansregular.ttf') format('truetype'),
url('../font/open_sansregular.svg#clanotmedium') format('svg');font-weight:normal;font-style:normal;}

.wrapper{width:100%; height:auto;}

/*Header Start*/

.top-header{float:left; width:100%; background-color:#232426; height:auto; padding:10px 0 10px 0;}
.top-header-div{ margin:0 auto; width:1140px; height:auto;}
.left-div{ float:left;}
.left-div ul {list-style:none; margin:0; padding:0;}
.left-div-mob{display:inline-block; background-image:url(../images/call-icon.jpg); background-repeat:no-repeat; background-position:left center; padding:0 0 0 25px; color:#FFF; font:15px/18px 'open_sansregular'!important;}
.left-div-email{display:inline-block; background-image:url(../images/email-icon.jpg); background-repeat:no-repeat; background-position:left center; padding:0 0 0 25px; color:#FFF; font:15px/18px 'open_sansregular'!important; margin:0 0 0 10px;}
.right-div{ float:right;}
.right-div ul{list-style:none; margin:0; padding:0;}
.right-div ul li{display:inline-block; margin:0 0 0 10px;}


.header-main{width:100%; height:auto; float:left;}
.header{margin:0 auto; width:1142px; height:auto;}
.top-links-more{ display: block; float: right; font: 14px/20px 'roboto';}
.top-links-more a {color: #333333;}

.main-logo{ width:280px; height:58px; float:left; margin-top:10px;}
.main-logo a{ text-decoration:none; color: #FF9000;}
.main-logo a img{ border:0;}

.tagline{float:left; width:353px; height:40px; margin-top:2px; margin-left:87px}
.help-main{ width:141px; height:31px; float:left; margin-left:127px; margin-top:5px;}
.help-main img{ max-width:100%; height: auto;}
.help-main a{background:#C31818; padding:2px 12px 4px 12px; color: #fff;  font-family:"Roboto", sans-serif; font-size:16px; border-radius:3px; height: 2rem; letter-spacing:1px; box-shadow:1px 1px 1px 1px #ccc; transition: width 500ms linear 0s, opacity 600ms linear 0s; width: 0;}
.help-main a:hover{background:#32ae36;}
.main-phone{ width:161px; float:right; text-align:right; color:#2ba630; font-family:"Roboto", sans-serif; text-transform:uppercase; font-size:13px; margin-left:5px; margin-top:0px;} 
.main-phone a{color:#2ba630;}
.main-phone span{ color:#5d5c5c; font-family:"Roboto", sans-serif; font-size:15px;}

.main-menu-div{ float:left; width:100%; background-color:#ae1819;}
.menu-div{width:1140px; margin:0 auto; height:auto;}
.form-section{ float:left; width:100%; background:url(../images/running-car.jpg) top center no-repeat;}
.banner-quick-enq{ float:right; margin:0px 0  0px 25px; padding:0px; width:85%;  border-radius:0px; border:1px solid #999; background:rgba(0, 0, 0, .2); z-index:5; font-family:Verdana, Arial, Helvetica, sans-serif; opacity:0.95; position:absolute; top:10px;}
.quick-enq-area{ float:right; margin:15px 0 0; padding:0px; width:100%;  border-radius:4px; background:#1976d2; z-index:5; font-family:Verdana, Arial, Helvetica, sans-serif; opacity:0.95;}
.enq-head-area{ margin:0 0; padding:0px; width:auto;}
.enq-head-box{ margin:0; padding:5px 12px 0px; width:auto; color:#fff; box-sizing:border-box; border-radius:0px;}
.banner-quick-enq .enq-head-box h2{ margin:0 0 5px; padding:0px; width:100%; font-size:24px; text-align:center; color:#fe0000; font-weight:700; text-transform:uppercase;}
.enq-head-box h6{ margin:0px; padding:0px; width:100%; text-align:center; color:#ffe62f; line-height:16px;}
.enq-head-box p{ margin:0px; padding:7px 0; width:100%; font-size:12px; text-align:center; line-height:20px;}
.enq-input-box{ margin:0; padding:0px 15px 0; width:auto; box-sizing:border-box; float:left; width:100%;}
.trip_input_area{  margin:0px; padding:0px; width:100%;}
.trip_input_box{  margin:0px; padding:3px 0; width:100%;}
.trip_input_box select{  margin:0px; padding:5px 8px; width:100%; border:1px solid #ccc; color:#a5a9ad;  box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.txt_msg_input{  margin:0px; padding:5px 10px; width:100%; font-size:14px; color:#666666; box-sizing:border-box; border:1px solid #ccc; resize:none; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; height:80px;}
.txt_input{  margin:0px; padding:5px 10px; width:100%; font-size:14px; color:#666666; box-sizing:border-box; border:1px solid #ccc; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.trip_butt_area{  margin:0px; padding:7px 0 14px 0; width:100%;}
.trip_butt_box{ margin:0px auto; padding:0px; width:100%; text-align:center;}
.butt_input{  margin:0px; padding:5px 26px 8px; width:100%; background:#fe0000; color:#fff; border:1px solid #fe0000; font-weight:bold; font-size:14px; text-align:center; box-sizing:border-box; border-radius:0px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); text-transform:capitalize; transition:all .3s ease-in-out; text-transform:uppercase;}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{ line-height:20px;}

.slant{float:left; width:58px; height:auto;}

/*Header End*/

.body-content{width:100%; height:auto; float:left; background-color:#FFFFFF; margin-top:-33px;}
.content-div{width:1140px; margin:0 auto; height:auto; padding-top:15px;}
.content-div h2{color:#9b0808; font-family:'Sansita'; font-size:25px; text-align:center;}
.content-div p{color:#000000; font-family:"Roboto", sans-serif; font-size:15px; text-align:center;}


.about-div{ float:left; width:100%; height:auto; }
.about-cont{margin:10px auto; width:1140px; height:auto;}
.about-cont-left{float:left; overflow: hidden; position:relative; width:550px; height:415px;}
.about-cont-left:hover .item img {
  -webkit-transform: scale(1.2); cursor:pointer;
  transform: scale(1.2);
}


.about-cont-right{float:left; margin-left:20px; width:570px;}
.about-cont-right h2{color:#1b5761; font-family:"Roboto", sans-serif; font-size:35px; margin:0; font-weight:bold;}
.about-cont-right h3{color:#09b0e7; font-family:"Roboto", sans-serif; font-size:22px; margin:0; }
.about-cont-right p{color:#666; font-family:"Roboto", sans-serif; font-size:16px; margin:20px 0 0 0;}
.about-cont-right ul{list-style:none; margin:0; padding:0;}
.about-cont-right ul li{ background:url(../images/arrow-icon01.png) left center no-repeat; padding-left:23px; color:#666; font-family:"Roboto", sans-serif; font-size:16px; margin:10px 0 10px 0;}

.about-cont-img{float:left; overflow: hidden; position:relative; width:500px; height:300px;}
.about-cont-img:hover .item img {
  -webkit-transform: scale(1.2); cursor:pointer;
  transform: scale(1.2);
}

.about-content{float:left; margin-left:20px; width:620px;}
.about-content h2{color:#1b5761; font-family:'Sansita'; font-size:35px; margin:0; font-weight:bold;}
.about-content h3{color:#09b0e7; font-family:"Roboto", sans-serif; font-size:22px; margin:0; }
.about-content p{color:#666; font-family:"Roboto", sans-serif; font-size:16px; margin:20px 0 0 0;}
.about-content ul{list-style:none; margin:0; padding:0;}
.about-content ul li{ background:url(../images/arrow-icon02.png) left center no-repeat; padding-left:23px; color:#666; font-family:"Roboto", sans-serif; font-size:16px; margin:10px 110px 10px 0; float:left;}

.left-about-tab{width:760px; height:auto; float:left; }
.right-about-tab{ width:340px; height:auto; float:left; margin-left:40px; border:1px solid #CCC; border-radius:5px 5px 0 0; margin-bottom:10px;}
.right-about-tab h4{font:25px/30px 'Roboto';color:#333; padding:10px 0 10px 10px; border-bottom:1px solid #CCC; margin:0;}
.right-about-tab ul{margin:0; padding:0;}
.right-about-tab ul li{ display:inline-block; width:100%; border-bottom:1px solid #CCC; padding-bottom:10px; margin:10px 0 10px 0;}
.right-about-tab li:last-child{border:none;}
.right-about-tab li img{float:left; margin:9px;}
.right-about-tab li p{font:20px/25px 'open_sansregular';color:#333; padding-left:10px;}

.package-tab{float:left; width:100%; height:auto;}
.package{margin:10px auto; width:1140px; height:auto;}

* {box-sizing: border-box}

/* Set height of body and the document to 100% */
body, html {
    height: 100%;
    margin: 0;
    font-family: Arial;
}

/* Style tab links */
.tablink {
    background-color: #f3f3f3;
    color: black;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 33%;
	margin-left:2px;
	border-radius:5px 5px 0 0px;
}

.tablink:hover {
    background-color: #f46604;
	
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    color:#E5E5E5;
    display: none;
    padding: 70px 20px 40px 20px;
    height: 100%;
}
.tab-cont{width:100%; height:auto; background-color:#fff; padding:10px; }

.tab-cont h3{font:20px/30px 'roboto';color:#333; border-bottom:1px solid #EBEBEB; text-transform:uppercase; background:url(../images/headding-border.png) left bottom no-repeat; margin:0;}
.tab-cont h3 span{color:#0543b2;}
.tab-cont p{font:17px/25px 'open_sansregular';color:#333;}

#Home {background-color:#fff;}
#News {background-color:#fff;}
#Contact {background-color:#fff;}
#About {background-color:#fff;}

.book-now a{ padding:5px 20px 5px 20px; color:#900; float:right; border:1px solid #333; margin-top:10px; margin-bottom:10px;}
.book-now a:hover{ background-color:#F90; color:333; text-decoration:none;}


.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color:#F60;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color:#FC0;
    color: #000;
}


.tour-div{ width:100%; height:auto; float:left; margin-top:10px; margin-bottom:10px;}
.tour-text-left{ float:left; width:60px; height:auto;}
.tour-text-left h2{ background-color:#ee591f; border-radius:100px; text-align:center; font-family:"Roboto", sans-serif; font-size:17px; color:#fff; padding:9px 0 18px 0; margin:0; width:50px; height:50px;}

.tour-text-right{ float:left; width:639px; height:auto; margin-left:20px;}
.tour-text-right h2{color:#666; font-family:"Roboto", sans-serif; font-size:20px; margin:0;}
.tour-text-right p{color:#666; font-family:"Roboto", sans-serif; font-size:16px; margin:0;}



.out-door{float:left; width:100%; height:auto; background-color:#F7F7F7; padding:10px 0 10px 0; margin-top:10px;}
.outdoor-div{ margin:30px auto; width:1140px; height:auto;}
.outdoor-div h2{color:#1b5761; font-family:"Roboto", sans-serif; font-size:35px; margin:0; font-weight:bold; text-align:center; margin-bottom:20px;}

.package-div{ float:left; width:350px; height:auto; background-color:#F0ECEC; margin:0 15px 0 15px;}
.package-img {float:left; width:350px; height:264px; position:relative;}


.package-img-button{width:100%; height:auto; position:absolute; bottom:0; background-color:#25b4e0; color:#fff; text-align:center; font-family:"Roboto", sans-serif; font-size:25px;}
.package-img-button a{width:100%; display:inline-block; padding:3px 0 3px 0; color:#fff; }
.package-img-button a:hover{ background-color:#e4465d;  color:#FC0; text-decoration:none; }

.package-details{float:left; width:100%; height:auto; padding:15px;}
.package-details p{color:#666; font-family:"Roboto", sans-serif; font-size:15px; margin:0px 0 10px 0;}
.package-details span{color:#F00; font-size:18px;}
.package-details h3{color:#5066c9; font-family:"Roboto", sans-serif; font-size:25px; margin:0;}
.package-details ul{list-style:none; margin:0; padding:0}
.package-details ul li{background:url(../images/arrow-icon.png) left center no-repeat; padding:0 0 0 25px; color:#666; font-family:"Roboto", sans-serif; font-size:15px;}

.view-details a{float:left; text-decoration:none; font-family:"Roboto", sans-serif; font-size:18px; color:#333; background-color:#E6E6E6; padding:10px 15px 10px 15px; margin:20px 0px 20px 0px; border:1px solid #999;}
.view-details a:hover{background-color:#F60; color:#fff; text-decoration:none;}

.submit-query a{float:left; text-decoration:none; font-family:"Roboto", sans-serif; font-size:18px; color:#fff; background-color:#e43e56; padding:10px 15px 10px 15px; margin:20px 0px 20px 48px; border:1px solid #999;}
.submit-query a:hover{background-color:#F60; color:#fff; text-decoration:none;}


.recent-blog{float:left; width:100%; height:auto; padding:10px 0 10px 0; margin-top:10px;}
.recent-blog-div{ margin:30px auto; width:1140px; height:auto;}
.recent-blog-div h2{color:#1b5761; font-family:"Roboto", sans-serif; font-size:35px; margin:0; font-weight:bold; text-align:center; margin-bottom:20px;}
.blog-div{ float:left; width:537px; height:auto; background-color:#FFF; margin:0 17px 0 16px; }
.blog-div-img {float:left; width:537px; height:264px; overflow: hidden; position:relative;}
.item {
  position: absolute;
  top: 0;
  left: 0;
}

.item img {
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}

.blog-div-img:hover .item img {
  -webkit-transform: scale(1.2); cursor:pointer;
  transform: scale(1.2);
}


.blog-div-details{float:left; width:100%; height:auto; padding:15px; background-color:#ede1e1}
.blog-div-details p{color:#666; font-family:"Roboto", sans-serif; font-size:15px; margin:0px 0 10px 0;}
.blog-div-details span{color:#F00; font-size:25px;}
.blog-div-details h3{color:#5066c9; font-family:"Roboto", sans-serif; font-size:25px; margin:0;}
.blog-div-details ul{list-style:none; margin:0; padding:0}
.blog-div-details ul li{background:url(../images/arrow-icon.png) left center no-repeat; padding:0 0 0 25px; color:#666; font-family:"Roboto", sans-serif; font-size:15px;}

.newsletter{ background-image: linear-gradient(to right, Blue,violet, yellow); width:100%; height:auto; float:left; padding:20px 0 20px 0;}
.news-div{ margin:0 auto; width:700px; height:auto;}
.news-div h2{color:#fff; font-family:"Roboto", sans-serif; font-size:55px; margin:0; text-align:center;}
.news-div p{color:#fff; font-family:"Roboto", sans-serif; font-size:20px; margin:0; text-align:center;}


form.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #f1f1f1;
}

form.example button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #2196F3;
    color: white;
    font-size: 25px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

form.example button:hover {
    background: #0b7dda;
}

form.example::after {
    content: "";
    clear: both;
    display: table;
}

/*bottom image scroller*/



.bottom-slider{float:left; width:100%;}

.footer-div{width:100%; height:auto; float:left; background-color:#101010;}
.footer{width:1140px; height:auto; margin:0 auto;}
.footer-social{float:left; width:1140px; height:auto; border-bottom:1px solid #666; padding:20px 0 20px 0;}
.footer-social ul{margin:0; padding:0; list-style:none;}
.footer-social ul li{ float:left; margin:15px 27px 15px 38px; font-size:15px; text-transform:uppercase;}
.copyright{width:1140px; height:auto; float:left; text-align:center; padding:10px 0 10px 0;}

/*package css start*/
.adventures-section{ float:left; width:100%; padding:20px 0px 25px; background:#e7e7ec;}
.adventures-section.vehicle{ padding-top:0px;}
.adventures-section .adventures{ width:100%; margin-bottom:20px;}
.adventures-section .adventures h4{ font-size:22px; font-weight:bold; text-align:center; margin-bottom:5px;}
.adventures-section .adventures-description{ float:left; width:100%; padding-bottom:25px; border-bottom:2px solid #e7e7e9;}
.adventures-section .adventures-description .adventures-content{ float:left; width:100%;}
.adventures-section .adventures-img{ float:left; width:100%; }
.adventures-section .adventures-img img{ float:left; width:100%; border-radius: 10px 3px 3px;}
.adventures-section .adventures-text{ float:left; width:100%; padding:0px 0px 10px; background:#fff;}
.adventures-section .adventures-text h3{ float:left;   width:100%; color:#951111;  font-weight:bold; font-size:20px; margin-top:-36px; font-family:'Sansita'; margin-left:0px; text-transform:none;  background-color: rgba(255, 255, 255, .7); padding: 5px 0 5px 12px;}
.adventures-section .adventures-text p{ float:left; width:100%; color:#374047; font-size:14px; padding:0px 0 6px 6px;  }
button.btn-default{ border-radius:5px; border:3px solid #aac810; background:#aac810; padding:5px 8px; color:#fff; transition:all ease-in-out .5s; font-size:15px; margin:0 0 0 6px;}
button.btn-default:hover{ border-color:#dddddd; border:3px solid #aac810; background:#fff; color:#cf0634; transition:all ease-in-out .5s;}
button.btn-danger{ border-radius:5px; border:3px solid #aac810; background:#aac810; padding:5px 8px; color:#fff; transition:all ease-in-out .5s; font-size:15px; margin:0 6px 0 0;}
button.btn-danger:hover{ border:2px solid #dddddd; border:3px solid #aac810; background:#fff; color:#cf0634; transition:all ease-in-out .5s;}
/*package css end*/

/*=====New CSS Start Here =========*/

/*====================== 01. Theme Base CSS =========================*/
 .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
     z-index: 28 !important;
}
 .pt-100 {
     padding-top: 100px;
}
 .pt-30 {
     padding-top: 30px;
}
 .pb-75 {
     padding-bottom: 75px;
}
 .pb-65 {
     padding-bottom: 65px;
}
 .pb-70 {
     padding-bottom: 70px;
}
 .mbt-100 {
     margin-bottom: 45px;
}
 .image-bg-padding-100 {
     padding: 100px 0;
}
 .border-raduis-3 {
     border-radius: 3px;
}
 .bg-f4f4f4 {
     background: #f4f4f4;
}

 a {
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     text-decoration: none;
}
 p {
     margin: 0 0 15px;
     font-size: 15px;
     color: #727272;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
}
b {
     margin: 0 0 15px;
     font-size: 15px;
     color: #727272;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
}
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
}
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
}
 .browserupgrade {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
}
 .ptb-100 {
     padding: 100px 0;
}
 .boxshadow, .tp-caption.boxshadow {
     box-shadow: none;
}
 .section-paddings {
     padding: 3px 0 59px 0;
}

/*============================== theme buttons css goes here ===============================*/
 .travel-primary-btn, .travel-primary-btn-sm, .read-more, .quick-shop, .thailan-btn, .travel-primary-btn-2 {
     background: #37b721;
     display: inline-block;
     padding: 12px 29px !important;
     border-radius: 3px;
     font-size: 15px;
     color: #fff;
     text-transform: uppercase;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     text-decoration: none;
}
 .thailan-btn {
     padding: 10px 35px !important;
}
 .travel-primary-btn-sm {
     padding: 10px 15px !important;
}
 .travel-booking-btn, .travel-booking-btn-lg {
     display: inline-block;
     background: #37b721;
     padding: 7px 15px;
     color: #fefefe;
     border-radius: 4px;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 12px;
}
 .travel-booking-btn-lg {
     padding: 10px 25px;
     font-size: 14px;
}
 .read-more {
     padding: 12px 40px !important;
}
 .quick-shop {
     padding: 8px 22px !important;
}
 .travel-primary-btn-2 {
     background: #f17b37;
}


/*===================================================== 05.popular packajge section css goes here =======================================================*/
 .popular-packages .single-package {
     margin-bottom: 30px;
     transition: all ease-in-out 0.5s;
     overflow: hidden;
     position: relative;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
 .popular-packages .single-package img {
     display: block;
     width: 100%;
}
 .popular-packages .single-package .package-content {
     padding: 20px;
}
 .popular-packages .single-package .package-content h3 {
     font-weight: 600px;
     color: #454545;
     font-size: 20px;
     transition: all ease-in-out 0.5s;
}
 .popular-packages .single-package .package-content p {
     color: #727272;
     font-size: 15px;
     font-weight: 500;
}
 .popular-packages .single-package .package-content p span {
     color: #37b721;
     font-weight: 600;
}
 .popular-packages .single-package .package-calto-action {
     padding: 0 20px 25px;
}
 .popular-packages .single-package .package-calto-action .ct-action li {
     display: inline-block;
}
 .popular-packages .single-package .package-calto-action .ct-action li:first-child a {
     transition: all ease-in-out 0.5s;
     overflow: hidden;
}
 .popular-packages .single-package .package-calto-action .ct-action li:last-child {
     float: right;
     margin-top: 0px;
}
 .popular-packages .single-package .package-calto-action .ct-action li:last-child i {
     font-size: 16px;
     color: #ffef3b;
}
 .popular-packages .single-package:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
 .popular-packages .single-package:hover .ct-action a {
     background: #f17b37;
}
 .popular-packages .single-package:hover .package-content h3 {
     color: #37b721;
}




/*===================================================== 54.single Package section start here =======================================================*/
 .single-package-details .single-package-title h2 {
     font-size: 30px;
     font-weight: 600;
     color: #454545;
     text-transform: capitalize;
}
 .single-package-details .package-content li {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-weight: 500;
     color: #727272;
}
 .single-package-details .package-content li span {
     margin-right: 10px;
}
 .single-package-details .package-content li span i {
     color: #ffef3b;
}
 .single-package-details .package-content li:not(:last-child)::before {
     background: #cccccc none repeat scroll 0 0;
     content: "";
     height: 23px;
     position: absolute;
     width: 1px;
     right: 11px;
     top: 2px;
}
 .single-package-details .package-content li:not(:last-child) {
     margin: 20px 0;
     padding: 0 25px 0 0;
}
 .single-package-details .package-content li:last-child {
     float: right;
     font-size: 30px;
     color: #37b721;
     font-weight: 500;
     padding: 10px 0;
}
 .single-package-details .package-content li:nth-child(3):before {
     display: none;
}
 .package-tab-menu .package-tab-menu {
     padding: 30px 0;
}
 .package-tab-menu .package-tab-menu li {
     display: inline-block;
}
 .package-tab-menu .package-tab-menu li a {
     color: #454545;
     display: block;
     font-size: 15px;
     font-weight: 500;
     padding: 20px 34.6px;
     text-decoration: none;
     border: 1px solid #ebebeb;
     transition: all ease-out 0.5s;
}
 .package-tab-menu .package-tab-menu li a:hover {
     background: #37b721;
     color: #ffffff;
}
 .package-tab-menu .package-tab-menu li.active a {
     background: #37b721;
     color: #ffffff;
}
 .tab-content .tour-description {
     padding-left: 12px;
}
 .tab-content .tour-description h4 {
     font-size: 20px;
     color: #454545;
     font-weight: 500;
     padding: 20px 0;
}
 .tab-content .tour-description p {
     padding-bottom: 20px;
     line-height: 30px;
}
 .tab-content .chosse-packge {
     padding-left: 12px;
}
 .tab-content .chosse-packge h4 {
     font-size: 20px;
     color: #454545;
     font-weight: 500;
     padding: 10px 0;
}
 .tab-content .chosse-packge .packaging-contents li {
     font-size: 15px;
     color: #727272;
     font-weight: 400;
     padding: 5px 0;
}
 .tab-content .chosse-packge .packaging-contents li i {
     color: #37b721;
     margin-right: 10px;
}
 .tab-content .additional-info {
     position: relative;
}
 .tab-content .additional-info:before {
     background: #cccccc none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: -19px;
     position: absolute;
     width: 1px;
}
 .tab-content .additional-info .info-title h4 {
     font-size: 20px;
     color: #454545;
     font-weight: 500;
     padding: 20px 0;
}
 .tab-content .additional-info .info-list p, .tab-content .additional-info .info-details p {
     line-height: 40px;
}
 .tab-content .additional-info .info-list p span i, .tab-content .additional-info .info-details p span i {
     color: #37b721;
     margin-right: 15px;
}
 .related-tour {
     padding-bottom: 100px;
}
 .related-tour .single-package {
     margin-bottom: 0 !important;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
 aside {
     border: 1px solid #cccccc;
     border-radius: 3px;
     padding: 30px 20px;
}
 aside .booking-form h2 {
     color: #454545;
     font-size: 30px;
     font-weight: 600;
     text-transform: capitalize;
     padding: 0px 0 30px 0;
}
 aside .booking-form .form-group {
     margin-bottom: 20px !important;
}
 aside .booking-form .form-group input.form-control, aside .booking-form .form-group textarea.form-control {
     border-radius: 3px;
     box-shadow: none;
     color: #727272;
     display: block;
     font-size: 15px;
     height: 43px;
     transition: none;
}
 aside .booking-form .form-group input.form-control:focus, aside .booking-form .form-group textarea.form-control:focus {
     outline: none;
     border-color: #cccccc;
     box-shadow: none;
}
 aside .booking-form .form-group textarea.form-control {
     height: auto;
}
 aside .booking-form .form-group .check-availability, aside .booking-form .form-group .booking-confirm {
     background: transparent none repeat scroll 0 0;
     border: 1px solid #cccccc;
     border-radius: 3px;
     font-size: 15px;
     font-weight: 400;
     color: #454545;
     height: 52px;
     text-transform: capitalize;
     width: 100%;
}
 aside .booking-form .form-group .booking-confirm {
     background: #37b721;
     color: #ffffff;
     height: 60px;
     font-size: 17px;
     font-weight: 500;
     text-transform: uppercase;
}
 .adding-form {
     margin-top: 50px;
}
 .adding-form .addfor-bg {
     background: #37b721 url("../images/bgimage/add.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 60px 0;
     position: relative;
}
 .adding-form .addfor-bg:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, 0.6);
     z-index: 1;
}
 .adding-form .addfor-bg .add-content {
     position: relative;
     z-index: 8;
     left: 10%;
}
 .adding-form .addfor-bg .add-content h3 {
     color: #ffffff;
     font-size: 30px;
     font-weight: 600;
}
 .adding-form .addfor-bg .add-content p {
     color: #ffffff;
     line-height: 30px;
}
 .adding-form .addfor-bg .add-content .contact-for-add li {
     display: block;
     color: #ffffff;
     padding: 10px 0;
}
 .adding-form .addfor-bg .add-content .contact-for-add li img {
     margin-right: 10px;
}
 .mapp iframe {
     height: 700px;
     width: 95%;
     border: 0;
}
 .scrolloff {
     pointer-events: none;
}
 .video-bg {
     background: #37b721 url("../images/bgimage/videotab.jpg") no-repeat scroll center center/cover;
     padding: 250px 0;
     position: relative;
     overflow: hidden;
}
 .video-bg:before {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     content: '';
     background: rgba(0, 0, 0, 0.6);
     z-index: 1;
}
 .video-bg .video-play-btn {
     border: 3px solid #37b721;
     border-radius: 100%;
     height: 80px;
     line-height: 75px;
     margin: 0 auto;
     position: relative;
     text-align: center;
     width: 80px;
     z-index: 33;
     font-size: 25px;
}
 .video-bg a span i {
     color: #37b721;
}
 .video-bg a:focus {
     outline: none;
}
 .main-timeline {
     position: relative;
     z-index: 1;
}
 .main-timeline:before {
     content: "";
     width: 2px;
     height: 88%;
     background: #cccccc;
     margin: 0 auto;
     position: absolute;
     top: 0;
     left: 10px;
     z-index: -1;
}
 .main-timeline .timeline {
     margin-bottom: 30px;
     position: relative;
}
 .main-timeline .timeline:before, .main-timeline .timeline:after {
     content: "";
     display: block;
     width: 100%;
     clear: both;
}
 .main-timeline .timeline .timeline-content {
     padding: 0 50px;
     transition: all 0.3s ease 0s;
     width: 100%;
}
 .main-timeline .timeline .timeline-content h4 {
     transition: all ease-in-out 0.5s;
     color: #454545;
     font-size: 18px;
     font-weight: 500;
}
 .main-timeline .timeline .timeline-content .timeline-icon {
     background: #37b721 none repeat scroll 0 0;
     border-radius: 100%;
     color: #ffffff;
     font-size: 35px;
     font-weight: 500;
     height: 82px;
     left: -30px;
     line-height: 80px;
     position: absolute;
     text-align: center;
     top: 0;
     width: 82px;
     z-index: 1;
     transition: all ease-in-out 0.5s;
}
 .main-timeline .timeline .left {
     margin-left: 40px;
}
 .main-timeline .timeline:hover .timeline-icon {
     background: #f17b37;
}
 .main-timeline .timeline:hover .timeline-content h4 {
     color: #f17b37;
}



/*========= 05.popular packajge section css goes here ================*/
 .popular-packages .single-package .package-image{
     overflow: hidden;     
 }
.popular-packages .single-package .package-image img {
     transform: scale(1.1);
     transition:  all 0.3s ease-in-out;
}
.popular-packages .single-package:hover .package-image a img{
     transform: scale(1);
}
.single-package-carasoul .package-location{
     overflow: hidden;
}
.single-package-carasoul .package-location img{
     transform: scale(1.1);
     transition: all 0.3s ease-in-out;
}
 .single-package-carasoul:hover .package-location img {
     transform: scale(1);
}

 .offer-package .single-offer .single-offer-image{
     overflow: hidden;
}
 .offer-package .single-offer .single-offer-image img{
     transform: scale(1.1);
     transition: all ease-in-out 0.3s;
}
 .offer-package .single-offer:hover .single-offer-image img {
     transform: scale(1);
}
.single-discount-deal figure img{
     transform: scale(1.1);
}
.single-discount-deal:hover figure img {
     transform: scale(1);
}
.top-destination-area figure img{
     transform: scale(1.1);
     transition: all ease-in-out 0.5s;
}
.top-destination-area figure:hover img {
     transform: scale(1);
}

 .top-destination-area-5 .single-destionation-5 {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     transition: all ease-in-out 0.5s;
}
 .top-destination-area-5 .single-destionation-5 .destination-5-image {
     overflow: hidden;
}
 .top-destination-area-5 .single-destionation-5 .destination-5-image a img {
     transform: scale(1.1);
}

 .top-destination-area-5 .single-destionation-5:hover .destination-5-image img {
     transform: scale(1);
}

/*===================================================== 55.contact section start here =======================================================*/

 .contact-title h2 {
     font-size: 25px;
     font-weight: 600;
     color: #454545;
     padding: 20px 0;
     line-height: normal;
}
 .address p {
     line-height: 30px;
}
 .contact-form .form-group {
     position: relative;
}
 .contact-form .form-group:last-child {
     margin-bottom: 0;
}
 .contact-form .form-group input, .contact-form .form-group textarea {
     width: 100%;
     height: 44px;
     border: 1px solid #e9edf0;
     padding: 12px 15px;
     transition: all 0.4s ease;
     border-radius: 3px;
     color: #555555;
     background: #eeeeee none repeat scroll 0 0;
}
 .contact-form .form-group input:focus, .contact-form .form-group textarea:focus {
     outline: none;
}
 .contact-form .form-group textarea {
     height: 110px;
}
 .contact-form .form-group .button {
     width: 135px;
     height: 45px;
     border-radius: 3px;
     border: 0px solid;
     font-size: 14px;
     text-transform: uppercase;
     display: inline-block;
     transition: all 0.4s ease;
     color: #ffffff;
     background: #37b721;
     font-weight: 500;
}
 .contact-form .form-group .button:hover {
     background: #f17b37;
}
 .contact-form .form-group .button i {
     position: relative;
     display: inline-block;
     color: #fff;
     margin-right: 10px;
     padding: 0px;
}

.show-modal {

    margin: 20px 0 0 0;
    cursor: pointer;

}