@charset "utf-8";

/* --------------------
   Fonts
   -------------------- */
   
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@500&display=swap');





/* --------------------
   Colour reference
   -------------------- 

dark blue 	#083A50
light blue 	#01BAEF
green 		#29DB64
orange 		#FFA630
grey 		#8C8A93

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



/* --------------------
   Define html scroll behaviour
   -------------------- */

/* html {
   scroll-behavior: smooth;
} */



/* --------------------
   Custom resets
   -------------------- */

a:hover {
	text-decoration: 					none;
}

:focus {
    outline: 							0;
}



/* banner - global styles */
.banner {
	border-radius: 						8px;
	color: 								#fff;
	height: 							25vh;
	padding: 							30px;
}
.banner h1 {
	color: 								#fff;
	font-family: 						Signika;
	font-display: 						swap;
	margin: 							0;
	padding: 							0;
	text-transform: 					uppercase;
}
.banner span {
	color: 								#fff;
	font-size: 							24px;
	margin: 							0;
	padding: 							0;
}
/* banner - page styles - not logged in */
	.inside .banner {
		background-position: 				center;
		background-size: 					cover;
	}
	
	.inside#about .banner {
		background-image: 					url('../img/banner-about.jpg');
	}
	.inside#careers .banner {
		background-image: 					url('../img/banner-careers.jpg');
	}
	.inside#contact .banner {
		background-image: 					url('../img/banner-contact.jpg');
	}
	.inside#covid .banner {
		background-image: 					url('../img/banner-covid.jpg');
	}
	.inside#faqs .banner {
		background-image: 					url('../img/banner-faqs.jpg');
	}
	.inside#legal .banner {
		background-image: 					url('../img/banner-legal.jpg');
	}
	.inside#services .banner {
		background-image: 					url('../img/banner-services.jpg');
	}
	.inside#services-hotels .banner {
		background-image: 					url('../img/banner-services.jpg');
	}
	.inside#services-groups .banner {
		background-image: 					url('../img/banner-services.jpg');
	}
	.inside#services-meetings .banner {
		background-image: 					url('../img/banner-services.jpg');
	}
	.inside#services-transfers .banner {
		background-image: 					url('../img/banner-services.jpg');
	}
	.inside#services-car-hire .banner {
		background-image: 					url('../img/banner-services.jpg');
	}
	.inside#secure .banner {
		background-image: 					url('../img/banner-secure.jpg');
	}
	.inside#solutions .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-corporate-travel-management .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-corporate-travel-management-technology .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-corporate-travel-management-supplier-management .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-corporate-travel-management-policy-creation .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-corporate-travel-management-the-traveller .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-corporate-travel-management-reporting .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-corporate-travel-management-expenses .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-corporate-travel-management-responsible-business .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-events-accommodation .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-events-accommodation-technology .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-events-accommodation-the-traveller .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#solutions-events-accommodation-reporting .banner {
		background-image: 					url('../img/banner-solutions.jpg');
	}
	.inside#support .banner {
		background-image: 					url('../img/banner-support.jpg');
	}

/* banner - page styles - logged in */
	.logged-in .banner {
		background-color: 					#083A50;
		background-image: 					url('../img/banner-generic.png');
		background-position: 				-100px;
		height: 							auto;
		padding: 							30px;
	}
	.logged-in#user-search .banner {
		/* background-image: 					url('../img/banner-support.jpg'); */
		opacity: 1;
	}
	.logged-in#user-search-results .banner {
		height: 							auto;
	}
	.logged-in#user-hotel-details .banner {
		height: 							auto;
	}
	.logged-in#user-hotel-details .banner h1,
	.logged-in#user-hotel-details .banner span {
		text-shadow: 						1px 1px #083A50;
	}


body {
	color:								#083A50;
    font-family: 						'Open Sans', sans-serif;
	font-display: 						swap;
}



.bkgrd-grey {
	background-color: 					rgba(140,138,147,0.05);
	padding: 							30px 0 30px 0;
}



/* button - all buttons */
.button {
	background-color: 					#01BAEF;
	border: 							#01BAEF 1px solid;
	border-radius: 						4px;
    color: 								#fff;
	font-size: 							12px;
    padding: 							6px 16px;
    text-transform: 					uppercase;
    
	-webkit-transition: 				all ease-in-out 0.25s;
		 -o-transition: 				all ease-in-out 0.25s;
			transition: 				all ease-in-out 0.25s;
}
.button:hover {
    background-color: 					#fff;
    color: 								#01BAEF;
    text-decoration: 					none;
    
	-webkit-transition: 				all ease-in-out 0.25s;
		 -o-transition: 				all ease-in-out 0.25s;
			transition: 				all ease-in-out 0.25s;
}

.button-green {
	background-color: 					#29DB64;
	border: 							#29DB64 1px solid;
	border-radius: 						4px;
    color: 								#fff;
	display: 							block;
	font-size: 							12px;
    padding: 							6px 16px;
	text-align: 						center;
    text-transform: 					uppercase;
    
	-webkit-transition: 				all ease-in-out 0.25s;
		 -o-transition: 				all ease-in-out 0.25s;
			transition: 				all ease-in-out 0.25s;
}
.button-green:hover {
    background-color: 					#fff;
    color: 								#29DB64;
    text-decoration: 					none;
    
	-webkit-transition: 				all ease-in-out 0.25s;
		 -o-transition: 				all ease-in-out 0.25s;
			transition: 				all ease-in-out 0.25s;
}



/* card - global styles */
.card {
	border-radius:						8px;
	color: 								#083A50;
	overflow: 							hidden;
}
.card-title {
	font-family: 						"Signika";
	font-display: 						swap;
}



