@import url("global.bootstrap.css");

@font-face {
	font-family: 'Filson Pro';
	src: local('Filson Pro Regular'), local('Filson-Pro-Regular'),
		url('/inc/fonts/FilsonPro-Regular.woff2') format('woff2'),
		url('/inc/fonts/FilsonPro-Regular.woff') format('woff'),
		url('/inc/fonts/FilsonPro-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

.hotelTitle{
	cursor:pointer;
}

.slidecontainer {
	width: 100%;
}
.slider {
	-webkit-appearance: none;
	height: 10px;
	background: #d6d6d6;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.slider:hover {
	opacity: 1;
}
.ui-widget.ui-widget-content {
	border: 4px solid #d6d6d6;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.ui-slider .ui-slider-handle  {
  position: absolute;
  z-index: 2;
  width: 1.3em;
  height: 1.3em;
  border: solid 2px #252525 !important;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  margin-top:-7px !important;
  background-color: #4d9fff !important;
}
.las,.lar{
	font-size: 1.5em;
	vertical-align:-.1em
}
.la-4x {
    font-size: 4em;
}
select#currency_selector option[value="usd"]{ 	
	background-image:url("images/usd.png");
}
.filterLabel{
	margin-bottom:0rem;
}
.bookinglistth{
	background-color: #053151 !important;
	color: #f5f5f5;
	padding-bottom: 0 !important;
	padding-top:.5rem;
}
.dropdown-toggle::after {
    display: none;
}
.fixed-top{
	position: absolute;
}
.fixed-bottom{
	margin-left: 300px !important;
}
.container-fluid {
	width: 98% !important;
}
.result-card{
	padding: 0.1rem;
}
.result-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	padding: .25rem;
	padding-left: .5rem;
}

.is-valid{
	border: solid 1px #8eb53c !important;
}

.is-invalid{
	border: solid 1px #f16647 !important;
}
.progress {
	margin-left:15px !important;
}

.hotel-block {
	border: 0;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 5px 1em 5px .4em;
}
.ui-widget.ui-widget-content {
	z-index:100000000;
	background: #ffffff;
	font-family: 'Filson Pro', Arial, sans-serif;
}
.container { 
	padding-left: 8% !important;
}

footer {
        bottom: 2px;
        background-color: white;
        color: #2D4C65;
        text-align: left;
        line-height: 1.2;
        font-family: 'Filson Pro', sans-serif;
	  font-size: 13px;
	  padding-top:45px;
}
input {
    cursor: pointer;
}

  input::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }

.nav-link.active{
	  font-weight: 600;
	  color: #144264 !important;
	  font-size: 12px !important;
}


.fc-content {
         cursor: pointer !important;
}
.globalgreen {
         color: #097a0b !important;
}
 .greenfooter {
         color: #A1C35F;
         font-weight: 400;
}
.greenboldfont {
         color: #A1C35F;
	   font-weight: 800;
	  
}
.redborder {
	border: 1px solid #fc352e47;
}
 .globalblue {
         color: #0b0e2f;	  
}

.font-bold {
  font-weight: 800;
 
}

 .textfooter {
         font-size: 11px !important;
}

.circle	{
  	background:#f16647;
  	width:36px;
  	height:36px;
  	border-top-left-radius:60px;
   	border-top-right-radius:60px;
  	border-bottom-right-radius:60px;
   	border-bottom-left-radius:60px;
}

.caption-text {
  	text-align:center;
	padding:6px;
	color:white;
	font-family: 'Filson Pro', sans-serif;
	font-size: 16px;
}

.table {
	/*border-radius: 12px; */
	overflow: hidden;
}

.tdcenter  {
	text-align: center !important;
}

.tdrep {
	overflow-x:auto;
	border: 0.5px solid #EAEAEA;
	border-collapse: collapse;
	padding: 15px 15px 15px 15px;
}
.zara {
	color: #CCCCCC;
	font-weight: 300 !important;
	font-size: 11px;
}
.registerForm {
	width:325px !important;
}

