@font-face {
  font-family: "travel";
  src: url("../fonts/travel.eot");
  src: url("../fonts/travel.eot?#iefix") format("embedded-opentype"), url("../fonts/travel.woff") format("woff"), url("../fonts/travel.ttf") format("truetype"), url("../fonts/travel.svg#travel") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "travel" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "travel" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-boat:before {
  content: "\64"; }

.icon-chairlift:before {
  content: "\65"; }

.icon-bonfire:before {
  content: "\66"; }

.icon-email:before {
  content: "\67"; }

.icon-island:before {
  content: "\68"; }

.icon-phone:before {
  content: "\69"; }

.icon-user:before {
  content: "\6a"; }

.icon-plane:before {
  content: "\6b"; }

.icon-car:before {
  content: "\6c"; }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0; } }
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; } }
* {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: #acacac; }
  a:hover, a:active, a:focus {
    color: #EC6C6F; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  margin: 0; }

h1 {
  font-size: 5em;
  color: white;
  max-width: 700px; }
  @media (max-width: 767px) {
    h1 {
      font-size: 2.25em;
      max-width: 495px; } }

h2 {
  font-size: 1.75em; }
  @media (max-width: 767px) {
    h2 {
      font-size: 1.125em;
      max-width: 495px; } }

h3 {
  font-size: 2.625em; }

h4 {
  font-size: 2.125em; }

h5 {
  font-size: 1.125em;
  margin-bottom: 15px; }

h6 {
  font-size: 0.875em; }

body {
  background: #282e54; }

#body {
  background: #3A3E69; }

a.email-link {
  color: #acacac;
  text-decoration: none;
  cursor: pointer; }
  a.email-link:hover {
    color: #EC6C6F;
    cursor: pointer; }

@media (min-width: 1490px) {
  .container {
    max-width: 1430px; } }

.inner-container {
  max-width: 1200px;
  width: 86%;
  margin: 0 auto; }
  @media (max-width: 575px) {
    .inner-container {
      width: 90%; } }

.btn-primary {
  background: #6dcbd4;
  border-radius: 0;
  border: 0;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  padding: 17px 34px;
  font-size: 1em;
  line-height: 16px;
  transition: 0.25s ease all;
  outline: none !important;
  box-shadow: none !important; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #46bdc8 !important;
    outline: none !important;
    box-shadow: none !important; }

.btn-danger {
  background: #EC6C6F;
  border-radius: 0;
  border: 0;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  padding: 17px 34px;
  font-size: 1em;
  line-height: 16px;
  transition: 0.25s ease all;
  outline: none !important;
  box-shadow: none !important; }
  .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
    background: #e95559 !important;
    outline: none !important;
    box-shadow: none !important; }

.logo-area {
  padding: 80px 0; }
  .logo-area .logo {
    width: 140px; }
    @media (max-width: 767px) {
      .logo-area .logo {
        width: 80px; } }
  @media (max-width: 767px) {
    .logo-area {
      padding: 50px 0; } }
  .logo-area p {
    color: #6dcbd4;
    font-family: 'Montserrat', sans-serif;
    font-size: 3em;
    font-weight: bold;
    margin: 0; }
    @media (max-width: 767px) {
      .logo-area p {
        font-size: 2em; } }
    .logo-area p span {
      font-size: 0.321em;
      color: white;
      font-family: 'Open Sans', sans-serif;
      position: relative;
      top: -8px;
      margin-left: 15px; }
      @media (max-width: 767px) {
        .logo-area p span {
          top: -5px;
          margin-left: 10px; } }

.form-control::-webkit-input-placeholder {
  color: white; }

.form-control::-moz-placeholder {
  color: white; }

.form-control::-ms-placeholder {
  color: white; }

.form-control::placeholder {
  color: white; }

textarea::-webkit-input-placeholder {
  color: white; }

textarea::-moz-placeholder {
  color: white; }

textarea::-ms-placeholder {
  color: white; }

textarea::placeholder {
  color: white; }

#body .col-50 {
  width: 50%;
  float: left; }
#body .col-50.box {
  height: 0;
  padding-bottom: 50%; }
