body{ font-family: 'Roboto', sans-serif; font-size: 14px}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif;}
a:hover{text-decoration: none;}
.home-banner{background-image: url("../img/home-bg.jpg"); min-height: 100vh; background-size: cover;}
.book-right-border{border-right: 1px solid #eee}
.round-more{border-radius: 15px;}
.serv-icon{font-size: 48px !important}
.serv-card{border:1px solid #eee; border-radius: 15px; background: #fff; text-align: center;}
.serv-card-active{background: #28a745; color: #fff;}

.tariff-list{border:1px solid #eee; min-height: 85%; border-top-left-radius: 15px; border-bottom-left-radius: 15px}
.tariff-list img{max-height: 100px; float: left; border-radius: 5px}
.pointers{cursor: pointer;}
.social img{max-height: 30px}
.right-active{border-right: 6px solid #28a745 !important}
.attraction{display: none; cursor: pointer;}

.scroll-arrow{position: fixed; top:14%; right:5px; border-radius: 50%; background-color: #eee; border:1px solid #ddd; color: #666; padding: 8px; z-index: 10;}
.scroll-menu{position: fixed; top:7%; right:5px; border-radius: 50%; background-color: #eee; border:1px solid #ddd; color: #666; padding: 8px; z-index: 10;}
.tariff-close{position: absolute; top:-20px; right:5px; border-radius: 50%; background-color: #eee; border:1px solid #ddd; color: #666; padding: 8px; z-index: 10; display: none !important;}
.scroll-arrow:hover, .scroll-menu:hover{background:#28a745; color: #fff; border:none;}

.daterangepicker td.in-range {
    background-color: #cdf6d6 !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #28a745 !important;
}
.applyBtn{background-color:#28a745 !important; border-color: #28a745 !important; }

.lg-hide{display: none;}
.modal-backdrop{opacity: .7 !important;}
.backdrop{background-color: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100vh; z-index: 1000;}
.modal-close{width: 30px; height: 30px; border-radius: 50%; opacity: 1 !important; background-color: #a4d300 !important; padding: 0 !important;}

.carousel-indicators{bottom:-45px;}
.carousel-thumbnails .carousel-indicators img {
    max-width: 50px;
    height: 30px;
    overflow: hidden;
    display: block;
	border-radius:8px;
}

.carousel-thumbnails .carousel-indicators {max-width:100%; overflow:hidden; overflow-x:auto; margin-left: 0!important; margin-right: 0!important; padding-bottom: 10px}

.carousel-thumbnails .carousel-indicators li {
    height: auto;
    max-width: 50px;
    width: 50px;
    border: none;
	opacity:1 !important;
	border-radius:8px	
}
	
.carousel-indicators .active img {
		border: 2px solid #28a745 !important;
	}

#gallery .carousel-control-next, #gallery .carousel-control-prev {background: #28a745 !important; height: 36px; width:36px; top: 45%; border-radius: 50% }

@media (min-width: 320px) and (max-width: 440px)
{
	.carousel-indicators{bottom:-50px;padding-left:140px;}
}

@media (min-width: 320px) and (max-width: 640px)
{
	.serv-card{width: 23%; margin: 1%; float: left; padding: 10px !important}
	.serv-card h6{display: none;}
	.serv-icon{font-size: 36px !important;}
	.sm-hide{display: none;}
	.tariff-list{border-radius: 15px}
	.home-banner{background-position: -100%;}
	.home-banner h1{font-size: 30px}
	.scroll-arrow{bottom:7%; top: auto;}
	.scroll-menu{bottom:14%; top: auto;}
	.navbar-nav{padding-top: 30px; min-height: 81vh}
	.navbar-nav a{font-size: 28px}
	.tariff-pics{position: fixed; width: 91%; display: none; z-index: 10000; top: 7%}
	.tariff-close{display: block !important;}
	.lg-hide{display: inline-block;}
	.carousel-indicators{bottom:-50px;left:0;}
	.carousel-thumbnails .carousel-indicators img { max-width: 30px; height: 20px;}
	.carousel-thumbnails .carousel-indicators li {max-width: 30px; width: 30px;}
	#gallery .carousel-control-next{right: -18px !important;}
	#gallery .carousel-control-prev{left: -18px !important;}
}

@media (min-width: 768px) and (max-width: 1023px)
{

.home-banner{min-height:55vh;}
.serv-card{width: 23%; margin: 1%; float: left; padding: 10px !important}
.sm-hide{display: none;}
.navbar-nav{padding-top: 30px; min-height: 50vh}
.navbar-nav a{font-size: 28px}
.tariff-pics{position: absolute; width: 93.5%; display: none; z-index: 50}
.tariff-close{display: block !important;}
.scroll-arrow{bottom:7%; top: auto;}
.scroll-menu{bottom:14%; top: auto;}
}

@media (min-width: 1024px) and (max-width: 1366px)
{
.home-banner{min-height:50vh;}

}