.font8red {
	font-size:8px;
	color:#ff0000;
}
.font8green {
	font-size:8px;
	color: #8FB63D;	
}
.confirm-heading {
	background: #8FB63D;
	border-radius: 5px;
	border: 2px solid green;
	padding: 1px;
}

.cancel-heading {
	background: #F16647;
	border-radius: 5px;
	border: 2px solid red;
	padding: 1px;
}

body {
	/*font-family: 'FontAwesome', Arial, sans-serif;*/
	font-family: 'Filson Pro', sans-serif;
	font-size: 13px;
}

.topbluebar{
	background-color: #0B3351;
	height:20px;
	margin:0px;
	padding:0px; 
	color: #ffffff; 
	font-size:.80em; 
	text-align:right; 
	vertical-align:center; 
	padding-top:2px; 
	padding-right:10px;
}
.font12{
	font-size: 12px;
}
.font90em{
	font-size: .90em;
}
.font12em{
	font-size: 1.2em;
}
.checkinscroll{
	margin-top:0px;
	padding-left:20px;
	overflow-y:scroll; 
	max-height: 500px;
	height: auto;
}
.frontimage {
	padding-left:0px;
}
.img-border {
	border: 3px solid #dee2e6 !important;
}
.border-bottom {
	border-bottom: solid 1px #ddd;
}
.border-danger {
	border-color: #f16647;
}
.font-large {
	font-size:18px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #f5f5f5;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f5f5f5;
}
.background-lightergrey {
	background: #fcfcfc;	
}
.background-lightgrey {
	background: #f5f5f5;	
}
.background-darkgrey {
	background: #808080;	
}
.white {
	color: #f5f5f5;
}
.font8red {
	font-size:8px;
	color:#ff0000;
}
.font8green {
	font-size:8px;
	color: #8FB63D;	
}

.green {
	color: #8FB63D;
}
.red {
	color: #be1305;
}
.orange {
	color: #ED6117;
}
.blue{
	color: #053151;
}
.text-danger {
	color: #f16647 !important;
}
.darkcells {
	background-color: #053151 !important;
	color: #f5f5f5;
}
.darkcells:hover {
	background-color: #1c547b;
	color: #f5f5f5;
}
.loginlogo {
	height:80px;
	margin-bottom:30px;
}
.nav li a:focus, .nav li a:hover {
	background-color: #1c547b;
	color: #f5f5f5;
	font-size: 12px !important;
}
p {
	color: #053151;
}

.div-center {
	margin:auto !important;
}

.form-control {
	background-color: #f5f5f5;
}
.divh1 {
	display:inline;
	float:left;
}
.float-right {
	float:right !important;
}
.float-left {
	float:left !important;
}
.divline {
	border-bottom: solid 1px #f16647;
	display:inline;
	float:right;
	height:30px;
}
.table-noborder > tbody > tr > td,
.table-noborder > tbody > tr > th,
.table-noborder > tfoot > tr > td,
.table-noborder > tfoot > tr > th,
.table-noborder > thead > tr > td,
.table-noborder > thead > tr > th {
	border: none;
}
.searchTabs {
	font-weight: bold;
}
.noborder td, .noborder th {
	border: none;
}
.noleftpadding {
	padding-left:0px;
}
.navbar-default {
	border: 0;
	border-color: none;
}
.navbar-brand {
	padding: 0 15px 0 0;
}
.navbar-brand img {
	height: 100%;
}
/*	for bs4	*/
.navbar-brand img.img-fluid {
	max-height: 50px;
}
.navbar-default .navbar-nav>li>a {
	color: #053151;
	font-size: 12px !important;
}
.navbar-light .navbar-nav .nav-link {
	color: #053151;
	padding-right: 15px;
	padding-left: 5px;
	padding-top: 7px;
	font-size: 12px !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #8eb53c;
	background-color: #ffffff;
	border-bottom: solid 2px #8eb53c;
	font-size: 12px !important;
}
.navbar-bottom{
	max-height: 42px;
	min-height: 42px;
}
.modal-content {
	padding:10px;
}
.modal-dialog {
	width:90%;
}
.modal-lg {
	width: 100%;
}
.modal-lg .modal-dialog {
	width:98%;
}

