@font-face {

  font-family: 'GoboldBold';

  src: url("../fonts/GoboldBold.woff2") format("woff2"), url("../fonts/GoboldBold.woff") format("woff");

  font-weight: bold;

  font-style: normal; }

@font-face {

  font-family: 'Trincha';

  src: url("../fonts/TrinchaRegular.woff2") format("woff2"), url("../fonts/TrinchaRegular.woff") format("woff");

  font-weight: normal;

  font-style: normal; }

body {

  background-color: #DED5C4;

  font-family: GoboldBold, Helvetica, Arial, sans-serif;

  padding-top: 58px;

  position: relative; }

  @media only screen and (max-width: 767px) {

    body {

      padding-top: 48px; } }

  body > header {

    background: #DED5C4 url("../img/wood-bg.jpg") 0 0 no-repeat;

    background-size: cover;

    padding-bottom: 60px; }

    @media only screen and (max-width: 991px) {

      body > header {

        padding-bottom: 50px; } }

    body > header .container {

      max-width: 1000px; }

    body > header #mobile-nav-btn {

      background-color: #29678C;

      color: #EFEDE0;

      display: none;

      font-size: 18px;

      left: 0;

      line-height: 1em;

      padding: 15px 0;

      position: fixed;

      text-align: center;

      top: 0;

      width: 100%;

      z-index: 1000; }

      @media only screen and (max-width: 767px) {

        body > header #mobile-nav-btn {

          display: block; } }

    body > header nav {

      background-color: #29678C;

      left: 0;

      padding: 17px 0;

      position: fixed;

      top: 0;

      transform: none;

      width: 100%;

      z-index: 999; }

      @media only screen and (max-width: 767px) {

        body > header nav {

          padding-top: 63px;

          transform: translateY(-100%);

          transition: transform 0.3s; }

          body > header nav.active {

            transform: translateY(0); } }

      body > header nav ul {

        float: left;

        padding-top: 5px;

        text-align: center; }

        @media only screen and (max-width: 767px) {

          body > header nav ul {

            float: none;

            text-align: left; } }

        body > header nav ul li {

          display: inline-block; }

          @media only screen and (max-width: 767px) {

            body > header nav ul li {

              display: block; } }

          body > header nav ul li a, body > header nav ul li a:link, body > header nav ul li a:visited {

            color: #EFEDE0;

            display: block;

            font-family: GoboldBold, Helvetica, Arial, sans-serif;

            font-size: 16px;

            letter-spacing: 0.075em;

            padding: 0 27px;

            text-transform: uppercase; }

            @media only screen and (max-width: 991px) {

              body > header nav ul li a, body > header nav ul li a:link, body > header nav ul li a:visited {

                padding: 0 15px; } }

            @media only screen and (max-width: 767px) {

              body > header nav ul li a, body > header nav ul li a:link, body > header nav ul li a:visited {

                padding: 10px 0; } }

            body > header nav ul li a:active, body > header nav ul li a:focus, body > header nav ul li a:hover, body > header nav ul li a:link:active, body > header nav ul li a:link:focus, body > header nav ul li a:link:hover, body > header nav ul li a:visited:active, body > header nav ul li a:visited:focus, body > header nav ul li a:visited:hover {

              color: #1F1A17; }

        body > header nav ul:first-of-type {

          padding-left: 0; }

        body > header nav ul:last-of-type {

          padding-right: 0; }

      body > header nav form {

        float: right; }

        @media only screen and (max-width: 767px) {

          body > header nav form {

            float: none;

            margin-top: 20px; } }

        body > header nav form ::-webkit-input-placeholder {

          color: #EFEDE0; }

        body > header nav form ::-moz-placeholder {

          color: #EFEDE0; }

        body > header nav form :-ms-input-placeholder {

          color: #EFEDE0; }

        body > header nav form :-moz-placeholder {

          color: #EFEDE0; }

        body > header nav form input[type="email"] {

          background: none;

          background-color: transparent;

          border: none;

          border-bottom: 2px solid #EFEDE0;

          color: #EFEDE0;

          font-size: 12px;

          line-height: 1em;

          padding: 0 0 5px;

          vertical-align: bottom; }

        body > header nav form button {

          background-color: #EFEDE0;

          border: 2px solid #EFEDE0;

          color: #29678C;

          cursor: pointer;

          font-family: GoboldBold, Helvetica, Arial, sans-serif;

          font-size: 13px;

          padding: 3px 10px;

          vertical-align: bottom; }

          body > header nav form button:active, body > header nav form button:focus, body > header nav form button:hover {

            background-color: #29678C;

            color: #EFEDE0; }

    body > header #masthead {

      left: 40px;

      margin: 0 auto;

      max-width: 100%;

      padding: 0 15px;

      position: relative;

      width: 1085px; }

      @media only screen and (max-width: 1199px) {

        body > header #masthead {

          left: auto;

          position: static; } }

    body > header .left-col {

      display: inline-block;

      padding-right: 15px;

      text-align: center;

      vertical-align: top;

      width: calc(40% - 4px); }

      @media only screen and (max-width: 991px) {

        body > header .left-col {

          display: block;

          width: 100%; } }

      body > header .left-col #title {

        margin: 50px auto 40px; }

        @media only screen and (max-width: 991px) {

          body > header .left-col #title {

            margin: 30px auto; } }

      body > header .left-col .btn {

        background-color: #007095;

        border: 2px solid #007095;

        color: #EFEDE0;

        cursor: pointer;

        display: inline-block;

        font-family: GoboldBold, Helvetica, Arial, sans-serif;

        font-size: 16px;

        letter-spacing: 0.075em;

        line-height: 1em;

        max-width: 100%;

        padding: 7px 31px 5px 7px;

        position: relative;

        text-align: center;

        text-transform: uppercase;

        transition: all 0.3s;

        width: calc(50% - 15px); }

        body > header .left-col .btn:first-of-type {

          margin-right: 25px;

          z-index: 2; }

        body > header .left-col .btn i {

          position: absolute;

          right: 7px;

          top: 50%;

          transform: translateY(-55%); }

        body > header .left-col .btn ul {

          background-color: #007095;

          border: 2px solid #007095;

          display: none;

          left: -2px;

          position: absolute;

          top: 100%;

          width: calc(100% + 4px); }

          body > header .left-col .btn ul li {

            display: block; }

            body > header .left-col .btn ul li a, body > header .left-col .btn ul li a:link, body > header .left-col .btn ul li a:visited {

              color: #fff;

              display: block;

              padding: 8px 5px;

              text-align: left; }

              body > header .left-col .btn ul li a:active, body > header .left-col .btn ul li a:focus, body > header .left-col .btn ul li a:hover, body > header .left-col .btn ul li a:link:active, body > header .left-col .btn ul li a:link:focus, body > header .left-col .btn ul li a:link:hover, body > header .left-col .btn ul li a:visited:active, body > header .left-col .btn ul li a:visited:focus, body > header .left-col .btn ul li a:visited:hover {

                color: #007095;

                background-color: #EFEDE0; }

        @media only screen and (max-width: 1199px) {

          body > header .left-col .btn {

            display: block;

            font-size: 20px;

            margin: 0 auto 25px !important;

            max-width: 250px;

            padding: 10px 5px 8px;

            width: 100%; } }

        body > header .left-col .btn:active, body > header .left-col .btn:focus, body > header .left-col .btn:hover {

          color: #007095;

          background-color: #EFEDE0; }

          body > header .left-col .btn:active ul, body > header .left-col .btn:focus ul, body > header .left-col .btn:hover ul {

            display: block; }

    body > header .right-col {

      display: inline-block;

      padding-left: 15px;

      vertical-align: top;

      width: calc(60% - 4px); }

      @media only screen and (max-width: 991px) {

        body > header .right-col {

          display: none; } }

  body > main section#videos {

    background-color: #29678C;

    overflow: hidden;

    padding: 40px 0; }

    @media only screen and (max-width: 991px) {

      body > main section#videos {

        padding: 30px 0; } }

    body > main section#videos .container {

      margin: 0 0 0 auto;

      padding: 0 0 0 15px; }

    body > main section#videos .owl-item {

      opacity: 0;

      transition: opacity 0.3s; }

      body > main section#videos .owl-item.active {

        opacity: 1; }

        body > main section#videos .owl-item.active + .active {

          opacity: 0.26; }

          body > main section#videos .owl-item.active + .active .info {

            opacity: 0; }

    body > main section#videos .video-item .left-col {

      display: inline-block;

      padding-right: 5px;

      vertical-align: bottom;

      width: calc(60% - 4px); }

      @media only screen and (max-width: 767px) {

        body > main section#videos .video-item .left-col {

          display: block;

          margin-bottom: 20px;

          padding: 0;

          width: 100%; } }

    body > main section#videos .video-item .info {

      display: inline-block;

      padding-left: 5px;

      transition: opacity 0.3s;

      vertical-align: bottom;

      width: calc(40% - 4px); }

      @media only screen and (max-width: 767px) {

        body > main section#videos .video-item .info {

          display: block;

          padding: 0;

          width: 100%; } }

      body > main section#videos .video-item .info h3 {

        color: #EFEDE0;

        font-size: 24px;

        margin-bottom: 5px;

        text-transform: uppercase; }

      body > main section#videos .video-item .info h4 {

        color: #EFEDE0;

        font-size: 16px;

        margin-bottom: 5px;

        text-transform: uppercase; }

      body > main section#videos .video-item .info a {

        background-color: #EFEDE0;

        border: 2px solid #EFEDE0;

        color: #00749a;

        display: inline-block;

        font-family: GoboldBold, Helvetica, Arial, sans-serif;

        font-size: 16px;

        font-weight: bold;

        letter-spacing: 0.075em;

        line-height: 1em;

        max-width: 100%;

        padding: 7px 15px 5px;

        text-transform: uppercase;

        transition: all 0.3s;

        width: auto; }

        @media only screen and (max-width: 767px) {

          body > main section#videos .video-item .info a {

            margin-top: 20px; } }

        body > main section#videos .video-item .info a:active, body > main section#videos .video-item .info a:focus, body > main section#videos .video-item .info a:hover {

          color: #EFEDE0;

          background-color: #00749a; }

  body > main section#tour {

    background: #DED5C4 url("../img/wood-bg.jpg") 0 center no-repeat;

    background-size: cover;

    padding: 50px 0; }

    @media only screen and (max-width: 991px) {

      body > main section#tour {

        padding: 30px 0; } }

    body > main section#tour .container {

      max-width: 1000px;

      padding-right: 200px; }

      @media only screen and (max-width: 991px) {

        body > main section#tour .container {

          padding-right: 15px; } }

    body > main section#tour h3 {

      color: #1F1A17;

      font-family: Trincha, Helvetica, Arial, sans-serif;

      font-size: 40px;

      font-weight: normal;

      margin-bottom: 20px;

      text-transform: uppercase; }

    body > main section#tour .event {

      color: #00749a;

      font-family: GoboldBold, Helvetica, Arial, sans-serif;

      font-size: 24px;

      padding: 25px 0;

      text-transform: uppercase; }

      @media only screen and (max-width: 767px) {

        body > main section#tour .event .col {

          clear: both;

          float: none;

          margin-bottom: 15px;

          max-width: 100%;

          padding: 0 !important;

          width: 100%; }

        body > main section#tour .event .event-venue {

          margin-bottom: 10px; } }

      body > main section#tour .event .event-date {

        padding-right: 15px; }

      body > main section#tour .event .event-location {

        padding: 0 15px; }

      body > main section#tour .event .event-city {

        font-size: 19px;

        margin-top: 5px; }

      body > main section#tour .event .event-tickets {

        padding-left: 15px; }

        body > main section#tour .event .event-tickets a {

          background-color: #00749a;

          border: 2px solid #00749a;

          color: #EFEDE0;

          display: inline-block;

          font-size: 18px;

          font-weight: bold;

          letter-spacing: 0.075em;

          line-height: 1em;

          max-width: 100%;

          padding: 7px 20px 5px;

          text-transform: uppercase;

          width: auto; }

          body > main section#tour .event .event-tickets a:active, body > main section#tour .event .event-tickets a:focus, body > main section#tour .event .event-tickets a:hover {

            color: #00749a;

            background-color: #EFEDE0; }

    body > main section#tour #tour-more {

      background-color: #00749a;

      border: 2px solid #00749a;

      color: #EFEDE0;

      display: inline-block;

      font-family: GoboldBold, Helvetica, Arial, sans-serif;

      font-size: 17px;

      font-weight: bold;

      letter-spacing: 0;

      line-height: 1em;

      margin: 30px auto 0 0;

      max-width: 100%;

      padding: 7px 20px 5px;

      text-transform: uppercase;

      width: auto; }

      body > main section#tour #tour-more:active, body > main section#tour #tour-more:focus, body > main section#tour #tour-more:hover {

        color: #00749a;

        background-color: #EFEDE0; }

  body > main section#instagram {

    background: #29678C;

    padding: 50px 0; }

    @media only screen and (max-width: 991px) {

      body > main section#instagram {

        padding: 30px 0; } }

    body > main section#instagram .container {

      max-width: 1000px;

      padding-right: 185px; }

      @media only screen and (max-width: 991px) {

        body > main section#instagram .container {

          padding-right: 15px; } }

    body > main section#instagram h3 {

      color: #EFEDE0;

      font-family: Trincha, Helvetica, Arial, sans-serif;

      font-size: 40px;

      font-weight: normal;

      margin-bottom: 45px;

      text-transform: uppercase; }

      @media only screen and (max-width: 991px) {

        body > main section#instagram h3 {

          margin-bottom: 30px; } }

    body > main section#instagram #feed > div {

      float: left;

      width: 33.333333%;

      padding: 0 7px;

      margin-bottom: 14px; }

      @media only screen and (max-width: 767px) {

        body > main section#instagram #feed > div {

          float: none;

          width: 100%; } }

      body > main section#instagram #feed > div > a {

        position: relative;

        display: block;

        background: #000;

        border: 2px solid #878787;

        height: 0;

        padding-bottom: 100%;

        overflow: hidden;

        opacity: 1;

        background-size: cover;

        background-position: center center; }

        body > main section#instagram #feed > div > a > span {

          background-color: rgba(0, 0, 0, 0.8);

          bottom: 0;

          color: #EFEDE0;

          display: block;

          font-size: 15px;

          height: 100%;

          left: 0;

          letter-spacing: 0.075em;

          opacity: 0;

          overflow: hidden;

          padding: 10px;

          position: absolute;

          right: 0;

          text-transform: uppercase;

          top: 0;

          transition: opacity 0.3s;

          width: 100%;

          word-wrap: break-word; }

        body > main section#instagram #feed > div > a:hover > span, body > main section#instagram #feed > div > a:focus > span {

          opacity: 1; }

    @media only screen and (max-width: 767px) {

      body > main section#instagram #feed div:nth-child(4),

      body > main section#instagram #feed div:nth-child(5),

      body > main section#instagram #feed div:nth-child(6),

      body > main section#instagram #feed div:nth-child(7),

      body > main section#instagram #feed div:nth-child(8),

      body > main section#instagram #feed div:nth-child(9) {

        display: none; } }

    body > main section#instagram .juicer-button {

      background-color: #EFEDE0;

      border: 2px solid #EFEDE0;

      color: #00749a;

      display: inline-block;

      font-family: GoboldBold, Helvetica, Arial, sans-serif;

      font-size: 17px;

      font-weight: bold;

      letter-spacing: 0;

      line-height: 1em;

      margin: 30px auto 0 0;

      max-width: 100%;

      padding: 7px 20px 5px;

      text-transform: uppercase;

      transition: all 0.3s;

      width: auto; }

      @media only screen and (max-width: 767px) {

        body > main section#instagram .juicer-button .dt {

          display: none; } }

      body > main section#instagram .juicer-button .mo {

        display: none; }

        @media only screen and (max-width: 767px) {

          body > main section#instagram .juicer-button .mo {

            display: inline-block; } }

      body > main section#instagram .juicer-button:active, body > main section#instagram .juicer-button:focus, body > main section#instagram .juicer-button:hover {

        color: #EFEDE0;

        background-color: #00749a; }

  body > footer {

    background: #DED5C4 url("../img/wood-bg.jpg") 0 bottom no-repeat;

    background-size: cover;

    padding: 50px 0 35px; }

    @media only screen and (max-width: 991px) {

      body > footer {

        padding: 30px 0; } }

    body > footer .container {

      max-width: 1000px; }

    body > footer h3 {

      font-family: Trincha, Helvetica, Arial, sans-serif;

      font-size: 40px;

      font-weight: normal;

      line-height: 1em;

      margin-bottom: 35px;

      text-transform: uppercase; }

      @media only screen and (max-width: 991px) {

        body > footer h3 {

          margin-bottom: 30px; } }

    body > footer .social {

      display: inline-block;

      margin: 0 30px 60px 0;

      vertical-align: middle; }

      @media only screen and (max-width: 991px) {

        body > footer .social {

          margin: 0 30px 30px 0; } }

      @media only screen and (max-width: 767px) {

        body > footer .social {

          margin: 0 0 30px 0; } }

      body > footer .social li {

        display: inline-block; }

        body > footer .social li a {

          color: #00749a;

          font-size: 24px;

          line-height: 1em;

          padding: 5px 10px; }

          body > footer .social li a:active, body > footer .social li a:focus, body > footer .social li a:hover {

            color: #1F1A17; }

        body > footer .social li:first-of-type a {

          padding-left: 0; }

    body > footer form {

      display: inline-block;

      margin-bottom: 60px;

      vertical-align: middle; }

      @media only screen and (max-width: 991px) {

        body > footer form {

          margin-bottom: 30px; } }

      @media only screen and (max-width: 767px) {

        body > footer form {

          display: block; } }

      body > footer form ::-webkit-input-placeholder {

        color: #00749a; }

      body > footer form ::-moz-placeholder {

        color: #00749a; }

      body > footer form :-ms-input-placeholder {

        color: #00749a; }

      body > footer form :-moz-placeholder {

        color: #00749a; }

      body > footer form input[type="email"] {

        background: none;

        background-color: transparent;

        border: none;

        border-bottom: 2px solid #00749a;

        color: #00749a;

        font-size: 12px;

        line-height: 1em;

        padding: 0 0 5px;

        text-transform: uppercase;

        vertical-align: bottom; }

        @media only screen and (max-width: 767px) {

          body > footer form input[type="email"] {

            width: 185px; } }

      body > footer form button {

        background-color: #00749a;

        border: 2px solid #00749a;

        color: #EFEDE0;

        cursor: pointer;

        font-family: GoboldBold, Helvetica, Arial, sans-serif;

        font-size: 14px;

        letter-spacing: 0.1em;

        padding: 3px 10px;

        vertical-align: bottom; }

        body > footer form button:active, body > footer form button:focus, body > footer form button:hover {

          background-color: #EFEDE0;

          color: #00749a; }

    body > footer .left-col {

      display: inline-block;

      max-width: 90px;

      padding-right: 6px;

      text-align: center;

      vertical-align: middle; }

      @media screen and (max-width: 767px) {

        body > footer .left-col {

          display: block;

          margin-bottom: 15px;

          padding: 0;

          text-align: left; } }

      body > footer .left-col a {

        display: inline-block;

        position: relative;

        top: 3px; }

        body > footer .left-col a svg {

          height: 22px;

          width: auto; }

          body > footer .left-col a svg path,

          body > footer .left-col a svg polygon,

          body > footer .left-col a svg rect {

            fill: #1F1A17;

            transition: fill 0.3s; }

          body > footer .left-col a svg:hover path, body > footer .left-col a svg:hover polygon, body > footer .left-col a svg:hover rect {

            fill: #29678C; }

    body > footer .right-col {

      display: inline-block;

      padding-left: 6px;

      text-align: left;

      vertical-align: middle; }

      @media screen and (max-width: 767px) {

        body > footer .right-col {

          display: block;

          padding: 0; } }

      body > footer .right-col p {

        font-family: Helvetica, Arial, sans-serif;

        font-size: 11px;

        letter-spacing: 0.2em;

        line-height: 1.3em;

        margin-bottom: 0; }

        @media screen and (max-width: 991px) {

          body > footer .right-col p {

            font-size: 10px;

            line-height: 1.4em; } }

        body > footer .right-col p a, body > footer .right-col p a:link, body > footer .right-col p a:visited {

          color: #1F1A17; }

          body > footer .right-col p a:active, body > footer .right-col p a:focus, body > footer .right-col p a:hover, body > footer .right-col p a:link:active, body > footer .right-col p a:link:focus, body > footer .right-col p a:link:hover, body > footer .right-col p a:visited:active, body > footer .right-col p a:visited:focus, body > footer .right-col p a:visited:hover {

            color: #29678C; }

        body > footer .right-col p #credit {

          border-bottom: 1px solid #1F1A17;

          padding-bottom: 3px; }

          body > footer .right-col p #credit:active, body > footer .right-col p #credit:focus, body > footer .right-col p #credit:hover {

            border-bottom: 1px solid #29678C; }



/* Popup */

#popup {

  display: none;

  left: 0;

  margin: 0 auto;

  max-width: 600px;

  position: fixed;

  right: 0;

  text-transform: uppercase;

  top: 50px;

  width: 100%;

  z-index: 999; }

  @media (max-width: 767px) {

    #popup {

      padding: 0 15px;

      top: 30px; } }

  #popup:before {

    content: '';

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.6);

    z-index: 0; }

  #popup > div {

    position: relative;

    z-index: 1000;

    padding: 15px;

    background: #000;

    border: 4px solid #fff;

    color: #fff;

    text-align: center; }

    @media (max-width: 767px) {

      #popup > div {

        font-size: 20px; } }

  #popup > div h2 {

    margin-top: 0;

    margin-bottom: 15px;

    font-family: 'Montserrat', Helvetica, Arial, sans-serif;

    font-weight: normal;

    font-size: 40px; }

    @media (max-width: 767px) {

      #popup > div h2 {

        font-size: 30px; } }

  #popup p {

    color: #fff;

    font-family: 'Montserrat', Helvetica, Arial, sans-serif;

    font-size: 18px;

    line-height: 1.3em; }

  #popup a {

    color: #fff;

    font-family: 'Montserrat', Helvetica, Arial, sans-serif;

    font-size: 16px; }



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