/* carousel */
#carousel-bahd-home {
	border-radius: 						8px;
	overflow: 							hidden;
}
#carousel-bahd-home .carousel-control-prev,
#carousel-bahd-home .carousel-control-next {
	display: 							none;
}
#carousel-bahd-home .carousel-inner .carousel-item {
	height: 							45vh;
}
#carousel-bahd-home .carousel-inner .carousel-item .carousel-caption {
	right: 								inherit;
	left: 								30px;
}
#carousel-bahd-home .carousel-inner .carousel-item .carousel-caption h1 {
	color: 								#fff;
	font-family: 						Signika;
	font-display: 						swap;
	margin: 							0;
	padding: 							0;
	text-transform: 					uppercase;
}
#carousel-bahd-home .carousel-inner .carousel-item .carousel-caption span {
	color: 								#fff;
	font-size: 							24px;
	margin: 							0;
	padding: 							0;
}
#carousel-bahd-home .carousel-inner .slide-ctm {
	background-color: 					#000;
	background-image:					url('../img/banner-home-corporate-travel-management.jpg');
	background-position: 				center;
	background-size:					cover;
}
#carousel-bahd-home .carousel-inner .slide-ea {
	background-image:					url('../img/banner-home-events-accommodation.jpg');
	background-position: 				center;
	background-size:					cover;
}
#carousel-bahd-home ol.carousel-indicators {
	left: 								auto;
	margin-bottom: 						30px;
	margin-right: 						30px;
}
#carousel-bahd-home ol.carousel-indicators li {
	background-color: 					transparent;
	border: 							2px solid #01BAEF;
	border-radius: 						100%;
	height: 							10px;
	width: 								10px;
}
#carousel-bahd-home ol.carousel-indicators li.active {
	background-color: 					#01BAEF;
	border: 							2px solid #01BAEF;
	border-radius: 						100%;
	height: 							10px;
	width: 								10px;
}



/* cookie alert */
.cookiealert {
	background-color: 					#083A50;
    border-radius: 						0;
	color: 								#8C8A93;
	font-size: 							12px;
	position: 							fixed;	bottom: 0; left: 0;
	margin: 							0 !important;
    opacity: 							0;
	visibility: 						hidden;
	width: 								100%;
    z-index: 							9999;
    
    transform: 							translateY(100%);
    transition: 						all 500ms ease-out;
}
.cookiealert.show {
    opacity: 							1;
    visibility:							visible;
	
    transform: 							translateY(0%);
    transition-delay: 					250ms;
}
.cookiealert a {
	color: 								#01BAEF;
}



/* crumbtrail */
#crumbtrail {
	margin: 							-15px auto -45px auto;
}
#crumbtrail ul {
	list-style: 						none;
	margin: 							0;
	padding: 							0;
}
#crumbtrail ul li {
	color: 								#8C8A93;
	display: 							inline-block;
	font-size: 							11px;
	text-transform: 					uppercase;
}
#crumbtrail ul li.active {
	color: 								#29DB64;
}



/* footer */
footer {
    color: 								#8C8A93;
    font-size: 							12px;
    padding-bottom: 					30px;
    padding-top:						30px;
	margin-bottom:						60px;
}
footer a {
    color: 								#8C8A93;
}
footer a:hover {
    color: 								#01BAEF;
    text-decoration: 					none;
}
footer img {
	display: 							inline-block;
	height: 							50px;
	margin: 							30px 10px 30px 0;
}
footer ul {
	list-style: 						none;
	margin: 							0;
	padding: 							0;
}
footer .form-control {
	font-size: 							12px;
}



hr {
	border: 							none;
	border-top: 						#FFA630 1px solid;
	margin: 							90px auto 30px auto;
}



/* added to clean up
======================================================================
*/

#navbar-wrapper.sticky-top {
	top: 5px;
}

#navbar-quick-jump {
	background-color: #01BAEF !important; 
	border-radius: 8px; 
	padding: 10px;
	width: 100%;
}

#navbar-quick-jump .nav-link {
	color: #083A50;
	font-size: 10px;
	margin: 0;
	padding: 5px 5px;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		#navbar-quick-jump .nav-link {
			font-size: 14px;
			margin-right: 15px;
			padding: 5px 15px;
		}
}
#navbar-quick-jump .nav-link:hover:not(.active) {
	color: #fff;
}

#navbar-quick-jump .nav-pills .active {
	background-color: #fff;
}

.hotel-gallery-thumb {
	border-radius: 5px;
	height:15vh;
	margin-top: 15px;
	margin-bottom: 5px;
}

.hotel-location-map {
	border:0;
	border-radius: 5px;
	height:15vh;
	margin-top: 15px;
	width:100%;
}

#hotel-rooms {
	background-color: 					rgba(140,138,147,0.05);
	padding: 							30px 0 30px 0;
}

#hotel-rooms .card {
	border-color: transparent;
	overflow: visible;
}

#hotel-rooms ul.room-results > li {
	background-color: #fff;
	border: #01BAEF 1px solid;
	border-radius: 5px;
	padding: 15px 15px 10px 15px;
	width: 100%;
}

#hotel-rooms ul.room-results li h2 {
	font-size: 24px !important;
	text-transform: capitalize;
}

#hotel-rooms ul.room-results li table {
	font-size: 12px;
	width: 100%;
}
#hotel-rooms ul.room-results li table thead tr th,
#hotel-rooms ul.room-results li table tbody tr td {
	padding-bottom: 10px;
	padding-top: 10px;
}
#hotel-rooms ul.room-results li table tr  {
	border-top: #8C8A9326 1px solid;
}
#hotel-rooms ul.room-results li table tbody tr:hover {
	background-color: #8C8A931A;
}
#hotel-rooms ul.room-results li table td:last-child {
	text-align: right;
	width: 1%;
	white-space: nowrap;
}

#hotel-rooms ul.room-amenities {
	margin: 15px 0;
	padding: 0;
}
#hotel-rooms ul.room-amenities li {
	display: inline-block;
	font-size: 14px;
	margin-right: 15px;
}

#hotel-rooms .room-thumb {
	background-color: #8C8A93;
	background-size: cover;
	border-radius: 3px;
	float: left;
	margin-right: 15px;
	position: relative;
	width: 15%;
}
#hotel-rooms .room-thumb:after {
	content: "";
	display: block;
	padding-bottom: 75%;
}

#hotel-details .card i.fas,
#hotel-amenities .card i.fas,
#hotel-policies .card i.fas,
#hotel-rooms .card i.fas {
	display: block;
	font-size: 30px;
	margin-bottom: 5px;
}

#hotel-details .card-text i.fas,
#hotel-amenities .card-text i.fas,
#hotel-policies .card-text i.fas,
#hotel-rooms .card-text i.fas {
	display: inline-block;
	font-size: 18px;
}

#hotel-details ul,
#hotel-rooms ul,
#hotel-amenities ul,
#hotel-policies ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#hotel-details ul li,
#hotel-rooms ul li,
#hotel-amenities ul li,
#hotel-policies ul li {
	margin: 0 0 15px 0;

	/* for the column-fill style */
	-webkit-column-break-inside: avoid; 		/* Chrome, Safari */
			  page-break-inside: avoid;         /* Theoretically FF 20+ */
				   break-inside: avoid-column;  /* IE 11 */
						display: table;         /* Actually FF 20+ */
}

#hotel-amenities ul {
	column-count: 3;
	column-fill: auto;
}
#hotel-amenities ul li {
	font-size: 14px;
}

