/* NEW COLORS */
/*/////////////////////////*/
/*     PSUEDO DEFAULTS     */
/*/////////////////////////*/
html, body {
  height: 100%; }

body {
  padding-top: 50px;
  padding-bottom: 20px; }

pre {
  font-family: Helvetica, Arial, sans-serif;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 100%;
  background-color: transparent;
  border: none; }

img {
  max-width: 100%; }

a,
a:visited,
a:hover {
  color: #0288D1; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  color: #8BC34A; }

.btn-primary {
  background-image: -webkit-linear-gradient(top, #03A9FA 0, #0288D1 100%);
  background-image: -o-linear-gradient(top, #03A9FA 0, #0288D1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#03A9FA), to(#0288D1));
  background-image: linear-gradient(to bottom, #03A9FA 0, #0288D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary_color', endColorstr='$dark_primary_color', GradientType=0);
  border-color: #0288D1;
  background-color: #0288D1; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #0288D1; }

.btn:active,
.btn.active {
  -webkit-box-shadow: none;
  box-shadow: none; }

.alert-danger {
  background-image: none;
  background-color: #727272;
  border-color: #727272;
  color: #8BC34A; }

.hover-hand {
  cursor: pointer;
  cursor: hand; }

/*/////////////////////////*/
/*           NAV           */
/*/////////////////////////*/
.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer; }

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: none; }

.navbar-inverse .navbar-nav > li > a {
  color: #FFFFFF; }

.navbar-inverse {
  background-image: none;
  background-color: #03A9FA;
  color: #FFFFFF;
  border-bottom: 0.4em solid #8BC34A; }

.navbar-inverse .navbar-brand {
  background-image: none;
  background-color: #03A9FA;
  color: #FFFFFF; }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: #0288D1;
  color: #FFFFFF; }

.navbar-inverse .navbar-toggle {
  border-color: #0288D1; }

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  border-color: #8BC34A;
  background-color: #8BC34A; }

.spinner {
  margin: 10px auto;
  width: 40px;
  text-align: center; }

.dropdown {
  cursor: pointer; }

#vhro-map {
  width: 100%;
  height: 60vh; }

.img-home-portfolio, .img-customer, .portfolio-item {
  margin-bottom: 30px; }

.tab-pane {
  margin-top: 15px; }

/*////////////////////*/
/*   Gallery Section  */
/*////////////////////*/
ul.gallery {
  list-style: none; }

ul.gallery li {
  float: left;
  cursor: pointer;
  text-align: center; }

ul.gallery li .gallery-img-holder {
  position: relative;
  display: inline-block;
  height: 156px;
  width: 230px; }

ul.gallery li .gallery-img-holder .spinner {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

ul.gallery .img-thumbnail {
  max-width: 100%;
  max-height: 100%; }

ul.gallery .image-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*//////////////////////*/
/*  Bootstrap Lightbox  */
/*//////////////////////*/
.lightbox-nav {
  height: auto; }

.lightbox-image-caption {
  position: relative;
  font-weight: normal; }

.sidebar {
  margin-top: 40px; }

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #B6B6B6; }

/* Half Page Height Carousel Customization */
.carousel {
  height: 700px; }

.item, .active, .carousel-inner {
  height: 100%; }

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover; }

.carousel-caption {
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.92); }

.carousel-caption h1,
.carousel-caption .h1,
.carousel-caption h2,
.carousel-caption .h2,
.carousel-caption h3,
.carousel-caption .h3,
.carousel-caption h4,
.carousel-caption .h4,
.carousel-caption h5,
.carousel-caption .h5 {
  color: #FFFFFF; }

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px; }

/* Service Page Styles */
.service-icon {
  font-size: 50px; }

/* 404 Page Styles */
.error-404 {
  font-size: 8em; }

/* Pricing Page Styles */
.price {
  font-size: 4em; }

.price-cents {
  vertical-align: super;
  font-size: 50%; }

.price-month {
  font-size: 35%;
  font-style: italic; }

ul.policy {
  list-style: none; }

ul.policy li {
  padding: 11px 0; }

ul.policy li:before {
  content: '>';
  color: #8BC34A;
  margin-right: 14px;
  font-weight: bold; }

/* Booking Styles */
#booking-page .booking-terms-button,
#booking-page button[type=submit] {
  width: 100%; }

#booking-page .booking-reserve-button {
  margin-top: 1em; }

#booking-page label {
  font-weight: normal;
  margin: 0; }

h4.booking-step-2 {
  margin: 21px 0 10px 0; }

.alt {
  background-color: #ededed; }

.alt2 {
  background-color: #F1F1F1; }

.alt3 {
  background-color: #f0f0f0; }

hr.section-separator {
  padding: 1px 0;
  background: #8BC34A;
  margin: 40px 0 12px 0; }

.quote-table > tbody > tr > th {
  border-top: none; }

.quote-table {
  width: 60%;
  margin: 13px auto; }

.book-table {
  width: 100%;
  margin: 6px auto 13px;
  border-radius: 3px;
  background-color: #E6E6E6;
  padding: 20px 20px 0 20px; }

.book-table table tr.info > td {
  background: #B6B6B6; }

.book-table .due-total td {
  background: #8BC34A;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1.2em; }

#booking-page .popover {
  border: 1px solid #444;
  max-width: 30%;
  font-family: Corbel, Tahoma, SansSerif; }

/* Popover Header */
#booking-page .popover-title {
  background-color: #727272;
  font-size: 110%;
  text-align: center;
  font-weight: bold; }

#booking-page .squarebullets {
  list-style: square; }

/* Popover Body */
#booking-page .popover-content {
  padding: 25px; }

#booking-page .arrow {
  border-right-color: #444; }

#booking-page .green {
  color: #8BC34A; }

#booking-page .black {
  color: black; }

/* Popover Arrow */
#booking-page .popover-containter {
  width: 20vw; }

#booking-page .fa-info-circle {
  vertical-align: top; }

div.error-message {
  margin: 11px 0 0 0;
  padding: 6px 0 6px 32px; }

#booking-page input, #booking-page textarea {
  margin: 7px 0; }