.modal-xl {
	max-width: 100% !important;
}
.modal-xl .modal-dialog {
	width:98%;
}
.modal-dialog, .modal-content {
	height:98%;
}
.modalHeight60{
	height:60%;
}
.thumbnail {
	display: inline;
	margin-bottom: 6px;
}
h1 {
	color: #053151;
	font-size: 2em;
	margin-bottom: 2px;
	margin-top: 2px;
	line-height: 1.1em;
}
h2 {
	color: #053151;
	font-size: 1.5em;
	margin-bottom: 2px;
	margin-top: 2px;
	line-height: 1.1em;
}
h3 {
	color: #053151;
	font-size: 1em;
	margin-bottom: 2px;
	margin-top: 2px;
	font-weight:600;
}
h4 {
	color: #053151;
	font-size: 1em;
	margin-bottom: 2px;
	margin-top: 2px;
}
h4.search {
	color: #f5f5f5;
	font-size: 1em;
	margin-bottom: 2px;
	margin-top: 2px;
}
.margin_left_5 {
	margin-left: 5px;
}
table tbody tr.subhead {
	background-color: #BBDB7C !important;
	border-bottom: 1px solid #8FB63D !important;
}
.form-group-inline {
	margin-bottom: 15px;
}
.nopad {
	padding: 0;
	margin:0;
}
.fa-eur, .fa-arrow-down, .star {
	color: #8FB63D;
	text-shadow: 1px 1px 1px #8eb53c;
	font-size: 1em;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
}
th:not(.datetimepicker th) {
	background: #e0e0e0;
	border-bottom: 1px solid #d0d0d0;
}
.btn-book,
.btn-book:hover,
.btn-book:focus,
.btn-book:active,
.btn-book.active {
	color: #f0f0f0;
	background-color: #8FB63D;
	width:80px;
}
.btn-success {
	background-color: #8FB63D;
}
.btn-primary {
	background-color: #0B3351;
	border-color:#0F436A;
}
.btn-warning {
	background-color: #f16647;
	border-color:#FC6A4C;
}
.btn-danger {
	background-color: #f16647;
	border-color:#FC6A4C;
}
.btn-info {
	background-color: #1c547b;
	border-color:#1c547b;
}
.btn-info:hover {
	background-color: #053151;
}
.btn-info:active {
	background-color: #10517D;
	border-color:#135E90;
}
.btn-default {
	color: #f16647;
}
.btn-link{
	border: none !important;
    outline: none !important;
	box-shadow: none !important;
    background: transparent;
    cursor: pointer;
    color: #053151;;
    padding: 0;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
}
.btn-link:hover{
	text-decoration: none;
	border: none !important;
    outline: none !important;
	box-shadow: none !important;
}
.btn-link:visited{
	text-decoration: none !important;
	border: none !important;
    outline: none !important;
	box-shadow: none !important;
}
.ui-checkboxradio-checked {
	background-color: #8eb53c;
	border-color: #8eb53c;
}
.ui-state-active:hover, .ui-widget-content:hover .ui-state-active:hover, .ui-widget-header:hover .ui-state-active:hover, a.ui-button:active:hover, .ui-button:active:hover, .ui-button.ui-state-active:hover {
	background-color: #0B3351;
	border-color:#0F436A;
}
.nav-tabs {
	background-color: #ffffff;
	border-color:#f0f0f0;
}
.nav-tabs>li>a , .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
	color: #297BB3;
	background-color: #ffffff;
	border: solid 1px #f0f0f0 !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,