#hotel-details ul li h2,
#hotel-rooms ul li h2,
#hotel-amenities ul li h2,
#hotel-policies ul li h2 {
	font-family: 						"Signika";
	font-size: 							18px;
}

#hotelGalleryCarousel .carousel-inner .carousel-item {
	background-size: cover;
	background-position: center;
	border-radius: 5px;
	height: 15vh;
	margin-bottom: 5px;
}

#locationModal #map-display {
	height:calc(100vh - 45px);
	width:100%;
}

#payLaterModal table tbody tr td {
	padding-bottom: 10px;
	padding-right: 15px;
	padding-top: 10px;
}
#payLaterModal table tr  {
	border-top: #8C8A9326 1px solid;
}

.hotel-slider {
	text-align: center;
}

.outer { 
	margin:0 auto; 
	max-width:800px;
}
#big1 .item,
#big2 .item { 
	background-color: #083A50;
	background-size: contain;
	background-position: center; 
	background-repeat: no-repeat;
	border-radius: 5px; 
	color: #FFF; 
	height: 45vh; 
	margin: 2px; 
	text-align: center; 
}

#thumbs1 .item,
#thumbs2 .item  { 
	background-size: cover; 
	border-radius: 5px; 
	color: #FFF; 
	cursor: pointer; 
	display: block; 
	height:70px; 
	line-height:70px; 
	padding: 0px; 
	margin:2px; 
	text-align: center; 
}
/* #thumbs .item h1 { font-size: 18px; } */
#thumbs1 .current .item,
#thumbs2 .current .item  { 
	background:#FF5722; 
}


.hotel-placeholder-image {
	background-size: cover;
	border-radius: 5px;
	height: 45vh;
}


/* #big .item h1,
#thumbs .item h1 {
	opacity: 0;
} */

.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }

#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, 
#big.owl-theme .owl-prev { background:transparent; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }

#thumbs.owl-theme .owl-next, 
#thumbs.owl-theme .owl-prev { background:transparent; }

#thumbs .owl-stage-outer {
	margin-left: 5%;
	width: 90%;
}

#thumbs.owl-theme .owl-next, 
#thumbs.owl-theme .owl-prev { position: absolute; }

#thumbs.owl-theme .owl-next { top: 35%; right: 0;}
#thumbs.owl-theme .owl-prev { top: 35%; left: 0;}


/* magnific popup styles */

button.mfp-arrow{
	height: 45px !important;
}
.mfp-arrow-left {
	background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjM5cHgiIGhlaWdodD0iMzlweCI+CjxnPgoJPHBhdGggZD0iTTE0NS4xODgsMjM4LjU3NWwyMTUuNS0yMTUuNWM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMXMtMTMuOC01LjMtMTkuMSwwbC0yMjUuMSwyMjUuMWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFsMjI1LjEsMjI1ICAgYzIuNiwyLjYsNi4xLDQsOS41LDRzNi45LTEuMyw5LjUtNGM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMUwxNDUuMTg4LDIzOC41NzV6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+) no-Repeat top left !important;
	width: 39px;
	height: 39px;
}
.mfp-arrow-right {
	background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ny4xNzUgNDc3LjE3NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjE3NSA0NzcuMTc1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjM5cHgiIGhlaWdodD0iMzlweCI+CjxnPgoJPHBhdGggZD0iTTM2MC43MzEsMjI5LjA3NWwtMjI1LjEtMjI1LjFjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwcy01LjMsMTMuOCwwLDE5LjFsMjE1LjUsMjE1LjVsLTIxNS41LDIxNS41ICAgYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWMyLjYsMi42LDYuMSw0LDkuNSw0YzMuNCwwLDYuOS0xLjMsOS41LTRsMjI1LjEtMjI1LjFDMzY1LjkzMSwyNDIuODc1LDM2NS45MzEsMjM0LjI3NSwzNjAuNzMxLDIyOS4wNzV6ICAgIiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+) no-Repeat top right !important;
	width: 39px;
	height: 39px;
}
.mfp-arrow-left::before,
.mfp-arrow-right::before {
	display: none;
	content:''
}
.mfp-arrow-left::after,
.mfp-arrow-right::after {
	display: none;
	content:''
}





/* confirmation page styles
=====================================================================
*/

#confirmed-booking table tbody tr td {
	padding-bottom: 10px;
	padding-right: 15px;
	padding-top: 10px;
}
#confirmed-booking table tr  {
	border-top: #8C8A9326 1px solid;
}
#confirmation-thank-you .container .row div {
	background-color: #29DB64;
	border-radius: 5px;
	padding: 15px;
}


/* search results page styles 
=====================================================================
*/

.modal.modal-fullscreen .modal-dialog {		
	width:100vw;	
	height:100vh;
	margin:0;
	padding:0;
	max-width:none;
}

.modal.modal-fullscreen .modal-content {		
	height:auto;
	height:100vh;
	border-radius:0;
	border:none;
}

.modal.modal-fullscreen .modal-body {
	overflow-y:auto;
}


#mapModal #map-display {
	height:calc(100vh - 45px);
	width:100%;
}

/* #mapModal .gm-style .gm-style-iw-c {
	background-color: #FFA630;
} */

#mapModal .info-window {
	line-height: 18px;
	padding: 5px;
	min-width: 15vw;
}

#mapModal .info-window .fa-star,
#mapModal .info-window .fa-star-half {
	color: #FFA630;
}

#mapModal .info-window .hotel-thumb {
	background-color: #FFA630;
	background-size: cover;
	float: left;
	height: 120px;
	margin-right: 10px;
	width: 120px;
}

#mapModal .info-window .button {
	float: right;
}



/* hotel search form start
====================================================================== cleanup css here
*/

#hotel-search-form form .row .col-xl-2,
#hotel-search-form form .row .col-xl-3,
#hotel-search-form form .row .col-xl-4,
#hotel-search-form form .row .col-12 {
	background-color: #FFA630;
}

#hotel-search-form form .row .col-xl-4:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#hotel-search-form form .row .col-xl-2:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		#hotel-search-form form .row .col-xl-4:first-child {
			border-top-right-radius: 0;
			border-bottom-left-radius: 5px;
		}
		#hotel-search-form form .row .col-xl-2:last-child {
			border-top-right-radius: 5px;
			border-bottom-left-radius: 0;
		}
}

#hotel-search-form form .row .col-12:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#hotel-search-form form .row .col-12:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#hotel-search-form input,
#hotel-search-form textarea {
	border: none;
	margin: 0;
	outline: none;

	-webkit-box-shadow: none;
		-moz-box-shadow: none;
			box-shadow: none;
	/*width: 100%;*/
}
#hotel-search-form input:disabled {
	background: transparent;
	cursor: pointer;
}

