body {
  background: #f6db36;
  color: #313742;
  font-family: "ff-tisa-sans-web-pro", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  height: 100%; }

.logo {
  background-image: url(../images/hervey-bay-dive-centre-logo-1x.png);
  background-repeat: no-repeat;
  background-size: 275px 50px;
  display: block;
  height: 50px;
  width: 275px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25 / 1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    .logo {
      background-image: url(../images/hervey-bay-dive-centre-logo.png); } }

.padi-course-logo {
  margin: -30px 0 10px 0.9375rem;
  width: 200px; }
  .padi-course-logo img {
    height: auto;
    width: 100%; }
  @media only screen and (max-width: 640px) {
    .padi-course-logo {
      width: 150px; } }

.header {
  background-image: url(../images/header-texture.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  margin-bottom: -15px;
  padding-top: 15px;
  padding-bottom: 45px;
  position: relative; }
  @media only screen and (max-width: 640px) {
    .header {
      background-size: 200%; } }

.header-elements {
  position: relative; }

@media only screen and (max-width: 640px) {
  .logo {
    background-position: center center;
    margin: 0.9375rem auto; } }
@media only screen and (min-width: 641px) {
  .logo {
    background-position: 0.675rem 0;
    margin-top: 0.9375rem; } }
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .logo {
    margin-top: 0;
    margin-bottom: 15px; } }

@media only screen and (min-width: 641px) {
  .phone-trigger {
    display: none; } }