.nav-tabs > li.nav-item > a.active, .nav-tabs > li.nav-item > a.active:focus, .nav-tabs > li.nav-item > a.active:hover {
	color: #f16647 !important;
	background-color: #053151 !important;
	border: solid 1px #08426C !important;
	font-size:12px;
}
.nav-tabs li.nav-item a:not(active):hover {
	color: #e9ecef;
}
.nav-tabs li a:hover {
	color: #0B3351;
}
.show {
	cursor: pointer;
}
.panel-body {
	background-color: #053151;
}
.panel-body-white {
	background-color: #ffffff;
}
.panel-error {
	background-color: #ffffff;
	padding:6px;
}
.result {
	background-color: #ffffff;
}
.input-group-addon, .input-group-append, .input-group-prepend {
	color: #f5f5f5;
	background-color: #f16647;
	border: 1px solid #f16647;
}
.input-group-addonpass {
	    color: #948989;
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    padding: 10px 4px 6px 4px;
    border-radius: 0px 5px 5px 0px;
}
.input-group-addonhomepass {
    color: #948989;
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    padding: 9px 5px 10px 4px;
    border-radius: 0px 5px 5px 0px;
}
.lightgreyborder {
	border: 1px solid #f3f3f3;
}
.greyborder {
	border: 1px solid #f0f0f0;
}
.greyerborder {
	border: 1px solid #ccc;
}
.greenborder {
	border: 1px solid #8eb53c;
}
.sorting-bar {
	margin-top: 0px;
	margin-bottom:3px;
	font-weight: bold;
}
.price-5-dollars::before {
	content: "\f155\f155";/* reduced to 2 stars \f155\f155\f155 */
}
.price-1-dollars::before {
	content: "\f155";
}
.bg-global {
	background-color: #f16647 !important;
}
.panel-heading.global {
	text-align: center;
	padding: 10px 0 0 0;
	background-color: #0B3351;
	border-color:#0F436A;
}
.panel-heading.global2 {
	text-align: center;
	padding: 10px 0 0 0;
	background-color: #0B3351;
	border-color:#0B3351;
}
.panel-heading.global .nav-tabs li a {
	padding: 5px 10px;
}
.form-group.inline {
	display: table;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
	color: #f16647;
	text-decoration: none;
}
.ui-state-active,  .ui-button.ui-state-active:hover {
	border: 1px solid #8eb53c;
	background: #8eb53c;
	font-weight: normal;
	color: #f5f5f5;
}
.xml-1-stars::before {
	content: "\f005";
}
.xml-15-stars::before {
	content: "\f005\f123";
}
.xml-2-stars::before {
	content: "\f005\f005";
}
.xml-25-stars::before {
	content: "\f005\f005\f123";
}
.xml-3-stars::before {
	content: "\f005\f005\f005";
}
.xml-35-stars::before {
	content: "\f005\f005\f005\f123";
}
.xml-4-stars::before {
	content: "\f005\f005\f005\f005";
}
.xml-45-stars::before {
	content: "\f005\f005\f005\f005\f123";
}
.xml-5-stars::before {
	content: "\f005\f005\f005\f005\f005";
}
.xml-6-stars::before {
	content: "\f005\f005\f005\f005\f005\f005";
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #053151;
	border-color: #053151;
}
.pagination>li>a {
	color: #053151;
}
.pagination {
	margin: 5px 0;
}
.filters {
	margin: 5px 0;
}
.interest {
	padding: 5px;
	margin-bottom: 30px;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
/*  slick custom controls */

.custom-arrow-select {
	cursor: pointer;
	background-position: right !important;
	background-color: #f5f5f5 !important; 
	background: url('/inc/images/up_down_arrows.png') no-repeat 0 0;
	-webkit-appearance:none; 
	
}

.go-next, .go-prev {
	background: transparent;
	border: none;
	cursor: pointer;
	display: block;
	height: 20px;
	line-height: 1;
	outline: transparent;
	padding: 0;
	position: absolute;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	width: 20px;
}
.go-prev {
	left: 0px;
}
.go-next {
	right: 0px;
}
.modal-body .go-next, .modal-body .go-prev {
	background: #fff;
	height: 100%;
}
.modal-body.slick-initialized.slick-slider {
	padding: 0 20px !important;
}
.slickitthumbnail {
	height:100px;
	cursor:pointer;
}
img.modal-img.slick-slide {
	max-height: 300px;
	min-height:250px;
	height:100%;
}
.slick-slide {
	text-align:center;
}
.googleaddress {
	border: solid 1px #337ab7;
}
.larger-select {
	width: 75px;
}
.slider-nav img {
	max-width: 100%;
}
.slider-for img {
	width: 100%;
}
.slider-nav slick-slide:hover {
	cursor: pointer;
}

.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 0;
	&:before {
		background-repeat: no-repeat;
		background-size: 100% auto;
		content: "";
		display: block;
		height: 60px;
		opacity: 1;
		width: 30px;
	}
	&:hover:before {
		opacity: .8;
	}
}
.slick-prev {
	left: 0;
	&:before {	/* try not to hotlink images. remove the scheme to allow the browser to negotiate it */
		/*background-image: url("http://www.flagshipsd.com/sites/default/files/userfiles/images/slick-prev.png");*/
		background-image: url("//www.flagshipsd.com/sites/default/files/userfiles/images/slick-prev.png");
	}
}
.slick-next {
	right: 0;
	&:before {
		background-image: url("//www.flagshipsd.com/sites/default/files/userfiles/images/slick-next.png");
	}
}
.p1 {
    text-transform: none !important;
	font-weight: 500 !important;
}
p:first-letter {
    text-transform: uppercase !important;
}
li:first-letter {
    text-transform: uppercase !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	line-height: 11px !important;
}
/* Popup (background) */
.popup {
	z-index: 1050;
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: none; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Popup Content/Box */
.popup-content {
	background-color: #fefefe;
	padding-top:100px;
	margin: 8% auto; /* 8% from the top and centered */
	width: 55%; /* Could be more or less, depending on screen size */
	text-align:center;
	/*text-transform: lowercase !important;*/
	border-radius:5px;
	padding-bottom: 25px;
}
.popup-yes {
	width:100%;
	margin:auto;
	display:block;
}
.popup-no {
	width:100%;
	margin:auto;
	display:block;
}
.popup-content p {
	margin-top:20px;
}
.popup-header {
	margin-top:-100px;
	margin-left:0px;
	background-color: #0B3351;
	color:white;
	padding: 10px;
	width: 100%; /* Could be more or less, depending on screen size */
	text-align:center;
	text-transform: uppercase;
	font-size:1.5em;
	line-height:1.1;
	border-radius:5px 5px 0px 0px;
}
/* The Close Button */
.popup-close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-top:-40px;
	margin-right:10px;
}
.popup-close:hover,
.close:focus {
	color: #F16647;
	text-decoration: none;
	cursor: pointer;
}
.popup-hover {
	z-index: 1000;
	background-color: rgba(255,255,255,0.9);
	border-color: #ccc;
	border-style: solid;;
	border-radius: 4px;
	border-width:1px;
	position: fixed;
	top: 140px;
	left: 0px;
	right: 0;
	padding:5px;
	width:150px;
	color: black;
	opacity: 1;
	text-align: center;
}