#hotel-search-form .input--style-1 {
	padding: 5px 0;
	padding-top: 0px;
	text-transform: uppercase;
	color: #ffffff;
}
#hotel-search-form .input--style-1::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #8C8A93;
}
#hotel-search-form .input--style-1:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #8C8A93;
	opacity: 1;
}
#hotel-search-form .input--style-1::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #8C8A93;
	opacity: 1;
}
#hotel-search-form .input--style-1:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #8C8A93;
}
#hotel-search-form .input--style-1:-ms-input-placeholder {
	/* Microsoft Edge */
	color: #8C8A93;
}

/* js select */

#hotel-search-form .quantity {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	float: right;
}
#hotel-search-form .quantity > input {
	background-color: transparent;
	color: #8C8A93;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	width: 55px;

	-webkit-appearance: none;
}

#hotel-search-form .minus,
#hotel-search-form .plus {
	background-color: #01BAEF;
	border: 1px solid #01BAEF;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 24px;
	height: 30px;
	line-height: 24px;
	text-align: center;
	width: 30px;
	
	-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
			border-radius: 50%;
	
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
#hotel-search-form .minus:hover,
#hotel-search-form .plus:hover {
	background-color: #ffffff;
	color: #01BAEF;
}

#hotel-search-form .list-room {
	list-style: none;
	margin: 0;
	max-height: 324px;
	overflow-y: auto;
	padding: 0;
	padding-right: 15px;
}

#hotel-search-form .list-room::-webkit-scrollbar {				/* Width */
	width: 5px;
}
#hotel-search-form .list-room::-webkit-scrollbar-track {		/* Track */
	background: #fff;
}
#hotel-search-form .list-room::-webkit-scrollbar-thumb {		/* Handle */
	background: #01BAEF;
}
#hotel-search-form .list-room::-webkit-scrollbar-thumb:hover {	/* Handle on hover */
	background: #083A50;
}

#hotel-search-form .list-room__item {
	margin-bottom: 45px;
}

#hotel-search-form .list-room__footer {
	border-top: 1px solid #FFA630;
	padding-top: 15px;
}

#hotel-search-form .list-room__name {
	color: #8C8A93;
	display: block;
	font-weight: bold;
	margin-bottom: 25px;
}

#hotel-search-form .list-person {
	list-style: none;
	margin: 0;
	padding: 0;
}

#hotel-search-form .list-person .list-person__item {
	margin-bottom: 30px;
}
#hotel-search-form .list-person .list-person__item:last-child {
	margin-bottom: 0;
}

#hotel-search-form .list-person .list-person__item .child-age {
	background-color: #01BAEF !important;
	color: #fff;
	height: auto;
	line-height: auto;
	margin-top: 10px;
	padding: 2px;
}

#hotel-search-form .list-person__item::after {
	clear: both;
	content: "";
	display: table;
}

#hotel-search-form .list-person__item .name {
	color: #8C8A93;
	display: inline-block;
	margin-top: 5px;
}

#hotel-search-form input[type=number]::-webkit-inner-spin-button,
#hotel-search-form input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

#hotel-search-form #btn-add-room,
#hotel-search-form #btn-remove-room {
	background-color: #01BAEF;
	border: #01BAEF 1px solid;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	padding: 5px 15px;
	
	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
		 -o-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
#hotel-search-form #btn-add-room:hover,
#hotel-search-form #btn-remove-room:hover {
	background-color: #fff;
	border: #01BAEF 1px solid;
	color: #01BAEF;
}
#hotel-search-form #btn-remove-room {
	display: none;
}

#hotel-search-form .dropdown-select {
	background-color: #fff;
	border: #FFA630 1px solid;
	display: none;
	padding: 15px;
	position: absolute;
	left: 0;
	right: 0;
	top: -webkit-calc(100% + 2px);
	top: -moz-calc(100% + 2px);
	top: calc(100% + 2px);
	z-index: 999;
	
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			border-radius: 5px;
}
#hotel-search-form .dropdown-select.show {
	display: block;
}

#hotel-search-form #promocode-search {
	display: block;
	
}
#hotel-search-form #promocode-search.hide {
	display: none;
}

#hotel-search-form .form-group {
	margin: 0; /* remove default margin */
	position: relative;
}

#hotel-search-form .form-control {
	background-color: #fff !important;
	/* border: #FFA630 1px solid; */
	border-radius: 3px;
	color: #8C8A93;
	font-size: 14px;
	height: 60px;
	padding: 15px 15px 0px 35px;

	-webkit-box-shadow: 0px 0px 0px 2px transparent;
			box-shadow: 0px 0px 0px 2px transparent;

	-webkit-transition: 0.2s;
			transition: 0.2s
}

#hotel-search-form .form-control::placeholder { 		/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #8C8A93;
	opacity: 0.5; /* Firefox */
}
#hotel-search-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #8C8A93;
}
#hotel-search-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
	color: #8C8A93;
}

#hotel-search-form .form-label {
	color:#083A50;
	font-size: 10px;
	font-weight: bold;
	position: absolute; top: 7px; left: 15px;
	text-transform: uppercase;
	z-index: 10;
	
	-webkit-transition: 0.2s all;
			transition: 0.2s all;
}

#hotel-search-form #promocode-search #promocode {
	padding-top: 3px;
	padding-bottom: 3px;
}
#hotel-search-form #promocode-search #promocode label {
	display: flex;
	align-items: center;
	font-size: 10px;
}
#hotel-search-form #promocode-search #promocode input[type=checkbox] {
	flex: none;
	margin-right: 5px;
}

#hotel-search-form #promocode-search .button {
	display:block; 
	text-align: center; 
	width:100% !important;
}

#hotel-search-form #destination-email {
	display: block;
	font-size: 11px;
	/* padding-left: 13px; */
	padding-top: 4px;
	padding-bottom: 8px;
	text-align: center;
}

#hotel-search-form #destination-icon::before {
	color: 						#8C8A93;
	content: 					"\f3c5";
	font-size: 					15px;
	left:						15px;
	position:					absolute;
	top:						27px;
	z-index: 					1;
	
	/* required for FontAwesome to display correctly */
	font-family: 				'Font Awesome 5 Free';
	font-weight: 				900; 
	font-style: 				normal;
	font-variant: 				normal;
	text-rendering:				auto;
	-webkit-font-smoothing: 	antialiased;
}

