<style>
header {
	/*Purposelfully empty - do not remove */
}
section#contact h2, section#portfolio h2.main { 
	color:#000000; 
}
.sendcont {
    background-color: #000000;
    border-color: #000000;
}
#maincontent { 
	background: url('../images/bg.jpg');
	background-size: cover;
}
.navbar-custom, footer .footer-below {
	background:none;
    background: #000000; 
	/* background: #000000 repeating-linear-gradient( -55deg, rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px, #000000 2px, #000000 5px ); */
}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
    background-color: #C3F3DF;
    color: white;
    border-color: #C3F3DF;
}
section.success {
	background: #C3F3DF;
}
h2.leftTitle {
	background-color: rgba(0,0,0,0.85);
}
h2.proptitle, h4.roomdetail {
	color: #000000;
}
header {
    background-color: rgba(0,0,0,0.9);
    color: 000;
    border-color: #000000;
	background: linear-gradient(to left,#000000, #C3F3DF)}
.alert-info2 {
     background-color: rgba(0,0,0,0.5);
    color: #fff;
    border-color: #000000;
}
.btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover {
    box-shadow: 0 14px 26px -12px rgba(0,0,0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,0,0, 0.2);
}
.btn.btn-danger {
    box-shadow: 0 2px 2px 0 rgba(0,0,0, 0.14), 0 3px 1px -2px rgba(0,0,0, 0.2), 0 1px 5px 0 rgba(0,0,0, 0.12);
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
    color: #000000;
}
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
    color: #ffffff;
    background-color: #000000;
    *background-color:#000000;
}
.datepicker td.active, .datepicker td.active:hover {
    color: #ffffff;
    background-color: #000000;
    background-image: none;
    border-color: #000000 #000000 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #000000;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-custom .navbar-nav li a:hover {
    color: #C3F3DF;
}
.phone, .email {
	font-size:18px;
	color: #C3F3DF;
}
.faa-ring, .faa-email {color: #C3F3DF; }
.btn-success.invert {
	border: 2px solid #C3F3DF;
}
.btn-secondary {
	border: 2px solid #C3F3DF !important;
}
.btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover {
    box-shadow: 0 14px 26px -12px rgba(0,0,0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,0,0, 0.2);
}
.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(0,0,0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,0,0, 0.2);
}
.btn.btn-primary {
    box-shadow: 0 2px 2px 0 rgba(0,0,0, 0.14), 0 3px 1px -2px rgba(0,0,0, 0.2), 0 1px 5px 0 rgba(0,0,0, 0.12);
}
.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(0,0,0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,0,0, 0.2);
}
.btn:focus, .btn:active, .btn:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover {
    box-shadow: 0 14px 26px -12px rgba(0,0,0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0,0,0, 0.2);
}
.btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover {
    background-color: rgba(0,0,0, 0.40);
    color: #FFFFFF;
}
#about {
    background: #000000;
}
footer .footer-above {
    background-color: #000000;
}
.item-text {
	background-image: -webkit-linear-gradient(355deg, #f2f2f2 90%, rgba(0,0,0,0.6) 10%);
}

/* Pre-booking date selection */
.wizard-card[data-color="red"] .moving-tab {
    background-color: #000000;
}
.btn.btn-danger, .btn.btn-danger:hover {
	background-color: #000000;
}
.bookmodalhead {
	background: #000000;
}
/*payment modal*/
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover {
  background-color: #000000;
}
@media only screen and (min-width: 1200px) {
	#maincontent.container {
		min-height: 700px;
	}
}
@media only screen and (max-width: 940px) {
	.item-text {
		background-image: -webkit-linear-gradient(355deg, #f2f2f2 80%, rgba(0,0,0,0.6)  20%);
	}
}
@media only screen and (max-width: 530px) {
	.image__cell.is-expanded .arrow--up {
		border-bottom: 18px solid rgba(0,0,0,0.8);
	}
}
</style>