body {color:#1f144e;}
.boxs {position:absolute; left:0; top:15%; z-index:99;}
.box {height:110px; width:100%;}

.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-orange {background-color:#FC6;}
.bg-dark-orange {background-color:#f26622;}
.bg-blue {background-color:#1879cc; color:#f5f5f5;}
.bg-blue:hover {background-color:#222;}
.box-img {float:left; z-index:9999;}
.boxs-descs {position:absolute; left:0; top:15%; z-index:98;}
.box-desc { height:110px; max-height:110px; max-width:550px; padding:3% 5% 3% 5%; position:relative; left:-100%; z-index:998;}

.box-left {float:left; width:25%; margin:7% 0 3% 5%; padding:0; height:100%;}
.box-small {width:100%; height:15%; margin:0; background-color:#fff;}
.box-mid {width:100%; height:75%; margin:15% 0 0 0; background-color:#fff; padding:3%;}
.box-mid a:hover {border:0; text-decoration:none;}
.box-large {width:60%; height:100%; margin:7% 5% 3% 5%; padding:1% 3%;  background-color:#fff; float:right;}
.box-small-center {height:15%; width:80%; margin:0 auto; margin-top:80px; background-color:#fff;}
.box-large-center {height:auto; width:80%; margin:0 auto; margin-top:10px;  padding:0 25px; float:none;  background-color:#fff;}
.txt-header {color:#e3d6ad; margin:0 5px 5px 5px; padding:5px 0; font-size:20px; text-align:left;}
.marginb10 {margin-bottom:10px;}
.bk-room {padding:5px 0; margin:0 10px 10px 10px; border-bottom:4px solid #1879cc;}
.txt-desc {color:#1879cc; padding:7px 5px; border-left:3px solid #1879cc; margin:5px 0; text-align:left; text-transform:uppercase;}
.txt-total {color:#1879cc; padding:7px 5px; border:1px solid #666; margin:5px 0;}

.txt-desc span {color:#1879cc; font-weight:bold;}
.txt-box {border:0px solid #333; padding:5px 8px; float:left; margin:0; color:#1879cc;}
.txt-rates {font-size:12px; color: #1879cc; padding:3px 8px; border-top:1px solid #333; margin-left:0;}
.txt-pax {font-size:14px; color: #1879cc; padding:0px 8px 0 8px; margin-left:0; margin:5px 0;}
.txt-rates span {color:#1879cc; font-weight:bold; font-size:18px;}
.txt-user {background-color:#e3d6ad; text-align:center; height:62px; width:62px; line-height:64px; margin:5px 0;}
.large {font-size:18px !important; color:#fff;}
.tab-pane {min-height:370px; padding-bottom:30px;}
.txt-price {color:#1879cc; font-size:1.5em; margin-top:10px;}
hr {border-color:#1879cc;}
.error {color:#e41515;}
#footer {background-color:#fff;}
.footer {background-color:#000c23; height:35px; line-height:35px; color:#eee; text-decoration:none; padding:0 10px; font-size:12px;}

.form-header {font-size:36px; font-weight:bold; color:#009eed;}
* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -71px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 71px; /* .push must be the same height as .footer */
}

.footer-menu {padding:0 0 0 10px;}
.header-banner {background:url(../img/banner.png) no-repeat; width:376px; padding:10px 0; font-family:moonhouse; color:#eee; font-size:20px; text-align:center;z-index:99; margin:0 0 0 15px;}
.footer-banner {background:url(../img/banner-btm.png) no-repeat; width:376px; padding:10px 0; font-family:moonhouse; color:#000c23; font-size:20px; text-align:center;z-index:99; margin:0 0 0 15px;}

.img-room {border:4px solid #000c23; margin:5px; float:right; margin-right:15px;}
@media screen and (max-width: 768px) {
	.box-left {float:none; width:98%; margin:70px 1% 1% 1%; padding:0; height:100%;}
	.box-mid {margin-top:10px;}
	.box-large {float:none; width:98%; margin:10px 1% 1% 1%; padding:10px; height:100%;}
	.box-img {float:none;}
	.box {height:100%;}
	.box-m {margin-bottom:10px;}
	.box-desc {left:0%; max-height:100%; height:auto; max-width:100%;}
	.wrapper {margin:0;}
}

@media screen and (max-width: 1199px) {
	.wrapper {
    margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	}
}

@charset "utf-8";
/* CSS Document */
#logo {text-align:center; padding:5px 20px;}
.hazz_content {background-color:#eee;}
.hazz_welcome {margin-top:-15px;}
.hazz_welcome {width:100%;}
.hazz_menu {margin-top:5px; list-style:none; margin:0; padding:0;}
.hazz_menu li {padding:10px; margin:0 10px;  text-align:center;}
.hazz_menu li a{font-size:24px; color:#e3d6ad; line-height:12px; text-decoration:none; text-align:center;}
.hazz_menu li a span {color:#1879cc; font-size:12px;}
.footer-address{text-align:center !important; padding-top:10px; border-top:1px solid #e3d6ad; margin-top:10px;}
.txt-header {font-size:24px; color:#1879cc; line-height:30px; cursive; text-decoration:none; text-align:left;}
.txt-header span {font-size:16px;}
@media (min-width: 769px) {
#logo {padding:5px 20px; }
.hazz_content {margin:15px 10px; border-radius:10px; padding:0 15px;}
.hazz_menu {margin-top:-10px; list-style:none;}
.hazz_menu li {padding:0 0 15px 0; text-align:center; display:inline-block;}
.hazz_menu li a{font-size:24px; color:#e3d6ad; line-height:12px; text-decoration:none; text-align:right;}
.hazz_menu li a span {color:#1879cc; font-size:12px;}
.footer-address {text-align:right !important; padding:0; border:0; margin:0;}
.text-desc {padding:10px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
}