#hotel-search-form #daterange-icon::before {
	color: 						#8C8A93;
	content: 					"\f073";
	font-size: 					15px;
	left:						15px;
	position:					absolute;
	top:						27px;
	z-index: 					99;

	/* required for FontAwesome to display correctly */
	font-family: 				'Font Awesome 5 Free';
	font-weight: 				900; 
	font-style: 				normal;
	font-variant: 				normal;
	text-rendering:				auto;
	-webkit-font-smoothing: 	antialiased;
}

.daterangepicker .btn-primary {
	background-color: 			#01BAEF;
	border-color: 				#01BAEF;
}
.daterangepicker td.active, 
.daterangepicker td.active:hover {
	background-color: 			#083A50;
}
.daterangepicker td.in-range {
    background-color: 			#29DB64;
}
.daterangepicker td.end-date {
    background-color: 			#083A50;
}

/* #hotel-search-form #datepicker1-icon::before,
#hotel-search-form #datepicker2-icon::before {
	color: 						#8C8A93;
	content: 					"\f073";
	font-size: 					15px;
	left:						15px;
	position:					absolute;
	top:						27px;
	z-index: 					99;

	font-family: 				'Font Awesome 5 Free';
	font-weight: 				900; 
	font-style: 				normal;
	font-variant: 				normal;
	text-rendering:				auto;
	-webkit-font-smoothing: 	antialiased;
} */

#hotel-search-form #travellers-icon::before {
	color: 						#8C8A93;
	content: 					"\e065";
	font-size: 					15px;
	left:						15px;
	position:					absolute;
	top:						27px;
	z-index: 					1;

	/* required for FontAwesome to display correctly */
	font-family: 				'Font Awesome 5 Free';
	font-weight: 				900; 
	font-style: 				normal;
	font-variant: 				normal;
	text-rendering:				auto;
	-webkit-font-smoothing: 	antialiased;
}

/* hotel search form end
========================================
*/

#hotel-office-location-policies .card {
	border: 							#01BAEF 2px solid;
	margin-bottom: 						30px;
}
#hotel-office-location-policies .card-body {
	padding: 							30px 30px 15px 30px;
}
#hotel-office-location-policies .card-title {
	font-size:							36px;
}

#hotel-office-location-policies .card table {
	width: 100%;
}
#hotel-office-location-policies .card table thead tr th,
#hotel-office-location-policies .card table tbody tr td {
	padding-bottom: 10px;
	padding-top: 10px;
}
#hotel-office-location-policies .card table tr  {
	border-top: #8C8A9326 1px solid;
}
#hotel-office-location-policies .card table tbody tr td i {
	color: #FFA630;
}



.hero-icon {
	font-size: 							48px !important;
	margin:								0 auto 10px auto;
}



/* faqs page */
.btn:focus, .btn:active {
	outline: none !important;
	box-shadow: none !important;
}

#faqs section.accordion .card {
	border: 							none;
}
#faqs section.accordion .card-header {
	background-color: 					transparent;
	border: 							none;
}
#faqs section.accordion .card-header h2 {
	background-color: 					#01BAEF;
	border-radius: 						8px;
}
#faqs section.accordion .card-header h2 button {
	color: 								#fff;
	text-align: 						left;
	width: 								100%;
}
#faqs section.accordion .card-header [data-toggle="collapse"] .fas {
	font-size: 							22px;
	transition: 						all .5s;
	
	-webkit-transform: 					rotate(-90deg);
	   -moz-transform: 					rotate(-90deg);
			transform: 					rotate(-90deg);
}
#faqs section.accordion .card-header [data-toggle="collapse"].collapsed .fas {
	transition: 						all .5s;
	
	-webkit-transform: 					rotate(90deg);
       -moz-transform: 					rotate(90deg);
			transform: 					rotate(90deg);
}



.logged-in#user-my-trips #my-trips-table th, 
.logged-in#user-my-trips #my-trips-table tr td {
	color: 								#083A50;
	font-size: 							14px;
}

.logged-in#user-my-searches #my-searches-table th, 
.logged-in#user-my-searches #my-searches-table tr td {
	color: 								#083A50;
	font-size: 							14px;
}

.logged-in#user-office-location #search-office-location-input {
	border: #8C8A9380 1px solid;
	border-radius: 5px;
}

.logged-in ul.currencies-all,
.logged-in ul.currencies-top {
	margin: 							0;
	padding: 							0;
	column-count: 						4;
	column-fill: 						auto;
}

.logged-in ul.currencies-top li,
.logged-in ul.currencies-all li {
	margin: 							0 0 5px -10px;
	padding: 							10px;
	width: 								100%;

	/* for the column-fill style */
	-webkit-column-break-inside: 		avoid; 		/* Chrome, Safari */
			  page-break-inside: 		avoid;         /* Theoretically FF 20+ */
				   break-inside: 		avoid-column;  /* IE 11 */
						display: 		table;         /* Actually FF 20+ */
}

.logged-in ul.currencies-all li:hover,
.logged-in ul.currencies-top li:hover {
	background-color: 					#8C8A9326;
}

.logged-in ul.currencies-all li span,
.logged-in ul.currencies-top li span {
	display: 							inline-block;
	font-weight: 						bold;
	width: 								45px;
}



/* login page */
#login section {
	height: 							100vh;
}
#login section .background {
	background-image: 					url('../img/background-login.jpg');
	background-position: 				center;
	background-size: 					cover;
	border-radius: 						8px;
	padding: 							60px;
	width: 								100%;
}
#login section .copyright {
	font-size: 							12px;
}
#login section form p {
	margin-top: 						15px;
}
#login section form a {
	color: 								#083A50;
	display: 							inline-block;
	font-size: 							14px;
}
#login section form a:hover {
	color: 								#083A50;
	display: 							inline-block;
	font-size: 							14px;
	text-decoration: 					underline;
}
#login section form input {
	text-align: 						center;
}
#login section hr {
	margin: 							0;
}



.logo {
    height: 							60px;
	margin: 							30px auto;
}



/* --------------------
   #navbar_main Navbar start
   -------------------- */