#body .col-50.right-content {
  position: relative;
  height: 0;
  padding-bottom: 50%; }
  #body .col-50.right-content .content {
    position: absolute;
    padding-left: 100px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
#body .main-body {
  width: 100%;
  padding: 0;
  margin: 80px 0 0;
  background: white; }
  #body .main-body .icon-area {
    padding-top: 125px;
    padding-bottom: 125px; }
    @media (max-width: 1199px) {
      #body .main-body .icon-area {
        padding: 80px 0; } }
    #body .main-body .icon-area:after {
      display: block;
      clear: both;
      content: ""; }
    @media (min-width: 768px) and (max-width: 1199px) {
      #body .main-body .icon-area .col-50.md-middle {
        margin-left: 25%; } }
    @media (max-width: 767px) {
      #body .main-body .icon-area .col-50.md-middle {
        margin-left: 0;
        width: 100%; } }
    @media (max-width: 1199px) {
      #body .main-body .icon-area .col-50.right-content {
        width: 100%;
        top: auto;
        padding-bottom: 0;
        height: auto; }
        #body .main-body .icon-area .col-50.right-content .content {
          margin-top: 50px;
          top: auto;
          position: relative;
          padding-left: 0;
          -webkit-transform: none;
          -moz-transform: none;
          -o-transform: none;
          transform: none; } }
    #body .main-body .icon-area p {
      color: #acacac;
      font-size: 1em;
      line-height: 1.75em;
      margin-bottom: 20px; }
    #body .main-body .icon-area h2 {
      margin-bottom: 20px;
      margin-top: 0;
      color: #2e2e2e;
      max-width: 575px; }
    #body .main-body .icon-area ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #body .main-body .icon-area ul li {
        display: inline-block;
        margin: 0 35px;
        position: relative; }
        @media (min-width: 1200px) and (max-width: 1489px) {
          #body .main-body .icon-area ul li {
            margin: 0 20px; } }
        @media (max-width: 575px) {
          #body .main-body .icon-area ul li {
            margin: 0 5px; } }
        #body .main-body .icon-area ul li:after {
          content: '';
          width: 5px;
          height: 5px;
          display: block;
          position: absolute;
          right: -40px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          background: #acacac; }
          @media (min-width: 1200px) and (max-width: 1489px) {
            #body .main-body .icon-area ul li:after {
              right: -23px; } }
          @media (max-width: 575px) {
            #body .main-body .icon-area ul li:after {
              display: none; } }
        #body .main-body .icon-area ul li:first-child {
          margin-left: 0; }
        #body .main-body .icon-area ul li:last-child {
          margin-right: 0; }
          #body .main-body .icon-area ul li:last-child:after {
            display: none; }
        #body .main-body .icon-area ul li a {
          font-family: 'Montserrat', sans-serif;
          font-weight: bold;
          text-decoration: none;
          color: #2e2e2e;
          font-size: 14px;
          transition: all ease 0.25s; }
        #body .main-body .icon-area ul li a.active, #body .main-body .icon-area ul li a:hover, #body .main-body .icon-area ul li a:active, #body .main-body .icon-area ul li a:focus, #body .main-body .icon-area ul li a.current {
          color: #EC6C6F; }
  #body .main-body .cta {
    background: #EC6C6F;
    width: 100%;
    padding: 80px 0; }
    #body .main-body .cta h4 {
      color: #3A3E69;
      float: left;
      max-width: 340px;
      display: block; }
      @media (min-width: 1200px) and (max-width: 1489px) {
        #body .main-body .cta h4 {
          max-width: 210px;
          font-size: 1.75em; } }
      @media (max-width: 1199px) {
        #body .main-body .cta h4 {
          font-size: 1.75em;
          max-width: 100%; } }
    #body .main-body .cta p {
      position: relative;
      top: 5px;
      color: white;
      max-width: 475px;
      display: block;
      margin: 0;
      float: left; }
      @media (min-width: 1200px) and (max-width: 1489px) {
        #body .main-body .cta p {
          max-width: 364px; } }
      @media (max-width: 1199px) {
        #body .main-body .cta p {
          max-width: 100%;
          margin: 20px 0; } }
    #body .main-body .cta a {
      float: left;
      position: relative;
      top: 16px; }
      @media (min-width: 1200px) and (max-width: 1489px) {
        #body .main-body .cta a {
          top: 27px; } }
      @media (max-width: 1199px) {
        #body .main-body .cta a {
          top: auto;
          margin-top: 20px; } }
    #body .main-body .cta .vr {
      height: 40px;
      float: left;
      width: 2px;
      background: white;
      margin: 0 4.4%;
      position: relative;
      top: 22px; }
      @media (min-width: 1200px) and (max-width: 1489px) {
        #body .main-body .cta .vr {
          margin: 0 5.5%;
          top: 32px; } }
      @media (max-width: 1199px) {
        #body .main-body .cta .vr {
          display: none; } }
    @media (max-width: 1199px) {
      #body .main-body .cta .vr.md-hide {
        display: none; } }
  #body .main-body .blog-section {
    position: relative; }
    #body .main-body .blog-section .col-50.blog-photo,
    #body .main-body .blog-section .col-50.contact-photo {
      background: url(../images/beach-hero.jpg) center center no-repeat;
      background-size: cover;
      height: 0;
      padding-bottom: 58%;
      margin-left: 50%; }
      @media (min-width: 1200px) and (max-width: 1489px) {
        #body .main-body .blog-section .col-50.blog-photo,
        #body .main-body .blog-section .col-50.contact-photo {
          padding-bottom: 64%; } }
      @media (max-width: 1199px) {
        #body .main-body .blog-section .col-50.blog-photo,
        #body .main-body .blog-section .col-50.contact-photo {
          display: none; } }
    #body .main-body .blog-section .col-50.blog-photo {
      margin-left: 0; }
    #body .main-body .blog-section .col-50.contact-photo {
      background: url(../images/contact-hero-2.jpg) center left 20% no-repeat;
      background-size: cover; }
    #body .main-body .blog-section .blog-content {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%; }
      @media (max-width: 1199px) {
        #body .main-body .blog-section .blog-content {
          position: relative;
          height: auto; } }
      #body .main-body .blog-section .blog-content .inner-container {
        height: 100%;
        position: relative; }
        #body .main-body .blog-section .blog-content .inner-container > .col-50 {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          padding-right: 100px; }
          @media (max-width: 1199px) {
            #body .main-body .blog-section .blog-content .inner-container > .col-50 {
              padding: 0;
              width: 100%;
              top: auto;
              -webkit-transform: none;
              -moz-transform: none;
              -o-transform: none;
              transform: none; } }
          #body .main-body .blog-section .blog-content .inner-container > .col-50 h2 {
            margin: 50px 0; }
            @media (max-width: 1439px) {
              #body .main-body .blog-section .blog-content .inner-container > .col-50 h2 {
                margin: 30px 0; } }
          #body .main-body .blog-section .blog-content .inner-container > .col-50 h6 {
            text-transform: uppercase; }
          #body .main-body .blog-section .blog-content .inner-container > .col-50 p, #body .main-body .blog-section .blog-content .inner-container > .col-50 h6 {
            color: #acacac; }
          #body .main-body .blog-section .blog-content .inner-container > .col-50 p {
            margin-bottom: 50px;
            line-height: 1.75em; }
            @media (max-width: 1439px) {
              #body .main-body .blog-section .blog-content .inner-container > .col-50 p {
                margin-bottom: 30px; } }
        @media (max-width: 1199px) {
          #body .main-body .blog-section .blog-content .inner-container > .col-50.blog-photo-sm {
            width: 100%;
            background: url(../images/beach-hero.jpg) center center no-repeat;
            background-size: cover;
            height: 0;
            padding-bottom: 25%;
            margin-bottom: 80px; } }
  #body .main-body .blog-section.index .blog-content .inner-container {
    height: 100%;
    position: relative; }
    #body .main-body .blog-section.index .blog-content .inner-container > .col-50.right-content {
      position: absolute;
      height: auto;
      margin-left: 50%;
      padding: 0 0 0 100px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      padding-left: 100px; }
      @media (max-width: 1199px) {
        #body .main-body .blog-section.index .blog-content .inner-container > .col-50.right-content {
          position: relative;
          padding: 30px 0 0;
          margin-left: 0;
          width: 100%;
          top: auto;
          -webkit-transform: none;
          -moz-transform: none;
          -o-transform: none;
          transform: none; } }
    #body .main-body .blog-section.index .blog-content .inner-container .blog-photo-sm {
      height: 0;
      padding: 0 0 47%;
      margin: 0; }