.email_address_label {
  padding: 30px 10px 0 0; }

.email_address {
  margin: 15px 0 0 0; }

.due-total-notification {
  color: #8BC34A;
  font-size: 1.5em;
  font-weight: 600;
  padding-bottom: 0.4em; }

#quote-listing .row {
  position: relative;
  padding: 5px 0; }

#quote-header {
  font-weight: bold; }

/* Calendar Styles */
.selected_day {
  background-color: red !important; }

calendar {
  float: left;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: white;
  width: 100%;
  border: solid 1px #B6B6B6;
  margin-bottom: 10px; }

calendar > div.header {
  float: left;
  width: 100%;
  background: #4FB0E4;
  height: 40px;
  color: white; }

calendar > div.header > * {
  height: 40px;
  line-height: 40px !important;
  display: inline-block;
  vertical-align: middle; }

calendar > div.header > i {
  float: left;
  width: 40px;
  font-size: 1.125em;
  font-weight: bold;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 10px;
  cursor: pointer; }

calendar > div.header > i.fa-angle-left {
  text-align: left; }

calendar > div.header > i.fa-angle-right {
  text-align: right;
  margin-left: -40px; }

calendar > div.header > span {
  float: left;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 50px;
  margin-left: -40px;
  text-align: center;
  padding-right: 40px;
  color: inherit; }