#navbar_main.navbar {
	background-color: 					rgba(255, 255, 255, 1) !important;
	
	-webkit-transition: 				all ease-in-out 0.5s;
		 -o-transition: 				all ease-in-out 0.5s;
			transition: 				all ease-in-out 0.5s;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		#navbar_main.navbar {
		background-color: 					rgba(0, 0, 0, 0) !important;
		padding-left:						45px;
		padding-right:						30px;
		
		-webkit-transition: 				all ease-in-out 0.5s;
			 -o-transition: 				all ease-in-out 0.5s;
				transition: 				all ease-in-out 0.5s;
	}
}
#navbar_main.navbar .dropdown-menu {
	background-color: 					#8C8A93;
	font-size: 							12px;
}
@media 
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		#navbar_main .dropdown-menu .dropdown-toggle:after{
			border-top: 					.3em solid transparent;
			border-right: 					0;
			border-bottom: 					.3em solid transparent;
			border-left: 					.3em solid;
		}
		#navbar_main .dropdown-menu .dropdown-menu{
			margin-left:					0; 
			margin-right: 					0;
		}
		#navbar_main .dropdown-menu li{
			position: 						relative;
		}
		#navbar_main .dropdown-menu > li:hover{ 
			background-color: 				#083A50; 
		}
		#navbar_main .dropdown-menu > li:hover > .submenu{
			display: 						block;
		}
		#navbar_main .nav-item .submenu{ 
			display: 						none;
			position: 						absolute;
			left:							100%; 
			top:							-11px;
		}
		#navbar_main .nav-item .submenu-left{ 
			right:							100%; 
			left:							auto;
		}
}
#navbar_main.navbar .dropdown-menu.login {
	left: 								-42px !important;
}
#navbar_main.navbar .dropdown-item {
    color: 								#fff;
}
#navbar_main.navbar .dropdown-item:hover {
	background-color: 					#01BAEF;
}
#navbar_main.navbar .dropdown-item.active {
    background-color: 					#01BAEF;
}
#navbar_main.navbar .dropdown-item i {
	line-height: 						18px;
	position: 							absolute;
	right: 								10px;
	
	-webkit-transform: 					rotate(90deg);
       -moz-transform: 					rotate(90deg);
			transform: 					rotate(90deg);
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		#navbar_main.navbar .dropdown-item i {
		
		-webkit-transform: 					rotate(0deg);
		   -moz-transform: 					rotate(0deg);
				transform: 					rotate(0deg);
	}
}
#navbar_main.navbar .nav-link {
    color: 								#083A50 !important;
    font-size: 							12px;
    line-height: 						auto;
    margin-left: 						10px;
    margin-right: 						10px;
    text-transform: 					uppercase;
    
	-webkit-transition: 				all ease-in-out 0.5s;
		 -o-transition: 				all ease-in-out 0.5s;
			transition: 				all ease-in-out 0.5s;
}
#navbar_main.navbar .nav-link:hover {
    color: 								#f90 !important;
}
#navbar_main.navbar .navbar-toggler {
    border-color: 						#01BAEF;
}
#navbar_main.navbar .navbar-toggler-icon {
    background-image: 					url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(1,186,239, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#navbar_main.navbar .nav-item::after {
    background: 						#FFA630;
    content: 							"";
    display: 							block;
    height: 							1px;
    margin: 							0 0 0 10%;
    width: 								0;
    transition: 						width 0.3s;
}
#navbar_main.navbar .nav-item:hover::after {
    background: 						#FFA630;
    content: 							"";
    display: 							block;
    height: 							1px;
    margin: 							0 10% 0 10%;
    width: 								calc(100% - 15px);
    transition: 						width 0.3s;
}
#navbar_main.navbar .nav-item.active::after {
    background: 						#FFA630;
    content: 							"";
    display: 							block;
    height: 							1px;
    margin-left: 						10px;
    width: 								calc(100% - 20px);
}
/* --------------------
   #navbar_main Navbar end
   -------------------- */



.no-gutters {
    margin: 							auto;
	padding: 							auto;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	screen and (min-width: 768px),
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
	.no-gutters {
		margin: 							0 -15px 0 -15px;
		padding: 							0 -15px 0 -15px;
	}
}



.padded-content {
	padding: 							0px;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	screen and (min-width: 768px),
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
	.padded-content {
		padding: 							0px 30px;
	}
}



/* section - global styles */
section {
	opacity: 							1; /* default value to not throw an error if left blank */
}
section h1 {
	font-size:							18px;
	font-weight:						bold;
	text-transform: 					uppercase;
}



/* content */
section#content img {
	border-radius: 						8px;
}
section#content h5 {
	margin: 							15px auto 0 auto;
}
section#content h5::after {
    background: 						#083A50;
    content: 							"";
    display: 							block;
    height: 							1px;
	margin:								15px 0 15px 0;
    width: 								60px;
}



/* covid */
section.covid-who .card {
	border: 							#01BAEF 2px solid;
	margin-bottom: 						30px;
}
section.covid-who .card .card-body {
	padding: 							30px;
}
section.covid-who .card-title {
	font-size:							36px;
}



/* cookies 
section#cookies {
	background-color: 					#083A50;
	color: 								#8C8A93;
	font-size: 							12px;
}
section#cookies .container .row .col {
	height:								45px;
}*/


/* description - global styles */
section#description {
	background-color: 					rgba(140,138,147,0.05);
	padding: 							30px 0 30px 0;
}
/* description - level styles */
	.level3 section#description h1 {
		font-family: 						Signika;
		font-display:						swap;
	}
	.level3 section#description h1::after {
		background: 						#083A50;
		content: 							"";
		display: 							block;
		height: 							1px;
		margin:								15px 0 15px 0;
		width: 								60px;
	}



/* info bar */
section#info {
	background-color: 					#01BAEF;
	color: 								#fff;
	font-size: 							14px;
	height: 							45px;
	line-height: 						45px;
}
section#info i {
	margin-left:						30px;
}
section#info a {
	color:								#fff;
}



/* intro */
.index section#intro {
	margin: 							60px 0 0 0;
}
.inside section#intro {
	opacity: 							1; /* default value to not throw an error if left blank */
}



/* cards - global styles */
section.cards {
	background-color: 					rgba(140,138,147,0.05);
	padding: 							30px 0 30px 0;
}
section.cards h1 {
	margin: 							0 auto 30px auto;
	padding: 							0;
}
section.cards .card {
	margin: 							0 0 30px 0;
}
section.cards .card .arrow {
	color: 								#01BAEF;
}
section.cards .card:hover .arrow {
	animation: 							shimmy 0.25s infinite;
	animation-direction: 				alternate;
}
@keyframes shimmy {
  0% {
	transform: 							translate(0, 0);    
  }
  100% {
	transform:							translate(3px, 3px);
  }
}
section.cards .card h5 {
	text-transform: 					uppercase;
}
/* cards - level styles */
	.level2 section.cards .card h5::after {
		background: 						#083A50;
		content: 							"";
		display: 							block;
		height: 							1px;
		margin:								15px 0 15px 0;
		width: 								60px;
	}
	.level1 section.cards .card h6::after {
		background: 						#083A50;
		content: 							"";
		display: 							block;
		height: 							1px;
		margin:								15px 0 15px 0;
		width: 								60px;
	}
	