.phone-number {
  color: #313742;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: right; }
  .phone-number span {
    color: #12ab72; }
  @media only screen and (max-width: 640px) {
    .phone-number {
      display: none; } }

.top-bar,
.top-bar ul,
.title-bar {
  background: none;
  padding: 0; }

@media only screen and (max-width: 640px) {
  .title-bar,
  .contact {
    float: left;
    text-align: center;
    width: 50%; }

  .menu-trig,
  .contact a {
    background: #FFF;
    border-radius: 4px;
    border-bottom: 2px solid #dbdee4;
    color: #313742;
    display: block;
    line-height: 1em;
    padding: 10px 0 8px;
    text-align: center;
    width: 100%; }

  .menu-trig .fa {
    color: #335cae; }
  .menu-trig:active {
    background: #335cae;
    border-bottom: none;
    border-top: 2px solid #274787;
    color: #FFF;
    padding: 8px 0 10px; }
    .menu-trig:active .fa {
      color: #FFF; }

  .contact {
    padding-left: 0.3125rem; }

  .title-bar {
    padding-right: 0.3125rem; }

  .contact a .fa {
    color: #12ab72; }
  .contact a:active {
    background: #12ab72;
    border-bottom: none;
    border-top: 2px solid #0d7d53;
    color: #FFF;
    padding: 8px 0 10px; }
    .contact a:active .fa {
      color: #FFF; }

  .top-bar {
    display: block;
    float: left; } }
@media only screen and (min-width: 1024px) {
  .contact {
    padding-right: 1.5rem; } }
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .contact {
    position: absolute;
    top: 30px;
    right: 0.9375rem; } }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none; }
@media only screen and (min-width: 641px) {
  .dropdown.menu > li {
    margin: 0 .25rem; }
  .dropdown.menu > li > a {
    border: 2px solid transparent;
    border-radius: 4px;
    color: #313742;
    letter-spacing: 2px;
    padding: 0.45rem 0.75rem;
    text-transform: uppercase; }
  .dropdown.menu > li.is-dropdown-submenu-parent > a {
    border-radius: 4px 4px 0 0;
    padding-right: 0.5rem; }
  .dropdown.menu > li:hover > a {
    background: #335cae;
    border-color: #335cae;
    color: #FFF; }
  .dropdown.menu > .current > a {
    border: 2px dashed #dbdee4;
    color: #838ea3; }
  .dropdown.menu .sub-menu {
    background: #FFF;
    border: none;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    margin: 0;
    padding: 10px 0; }
    .dropdown.menu .sub-menu li {
      list-style: none; }
      .dropdown.menu .sub-menu li:hover > a {
        background: #dbdee4; }
        .dropdown.menu .sub-menu li:hover > a.current {
          background: none; }
    .dropdown.menu .sub-menu .current {
      color: #919bae; } }
@media only screen and (max-width: 640px) {
  .dropdown.menu {
    padding-top: 0.9375rem; }
    .dropdown.menu li {
      margin-bottom: 0.675rem;
      width: 100%; }
      .dropdown.menu li a {
        background: #fafafa;
        border: 2px dashed #ccd1d9;
        border-radius: 4px;
        color: #313742;
        display: block;
        text-align: center; }
        .dropdown.menu li a:active {
          background: #335cae;
          border: 2px solid #335cae;
          color: #FFF; }
    .dropdown.menu .is-dropdown-submenu {
      display: none !important; } }
@media only screen and (min-width: 641px) {
  .dropdown.menu {
    margin: 0 auto; } }
@media only screen and (min-width: 1024px) {
  .dropdown.menu {
    margin: 0 -1rem 0 auto; } }
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .dropdown.menu > li {
    margin: 0 0.25rem; }
    .dropdown.menu > li > a {
      padding: 0.45rem 0.5rem; } }

.banner {
  background-color: #0e284d;
  background-position: bottom left, center center;
  background-repeat: repeat-x, no-repeat;
  text-align: center; }
  .banner .page-title {
    color: #FFF;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    margin-top: -200px;
    width: 100%;
    text-shadow: 0 2px 5px rgba(20, 15, 0, 0.45); }
  @media only screen and (min-width: 641px) {
    .banner {
      background-size: auto, cover;
      margin: -25px 0 -50px;
      min-height: 580px; } }
  @media only screen and (max-width: 640px) {
    .banner {
      background-size: 200%, 100%;
      min-height: 220px; } }
  @media only screen and (min-width: 420px) and (max-width: 509px) {
    .banner {
      min-height: 300px; } }
  @media only screen and (min-width: 510px) and (max-width: 641px) {
    .banner {
      min-height: 360px; } }

.home-alert {
  padding: 20px 1.25rem 30px; }

.main {
  background-color: #FFF;
  background-image: url(../images/page-background.jpg);
  background-repeat: repeat;
  padding-top: 40px; }
  .with-banner .main {
    padding-top: 0; }

.home-tours,
.tours {
  list-style: none;
  margin: 0; }

.affiliates {
  border-top: 2px dashed #FFF;
  margin-bottom: -100px;
  margin-top: 50px; }

.footer {
  background-color: #f6db36;
  background-image: url(../images/footer-texture.jpg);
  background-repeat: repeat-x;
  padding-top: 170px;
  padding-bottom: 50px; }
  .footer h4 {
    color: #335cae;
    font-size: 34px;
    font-size: 2.125rem; }
  .footer .contact-info {
    text-align: center; }
    .footer .contact-info a span {
      text-decoration: underline; }
  .footer .top {
    border: 2px dashed #FFF;
    border-radius: 4px;
    color: #0e284d;
    display: block;
    height: 40px;
    line-height: 38px; }
    .footer .top .fa {
      color: #335cae; }
    .footer .top:hover {
      border: 1px solid #335cae; }
  .footer .top:hover,
  .footer .social-link:hover {
    background: #335cae;
    color: #FFF; }
    .footer .top:hover .fa,
    .footer .social-link:hover .fa {
      color: #FFF; }
  .footer .phone {
    display: block;
    font-size: 44px;
    font-size: 2.75rem; }
  .footer ul {
    list-style: none;
    margin: 0; }
    .footer ul li {
      margin-bottom: 4px; }
    .footer ul a {
      color: #0e284d; }
      .footer ul a:hover {
        text-decoration: underline; }
  .footer address {
    color: #0e284d;
    font-style: normal;
    margin: 15px 0; }
  @media only screen and (max-width: 640px) {
    .footer .cell {
      text-align: center; }
    .footer .social-link {
      display: inline-block; }
    .footer .phone {
      margin-top: 20px; }
    .footer h4 {
      margin: 24px 0 -4px; }
    .footer .logo {
      margin: 24px auto 0; } }
  @media only screen and (min-width: 641px) {
    .footer .top {
      float: left;
      padding: 0 30px;
      text-align: center; }
    .footer .contact-highlight {
      margin-bottom: 40px; }
      .footer .contact-highlight > div {
        float: right; }
    .footer .phone {
      float: left; }
    .footer .social-link {
      float: left;
      margin-left: 15px; }
    .footer h4 {
      margin-top: -5px; }
    .footer .logo {
      background-position: top right;
      width: 100%; }
    .footer .contact-info {
      text-align: right; } }
  @media only screen and (min-width: 641px) and (max-width: 740px) {
    .footer .logo {
      float: right;
      margin-bottom: 10px;
      min-width: 255px; } }

.social-link {
  background: #FFF;
  border-radius: 20px;
  display: block;
  font-size: 18x;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px; }

.button,
.Actions .action {
  background: #f6db36;
  border: none;
  border-bottom: 2px solid #d6b90a;
  border-radius: 6px;
  box-sizing: border-box;
  color: #0e284d;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  padding: 0.625rem 1.875rem; }
  .button.secondary,
  .Actions .action.secondary {
    background: #FFF;
    border: 2px dashed #dbdee4;
    color: #313742; }
  .button:hover,
  .Actions .action:hover {
    background: #335cae !important;
    border-color: #335cae; }
  .button.social-button,
  .Actions .action.social-button {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.625rem 0.625rem 0.625rem 40px;
    position: relative;
    text-align: left; }
    .button.social-button .fa,
    .Actions .action.social-button .fa {
      font-size: 24px;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -12px;
      text-align: center;
      width: 40px; }

.message {
  border-radius: 4px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.35em;
  margin-bottom: 20px;
  padding: 0.9375rem; }
  .message.info {
    background: #335cae;
    color: #FFF; }
  .message p:last-child {
    margin: 0; }
  .HomePage .message {
    background: #12ab72;
    box-shadow: 0 3px 10px rgba(14, 40, 77, 0.5);
    font-family: "gooddog-new", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.25em;
    font-size: 20px;
    font-size: 1.25rem;
    transform: rotate(-5deg);
    padding: 0.625rem 0.9375rem; }
    @media only screen and (min-width: 641px) {
      .HomePage .message {
        display: inline; } }
    @media only screen and (max-width: 640px) {
      .HomePage .message {
        transform: rotate(-2deg);
        line-height: 1em; } }

.site-wide-alert {
  background: #335cae;
  border-radius: 4px;
  color: #FFF;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.9375rem;
  margin-left: 0.3175rem!important;
  padding-top: 0.9375rem;
  padding-bottom: 0.6125rem; 
width: 100%;}
  .site-wide-alert p {
    color: #fbe8ea;
    font-weight: 600;
    line-height: 1.35em; }
  .site-wide-alert h2, .site-wide-alert h3, .site-wide-alert h4 {
    font-size: 26px;
    font-size: 1.625rem; }
  .site-wide-alert > div {
    }
  .site-wide-alert .button {
    background: #FFF;
    border-bottom-color: #adbcdc;
    font-size: 16px;
    font-size: 1rem;
    
    padding: 0.3125rem;
    text-align: center;
    width: 100%; }
    .site-wide-alert .button:hover {
      background-color: #0e284d!important;
      border-color: #0e284d; }
@media only screen and (max-width: 640px) {
  .site-wide-alert .button {
    margin: 0.6215rem 0 0 0;
  }
}
  @media only screen and (min-width: 640px) {
    .site-wide-alert > div {
       }
    .site-wide-alert .button {
      } }

.item-list {
  margin: 0; }

.item {
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(14, 40, 77, 0.25);
  list-style: none;
  margin-bottom: 1.825rem;
  position: relative; }
  .item .item-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%; }
  .item h3 {
    margin: 0 0 0.5rem 0; }
  .item p {
    line-height: 1.35em; }
  .item .item-price {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1em; }
  @media only screen and (min-width: 641px) {
    .item {
      -ms-flex-direction: column;
      flex-direction: column; }
      .item .item-price {
        background: -moz-linear-gradient(-45deg, rgba(14, 40, 77, 0.8) 15%, rgba(14, 40, 77, 0) 50%);
        background: -webkit-linear-gradient(-45deg, rgba(14, 40, 77, 0.8) 15%, rgba(14, 40, 77, 0) 50%);
        background: linear-gradient(135deg, rgba(14, 40, 77, 0.8) 15%, rgba(14, 40, 77, 0) 50%);
        border-top-left-radius: 3px;
        color: #FFF;
        height: 120px;
        letter-spacing: 1px;
        padding: 20px 20px 0 0;
        position: absolute;
        top: 0;
        left: 0;
        text-shadow: 0 1px 2px rgba(14, 40, 77, 0.5);
        text-transform: uppercase;
        width: 120px; }
        .item .item-price span {
          display: block;
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 1em; }
      .item .item-image {
        border-radius: 3px 3px 0 0;
        height: 180px; }
      .item .item-content {
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding: 1.40625rem;
        text-align: center; }
      .item h3 {
        font-size: 34px;
        font-size: 2.125rem; } }
  @media only screen and (max-width: 640px) {
    .item .item-image {
      background-size: cover;
      height: 150px; }
    .item .item-content {
      margin: auto 0;
      padding: 0 0.9375rem;
      text-align: left; }
      .item .item-content .item-message {
        color: #313742;
        display: block;
        line-height: 1.25em;
        margin: 0 0 0.5rem 0; }
    .item h3 {
      font-size: 30px;
      font-size: 1.875rem;
      margin: 0 0 0.5rem 0; }
    .item p {
      display: none; }
    .item .item-price {
      font-size: 14px;
      font-size: 0.875rem; }
      .item .item-price strong {
        font-weight: 400; }
      .item .item-price span {
        font-size: 18px;
        font-size: 1.125rem; } }
  @media only screen and (min-width: 400px) and (max-width: 640px) {
    .item h3 {
      font-size: 30px;
      font-size: 1.875rem; } }

form {
  padding-bottom: 40px; }
  form label {
    display: none; }
  form .field {
    padding-bottom: 0.9375rem; }
    form .field.form-step {
      padding: 0; }
  form input.text,
  form textarea {
    border: 2px solid #bdc3ce;
    border-radius: 3px;
    margin: 0;
    padding: 0.6275rem; }
    form input.text.error,
    form textarea.error {
      border-color: #e1414d; }
    form input.text:focus,
    form textarea:focus {
      border: 2px solid #335cae; }
    form input.text::-webkit-input-placeholder,
    form textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #919bae;
      font-weight: 700; }
    form input.text::-moz-placeholder,
    form textarea::-moz-placeholder {
      color: #919bae;
      font-weight: 700; }
    form input.text:-ms-input-placeholder,
    form textarea:-ms-input-placeholder {
      color: #919bae;
      font-weight: 700; }
  form .Actions {
    text-align: center; }
  form .message {
    padding: 0;
    width: 100%; }
    form .message.error {
      color: #e1414d; }
  @media only screen and (min-width: 641px) {
    form .field {
      padding-bottom: 1.875rem; }
    form div.medium-6 {
      float: left;
      padding-right: 1.875rem;
      width: 50%; }
      form div.medium-6.end {
        padding-right: 0; } }

h1, h2, h3, h4, h5, h6, a, p, span {
  margin: 0; }

.Artz,
h1, h2, h3 {
  font-family: "hwt-artz", Arial, sans-serif;
  font-weight: 700;
  line-height: 0.9em; }

h4, h5, h6 {
  font-family: "ff-tisa-sans-web-pro", Arial, sans-serif; }

.GoodDog {
  font-family: "gooddog-new", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.25em; }

.page-title {
  color: #0e284d;
  font-size: 90px;
  font-size: 5.625rem;
  margin-bottom: 0.9375rem; }
  @media only screen and (max-width: 640px) {
    .page-title {
      font-size: 60px;
      font-size: 3.75rem; } }

a {
  color: #335cae; }
  a:hover {
    color: #0e284d; }

p a {
  text-decoration: underline; }

.typography h2 {
  color: #0e284d;
  font-size: 50px;
  font-size: 3.125rem;
  margin: 2rem 0 2rem; }
  .typography h2:first-of-type {
    margin-top: 0; }
  .typography h2 strong, .typography h2 b {
    color: #335cae; }
.typography h3, .typography h4 {
  color: #335cae;
  margin-top: 2rem; }
.typography h3 {
  font-size: 40px;
  font-size: 2.5rem; }
.typography p {
  margin-bottom: 1rem; }
.typography li {
  margin-bottom: 0.5rem; }
@media only screen and (max-width: 640px) {
  .typography h2 {
    font-size: 36px;
    font-size: 2.25rem; } }

.TourPage .tour-info,
.CoursePage .tour-info {
  line-height: 1em;
  margin-bottom: 30px; }
  .TourPage .tour-info strong,
  .CoursePage .tour-info strong {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 2px;
    line-height: 1rem;
    text-transform: uppercase; }
  @media only screen and (min-width: 641px) {
    .TourPage .tour-info .fa,
    .CoursePage .tour-info .fa {
      display: none; } }
  @media only screen and (max-width: 640px) {
    .TourPage .tour-info strong,
    .CoursePage .tour-info strong {
      display: none; } }
.TourPage .includes ul,
.CoursePage .includes ul {
  margin: 0; }
.TourPage .includes li,
.CoursePage .includes li {
  font-family: "gooddog-new", Arial, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  list-style: none; }
.TourPage .book-form,
.CoursePage .book-form {
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  margin-bottom: 0.9375rem; }
  .TourPage .book-form h2,
  .CoursePage .book-form h2 {
    color: #335cae;
    font-size: 50px;
    font-size: 3.125rem;
    padding-top: 1.875rem;
    text-align: center; }
.TourPage aside small,
.CoursePage aside small {
  color: #5c687d;
  margin-top: 0.25rem; }
  .TourPage aside small p,
  .CoursePage aside small p {
    line-height: 1.35em; }
.TourPage .depart,
.CoursePage .depart {
  margin-top: 2rem; }
  .TourPage .depart h3,
  .CoursePage .depart h3 {
    color: #335cae;
    font-size: 40px;
    font-size: 2.5rem; }
.TourPage .depart-info h4,
.CoursePage .depart-info h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase; }
.TourPage .depart-info table tbody,
.CoursePage .depart-info table tbody {
  background: none; }
.TourPage .depart-info table th,
.CoursePage .depart-info table th {
  text-align: left; }
.TourPage .depart-info table th, .TourPage .depart-info table td,
.CoursePage .depart-info table th,
.CoursePage .depart-info table td {
  padding: 0.25rem 0; }
.TourPage .depart-info table tr,
.CoursePage .depart-info table tr {
  background: none; }
.TourPage .depart-info-address h4,
.CoursePage .depart-info-address h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase; }
.TourPage .depart-info-address em,
.CoursePage .depart-info-address em {
  display: inline-block;
  font-style: normal;
  font-size: 14px;
  font-size: 0.875rem;
  margin: -0.5rem 0 0.5rem; }
.TourPage .depart-info-address address,
.CoursePage .depart-info-address address {
  font-style: normal; }
@media only screen and (max-width: 640px) {
  .TourPage .depart-info-map,
  .CoursePage .depart-info-map {
    padding-top: 0.9375rem; } }

.tour-item .item-content .item-message {
  color: #335cae;
  font-size: 14px;
  font-size: 0.875rem; 
line-height:1.25em;}
@media only screen and (max-width: 640px) {
  .tour-item .item-content .item-message {
  text-shadow: none;
  }
}
  
  @media only screen and (min-width: 640px) {
    .HomePage .tour-item .item-message {
      color: #FFF;
      position: absolute;
      bottom: 0.9375rem;
      left: 0;
      right: 0;  
       } }

.course-contact-info {
  padding: 0.9375rem 0.9375rem 0.3125rem; }
  .course-contact-info p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.35em; }

.HomePage .banner {
  background-position: bottom left, bottom left, center center;
  background-repeat: repeat-x, repeat-x, no-repeat; margin-bottom:0;}
  .HomePage .banner h1, .HomePage .banner h1 a, .HomePage .banner h2, .HomePage .banner p {
    color: #FFF;
    text-shadow: 0 1px 2px rgba(14, 40, 77, 0.5); }
  .HomePage .banner a:hover {
    color: #f6db36; }
@media only screen and (min-width: 641px) {
  .HomePage .banner-caption {
    padding: 100px 0 200px; }
  .HomePage .banner {
    background-size: auto, auto, cover;
    padding-bottom: 150px; }
    .HomePage .banner h1 {
      font-size: 90px;
      font-size: 5.625rem;
      margin-bottom: 0.9375rem; }
    .HomePage .banner h2 {
      font-size: 50px;
      font-size: 3.125rem;
      margin-bottom: 0.9375rem; }
    .HomePage .banner p {
      font-size: 30px;
      font-size: 1.875rem; } }
@media only screen and (max-width: 640px) {
  .HomePage .banner-caption {
    padding: 50px 0.9375rem 100px; }
  .HomePage .banner {
    background-size: 200%, auto, cover;
    padding-bottom: 100px; }
    .HomePage .banner h1 {
      font-size: 50px;
      font-size: 3.125rem;
      margin-bottom: 15px; }
    .HomePage .banner h2 {
      font-size: 26px;
      font-size: 1.625rem;
      margin-bottom: 10px; }
    .HomePage .banner p {
      font-size: 20px;
      font-size: 1.25rem; } }
.HomePage .item-list {
  margin: 0 auto; }
@media only screen and (min-width: 641px) {
  .HomePage .tour-item {
    background: none;
    box-shadow: 0 3px 15px rgba(14, 40, 77, 0.8); }
    .HomePage .tour-item h3 {
      color: #FFF;
      font-size: 40px;
      font-size: 2.5rem;
      padding: 0 1.275rem 1.075rem;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      text-shadow: 0 3px 6px rgba(14, 40, 77, 0.75); }
    .HomePage .tour-item .item-image {
      background-size: cover;
      border-radius: 3px;
      height: 300px; }
    .HomePage .tour-item .item-content {
      height: 0;
      padding: 0; }
    .HomePage .tour-item .item-price,
    .HomePage .tour-item p {
      display: none; } }
.HomePage .home-alert {
  transform: rotate(-2deg); }

.ContactPage .main > .grid-container {
  position: relative; }
.ContactPage h2 {
  color: #0e284d;
  font-size: 50px;
  font-size: 3.125rem;
  margin: 0 0 0.9375rem;
  text-align: center; }
  @media only screen and (min-width: 641px) {
    .ContactPage h2 {
      margin: 0 0 2rem; } }
.ContactPage .contact-key .button {
  width: 100%; }
.ContactPage .contact-key div:last-child .button {
  font-size: 20px;
  font-size: 1.25rem; }
@media only screen and (max-width: 640px) {
  .ContactPage .contact-key > div {
    margin-bottom: 0.9375rem; } }
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .ContactPage .contact-key > div {
    margin-bottom: 0.6275rem; } }
.ContactPage .phone-no {
  color: #e1414d;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1em; }
  .ContactPage .phone-no span {
    display: none; }
  @media only screen and (min-width: 641px) {
    .ContactPage .phone-no {
      font-size: 34px;
      font-size: 2.125rem; }
      .ContactPage .phone-no span {
        display: inline; }
      .ContactPage .phone-no .fa {
        display: none; } }

#map {
  height: 400px;
  width: 100%; }

.map-address {
  background: #FFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  padding: 0.9375rem; }
  .map-address address {
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    line-height: 1.35em; }
  @media only screen and (max-width: 640px) {
    .map-address {
      margin-left: -0.6275rem;
      margin-right: -0.6275rem;
      text-align: right; }
      .map-address img {
        display: block;
        margin-bottom: -40px; } }
  @media only screen and (min-width: 641px) and (max-width: 768px) {
    .map-address {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem;
      overflow: auto; }
      .map-address h3 {
        margin-top: 30px; }
      .map-address img {
        float: left;
        margin-right: 0.9375rem;
        width: 50%; } }
  @media only screen and (min-width: 769px) {
    .map-address {
      border-radius: 3px;
      position: absolute;
      right: 1.875rem;
      bottom: 260px;
      z-index: 9;
      max-width: 300px;
      text-align: right; }
      .map-address img {
        display: block;
        margin-bottom: -40px; } }
  @media only screen and (min-width: 1050px) {
    .map-address {
      bottom: 300px; } }
  @media only screen and (min-width: 1200px) {
    .map-address {
      bottom: 330px; } }

.contact-form {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem; }
  @media only screen and (min-width: 641px) {
    .contact-form {
      padding-top: 5.625rem; } }

.home-side .book-form {
  background: #FFF;
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    margin-bottom: 0.9375rem;
}

.home-side .book-form h3 {
  color: #335cae;
      font-size: 32px;
    font-size: 2rem;
  text-align: center;
  padding: 20px 20px 10px;
}

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