calendar > div.week {
  float: left;
  width: 100%;
  border-top: solid 1px #B6B6B6; }

calendar > div.week:first-child {
  border-top: none; }

calendar > div.week > span.day {
  float: left;
  width: 14.285%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-left: solid 1px #B6B6B6;
  font-size: 0.85em;
  text-align: center;
  height: 40px;
  line-height: 40px !important;
  display: inline-block;
  vertical-align: middle;
  background: white;
  color: #000000; }

calendar > div.week > span.day:first-child {
  border-left: none; }

calendar > div.week > span.day.different-month {
  color: #8c8c8c; }

calendar > div.week > span.day.selected {
  background: #8BC34A;
  color: #FFFFFF; }

calendar > div.week.names > span {
  color: #0288D1;
  font-weight: bold; }

calendar > div.week > span.day.event-selected {
  background-color: #B6B6B6 !important; }

calendar > div.week > span.day.event-arrive {
  background-color: #B6B6B6;
  background-image: url("/assets/images/top-left-white.png");
  background-size: 100% 100%; }

calendar > div.week > span.day.event-depart {
  background-color: #B6B6B6;
  background-image: url("/assets/images/bottom-right-white.png");
  background-size: 100% 100%; }

calendar > div.week > span.day.today {
  background-color: #8BC34A;
  color: #FFFFFF; }

calendar > div.week > span.day.today.event-arrive,
calendar > div.week > span.day.today.event-depart {
  background-color: #8BC34A;
  color: #000000; }

.availability-legend {
  float: left; }

span.today {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #8BC34A; }

span.event-selected {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #B6B6B6; }

span.event-arrive {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #B6B6B6;
  background-image: url("/assets/images/top-left-white.png");
  background-size: 100% 100%; }

span.event-depart {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #B6B6B6;
  background-image: url("/assets/images/bottom-right-white.png");
  background-size: 100% 100%; }

span.today-text {
  line-height: 40px;
  display: inline-block;
  padding-left: 5px; }

.key-event-selected {
  background-color: #EF5609 !important;
  color: #FFF !important;
  width: 42px;
  height: 30px; }

/*///////////////////*/
/* Quote email popup */
/*///////////////////*/
#booking_email_quote {
  right: 10px;
  top: 1px;
  position: absolute; }

#booking_start_booking {
  right: 10px;
  bottom: 1px;
  position: absolute; }

#emailQuoteContainer {
  z-index: 15;
  display: none;
  position: absolute;
  right: 0;
  bottom: 0; }

#emailQuoteContent {
  width: 20em;
  background-color: #fff;
  border: 1px solid #B6B6B6;
  border-radius: 8px; }

#emailQuoteTitle {
  color: #8BC34A; }

#emailQuoteBody {
  padding: 8px; }

.email_response {
  width: 100%;
  padding-bottom: 1em; }

.emailQuoteButton {
  width: 45%;
  margin: 0 2% 0.5em 2%; }

/*/////////////////*/
/* Daterangepicker */
/*/////////////////*/
.daterangepicker td,
.daterangepicker th,
.daterangepicker td.end-date,
.daterangepicker td.start-date {
  border-radius: 0; }

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: #8BC34A;
  color: #FFFFFF; }

.daterangepicker td.in-range {
  background: #8BC34A;
  color: #FFFFFF; }

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #B6B6B6;
  cursor: not-allowed; }

.daterangepicker td.off.available:hover,
.daterangepicker th.off.available:hover {
  background-color: #B6B6B6; }

.daterangepicker td.disabled,
.daterangepicker option.disabled {
  background-color: #B6B6B6;
  text-decoration: none;
  color: #8c8c8c; }

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #8BC34A;
  color: #FFFFFF; }

.sneak-preview-video {
  width: 100%;
  height: auto;
  max-width: 1024px;
  margin: auto;
  display: block; }

.sneak-preview-video video {
  width: 100%;
  height: auto; }

/* This ensures iframe videos are as large as possible while maintaining a normal height */
.sneak-preview-video .youtube-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.sneak-preview-video .youtube-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Footer Styles */
footer {
  margin: 50px 0; }

/* Desktop Only */
@media (min-width: 768px) {
  .navbar-collapse {
    overflow-x: hidden;
    /* remove the scrollbar when animating the nav collapse on desktop */ }

  .container {
    width: 95%; } }
/* Responsive Styles */
@media (max-width: 992px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    width: 100%; }

  .booking-overview-image {
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    display: block; }

  #quote-listing .quoteDetailsContainer .row {
    margin-left: 0;
    margin-right: 0; }

  .expandQuoteButtonContainer {
    font-size: 1.5em;
    cursor: pointer; }

  .quoteActionButtonsContainer {
    padding-bottom: 0.5em;
    text-align: center;
    font-size: 1.5em; }

  .quote-table {
    width: 100%; } }
@media (max-width: 767px) {
  .carousel {
    height: 300px;
    /* increases the carousel height so it looks good on phones */ }

  #emailQuoteContainer {
    left: 0; }

  #emailQuoteContent {
    width: 100%; }

  .emailQuoteButton {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0.8em;
    padding-bottom: 0.8em; } }



/*# sourceMappingURL=main.css.map */