.about-box {
  padding: 80px 0; }
  .about-box h2 {
    margin-bottom: 30px; }
  .about-box article {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -moz-column-fill: auto;
    column-fill: auto; }
    @media (max-width: 1199px) {
      .about-box article {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1; } }
  .about-box p {
    color: #acacac; }
  .about-box .image-box {
    position: relative;
    margin: 40px 0; }
    .about-box .image-box .text-box {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 640px;
      width: 80%;
      -webkit-transform: translate3d(-50%, -50%, 0);
      -moz-transform: translate3d(-50%, -50%, 0);
      -o-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0);
      text-align: center; }
      .about-box .image-box .text-box:before {
        content: '';
        background: url(../images/quote.svg) no-repeat;
        background-size: contain;
        width: 100px;
        height: 100px;
        left: -80px;
        top: -80px;
        position: absolute; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .about-box .image-box .text-box:before {
            width: 40px;
            height: 40px;
            left: -30px;
            top: -30px; } }
        @media (max-width: 767px) {
          .about-box .image-box .text-box:before {
            display: none; } }
      .about-box .image-box .text-box:after {
        content: '';
        background: url(../images/quote.svg) no-repeat;
        background-size: contain;
        width: 100px;
        height: 100px;
        right: -80px;
        bottom: -80px;
        position: absolute;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
        @media (min-width: 768px) and (max-width: 1199px) {
          .about-box .image-box .text-box:after {
            width: 40px;
            height: 40px;
            right: -30px;
            bottom: -30px; } }
        @media (max-width: 767px) {
          .about-box .image-box .text-box:after {
            display: none; } }
      .about-box .image-box .text-box h2 {
        color: white;
        margin-bottom: 0; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .about-box .image-box .text-box h2 {
            font-size: 2.5em; } }
        @media (max-width: 767px) {
          .about-box .image-box .text-box h2 {
            font-size: 1.25em; } }

.privacy-content li {
  color: #acacac; }
.privacy-content a {
  color: #EC6C6F; }
  .privacy-content a:hover {
    color: #e95559; }
.privacy-content strong {
  color: #2e2e2e; }
.privacy-content tr, .privacy-content td {
  color: #acacac; }

p.contact-p i {
  color: #6dcbd4;
  font-size: 1.25em;
  position: relative;
  top: 4px;
  margin-right: 10px; }

.thank-you h2 {
  font-size: 2.25rem;
  margin: 40px 0; }
.thank-you p, .thank-you h2 {
  color: white; }
  .thank-you p a, .thank-you h2 a {
    color: white; }

.animate {
  animation: 0.38s ease-out 0s 1 slideInUp; }

.is-exiting .animate {
  animation: 0.38s ease-out 0s 1 slideOutDown; }

.alert-bar {
  width: 100%;
  height: auto;
  line-height: 1.7em;
  background-color: white;
  text-align: center;
  padding: 7px 15px;
  font-size: 14px;
  background-color: #6dcbd4;
  color: white; }

.header {
  background: #282e54;
  width: 100%;
  height: 100px; }
  @media (max-width: 767px) {
    .header {
      height: auto; } }
  .header a {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase; }
  .header a.float-right {
    width: 100px;
    height: 100px;
    display: block;
    background: #EC6C6F;
    text-align: center;
    padding: 25px 0;
    transition: all 0.25s ease; }
    @media (max-width: 767px) {
      .header a.float-right {
        display: none; } }
    .header a.float-right:hover {
      background: #e95559; }
  .header a.mobile-btn {
    text-align: center;
    width: 100%;
    position: relative;
    background: #EC6C6F;
    padding: 12px 15px;
    display: block; }
    @media (min-width: 768px) {
      .header a.mobile-btn {
        display: none; } }
    .header a.mobile-btn:hover {
      background: #e95559; }
  .header > .container > .inner-container {
    position: relative;
    height: 100px; }
  .header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    .header ul li {
      display: inline-block;
      margin: 0 35px;
      position: relative; }
      @media (min-width: 768px) and (max-width: 1199px) {
        .header ul li {
          margin: 0 25px; } }
      @media (min-width: 576px) and (max-width: 767px) {
        .header ul li {
          margin: 0 20px; } }
      @media (max-width: 575px) {
        .header ul li {
          margin: 0 6px; } }
      .header ul li:after {
        content: '';
        width: 5px;
        height: 5px;
        display: block;
        position: absolute;
        right: -40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #3A3E69; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .header ul li:after {
            right: -30px; } }
        @media (min-width: 576px) and (max-width: 767px) {
          .header ul li:after {
            right: -25px; } }
        @media (max-width: 575px) {
          .header ul li:after {
            display: none; } }
      .header ul li:first-child {
        margin-left: 0; }
      .header ul li:last-child {
        margin-right: 0; }
        .header ul li:last-child:after {
          display: none; }
      .header ul li a {
        transition: all ease 0.25s; }
        @media (max-width: 575px) {
          .header ul li a {
            font-size: 12px; } }
      .header ul li a.active, .header ul li a:hover, .header ul li a:active, .header ul li a:focus {
        color: #EC6C6F; }

footer {
  background: #3A3E69; }
  footer .bottom-footer {
    background: #282e54; }
    footer .bottom-footer p {
      line-height: 100px;
      color: white;
      margin-bottom: 0;
      font-size: 14px; }
  footer #foot {
    padding: 80px 15px; }
    footer #foot ul {
      float: left;
      width: 33.33%;
      list-style: none;
      margin: 0;
      padding: 0; }
      @media (max-width: 767px) {
        footer #foot ul {
          display: none; } }
      footer #foot ul li {
        margin-bottom: 60px; }
        footer #foot ul li:last-child {
          margin: 0; }
        footer #foot ul li a {
          text-decoration: none; }
          footer #foot ul li a h3 {
            color: white;
            text-transform: none; }
          footer #foot ul li a:hover h3, footer #foot ul li a:active h3, footer #foot ul li a:focus h3 {
            color: #EC6C6F; }
        footer #foot ul li a.active h3 {
          color: #EC6C6F; }
    footer #foot .form {
      float: left;
      width: 66.67%; }
      @media (max-width: 767px) {
        footer #foot .form {
          width: 100%; } }
      footer #foot .form h3 {
        color: white;
        margin-bottom: 20px; }
      footer #foot .form input.form-control {
        background: transparent;
        color: white;
        border: 0;
        border-bottom: 2px solid white;
        border-radius: 0;
        padding-right: 0;
        padding-left: 30px;
        padding-bottom: 10px;
        margin-bottom: 30px;
        font-family: 'Open Sans', sans-serif; }
        footer #foot .form input.form-control:focus, footer #foot .form input.form-control:valid {
          outline: none;
          box-shadow: none;
          border-color: #6dcbd4; }
      footer #foot .form input:-webkit-autofill,
      footer #foot .form input:-webkit-autofill:hover,
      footer #foot .form input:-webkit-autofill:focus,
      footer #foot .form input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        -webkit-text-fill-color: white !important; }
      footer #foot .form .form-group {
        position: relative; }
        footer #foot .form .form-group i {
          position: absolute;
          left: 0px;
          top: 6px;
          color: #6dcbd4;
          font-size: 1.25em; }
      footer #foot .form textarea {
        background: transparent;
        color: white;
        border: 2px solid white;
        border-radius: 2px;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 20px;
        font-family: 'Open Sans', sans-serif; }
        footer #foot .form textarea:focus, footer #foot .form textarea:valid {
          outline: none;
          box-shadow: none;
          border-color: #6dcbd4; }

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