@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap');
body { font-family: 'Rubik', sans-serif !important; font-size: 14px!important; }
.header-top { border-bottom: 1px solid #e2e2e2; background: #f5f5f5; }
p { margin: 0px!important;font-family: ruluko; }
a:hover { text-decoration: none!important; }
.dssnp { font-size: 20px;}
.header-top ul { padding: 0px; margin-left: 10px; margin-bottom: 0px; }
.header-top ul li { display: inline-block; list-style: none; padding-left:5px; }
.header-top ul li a { color: #212529; font-size: 20px; display: block; margin-top: -5px;font-family: ruluko;}
.color { color: #616161!important; }
.banner { background: url('../images/banner.jpg') no-repeat center top; padding-bottom: 12%; }
.banner-small { min-height:  50px;background: url('../images/banner.jpg') no-repeat center bottom; padding-top: 10%;}
.banner h1, .banner-small h1 { font-size: 52px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; margin-top: 71px; background: #0008fb8a; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
.banner p { font-size: 24px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #0008fb8a; padding-left: 10px; padding-right: 10px;font-family: ruluko;}

/* adventure banner starts here */
.adventure-banner { min-height: 558px; background: url('../images/adventure-banner.jpg') no-repeat center top; padding-top: 25%; background-size: 100% 100%; }

.adventure-banner h1 { font-size: 54px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
.adventure-banner p { font-size: 24px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
/* adventure banner ends here */

/* family banner starts here */
.family-banner { min-height: 558px; background: url('../images/family-banner.jpg') no-repeat center top; padding-top: 25%; background-size: 100% 100%; }

.family-banner h1 { font-size: 54px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
.family-banner p { font-size: 24px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
/* family banner ends here */

/* friends banner starts here */
.friends-banner { min-height: 558px; background: url('../images/friends-banner.jpg') no-repeat center top; padding-top: 25%; background-size: 100% 100%; }

.friends-banner h1 { font-size: 47px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
.friends-banner p { font-size: 24px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
/* friends banner ends here */

/* honeymoon banner starts here */
.honeymoon-banner { min-height: 558px; background: url('../images/honeymoon-banner.jpg') no-repeat center top; padding-top: 25%; background-size: 100% 100%; }

.honeymoon-banner h1 { font-size: 42px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
.honeymoon-banner p { font-size: 24px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
/* honeymoon banner ends here */

/* solo banner starts here */
.solo-banner { min-height: 558px; background: url('../images/solo-banner.jpg') no-repeat center top; padding-top: 25%; background-size: 100% 100%; }

.solo-banner h1 { font-size: 54px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
.solo-banner p { font-size: 24px; color: #fff; text-shadow: 3px 3px 5px #000; display: inline-block; background: #00000069; padding-left: 10px; padding-right: 10px;font-family: ruluko;}
/* solo banner ends here */


.search { background: #f1f1f1; box-shadow: 0px 5px 12px #d4d4d4;  padding-left: 15px; padding-right:15px; padding-top: 20px; padding-bottom: 20px; margin-top: -60px;}

.where { width: 28%; float: left;  padding:2px;}
.where input { width: 98%; padding: 10px; min-height: 45px; border:1px solid #dedede; background: url('../images/search.svg') no-repeat right #fff; background-size: 20px; background-position-x: 98%;  }

.calendar { width: 28%; float: left; padding:2px;}
.calendar input { width: 98%; padding:10px; min-height: 45px; border: 1px solid #dedede; background: url('../images/calendar.svg') no-repeat right #fff; background-size: 20px; background-position-x: 98%; 	}

.select-t-type { width: 28%; float: left; padding:2px;}
.select-t-type select { width: 100%; padding:10px; min-height: 45px; border: 1px solid #dedede;}

.search-btn  {width: 16%; float: left; padding:2px;}
.search-btn button { width: 100%; padding: 10px; min-height: 45px; border: 0px; background: #a30a0a; color: #fff;}
.headings  { color: #343434; font-size: 26px !important; text-transform: capitalize;font-family: ruluko;font-weight: 600;position: relative; padding-bottom: 15px; margin-bottom: 15px;padding-top: 15px;text-align: left;}

.slider-img { position: relative; display: block}
.slider-img .hover {position: absolute !important; top: 50%; left: 10px; background: #000000a3; text-transform: capitalize; font-size: 18px; font-weight: 500; display: none; z-index: 999; transition: all ease-out .3s !important; line-height: 1; padding:20px; color: #fff; left: 0; right:0; margin-right: auto; margin-left:auto; margin-top:-28px; width: fit-content;font-family: ruluko;font-weight: 600;}
.slider-img:hover .hover { display: block; transition: all ease-in .3s !important; transition: all ease-in .3s !important;}    



.offer-box { background: url('../images/offer-bg.jpg') no-repeat center top; background-size: cover; }
.offer-hint { color: #fff; background: #a30a0a; padding: 5px; text-transform: capitalize; }
.offer-headline { font-size: 46px; color: #fff; text-transform: capitalize; font-weight: 600;font-family: ruluko; }
.sub-heading { font-size: 26px; color: #fff; font-weight: 500; text-transform: capitalize;font-family: ruluko; }
.offer-btn { display: inline-block; color: #fff; text-transform: capitalize; font-family: ruluko; font-size: 16px; background: #a30a0a; padding: 10px 20px;  margin-top: 20px; border-radius: 3px;}
.offer-btn:hover { color: #fff; text-decoration: none; }


.featured-slider { display: block; }
.feature-border { border: 2px solid #a30a0a;width: 95%;background: #fff;margin-bottom: 10px;border-radius: 20px 20px 0px 0px; }

.feature-border img { margin-top: 0px!important;border-radius: 18px 18px 0px 0px; }
.feature-details { margin-top: 10px; margin-bottom: 10px; color: #343434; }

h3 { font-size: 18px!important; font-weight: 500!important; text-transform: capitalize;font-family: ruluko; }
.num-days { text-transform: capitalize; line-height: 1; font-size: 16px; color: #a30a0a;font-family: ruluko;font-weight: 600;}
.till-date { line-height: 1; padding-top: 10px; display: block; text-transform: capitalize; font-size: 16px; color: #585858;font-family: ruluko;}
.feature-price { color: #a30a0a; font-size: 18px; font-weight: 600; line-height: 1; display: block; margin-top: 10px; } 
.view-more { line-height: 1; background: #a30a0a; color: #fff; border: 0px; padding: 10px; display: inline-block; margin-top: 10px; border-radius: 3px; }
.bg-grey { background: #e5e5e5; }
.news-box { max-width: 400px; }
.email { border: 1px solid #d7d7d7; padding: 10px;  }
.g-button { color: #fff; background: #209f07; text-transform: capitalize; padding: 10px 15px; border: 0px; }
.bg-dark-grey { background: #191919; }


.social { position: fixed; left: 0;z-index: 999; top: 400px; }
.social ul { padding-left: 0px; }
.social ul li { list-style: none; }
.facebook { color: #fff; background: #3C5A99; padding-top: 15px; width: 50px; height: 50px; display: inline-block; text-align: center; }
.twitter { background: #1DA1F2; color: #fff; width: 50px; height: 50px; text-align: center; padding-top: 15px; display: inline-block; }
.instagram {     background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); color: #fff; width: 50px; height: 50px; display: inline-block; text-align: center; padding-top: 15px;}
.linkedin {     color: #fff; background: #0077B5; width: 50px; height: 50px; display: inline-block; text-align: center; padding-top: 15px; }
.social a:hover { color: #fff; }
.day-night { border: 1px solid #e0e0e0; padding: 3px; font-size: 12px; }
.nights-stay { margin-top:10px!important; color: #5f5f5f;}
.nights-stay span { font-size: 15px; font-weight: 500;  }
.offer-det { margin-top: 10px!important; }
.offer-det span { display: inline-block; text-align: center; margin-right: 5px; padding:5px; border: 1px solid #e0e0e0; margin-top: 10px;}
.offer-img { object-fit: cover; width: 100%;height: 100%; border-radius: 3px 0px 0px 3px;}
.offer-mainbox {  border: 1px solid #e8e8e8; border-radius: 3px 3px 3px 3px; background: #fff; margin-top: 20px; box-shadow: 0px 0px 15px #ccc; padding-left:15px; padding-right: 15px;}
.offer-price { font-size: 20px; font-weight: 500; display: block; }
.pp { font-size: 12px; color: #5d5d5d; display: block; }
.view-details { display: block; margin-top: 10px;color: #f60034; }
.view-details:hover { color: #f60034;}
.get-quotes {  padding: 5px 10px; border: 0px; background: #f60034; color: #fff; font-weight: 500; margin-top: 10px;   }
.filter-trigger { color: #333!important; }
.filter-trigger:hover, .filter-trigger:focus { text-decoration: none!important; }
.hotel-details-heading { font-size: 20px; }
.overview { border: 1px solid #e8e8e8; padding: 15px; margin-top: 20px; background: #fff; }
.overview h2 { font-size: 19px; font-family: ruluko;}
.highlights { border: 1px solid #e8e8e8; padding: 15px; margin-top: 20px; background: #fff; }
.days-detail { border: 1px solid #e8e8e8;  margin-top: 20px; background: #fff; }
.border-bottom-1 { border-bottom: 1px solid #d3d3d3!important; }
.border-trl-none { border-top: 0px!important; border-right: 0px!important; border-left: 0px!important; }
.hotel-details-offer { border: 1px solid #e8e8e8;  margin-top: 20px; padding: 15px; background: #fff; }
.hotel-details-offer .accordion { margin-top: 20px; }
h5 {  font-size: 18px!important;font-family: ruluko; }
button {  background: #fff; border: 1px solid #d3d3d3; padding: 5px 10px; display: inline-block; }
.inclusions-box { border: 1px solid #e8e8e8; border-radius: 3px 3px 3px 3px; background: #fff; margin-top: 20px; padding:15px;  }

.inclusions li { width: 50%; float: left; list-style: none;}


.exclusions li { width: 50%; float: left;  list-style: none;   }
#inclusions-tab { color: #23c203; }
#exclusions-tab { color: #f1002d; }
#inclusions-tab:focus, #inclusions-tab:hover { color: #fff; background: #23c203; }
#exclusions-tab:focus, #exclusions-tab:hover { color: #fff; background: #f1002d; }
.package-quote-box { border: 1px solid #e8e8e8; border-radius: 3px 3px 3px 3px; background: #fff; margin-top: 20px;   }
.total-price-box { border-top: 1px solid #e8e8e8; padding: 15px; margin-top: 20px; }
.last-price { color: #f1002d; font-size: 25px; }
.month-select { padding: 10px; }
.get-quotes-full { background: #f1002d; color: #fff; width: 100%; border: 0px; padding: 15px; font-weight: 500; }
.inner-search-box { border: 1px solid #e8e8e8; padding: 15px; margin-top: 20px; background: #fff; }
.where-u-go { display: block; font-weight: 500; font-size: 20px; margin-top: 20px;  }

.inner-form { width: 100%; }
.inner-form label { width: 100%;margin-bottom:20px; }

.to-inner { width: 100%; padding: 10px 10px 10px 30px; background: url('../images/placeholder.png') left no-repeat; border: 1px solid #d3d3d3; background-position: 10px;   }
.email-inner { width: 100%; padding: 10px 10px 10px 30px; background: url('../images/envelope.png') left no-repeat; border: 1px solid #d3d3d3; background-position: 10px;   }
.country-code { width: 60px; padding: 10px; border: 1px solid #d3d3d3; }
.phone { width: 85%; padding: 10px; border: 1px solid #d3d3d3; }
.call-phone { font-size: 20px; font-weight: 500; display: block; color:#f1002d;  }
.date-inner-label { width: 60%!important; float: left; }
.days-inner-label { width: 35%!important; float: left; margin-left: 5%; }
.date-inner {width: 100%; padding: 10px 10px 10px 35px; background: url('../images/calendar.svg') no-repeat right #fff; background-size: 17px; border: 1px solid #d3d3d3; background-position: 10px; float: left;  }
.days-inner {width: 100%; padding: 10px;  border: 1px solid #d3d3d3;  }
.plan-holiday { border: 1px solid #f1002d; border-radius: 5px; color: #f1002d!important; transition: all ease-out .2s;}
.plan-holiday:hover, .plan-holiday:focus { background: #f1002d; color: #fff!important; transition: all ease-in .2s; }
.plan-my-hol-mod-box { display: block; }
.modal-email-box { position: relative; }
.show { display: block; }
.hide { display: none; }
.back-btn { position: absolute; top: 0; border-radius: 3px; }
.qty .count { color: #000; display: inline-block; vertical-align: top; font-weight: 700; border: 1px solid #d3d3d3; padding: 10px; font-weight: 400; min-width: 50px; text-align: center;}
.qty .plus { cursor: pointer; display: inline-block; vertical-align: top; padding: 10px; font-weight: 400; background: #d3d3d3;border: 1px solid #d3d3d3;text-align: center;/* border-radius: 50%; */}
.qty .minus {cursor: pointer;display: inline-block;vertical-align: top;padding: 10px; font-weight: 400;background: #d3d3d3;text-align: center;border: 1px solid #d3d3d3;background-clip: padding-box;}

/*Prevent text selection*/
span{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.input-num{  border: 0; width: 2%;}
nput::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
input:disabled{ background-color:white;}
.hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #42b078;}
.hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 50px 20px;}
.hovereffect img { display: block; position: relative; max-width: none; width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.hovereffect:hover img { opacity: 0.4; filter: alpha(opacity=40); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.hovereffect h2 { text-transform: capitalize; color: #fff; text-align: center; position: relative; font-size: 13px; overflow: hidden; padding: 0.5em 0; background-color:#0000009e;}
.hovereffect h2:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);}
.hovereffect:hover h2:after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.hovereffect a, .hovereffect p {color: #FFF; opacity: 0;  filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); background: #067b40;padding:5px 0px;}
.hovereffect:hover a, .hovereffect:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); color: #fff;}
footer { color: #fff; }
h4 { font-size: 20px!important; text-transform: capitalize; font-weight: 500!important; text-decoration: underline; }
footer ul {padding-left: 0px;}
footer ul li { list-style: none; padding-top: 10px; padding-bottom: 10px; }
footer a { color: #fff; transition: all ease-out .3s;}
footer a:hover { color: #fff; transition: all ease-in .3s; }

@media screen and (max-width: 992px) {

	.mob-ml-0 { margin-left: 0px!important; }
	.tab-pl-15 { padding-left: 15px; }
	.tab-pr-15 { padding-right: 15px; }
	.slider-img { position: relative; display: block; padding-left: 10px; padding-right: 10px;}

}

@media screen and (max-width: 767px) {
header { border-top: 2px solid #a30a0a; }
.header-top { display: none; }
.where { width: 100%; }
.where input{ width: 100%;  } 
.calendar { width: 100%; }
.calendar input { width: 100%; }
.select-t-type { width: 100%; }
.select-t-type select { width: 100%; }
.search-btn { width: 100%; }
.slider-img .hover { display: block; }
.feature-border { width: 100%; }
.mob-ml-0 { margin-left: 0px!important; }
.mob-pl-15 { padding-left: 15px; }
.mob-pr-15 { padding-right: 15px; }
}