/*************************************************************************
 * Body styles
 *************************************************************************/
body {
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Lato", sans-serif;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  background-color: #fff;
  color: #000; }

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-top: 100px;
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }

/*************************************************************************
 * Page Section styles
 *************************************************************************/
.infoFooter {
  background-color: #2f302f;
  color: #818181; }

.infoFooterHeading {
  background-color: #2f302f;
  color: #e9ecef; }

.addressFooter {
  background-color: #1e1f1f;
  color: #666; }

.addressFooterHeading {
  background-color: #1e1f1f;
  color: #8e8e8e; }

/*************************************************************************
 * General styles
 *************************************************************************/
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.importantText {
  color: #F75D45; }

/*************************************************************************
 * Link and button styles
 *************************************************************************/
a {
  color: #548CC9; }

a:hover, a:focus {
  color: #548CC9; }

/* button styles */
.btn-custom {
  background-color: #548CC9;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  box-shadow: 3px 3px 4px lightgrey;
  border-radius: 100px; }

.btn-custom:hover, .btn-custom:focus {
  background-color: #548CC9;
  color: #fff; }

.infoboxbuttonarea {
  margin: 20px;
  text-align: center; }

.infoboxbutton {
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px;
  color: #666;
  border: 1px solid #666;
  letter-spacing: 2px; }

.infoboxbutton:hover {
  text-decoration: none;
  background-color: #fff;
  color: #000;
  transition: all .35s ease-out; }

.boxbuttonarea {
  margin-top: 30px;
  text-align: right; }

.boxbutton {
  font-size: 0.8em;
  text-transform: uppercase;
  padding: 10px;
  color: #666;
  border: 1px solid #666;
  letter-spacing: 2px; }

.boxbutton:hover {
  text-decoration: none;
  background-color: #fff;
  color: #000; }

.noborder {
  border: none !important; }

.promoBoxCornerCaption {
  position: absolute;
  margin-top: 2% !important;
  margin-left: 2% !important;
  margin-right: 2% !important;
  background-color: red;
  color: white;
  width: 200px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 5px;
  top: 2%;
  left: 2%; }

/*************************************************************************
 * Heading styles
 *************************************************************************/
h1,
.h1, .h1size {
  margin-top: 15px;
  font-size: 30px; }

h2,
.h2, h2size {
  margin-top: 10px;
  font-size: 24px; }

h3,
.h3, .h3size {
  font-size: 20px; }

h4,
.h4, .h4size {
  font-size: 18px; }

h5,
.h5, .h5size {
  font-size: 14px; }

h6,
.h6, .h6size {
  font-size: 12px; }

.galleryH1 {
  color: #666;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .3em; }

h1.bossheading {
  font-size: 30px;
  color: #fff;
  letter-spacing: 3px;
  text-shadow: 1px 1px 2px black; }

.bossheading2 {
  font-size: 20px;
  color: #fff;
  margin-top: 0;
  letter-spacing: 3px;
  text-shadow: 1px 1px 2px black; }

.bosstext {
  font-size: 16px;
  color: #fff;
  text-shadow: 1px 1px 2px black; }

.bosscontainer {
  padding: 20px;
  background: rgba(128, 128, 128, 0.5); }

.bosscontainerwithborder {
  padding: 20px;
  background: rgba(128, 128, 128, 0.5);
  border: 1px solid #fff; }

/*************************************************************************
 * Container box styles
 *************************************************************************/
.infobox {
  background: #fff;
  color: #000;
  border: 1px solid #666; }

.infoboxtitle {
  text-align: center;
  border-bottom: 1px solid #666;
  color: #548CC9; }

.infoboxtext {
  padding: 20px; }

.frontpagebox {
  padding: 15px;
  text-align: center; }

.frontpageboxcontainer {
  background-color: #000; }

.frontpageblurb {
  text-align: center;
  padding: 10px 50px 50px 50px;
  background-color: #2F3030;
  color: #FFF;
  font-size: 22px;
  line-height: 36px;
  font-weight: 300; }

.frontpageblurb h1 {
  font-size: 44px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #fff; }

.frontpageblurbtext {
  text-align: justify;
  width: 80%;
  max-width: 750px;
  font-size: 1em;
  margin: auto; }

.h1frontpagesection {
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 3px;
  color: #000;
  text-align: center;
  margin-bottom: 30px; }

.h1frontpagesection a {
  color: #000; }

.h1frontpagesection a:hover {
  color: #000;
  text-decoration: none; }

@media screen and (max-width: 767px) {
  .frontpageblurb {
    padding: 10px 20px 10px 20px; }
  .frontpageblurbtext {
    text-align: justify;
    width: 100%;
    font-size: 0.8em;
    margin: auto; }
  .frontpageblurb h1 {
    font-size: 32px; }
  .h1frontpagesection {
    font-size: 36px; } }

.tourCard {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.tourCard:hover {
  filter: none; }

.tourCard .checkboxContainer {
  font-size: 23px;
  color: #000;
  -webkit-text-stroke: 1px #eee; }

.selectedTour {
  box-shadow: 8px -8px 8px 0px rgba(0, 0, 0, 0.5);
  filter: none !important;
  z-index: 1;
  border-bottom: none !important;
  background-color: #fff; }

.selectedTour .tourInfo {
  background-color: #fff !important; }

.tourCard .checkbox:before {
  content: "\f0c8"; }

.selectedTour .checkbox:before {
  content: "\f14a" !important; }

/*************************************************************************
 * Panel styles from bootstrap 3
 *************************************************************************/
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel-default {
  border-color: #ddd; }

.panel-group {
  margin-bottom: 20px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd; }

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd; }

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333; }

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd; }

/*************************************************************************
 * Form styles
 *************************************************************************/
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #F75D45;
  font-weight: bold; }

.field-validation-valid {
  display: none; }

.input-validation-error {
  border: 2px solid #F75D45;
  background-color: #FFF0F0; }

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000; }

.validation-summary-valid {
  display: none; }

.validation-summary-errors {
  color: #7f5050;
  border: 1px solid #ac8686;
  border-radius: 3px;
  background-color: #fff0f0;
  padding: 4px;
  margin: 4px;
  width: 500px; }

span.validation-summary-errors {
  border-bottom-color: #7f5050;
  display: block; }

ul.validation-summary-errors {
  margin: 0;
  padding: 0;
  border-top: none; }

.formcontainer {
  color: #000;
  background-color: #fff;
  padding: 20px; }

input.form-control:focus {
  border: 2px solid #F75D45; }

textarea.form-control:focus {
  border: 2px solid #F75D45; }

.buttonClickText {
  display: none;
  color: #06BC06;
  font-weight: bold;
  font-size: 1em; }

.errorBlock {
  max-width: 800px; }

.successBlock {
  max-width: 800px; }

.infoBlock {
  max-width: 800px; }

.successBlock {
  color: #507f50;
  border: 1px solid #519d51;
  border-radius: 3px;
  background-color: #f0fff0;
  padding: 5px;
  margin: 4px; }

.successText {
  font-weight: bold;
  color: green; }

.errorText {
  font-weight: bold;
  color: red; }

.errorBlock {
  color: #7f5050;
  border: 1px #ac8686 solid;
  border-radius: 3px;
  background-color: #fff0f0;
  padding: 5px;
  margin: 4px; }

.infoblock {
  color: #50607f;
  border: 1px solid #6d778a;
  border-radius: 3px;
  background-color: #f0f9ff;
  padding: 5px;
  margin: 4px; }

.col-form-label {
  font-weight: bold; }

/*************************************************************************
 * Top Menu Navigation and breakpoint styles
 *************************************************************************/
.menuTextXS {
  font-size: small;
  visibility: visible; }

.menuImage {
  visibility: visible; }

.menuIcon {
  visibility: hidden; }

.menuExtraSingleRowItems {
  visibility: hidden; }

.menuItemsSecondColumn {
  visibility: visible; }

.menuTextLong {
  padding-top: 10px;
  line-height: normal; }

.menuItemTextWidth {
  min-width: 145px; }

.dropdown {
  font-size: small; }

@media (min-width: 768px) and (max-width: 991.98px) {
  .showOnMDOnly {
    visibility: visible; } }

@media (min-width: 992px) {
  .showOnMDOnly {
    visibility: hidden; } }

@media (max-width: 767.98px) {
  .menuIcon {
    visibility: visible;
    font-family: sans-serif; }
  .showOnMDOnly {
    visibility: hidden; }
  .menuExtraSingleRowItems {
    visibility: visible; }
  .menuTextLong {
    font-weight: normal; }
  .menuItemsSecondColumn {
    visibility: hidden; } }

@media (max-width: 575.98px) {
  .menuImage {
    visibility: hidden; } }

/* styles for menu icons */
.menuImage {
  width: 75px;
  height: 75px;
  margin-right: 2px;
  float: left; }

.menuText {
  height: 75px;
  line-height: 75px;
  margin-left: 75px;
  vertical-align: middle; }

.menu-icon-mobile-container {
  width: 25px;
  text-align: center; }

@media screen and (max-width: 767px) {
  .menuImage {
    display: none; }
  .menuText {
    height: unset;
    line-height: unset;
    margin-left: 5px; } }

/** Multi-column menu **/
.dropdown-menu {
  /*min-width: 230px;*/ }

.dropdown-menu.columns-2 {
  min-width: 460px; }

.dropdown-menu.columns-3 {
  min-width: 690px; }

.dropdown-menu li a {
  padding: 5px 15px; }

.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.multi-column-dropdown li a {
  display: block;
  clear: both;
  white-space: normal;
  color: #000; }

.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden; }
  .multi-column-dropdown li a {
    color: #fff !important; }
  /*.dropdown-menu li a, .multi-column-dropdown li a {
        color: #fff !important;
    }*/ }

/** Multi-column menu end **/
/*************************************************************************
 * CSS for instagram style image gallery
 *************************************************************************/
#divInstaGalleryContainer {
  padding: 10px; }

#divInstaGalleryContainer .row li {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0; }

#divInstaGalleryContainer ul.thumb {
  padding: 0;
  margin: 0;
  text-align: left; }

#divInstaGalleryContainer img.thumb {
  border: 0 none;
  display: inline-block;
  vertical-align: middle;
  min-width: 100%; }

#divInstaGalleryContainer > div.container {
  border: 1px solid #D2D2D2; }

/*************************************************************************
 * Social media icons styles
 *************************************************************************/
/* Social Icons in the top menu*/
.header_social_links {
  position: fixed;
  left: 150px;
  padding: 10px;
  list-style: none;
  z-index: 99;
  color: white; }

@media screen and (max-width: 767px) {
  .header_social_links {
    top: 0px; } }

@media screen and (min-width: 768px) and (max-width: 1050px) {
  .header_social_links {
    top: 40px; } }

@media screen and (min-width: 1051px) {
  .header_social_links {
    top: 16px; } }

.header_social_links li a {
  display: block;
  padding-bottom: 5px; }

.header_social_links li a img {
  display: block;
  max-width: 40px;
  padding: 10px;
  -webkit-transition: background .2s ease-in-out;
  -moz-transition: background .2s ease-in-out;
  -o-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

.header_social_links li a:hover img {
  background: rgba(0, 0, 0, 0.2); }

.social-icon,
.social-icon svg path {
  width: 20px;
  height: 20px;
  -webkit-transition: fill 0.15s ease-in-out 0s !important;
  -o-transition: fill 0.15s ease-in-out 0s !important;
  transition: fill 0.15s ease-in-out 0s !important;
  cursor: pointer;
  cursor: hand;
  fill: #888;
  vertical-align: middle;
  /*THIS IS THE KEY*/ }

.social-icon-medium,
.social-icon-medium svg path {
  width: 25px;
  height: 25px;
  -webkit-transition: fill 0.15s ease-in-out 0s !important;
  -o-transition: fill 0.15s ease-in-out 0s !important;
  transition: fill 0.15s ease-in-out 0s !important;
  cursor: pointer;
  cursor: hand;
  fill: #888;
  /* #515151;*/
  vertical-align: middle;
  /*THIS IS THE KEY*/ }

.social-icon-large,
.social-icon-large svg path {
  width: 30px;
  height: 30px;
  -webkit-transition: fill 0.15s ease-in-out 0s !important;
  -o-transition: fill 0.15s ease-in-out 0s !important;
  transition: fill 0.15s ease-in-out 0s !important;
  cursor: pointer;
  cursor: hand;
  fill: #888;
  /* #515151;*/
  vertical-align: middle;
  /*THIS IS THE KEY*/ }

#twitter:hover,
#twitter:hover svg path {
  fill: #5fa9dd; }

#facebook:hover,
#facebook:hover svg path {
  fill: #3c5a99; }

.social-icons #youtube {
  width: 40px; }

/*************************************************************************
 * Slick slider styles
 *************************************************************************/
.slick-dots {
  z-index: 15; }

.imageSliderContainer {
  padding-left: 0;
  padding-right: 0;
  position: relative; }

.imageSliderContainer .imageSlider div {
  height: 600px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.imageSliderContainer .imageSliderWithQuote div {
  height: 700px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative; }

.imageSliderWithQuote .quotetext {
  font-family: 'Tangerine', Garamond, cursive;
  font-size: 2.5em;
  line-height: 40px;
  max-width: 600px;
  display: block;
  color: #fff;
  position: absolute;
  bottom: 90px;
  left: 90px;
  text-shadow: 1px 1px 2px black; }

.imageSliderWithQuote .quoteauthor {
  padding-left: 40px;
  color: #fff;
  font-family: 'Lato';
  font-size: 0.4em; }

/* class given to navigation dots div */
.slidernavigation {
  position: relative;
  background-color: transparent;
  top: -80px;
  height: 0px;
  z-index: 10;
  width: 90%;
  margin: auto; }

div.sliderControlButtons {
  text-align: center;
  position: relative;
  top: -120px;
  z-index: 100;
  height: 0px;
  background: transparent; }

@media (max-width: 767px) {
  div.sliderControlButtons {
    top: -80px; } }

.sliderButtonCustom {
  cursor: pointer;
  z-index: 100;
  opacity: 0.5;
  color: #fff;
  font-size: 16px; }

.sliderButtonCustom:hover {
  opacity: 1 !important;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */ }

.sliderButtonCustomText {
  display: none;
  color: #fff; }

@media screen and (min-width: 1500px) {
  .imageSliderContainer .imageSlider div {
    height: 750px; }
  .imageSliderContainer .imageSliderWithQuote div {
    height: 750px; } }

@media screen and (min-width: 768px) and (max-width: 1500px) {
  .imageSliderContainer .imageSlider div {
    height: 700px; }
  .imageSliderContainer .imageSliderWithQuote div {
    height: 700px; } }

@media screen and (min-width: 5000px) {
  .imageSliderContainer .imageSlider div {
    height: 1500px; }
  .imageSliderContainer .imageSliderWithQuote div {
    height: 1500px; } }

@media screen and (max-width: 767px) {
  .imageSliderContainer .imageSlider div {
    height: 400px; }
  .imageSliderContainer .imageSliderWithQuote div {
    height: 400px; }
  .imageSliderWithQuote .quotetext {
    font-family: 'Tangerine', Garamond, cursive;
    font-size: 2em;
    line-height: 25px;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 0px; }
  .imageSliderWithQuote .quoteauthor {
    font-size: 0.4em; } }

/*************************************************************************
 * Footer styles
 *************************************************************************/
.footer {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1em;
  background-color: #303030;
  padding-top: 20px;
  padding-bottom: 20px; }

#common_botFooter {
  margin: 0;
  padding: 0;
  text-align: center; }

#common_botFooter li {
  padding-right: 0.5rem;
  padding-left: .9375rem;
  display: inline;
  list-style: none;
  text-transform: uppercase;
  border-right: 1px solid #fff;
  letter-spacing: .3em; }

#common_botFooter li span {
  color: #fff;
  font-size: 0.65em;
  transition: color .2s ease-out; }

#common_botFooter li a {
  color: #fff;
  text-decoration: none;
  transition: color .2s ease-out; }

#common_botFooter li:first-child {
  padding-left: 0; }

#common_botFooter li:last-child {
  border-right: none;
  padding-right: 0; }

.mobileFooter {
  text-transform: uppercase;
  letter-spacing: .3em;
  color: #fff;
  font-size: 0.9em; }

.mobileFooter a {
  text-transform: uppercase;
  letter-spacing: .3em;
  color: #fff;
  text-decoration: none;
  transition: color .2s ease-out; }

.mobileFooter div.address {
  font-size: 0.65em; }

.footer-address {
  letter-spacing: .22em;
  opacity: 0.5; }

/*************************************************************************
 * Image effects
 *************************************************************************/
.brighten img {
  -webkit-filter: brightness(90%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease; }

.brighten img:hover {
  -webkit-filter: brightness(130%); }

.titleBackgroundCover {
  /*-webkit-filter: gray(100%); 
    filter: gray(100%);
    opacity: 0.5;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  background-position: center;
  background-size: cover; }

/*************************************************************************
 * Logo styles
 *************************************************************************/
.logo_svg {
  width: 90px;
  height: 60px; }

@media screen and (max-width: 800px) {
  .logo_svg {
    width: 125px;
    height: 85px; } }

.logo_svg_small {
  width: 100px; }

.bicr0 {
  fill: #FFF; }

.bicr1 {
  /*fill: url("#bicWhiteGradient") !important;*/
  fill: url(#LINE_1_);
  stroke: url(#LINE_2_);
  stroke-width: 0.75;
  stroke-miterlimit: 10; }

.bicr2 {
  fill: #BCBEC0; }

.bicr3 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: url(#WA_1_); }

.bicr4 {
  fill: #A7A9AC; }

.wallabyLogo svg > path {
  transition: fill 3s ease; }

/*-- Bruny --*/
.wallabyLogo svg > .bicr4 {
  fill: #ffffff !important; }

/*-- Coastal Retreats --*/
.wallabyLogo svg > .bicr0 {
  fill: #ffffff !important; }

/*-- Island --*/
.wallabyLogo svg > .bicr2 {
  fill: #ffffff !important; }

/*-- Wallaby --*/
.wallabyLogo svg > .bicr3 {
  fill: url("#bicWhiteGradient") !important; }

.wallabyLogo a {
  transition: color 3s ease;
  color: #99b762; }

.wallabyLogo a:hover {
  color: #637a38; }

.wallabyLogo #layout-footer #common_botFooter li a:hover {
  transition: color 100ms ease;
  color: #99b762; }

.wallabyLogo .tbbDiv a:hover {
  transition: color 100ms ease;
  color: #99b762; }

.corner-ribbon {
  width: 365px;
  background-color: lightseagreen;
  border-radius: 10px;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  /*line-height: 50px;*/
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg); }

.corner-ribbon.bottom-right {
  top: auto;
  right: -6px;
  bottom: 58px;
  left: auto;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg); }

.corner-ribbon:hover {
  color: #eae3e3;
  text-decoration: none; }

.corner-ribbon-mobile {
  width: 195px;
  background-color: lightseagreen;
  border-radius: 10px;
  position: absolute;
  top: auto;
  left: auto;
  text-align: center;
  /*line-height: 50px;*/
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg); }

.corner-ribbon-mobile.bottom-right-mobile {
  top: auto;
  right: -2px;
  bottom: 29px;
  left: auto;
  transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg); }

.corner-ribbon-mobile:hover {
  color: #eae3e3;
  text-decoration: none; }

/*.PromoRibbon {
    background-color: lightseagreen;
    color: white;
    transform: rotate(-20deg);
    border-radius: 10px;
    position: absolute;
    right: 0px;
    bottom: 111px;
}*/