/*AirBnB grid gallery */
div#abb-img {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(3, 1fr);
	height: 320px;
	width: 100%;
}
div#abb-img div {
	overflow: hidden;
}
/*	:NOT incl. if #5 is an image, should be iframe map	*/
/*div#abb-img div:not(#abb-img-5) > img {*/
div#abb-img div > img {
	transition: .3s ease-in-out;
}
/*div#abb-img div:not(#abb-img-5):hover > img {*/
div#abb-img div:hover > img {
	transform: scale(1.05);
}
div#abb-img-1 {
	grid-column: 1 / 3;
	grid-row: 1 / 4;
}
div#abb-img-1 img {
	width: 100%;
}
div#abb-img-2 {
	grid-column: 3 / 5;
	grid-row: 1 / 3;
}
div#abb-img-2 img {
	margin-top: -15%;
	width: 100%;
}
div#abb-img-3 {
	grid-column: 3 / 4;
	grid-row: 3 / 4;
}
div#abb-img-3 img {
	margin: -20% 0 -20% 0;
	width: 100%;
}
div#abb-img-4 {
	grid-column: 4 / 5;
	grid-row: 3 / 4;
}
div#abb-img-4 img {
	margin: -20% 0 -20% 0;
	width: 100%;
}
div#abb-img-5 {
	grid-column: 5 / 7;
	grid-row: 1 / 4;
}
div#abb-img-5 img {
	width: 100%;
	height:100%;
}
.bookinglayoutlinkicons {
	width:15px;
}
.bookinglayoutlinktext {
	font-size:10px;
}
.currency_selector{
	padding: .50rem 1rem; 
	margin-right: 5px; 
	border-radius:3px;
	border-color: #f0f0f0;
	color: #0B3351;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2em;
}
.currency_selected {
	text-decoration: none;
	color: #0B3351;
	font-weight: bold;
	font-size: 13px;
}
.currency_selected:hover{
	text-decoration: none;
	color: #0B3351;
	font-weight: bold;
	font-size: 13px;
}
.mobileShow {
	display:none !important;
}
.desktopHide{
	display:none !important;
}
.desktopShow {
	display:inline-block !important;
}
div.frontimage img.img-thumbnail {
	height: 126px;
	max-width: 160px;
    width: auto;
}
.cartBtn, .logOut{
	border-radius: .25rem !important;
}
.flexcontainer {
	display: flex;
	flex-direction: row;
}
.flex-item-left {
	padding: 5px;
	flex: 25%;
}
.flex-item-right {
	padding: 5px;
	flex: 75%;
}
@media (max-device-width: 926px){
	body {
		font-size:12px;
		padding-top: 50px !important;
	}
	.tdrep {
		overflow-x:auto;
		border: 0.5px solid #EAEAEA;
		border-collapse: collapse;
		padding: 5px 5px 5px 5px;
	}
	.container {
   		padding-left: 4% !important;
	}
	.lmm-50{
		margin-left: 50px;
	}
	.mobileShow {
		display:inline-block !important;
	}
	.mobileHide {
		display:none !important;
	}
	.dropdown-menu{
		font-size:12px;
	}
	.flexcontainer {
		flex-direction: column;
	}
	.flex-item-left {
		flex: 100%;
	}  
	.flex-item-right {
		flex: 100%;
	}
	#compassImage{
		width:35%;
	}
	.modalHeight60{
		height:90%;
	}
	#voucherNotice, #checkinNotice, #holdsNotice{
		font-size:0.70rem;
	}
	.tdrep {
		overflow-x:auto;
		border: 0.5px solid #EAEAEA;
		border-collapse: collapse;
		padding: 10px 10px 10px 10px;
	}
	.container {
   		padding-left: 4% !important;
	}
}
/**** Keep below for different devices ****/
@media (max-device-width: 812px){
	body {
		font-size:12px;
		padding-top: 50px !important;
	}
	.tdrep {
		overflow-x:auto;
		border: 0.5px solid #EAEAEA;
		border-collapse: collapse;
		padding: 5px 5px 5px 5px;
	}
	.container {
   		padding-left: 4% !important;
	}
	.card-body{
		padding: 0.5rem;
	}
	.mobileShow {
		display:inline-block !important;
	}
	.mobileHide {
		display:none !important;
	}
	.submitSearch{
	   max-width: 100% !important;
	}
	.offlineAwesome{
		max-width: 100% !important;
	}
	div.frontimage img.img-thumbnail {
		height: 73px;
		max-width: 100px;
		width: auto;
	}
	.dropdown-menu{
		font-size:12px;
	}
	#abb-img{
		max-height:80px;
		width:100%;
	}
	.mobileSmall{
		font-size: 0.75rem !important;
	}
	div#abb-img {
		max-height:80px;
	}
	.flexcontainer {
		flex-direction: column;
	}
	.flex-item-left {
		flex: 50%;
	}
	.flex-item-right {
		flex: 50%;
	}
	.h6, h6 {
		font-size: 14px !important;
		line-height: 0.5 !important;
	}
	.mb-1, .my-1 {
		margin-bottom: 0.1rem!important;
	}
	.mb-2, .my-2 {
		margin-bottom: 0.25rem!important;
	}
	.mb-3, .my-3 {
		margin-bottom: 0.5rem!important;
	}
	.mb-4, .my-4 {
		margin-bottom: 0.75rem!important;
	}
	.mb-5, .my-5 {
		margin-bottom: 1rem!important;
	}
	.pb-1, .py-1 {
		padding-bottom: 0.1rem!important;
	}
	.pb-2, .py-2 {
		padding-bottom: 0.25rem!important;
	}
	.pb-3, .py-3 {
		padding-bottom: 0.5rem!important;
	}
	.pb-4, .py-4 {
		padding-bottom: 0.75rem!important;
	}
	.pb-5, .py-5 {
		padding-bottom: 1rem!important;
	}
	.form-group {
		margin-bottom: .5rem;
	}
	#compassImage{
		width:40%;
	}
	.modalHeight60{
		height:90%;
	}
	#voucherNotice, #checkinNotice, #holdsNotice{
		font-size:0.70rem;
	}
}