/* google map */
section#map #map-display {
	border: 							0;
	border-radius: 						8px;
	height: 							35vh;
	width: 								100%;
}


/* get in touch */
section#get-in-touch a {
	color: 								#fff;
}



/* request a demo */
.index section.request-a-demo {
	background-image: 					linear-gradient(#fff 75%, #083A50 25%);
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	screen and (min-width: 768px),
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
	.index section.request-a-demo {
		background-image: 					linear-gradient(#fff 50%, #083A50 50%);
	}
}
.inside section.request-a-demo {
	margin:								60px auto 0 auto;
}
section.request-a-demo .card {
	border: 							#01BAEF 2px solid;
	margin-bottom: 						30px;
}
section.request-a-demo .card .card-body {
	padding: 							30px;
}
section.request-a-demo .card-title {
	font-size:							36px;
}



/* get in touch */
section#get-in-touch {
	background-color: 					#083A50;
	color: 								#fff;
	padding-bottom: 					60px;
}
section#get-in-touch h1 {
	margin: 							0;
	padding: 							0;
}



/* service partners */
section#service-partners img {
	height: 							60px;
	margin: 							30px 30px 0 0;
}



/* timeline */
section#timeline .milestone .circle {
	color: 								#fff;
	background-color: 					#29DB64;
	border-radius: 						50%;
	padding: 							13px 20px;
	max-height: 						50px;
	z-index: 							2;
}
section#timeline .milestone .col-2 {
	align-self: 						stretch;
}
section#timeline .milestone .col-2::after {
	border-left: 						3px solid #29DB64;
	content: 							"";
	position: 							absolute;
	z-index: 							1;
}
section#timeline .milestone .col-2.bottom::after {
	height: 							50%;
	left: 								50%;
	top: 								50%;
}
section#timeline .milestone .col-2.full::after {
	height: 							100%;
	left: 								calc(50% - 3px);
}
section#timeline .milestone .col-2.top::after {
	height: 							50%;
	left:								50%;
	top: 								0;
}
section#timeline .timeline div {
	padding: 							0;
	height: 							40px;
}
section#timeline .timeline hr {
	border-top: 						3px solid #29DB64;
	margin: 							0;
	position: 							relative;
	top: 								17px;
}
section#timeline .timeline .col-2 {
	display: 							flex;
	overflow: 							hidden;
}
section#timeline .timeline .corner {
	border: 							3px solid #29DB64;
	border-radius: 						15px;
	position: 							relative;
	width: 								100%;
}
section#timeline .timeline .top-right {
	left: 								calc(50% - 3px);
	top: 								-50%;
}
section#timeline .timeline .left-bottom {
	left: 								-50%;
	top: 								calc(50% - 3px);
}
section#timeline .timeline .top-left {
	left: 								-50%;
	top: 								-50%;
}
section#timeline .timeline .right-bottom {
	left: 								calc(50% - 3px);
	top: 								calc(50% - 3px);
}



/* hotel search results styles start 
====================================================================== clean up css here
*/

.btn-bahd {
	background-color: 					#01BAEF;
	color: 								#fff;
	font-size: 							12px;
	text-transform: 					uppercase;
}
.btn-bahd:hover {
	background-color: 					#fff;
	border: 							#01BAEF 1px solid;
	color: 								#01BAEF;
}
.btn-bahd.active {
	background-color: 					#fff;
	border: 							#01BAEF 1px solid;
	color: 								#01BAEF;
}

.btn-group .dropdown-menu .active {
	background-color: 					#01BAEF;
}
.btn:focus, 
.btn:active {
	outline: 							none !important;
	box-shadow: 						none !important;
}

.filters {
	font-size: 							12px;
	margin-bottom: 						15px;
}

.filters.sticky-top {
	top: 								45px;
}

#modify-search {
	display: 							none;
	position: 							fixed;	top: 0; left: 0; right: 0;
	z-index: 							999;
}

#modify-search .col-3 {
	background-color: #FFA630;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	color: #fff;
	font-size: 14px;
	padding: 5px 15px;
	text-align: center;
	text-transform: uppercase;
}

#modify-search .col-3 a {
	color: #fff;
}

.pagination .page-item .page-link {
	background-color: 					#8C8A9380;
	border: 							none;
	color: 								#fff;
}

.pagination .page-item.active .page-link {
	background-color: 					#01BAEF;
	border-color: 						none;
	color: 								#fff;
}

/* accordion */

/*#search-results .filters .card {
	border: 							none;
}*/
#search-results {
	background-color: 					rgba(140,138,147,0.05);
	padding: 							30px 0 30px 0;
}
#search-results .filters .card-header {
	/* background-color: 					#8C8A9380; */
	background-color: 					#083A50;
	border: 							none;
	padding: 							0 15px;
}

#search-results .filters .card-header h2 button {	
	color: 								#fff;
	font-size: 							12px;
	margin: 							0;
	padding: 							0;
	text-align: 						left;
	text-transform: 					uppercase;
	width: 								100%;
}

#search-results .filters .card-header [data-toggle="collapse"] .fas {
	font-size: 							14px;
	transition: 						all .5s;
	
	-webkit-transform: 					rotate(-90deg);
	-moz-transform: 					rotate(-90deg);
			transform: 					rotate(-90deg);
}
#search-results .filters .card-header [data-toggle="collapse"].collapsed .fas {
	transition: 						all .5s;
	
	-webkit-transform: 					rotate(90deg);
	-moz-transform: 					rotate(90deg);
			transform: 					rotate(90deg);
}
#search-results .filters .card-body {
	background-color: 					none;
	/*border-left: 						#8C8A9380 1px solid;
	border-right:  						#8C8A9380 1px solid;*/
	padding: 							10px;
	/* border: 							none; */
}



.filter-search input[type=text] {
	background-color: 	#fff;
	border: 			#8C8A9340 1px solid;
	border-radius: 		3px;
	float: 				left;
	line-height: 		14px;
	margin-right: 		5px;
	padding: 			6px;
	width: 				calc(70% - 5px);
}