@media (max-width: 812px) and (orientation: portrait){
	.lmm-50{
		margin-left: 60px;
	}
.tdrep {
		overflow-x:auto;
		border: 0.5px solid #EAEAEA;
		border-collapse: collapse;
		padding: 5px 5px 5px 5px;
}
	.container {
   		padding-left: 4% !important;
	}
}

/***** Lightbox *****/
.lightbox-gallery
{
	/*background-image: linear-gradient(#4A148C, #E53935);*/
	background-repeat: no-repeat;color: #000;
	overflow-x: hidden
}
.lightbox-gallery p{
	color:#fff
}
.lightbox-gallery h2{
	font-weight:bold;
	margin-bottom:40px;
	padding-top:40px;
	color:#fff
}

@media (max-width:767px){
	.lightbox-gallery h2{
		margin-bottom:25px;
		padding-top:25px;
		font-size:24px
	}
}
.lightbox-gallery .intro{
	font-size:16px;
	max-width:500px;
	margin:0 auto 40px
}
.lightbox-gallery .intro p{
	margin-bottom:0
}
.lightbox-gallery .photos{
	padding-bottom:20px
}
.lightbox-gallery .item{
	padding-bottom:30px
}

/***** Lightbox *****/
.lightbox-gallery
{
	/*background-image: linear-gradient(#4A148C, #E53935);*/
	background-repeat: no-repeat;color: #000;
	overflow-x: hidden
}
.lightbox-gallery p{
	color:#fff
}
.lightbox-gallery h2{
	font-weight:bold;
	margin-bottom:40px;
	padding-top:40px;
	color:#fff
}

@media (max-width:767px){
	.lightbox-gallery h2{
		margin-bottom:25px;
		padding-top:25px;
		font-size:24px
	}
}
.lightbox-gallery .intro{
	font-size:16px;
	max-width:500px;
	margin:0 auto 40px
}
.lightbox-gallery .intro p{
	margin-bottom:0
}
.lightbox-gallery .photos{
	padding-bottom:20px
}
.lightbox-gallery .item{
	padding-bottom:30px
}