#search-results .filters .form-check {
	margin-bottom: 5px;
}
#search-results .filters .form-check-input {
	opacity: 0;
	position: absolute;
}
#search-results .filters .form-check-input + label {
	cursor: pointer;
	margin-left: -15px;
	position: relative;
}
#search-results .filters .form-check-input + label:before {
	background-color: #fff;
	border: #01BAEF 1px solid;
	border-radius: 3px;
	content: "";
	display: inline-block;
	height: 18px;
	margin-right: 10px;
	width: 18px;
	vertical-align: text-top;
}
#search-results .filters .form-check-input:hover + label:before {
	background-color: #01BAEF;
}
#search-results .filters .form-check-input:focus + label:before {
	box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.10);
}
#search-results .filters .form-check-input:checked + label:before {
	background-color: #01BAEF;
}
#search-results .filters .form-check-input:disabled + label {
	color: #8C8A93;
	cursor: auto;
}
#search-results .filters .form-check-input:disabled + label:before {
	box-shadow: none;
	background-color: #8C8A93;
}
#search-results .filters .form-check-input:checked + label:after {
	background-color: #fff;
	content: "";
	height: 2px;
	position: absolute;	top: 8px; left: 4px;
	width: 2px;
	
	box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
	transform: rotate(45deg);
}

#search-results .filters .form-check .fa-star,
#search-results .filters .form-check .fa-star-half-alt {
	color: #FFA630;
}




/* Style the submit button */
.filter-search button {
	float: left;
	width: 30%;
}

/* Clear floats */
.filter-search::after {
	content: "";
	clear: both;
	display: table;
}


.hotel-results {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
}

.hotel-results li {
	background-color: #fff;
	border: #01BAEF 1px solid;
	border-radius: 8px;
	display: block;
	float: left;
	margin-bottom: 15px;
	padding: 10px;
	width: 100%;
}

.hotel-thumb {
	background-color: #8C8A93;
	background-size: cover;
	border-radius: 3px;
	position: relative;
	width: 100%;
}
.hotel-thumb:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.hotel-thumb .arrow {
	color: 								#01BAEF;
	position: absolute; bottom: 5px; right: 5px;
}
.hotel-thumb:hover .arrow {
	animation: 							shimmy 0.25s infinite;
	animation-direction: 				alternate;
}
@keyframes shimmy {
	0% {
		transform: 							translate(0, 0);    
	}
	100% {
		transform:							translate(3px, 3px);
	}
}
.hotel-ribbon {
	background-color: #01BAEF;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 10px;
	position: absolute;	top: 5px; left: 5px;
	text-transform: uppercase;
}
.hotel-name {
	color: #083A50;
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 5px;
}
.hotel-name:hover {
	color: #01BAEF;
}
.hotel-address {
	display: block;
	font-size: 12px;
	margin-bottom: 1px;
}
.hotel-show-map-link {
	color: #083A50;
	font-weight: bold;
}
.hotel-show-map-link:hover {
	color: #01BAEF;
}
.hotel-proximity {
	display: block;
	font-size: 10px;
	margin-bottom: 15px;
}
.hotel-room-details {
	display: block;
	margin-bottom: 1px;
}
.hotel-rating-review {
	width: 100%;
}
.hotel-star-rating {
	color: #FFA630;
	float:left;
	font-size: 14px;
	line-height: 26px;
}
.hotel-review-score {
	display: inline-block;
	font-size: 10px;
	margin-bottom: 15px;
}
.hotel-score-number {
	background-color:#083A50;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
	padding: 5px;
	text-align: center;
	width: 24px;
}
.hotel-nights {
	font-size: 12px;
	margin-bottom: 1px;
}
.hotel-price {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

/* price range slider
======================================================================
*/

.ui-draggable, .ui-droppable {
	background-position: top;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
	background: #01BAEF !important; 
}

#price-range,
#proximity {
	background-color: transparent;
	border: none; 
	color:#083A50;
	padding: 5px;
}


/* hotel search results styles end 
======================================================================
*/

.hotel-hero {
	background-color: #083A50;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border-radius: 5px;
	height: 25vh;
	margin-bottom: 30px;
}

.ui-autocomplete.ui-widget.ui-widget-content {
	border: 1px solid #FFA630;
	border-radius: 5px;
}
.ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item:hover {
	background-color: #01BAEF;
	border: transparent;
}
.ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper {
	background-color: transparent;
	border: transparent;
	color: #083A50;
}

/* #recent-searches .filter-search input[type=text] {
	background-color: 	#fff;
	border: 			#8C8A9340 1px solid;
	border-radius: 		3px;
	float: 				left;
	font-size: 			12px;
	height: 			28px;
	line-height: 		14px;
	margin-right: 		5px;
	padding: 			6px;
	width: 				calc(70% - 5px);
}

#recent-searches .recent-search-results li {
	background-color: #fff;
	border: #01BAEF 1px solid;
	border-radius: 8px;
	display: block;
	float: left;
	margin-bottom: 15px;
	padding: 10px;
	width: 100%;
} */

#user-my-trips .list-group-item.active {
    background-color: #01BAEF;
    border-color: #01BAEF;
}

.my-trips-search-results li {
	background-color: #fff;
	border: #01BAEF 1px solid;
	border-radius: 8px;
	display: block;
	float: left;
	margin-bottom: 15px;
	padding: 10px;
	width: 100%;
}



/* offcanvas */
.screen-overlay {
	background-color: 					rgba(33, 33, 33, 0.9);
	height: 							100%;
	opacity:							0;
	position: 							fixed;	top: 0;  left: 0;
	visibility:							hidden;
	z-index:							30;

	transition:							opacity .2s linear, visibility .1s, width 1s ease-in;
}
.screen-overlay.show {
	opacity:							1;
	visibility:							visible;
	width:								100%;
	
	transition:							opacity .5s ease, width 0s;
}	
@media all and (max-width:992px) { 
	.mobile-offcanvas{
		border-radius:						0; 
		display:							block;
		height: 							100%;
		position: 							fixed; top: 0; left:0;
		overflow-y: 						scroll;
		overflow-x: 						hidden;
		visibility: 						hidden;
		width:								80%;
		z-index: 							1200;
		
		transform:							translateX(-100%);
		transition: 						visibility .2s ease-in-out, transform .2s ease-in-out;
	}

	.mobile-offcanvas.show{
		visibility: 						visible;
		
		transform: 							translateX(0);
	}
}

/* loading animation for search results
placed at the bottom of the stylesheet to override default styles
=====================================================================
*/

.loading-animation,
.loading-animation:hover {
	background-color: #f6f7f8;
	background-image: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 100vw 100%;

	color: transparent; /* to hide text inside the block */

	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
}
@keyframes placeHolderShimmer{
	0%{
		background-position: -25vw 0
	}
	100%{
		background-position: 25vw 0
	}
}