@charset "UTF-8";

:root {
  --v11: #fff;
  --v10: #EDE9E2;
  --v9: #D5D2CB;
  --v8: #BEBAB5;
  --v7: #A6A39E;
  --v6: #8E8C88;
  --v5: #777571;
  --v4: #5F5D5A;
  --v3: #474644;
  --v2: #2E2F2D;
  --v1: #1B1C1C;
  --v0: #000000;

  --blue-dark: #093f69;
  --blue: #2a7ab7;
  --blue-light: #b7d4e1;

  --red-dark: #51111d;
  --red: #e53434;
  --red-light: #e48686;

  --yellow-dark: #672e08;
  --yellow: #ffa42d;
  --yellow-light: #f5cc8a;

  --magenta-dark: #5a194f;
  --magenta: #cf72bf;
  --magenta-light: #fcd0d9;

  --green-dark: #204113;
  --green: #87cf50;
  --green-light: #badca8;

  --teal-dark: #00514a;
  --teal: #00d7c8;
  --teal-light: #84d4cd;

  --background: var(--v10);
  --foreground: var(--v11);
}

* {
  font-family: 'Exat-Regular', Arial, sans-serif;
  font-weight: normal;
}

@media (max-width: 1100px) {

  .is-inview .event_card_label h3,
  .event_card_label.is-inview h3 {
    font-size: 100px;
  }

  .event_card_label.label_solo {
    margin-top: -80px;
    margin-bottom: 50px;
  }

  .event_card_label {
    margin-top: -230px;
  }

  .small_banner1 .bannerslider__content .banner_txt h3 {
    font-size: 3rem;
  }

  .ticket .ticket_cnt {
    min-height: 400px;
  }

  .slideswipe .swiper-button-next {
    right: 10px;
  }

  .slideswipe .swiper-button-prev {
    left: 10px;
  }
}

@media (max-width: 992px) {

  .heading_1,
  .ticket h3 {
    font-size: 2.5rem;
  }

  h1,
  .subsection__left-cnt h1 {
    font-size: 50px;
  }

  .help-row {
    margin-bottom: 50px;
  }

  .swiper.banner {
    margin-top: 0;
    height: auto;
    padding: 50px 0 0;
    min-height: inherit;
  }

  .is-inview .event_card_label.label_solo {
    margin: -80px auto 50px;
  }

  .is-inview .event_card_label h3 {
    font-size: 80px;
  }

  .event_card_label.is-inview h3 {
    font-size: 80px;
  }

  .volunteer_section,
  .event_section {
    padding-top: 50px;
  }
}

@media (min-width: 767px) {
  .mobileshow {
    display: none;
  }
}

@media (max-width: 767px) {
  .mobilehide {
    display: none;
  }

  .ticket {
    margin-bottom: .5rem;
  }

  .ticket .ticket_cnt {
    min-height: 480px;
  }

  .heading_1 {
    font-size: 2rem;
  }

  .ticket_sm {
    width: 130px;
    height: 95px;
    line-height: 95px;
    margin-bottom: 20px;
  }

  .has-scroll-smooth body {
    overflow: auto;
  }

  .footer.burger {
    padding-bottom: 0;
  }

  .footer .socialmedia {
    margin-bottom: 0;
  }

  .auth .crow.mx-0.g-0 {
    margin-left: -.5rem;
    margin-right: -.5rem;
  }

  h1,
  .subsection__left-cnt h1 {
    font-size: 40px;
  }

  .help-row {
    margin-bottom: 40px;
  }

  .help-row .border-top {
    border-top: 0;
  }

  .partners_section .navigation_cnt .bannerslider__navigation {
    margin-left: 0;
  }

  .bannerslider .bannerslider__content h1 {
    font-size: 4rem;
  }

  .bannerslider .navigation_cnt h3 {
    font-size: 1.25rem;
  }

  .is-inview .event_card_label.label_solo {
    margin: 0 auto 50px;
  }

  .has-scroll-smooth [data-scroll-container] {
    min-height: inherit;
  }

  .is-inview .event_card_label h3,
  .event_card_label.is-inview h3 {
    font-size: 50px;
  }

  .event_card_label.is-inview {
    margin-top: 0;
    margin-bottom: 50px;
  }

  .small_banner1 .bannerslider__content .banner_txt h3 {
    font-size: 2.5rem;
  }

  .small_banner1 .banner_txt .mt-3 {
    margin-top: 1.5rem;
    position: relative;
    z-index: 1;
  }

  .profile_list {
    margin-bottom: 1.5rem;
  }

  .small_banner1.burger {
    padding-bottom: 1.5rem;
  }

  .volunteer_section,
  .event_section {
    padding-top: 40px;
  }

  .event_section {
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  .tab-links {
    display: block;
    white-space: nowrap;
    overflow: auto;
    text-align: center;
  }

  .tab-links li {
    display: inline-block;
    min-width: 25%;
  }

  .sidebar {
    position: absolute;
    z-index: 1;
    left: calc(-80% - 1.5rem);
    padding: 20px 0 20px 20px;
    top: -85px;
    width: 80%;
    height: 100vh;
    background-color: var(--v10);
    box-shadow: 0 0 5px 0 #ddd;
    display: block;
  }

  .sidebar form {
    height: 100%;
    overflow: auto;
    padding-right: 20px;
    background-color: var(--v10);
  }

  .sidebar:hover {
    left: -1.5rem;
  }

  .sidebar_parent {
    position: relative;
    z-index: 1;
    overflow: visible;
  }

  .navbar {
    align-items: center;
    height: 90px;

  }

  .navbar .brand_logo {
    padding: 0;
  }

  .navbar {
    border-bottom: none;
  }

  #top_navigation {
    padding: 0 0.5rem;
  }

  .ticket_section {
    padding-bottom: 50px;
  }

  .ticket_area .ticket_dtl {
    border-bottom: none;
  }

  .strip_bg1 {
    background-size: 25%;
  }

  header .navigation .img-svg_ {
    display: none;
  }

  header .navigation .logo_mobile {
    display: block;
    width: 88px;
  }
}

@media (max-width: 576px) {
  .grid_section .text-right {
    text-align: left;
  }

  .heading_1 {
    font-size: 3rem;
  }

  .ticket_section {
    padding-bottom: 4rem;
  }

  .ticket_section .mt-4 {
    margin-top: 2rem;
  }

  .ticket_section .ticket h3 {
    font-size: 2.5rem;
  }

  .bg_strip2 {
    top: -10%;
    width: 40%;
  }

  .bg_strip1 {
    width: 40%;
  }

  .ticket {
    margin-bottom: 1.5rem;
  }

  .ticket .ticket_cnt {
    min-height: 350px;
  }

  .text-right.text-sm-left {
    text-align: left;
  }

  .bg_strip2 {
    top: -60px;
  }

  .school_grid {
    margin: 0.5rem 0 1.5rem;
  }

  .sidebar h2 {
    font-size: 1.5rem;
  }

  .d-flex.d-sm-block {
    display: block;
  }

  .page-wrapper {
    max-height: inherit;
  }

  .auth .crow.mx-0.g-0 {
    margin-left: -.5rem;
    margin-right: -.5rem;
  }

  .bg_strip21 {
    top: 40px;
  }

  .grid_section {
    text-align: left;
    padding: 5px 0 7px;
  }

  .grid_section .d-flex {
    display: block;
  }

  .grid_section .d-flex span {
    display: block;
  }

  .grid_section span {
    font-size: 14px;
    display: inline-block;
  }

  .form-control.event_areas {
    max-width: inherit;
  }

  .help-row {
    margin-bottom: 30px;
  }

  .ccol {
    padding: 0.5rem 0;
  }

  .is-inview .event_card_label h3,
  .event_card_label.is-inview h3 {
    font-size: 30px;
  }

  .event_card_label.is-inview {
    margin-top: 0;
    margin-bottom: 50px;
  }

  .event_card_label {
    margin-top: 0px;
  }

  .event_card_label.event_card_label_blank {
    display: none;
  }

  .event_card {
    background-size: cover;
    background-position: top center;
  }

  .small_banner1 .bg_strip3 {
    top: 30px;
  }

  .small_banner1:after {
    height: 40vh;
  }

  .small_banner1 .banner_txt {
    margin-bottom: 20px;
  }

  .small_banner1 .banner_txt .cbtn.cbtn-bdr-light {
    background-color: #000;
    position: relative;
    z-index: 1;
  }

  .small_banner1 .bannerslider__content .banner_txt {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  }

  .small_banner1 .bannerslider__content .banner_txt h3 {
    font-size: 2rem;
  }

  .small_banner1 .bannerslider__content .banner_txt .mt-3 {
    margin-top: 1rem;
  }

  .heading_1,
  .ticket h3 {
    font-size: 2rem;
  }

  .volunteer_section,
  .event_section {
    padding-top: 30px;
  }

  .volunteer_section .border-top,
  .event_section .border-top {
    border-top: none;
    padding-top: 0;
  }

  .help-row h1 {
    font-size: 30px;
  }

  .small_banner .bannerslider__content h1 {
    font-size: 36px;
    padding: 0;
    margin-top: 0;
  }

  .bg_strip31 {
    width: 33%;
    left: -10px;
  }

  .brand_logo img {
    width: 94px;
  }

  .bg_strip2 {
    width: 40%;
    top: 0;
  }

  .ticket_area.mt-2 {
    margin-top: 0;
  }

  .services_history .heading_3.border-top {
    border-top: 0;
    padding-top: 0;
  }

  .services_history .services_history_list {
    margin-bottom: 20px;
  }

  .services_history .services_history_list .box_circle {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-family: 'Exat-Bold', Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
  }

  .services_history .services_history_list.mb-0 {
    margin-bottom: 0;
  }

  .strip_bg1 {
    background-size: 45%;
  }

  .slideswipe .swiper-button-next {
    right: 30px;
  }

  .slideswipe .swiper-button-prev {
    left: 30px;
  }
}

@media (max-width: 400px) {
  .small_banner1 .bannerslider__content .banner_txt h3 {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }

  .small_banner1 .bannerslider__content .banner_txt p {
    margin-bottom: 0;
  }

  .bannerslider .bannerslider__content h1 {
    font-size: 3rem;
  }
}

.banner {
  background-color: url("../images/bg_strip.svg") no-repeat #000 0 0;
  background-size: 22% auto;
  color: var(--v10);
  padding: 60px 0;
}

.bannerslider__content h1 {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: 4.2rem;
  line-height: 100%;
  padding-bottom: 3rem;
  margin: 5px 0 0 0;
}

.bannerslider .navigation_cnt h3 span {
  border: 2px solid var(--v10);
}

.navigation_cnt h3 {
  position: relative;
  padding-left: 50px;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  margin-right: 1.5rem;
  margin-top: 10px;
  line-height: 140%;
}

.navigation_cnt h3 span {
  width: 2rem;
  height: 2rem;
  line-height: 1.8rem;
  display: inline-block;
  border: 2px solid #000;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 1.5rem;
}

.navigation_cnt h3 span .img-svg {
  width: 20px;
  height: auto;
}

.navigation_cnt h3 span .img-svg polygon {
  fill: var(--v10);
}

.navigation_cnt .bannerslider__navigation {
  margin-left: 1.5rem;
}

.navigation_cnt .bannerslider__navigation p {
  font-size: 1rem;
  font-weight: normal;
  line-height: 180%;
  margin-bottom: 1.5rem;
}

.small_banner {
  background-image: url("../images/bg_strip4.svg");
  background-repeat: no-repeat;
  background-position: left top;
}

.small_banner .bannerslider__content h3 {
  font-size: 18px;
}

.small_banner .bannerslider__content p {
  font-size: 18px;
  line-height: 180%;
  margin-bottom: .5rem;
  margin-top: 5px;
}

.bg-img {
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.bg-img .strip_white {
  position: absolute;
  left: 0;
  top: -15%;
  width: 20%;
  height: auto;
  z-index: 1;
}

.bg-img .strip_white img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}

@media (max-width: 1200px) {
  .bannerslider__content h1 {
    font-size: 3.5rem;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1300px) {
  .bannerslider .ccol.ccol-lg-4 {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
}

@media (max-width: 992px) {
  .bannerslider {
    /*.ccol{
    	&.ccol-lg-4 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    }*/
  }
}

@media (max-width: 576px) {
  .bannerslider {
    /*.ccol{
    	&.ccol-lg-4{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    }*/
  }

  .bannerslider__content h1 {
    border-bottom: none;
    padding-bottom: 20px;
    font-size: 2.75rem;
  }

  .bannerslider__content .d-flex {
    display: block;
  }

  .bannerslider__content .bannerslider__navigation p {
    font-size: 1.125rem;
  }

  .small_banner.burger {
    padding: 30px 0;
  }

  .small_banner .bannerslider__content .d-flex {
    display: flex;
  }

  .inner_nav .tab-links li a {
    font-size: 1rem;
  }

  .navigation_cnt .d-flex {
    display: block;
  }

  .navigation_cnt h3 {
    padding-left: 0;
  }

  .navigation_cnt h3 span {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-bottom: 1.5rem;
  }

  .navigation_cnt .bannerslider__navigation {
    margin-left: 0;
  }
}

.navigation {
  padding: 0;
}

.navigation .brand_logo a {
  padding: 0;
  margin-top: 0px;
}

.navigation .brand_logo a .img-svg path {
  fill: var(--v10);
}

.navigation .ccol {
  padding-top: 0;
  padding-bottom: 0;
}

.navigation a {
  display: block;
  font-size: 1.125rem;
  color: var(--v8);
  padding: 0;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  line-height: 90px;
  position: relative;
}

.navigation .nav-item a.active,
.navigation .nav-item a:hover {
  color: var(--v10);
}

.navigation a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 4px;
  background-color: var(--blue);
}

.navigation .nav-item a.active:after,
.navigation .nav-item a:hover:after {
  width: calc(100% - 1px);
}

/* Remove underline for authentication link */
.navigation .authentication_link a:after {
  display: none;
}

.navigation a#home:after {
  background-color: var(--blue);
}

.navigation a#details:after {
  background-color: var(--blue);
}

.navigation a#getticket:after {
  background-color: var(--blue);
}

.navigation a#signin:after {
  background-color: var(--blue);
}

.navigation .nav-item,
.navigation .authentication_link {
  margin-top: 0;
}

.navigation .nav-item a.active:after,
.navigation .nav-item a:hover:after,
.navigation .authentication_link a.active:after,
.navigation .authentication_link a:hover:after {
  width: calc(100% - 1px);
}

.top_area.fixed-top {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--v10);
  z-index: 2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.top_area.fixed-top .navbar {
  border-bottom: 0;
}

.top_area.fixed-top .brand_logo a {
  margin-top: 0;
}

.top_area.fixed-top a {
  color: #000;
}

.top_area.fixed-top a .img-svg path {
  fill: #000;
}

.top_area.fixed-top .nav-item,
.top_area.fixed-top .authentication_link {
  margin-top: -10px;
}

.top_area.fixed-top .nav-item a,
.top_area.fixed-top .authentication_link a {
  padding: 35px 0 25px;
}

.nav-item.authentication_link {
  display: none;
}

.navbar {
  align-items: center;
  /*.nav{ display: flex; align-items: bottom ;
  	ul{display: flex; align-items: bottom ;}
  }*/
}


.navbar-toggler {
  background-color: var(--v2);
  border: none;
  font-size: 1.125rem;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  text-align: center;
  line-height: 55%;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 12px;
  top: 1rem;
  z-index: 1;
  color: var(--blue-light);
}

.navbar-toggler:hover {
  background-color: var(--v2);
}

.authentication_link a {
  position: relative;
}

@media (max-width: 767px) {
  .banner {
    background-position: -500% -15%;
    background-size: 90% auto;
  }

  .authentication_link {
    display: none;
  }

  .nav-item.authentication_link {
    display: block;
  }

  .navbar-toggler {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .navigation .brand_logo a {
    padding: 1rem 1rem 1rem 0;
    margin-top: 0;
    display: inline-block;
  }

  .navigation .crow {
    display: block;
  }

  .navigation .crow .crow {
    margin: 0;
  }

  .navigation .navbar .nav-item {
    margin-top: 0;
  }

  .navigation .ccol.ccol-lg-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .navigation #top_navigation {
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    z-index: 2;
    height: 0;
    background-color: #000;
    overflow: hidden;
  }

  .navigation #top_navigation.open {
    height: auto;
    min-height: 100px;
  }

  .navigation #top_navigation .nav-bar-links {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1rem 0;
  }

  .navigation #top_navigation .nav-bar-links li {
    width: 100%;
    text-align: left;
  }

  .navigation #top_navigation .nav-bar-links li a {
    padding: 1rem 1.5rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: flex-start;
  }

  .navigation #top_navigation .nav-bar-links li a .material-icons {
    margin-right: 0.75rem;
  }

  .navigation #top_navigation .nav-bar-links li.authentication_link {
    margin-top: 0;
  }

  .navigation #top_navigation .nav-bar-links li.authentication_link a#signin {
    background-color: var(--v2);
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 8px;
    height: 52px;
    margin: 0.5rem 1.5rem;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .navigation #top_navigation .nav-bar-links li.authentication_link a#signin:hover {
    background-color: var(--v3);
  }

  .navigation #top_navigation .nav-bar-links li.authentication_link a#signin .profile_img {
    margin: 0;
  }

  .navigation #top_navigation .nav-bar-links li.authentication_link .dropdown-content {
    display: block;
    position: static;
    background-color: transparent;
    margin: 0;
    padding: 0;
  }

  .navigation #top_navigation .nav-bar-links li.authentication_link .dropdown-content .user-dropdown-item {
    padding: 1rem 1.5rem;
    color: #fff;
    display: flex;
    align-items: center;
  }

  .navigation #top_navigation .nav-bar-links li.authentication_link .dropdown-content .user-dropdown-item .material-icons {
    margin-right: 0.75rem;
  }

  .navigation #top_navigation .nav-bar-links li.mobile-auth-links {
    margin-top: -0.5rem;
  }

  .navigation #top_navigation .nav-bar-links li.mobile-auth-links .cbtn-text-light {
    font-size: 0.875rem;
    padding: 0;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: var(--v0) !important;
    border: 1px solid var(--v2) !important;
  }

  .bottom-menu-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0.75rem 1.5rem;
  }

  /* Override any existing hover states */
  .navigation #top_navigation .nav-bar-links li.mobile-auth-links .cbtn-text-light:hover {
    background: none;
    color: rgba(255, 255, 255, 0.7);
  }

  .navigation #top_navigation .nav-bar-links li.mobile-auth-links .cbtn-text-light:hover span {
    margin-left: 0;
  }
}

.footer {
  font-weight: normal;
  font-size: 1.125rem;
}

.footer .brand_logo .img-svg {
  width: 80px;
  height: auto;
}

.footer .brand_logo .img-svg path {
  fill: var(--v10);
}

.footer ul {
  /*margin-bottom: 50px;*/
}

.footer ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5rem 0;
  font-weight: 300;
}

.footer ul li a {
  display: block;
}

.footer ul li:last-child {
  border-bottom: 0;
}

.footer a {
  color: var(--v10);
}

.footer a:hover {
  opacity: .7;
}

.footer .mb-1 {
  margin-bottom: 1rem;
}

.footer .socialmedia {
  margin-bottom: 2rem;
}

.footer .socialmedia li {
  display: inline-block;
  border-top: 0;
}

.footer .socialmedia li a {
  padding: 0 1.25rem 0 0;
}

.footer .socialmedia li a .img-svg {
  height: 1.75rem;
  width: auto;
}

.footer .socialmedia li a .img-svg path {
  fill: var(--v10);
}

@media (max-width: 576px) {
  .footer ul {
    margin-bottom: 1.25rem;
  }

  .footer .brand_logo .img-svg {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 992px) {
  .footer ul {
    margin-bottom: 0;
  }
}

@media (max-width: 576px) {
  .footer ul {
    margin-bottom: 20px;
  }
}

/*font-family: 'Caveat', cursive;*/
body,
html {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  font-family: 'Exat-Regular', Arial, sans-serif;
  font-weight: normal;
  line-height: 130%;
}

body {
  font-size: 1rem;
  overflow-x: hidden;
  box-sizing: border-box;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: bold;
  margin: 0;
  line-height: 130%;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.burger {
  padding: 50px 0;
}

.burger_b {
  padding-bottom: 50px;
}

.main_content {
  min-height: 70vh;
  padding-top: 0;
  padding-bottom: 50px;
}

.burger_t {
  padding-top: 50px;
}

.bg-primary {
  background-color: var(--red);
}

.bg-secondary {
  background-color: var(--blue);
}

.bg-info {
  background-color: var(--blue);
}

.bg-warning {
  background-color: var(--yellow);
}

.bg-light {
  background-color: var(--v10);
}

.bg-black {
  background-color: #000;
}

.bg-none {
  background-color: transparent;
}

.text-white {
  color: var(--v10);
}

.text-black {
  color: #000;
}

.text-gray {
  color: rgba(0, 0, 0, 0.5);
}

.line_height18 {
  line-height: 180%;
}

/*.img-svg{}
.img-svg path{}*/
.gotop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 3;
  color: var(--v10);
  background-color: var(--red);
  border: 2px solid var(--v10);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  line-height: 36px;
  opacity: .6;
  display: none;
}

.gotop:hover {
  color: var(--v10);
  opacity: 1;
}

.gotop i {
  font-size: 14px;
}

.section {
  position: relative;
}

/* width */
/*::-webkit-scrollbar {width: 3px; }*/
/* Track */
/*::-webkit-scrollbar-track {background: $black; }*/
/* Handle */
/*::-webkit-scrollbar-thumb {background: rba($black, .7); }*/
/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {background: #555; }*/
.d-flex {
  display: flex;
}

.flex-justify-center {
  justify-content: center;
}

.flex-justify-between {
  justify-content: space-between;
}

.flex-justify-around {
  justify-content: space-around;
}

.flex-justifysprad {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-item-align-center {
  align-items: center;
}

.flex-item-align-end {
  align-items: flex-end;
}

.small,
small {
  font-size: 80%;
}

.big {
  font-size: 120%;
}

.text-muted {
  color: rgba(0, 0, 0, 0.5);
}

.box_circle {
  border-radius: 100%;
}

.border-top-2 {
  border-top: 2px solid black;
}

.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.border-top.border-white {
  border-color: rgba(255, 255, 255, 0.2);
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.border-bottom.border-white {
  border-color: rgba(255, 255, 255, 0.2);
}

.border-0 {
  border: 0;
}

.border-bottom-0 {
  border-bottom: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.mx-2 {
  margin-left: 20px;
  margin-right: 20px;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 2.5rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 2.5rem;
}

.mt-4 {
  margin-top: 4rem;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-2 {
  margin-left: 2rem;
}

.ml-3 {
  margin-left: 2.5rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mr-3 {
  margin-right: 2.5rem;
}

.mr-4 {
  margin-right: 4rem;
}

.p-0 {
  padding: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-1 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 1rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pl-0 {
  padding-left: 0;
}

.w-100 {
  width: 100%;
}

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

.text-center {
  text-align: center;
}

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

.p-relative {
  position: relative;
}

.v_hidden {
  overflow: hidden;
}

hr {
  border-color: rgba(0, 0, 0, 0.2);
}

.iframe_video {
  position: relative;
  width: 100%;
  max-width: 775px;
}

.iframe_video:after {
  content: '';
  display: block;
  padding-bottom: 57%;
}

.iframe_video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.badge {
  padding: 6px 8px;
  display: inline-block;
  font-size: 14px;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  line-height: 100%;
}

.badge.badge-sm {
  padding: 5px 8px;
}

.badge.badge-warning {
  background-color: var(--yellow);
  color: #000;
}

.badge.badge-light {
  background-color: var(--v10);
  color: #000;
}

.badge.badge-black {
  background-color: #000;
  color: var(--v10);
}

.bg_strip1,
.bg_strip2,
.bg_strip3,
.bg_strip6,
.bg_strip21 {
  content: '';
  position: absolute;
  z-index: 0;
}

.bg_strip1 .img-svg,
.bg_strip2 .img-svg,
.bg_strip3 .img-svg,
.bg_strip6 .img-svg,
.bg_strip21 .img-svg {
  width: 100%;
  height: auto;
}

.bg_strip3 {
  left: 0;
  top: -20%;
  max-width: 300px;
  width: 30%;
}

.bg_strip2 {
  right: 0;
  top: -100px;
  max-width: 200px;
  width: 30%;
}

.bg_strip6 {
  right: 0;
  top: -100px;
  max-width: 500px;
  width: 40%;
}

.bg_strip1 {
  left: 0;
  bottom: -5px;
  max-width: 200px;
  width: 30%;
}

.bg_strip1 .img-svg path {
  fill: var(--blue);
  stroke: transparent;
  stroke-width: 8;
}

h2.border-top {
  padding-top: 5px;
}

.heading_1 {
  font-size: 4rem;
  line-height: 110%;
}

.heading_2 {
  /* font-size: $h1-font-size; line-height: 110%;*/
}

.heading_3 {
  font-size: 1.125rem;
  line-height: 110%;
}

.ticket_section {
  overflow: hidden;
  padding-bottom: 100px;
}

.ticket {
  position: relative;
  overflow: hidden;
  /*.ticket_cnt{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 3.75rem 2.125rem; display: flex; flex-direction: column; align-content: space-betwee;}*/
}

.ticket .img-svg {
  width: 100%;
  height: auto;
}

.ticket .ticket_cnt {
  width: 100%;
  height: 100%;
  padding: 3.75rem 2.125rem;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  background-color: var(--yellow);
  min-height: 450px;
}

.ticket .ticket_cnt:after,
.ticket .ticket_cnt:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: inline-block;
  left: 50%;
  margin-left: -20px;
  background-color: var(--v10);
}

.ticket .ticket_cnt:after {
  top: -20px;
}

.ticket .ticket_cnt:before {
  bottom: -20px;
}

.ticket.active .ticket_cnt {
  background-color: var(--yellow);
}

.ticket.active .img-svg path {
  fill: var(--yellow);
}

.ticket h3 {
  font-size: 3.25rem;
}

.ticket p {
  line-height: 180%;
  font-size: 1.125rem;
}

.ticket_dtl h4 {
  margin-bottom: .5rem;
}

.ticket_dtl p {
  font-size: 14px;
  margin: 0;
}

.ticket_sm {
  width: 160px;
  height: 125px;
  font-size: 1.5rem;
  line-height: 120px;
  background-color: var(--yellow);
  color: #000;
  text-align: center;
  position: relative;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
}

.ticket_sm:after,
.ticket_sm:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  display: inline-block;
  top: 50%;
  margin-top: -8px;
  background-color: var(--v10);
}

.ticket_sm:after {
  left: -8px;
}

.ticket_sm:before {
  right: -8px;
}

.ticket_sm.not_completed {
  opacity: .5;
}

.steps {
  margin-right: 1rem;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #000;
  color: var(--v10);
  font-size: 1.5rem;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
  padding-top: 11px;
}

.progress-bar {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background-color: var(--v10);
  overflow: hidden;
  position: relative;
}

.progress-bar .progress {
  background-color: var(--blue);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.strip_bg1 {
  background-color: url("../images/bg_strip5.svg") no-repeat right bottom;
  background-size: 15%;
}

.grid_section span {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: .75rem;
  overflow: hidden;
  vertical-align: middle;
}

.grid_section a {
  padding-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.grid_section a .img-svg {
  width: 18px;
  height: auto;
}

.grid_section a .img-svg path {
  fill: #000;
}

.grid_section a.active .img-svg path {
  fill: var(--blue);
}

.school_grid {
  margin: 0.5rem;
  margin-bottom: 1.5rem;
}

.school_grid .school_grid_img {
  width: 100%;
  position: relative;
  margin-bottom: 1rem;
  display: block;
  background-color: #000;
}

.school_grid .school_grid_img:after {
  content: '';
  padding-bottom: 60%;
  display: block;
}

.school_grid .school_grid_img img {
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  min-height: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
}

.school_grid .school_grid_img:hover img {
  opacity: .85;
}

.school_grid h3 {
  font-size: 1.125rem;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  margin: .5rem 0;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
}

.school_grid h3:hover {
  opacity: .5;
}

.school_grid .img {
  margin-right: 10px;
}

.school_grid .text-muted:hover {
  color: rgba(0, 0, 0, 0.7);
}

.readmore {
  color: var(--v10);
  display: inline-block;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
}

.readmore .img-svg path {
  fill: white;
}

.services_history_list li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.services_history_list li:last-child {
  border-bottom: none;
}

.services_history_list .box_circle {
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  text-align: center;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
}

.services_history_list .box_circle.bg-info {
  color: var(--v10);
}

.services_history_list .mt-1 {
  margin-top: .5rem;
}

.services_history_list .txt_cnt {
  line-height: 150%;
}

.services_history_list a {
  display: block;
}

.inner_nav {
  margin-top: -2px;
}

.navigation_cnt.cnt_white h3 {
  color: var(--v10);
}

.navigation_cnt.cnt_white h3 span {
  border-color: var(--v10);
}

/* pgull tweaks */
@keyframes wipe {
  to {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

h1 {
  letter-spacing: -0.035em;
  font-size: 70px;
}

p {
  font-size: 18px;
  line-height: 1.75em;
}

header.top-nav {
  position: fixed;
  z-index: 999;
  width: 100vw;
  transition: none;
  top: 0;
  height: 90px;
}

.navigation .brand_logo .img-svg_ {
  width: 100%;
  margin-top: 19px;
}

.navigation .navbar ul {
  padding: 0 30px;
}

.page-wrapper {
  margin-top: 90px;
}

.navbar {}

.swiper.banner {
  height: calc(100vh - 312px);
  min-height: 512px;
  z-index: -1;
}

.swiper.banner .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: max-content;
}

html,
body {
  background-color: #000;
}

section {
  background-color: var(--v10);
}

.event_card_label {
  margin-top: -256px;
  margin-bottom: 128px;
}

.event_card_label.label_solo {
  margin-top: -128px;
  margin-bottom: 128px;
}

.event_card_label h3 {
  font-size: 124px;
  letter-spacing: -0.04em;
  line-height: .8em;
  margin-bottom: 16px;
}

.event_card_cnt {
  background-color: transparent;
}

/* Remove banner SVG/decorative accents */
.small_banner1:after,
.small_banner1 .bannerslider__content:after,
.small_banner1 .bannerslider__content:before {
  content: none;
  background-color: none;
  border: none;
  box-shadow: none;
}

/* Remove any other banner or section accent pseudoelements */
.event_section::after,
.event_card::before,
.ticket_cnt::after,
.ticket_cnt::before {
  content: none;
  background-color: none;
  border: none;
  box-shadow: none;
}

section {
  padding-top: 0;
  padding-bottom: 50px;
}

section:nth-of-type(1) {
  animation-delay: .1s;
}

section:nth-of-type(2) {
  animation-delay: .2s;
}

section:nth-of-type(3) {
  animation-delay: .3s;
}

.event_section {
  background-color: transparent;
}

.border-top {
  border-top: 1px solid #000;
}

@media (max-width: 576px) {

  .swiper.banner {
    min-height: 700px;
  }

  .bannerslider__content h1 {
    font-size: 52px;
  }

  .navigation .nav-item:not(.authentication_link) a {
    min-height: 64px;
  }
}

.ticket_xs {
  position: relative;
  background-color: var(--yellow);
  font-size: 10px;
  font-weight: bold;
  padding: 3px 3px 2px;
  text-align: center;
  display: inline-block;
}

.ticket_xs:after,
.ticket_xs:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block;
  left: 50%;
  margin-left: -3px;
  background-color: var(--v10);
}

.ticket_xs:before {
  bottom: -3px;
}

.ticket_xs:after {
  top: -3px;
}

.age {
  display: inline-block;
  background-color: var(--red);
  color: var(--v10);
  width: 26px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  font-weight: bold;
  font-size: 11px;
  overflow: hidden;
  vertical-align: middle;
}

.small_banner1 {
  position: relative;
}

.small_banner1:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 65vh;
  background-color: #000;
  z-index: -1;
}

.small_banner1 .bannerslider__content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.small_banner1 .bannerslider__content:after {
  content: '';
  display: block;
  position: relative;
  padding-bottom: 66.66%;
}

.small_banner1 .bannerslider__content:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, black 100%);
  /* IE6-9 fallback */
  background-color: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, black 100%);
}

.small_banner1 .bannerslider__content img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  object-fit: cover;
  z-index: -1;
}

.small_banner1 .bg_strip3 {
  max-width: 30vh;
  top: 10%;
  left: -5%;
}

.small_banner1 .bg_strip2 {
  max-width: 47vh;
  top: 10%;
}

.small_banner1 .bannerslider__content .banner_txt {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.small_banner1 .bannerslider__content .banner_txt h3 {
  font-size: 4rem;
  line-height: 100%;
  margin-bottom: 20px;
}

.small_banner1 .bannerslider__content .banner_txt p {
  font-size: 14px;
}

.small_banner1 .banner_txt {
  width: 75%;
  margin-left: 12.5%;
  margin-bottom: 50px;
}

.cbtn-bdr-light.back-btn:after {
  display: none;
}

.cbtn-bdr-light.back-btn:before {
  content: '';
  height: 16px;
  width: 16px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/back_w_icon.svg");
}

.gobottom {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  border: 2px solid var(--v10);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.gobottom .img-svg {
  width: 18px;
  height: auto;
  transform: rotate(-90deg);
}

p.mb-0 {
  margin-bottom: 0;
}

.check_dark,
.check_info,
.check_primary,
.check_warning {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 100%;
}

.check_dark {
  background-color: rgba(0, 0, 0, 0.5);
}

.check_info {
  background-color: var(--blue);
}

.check_primary {
  background-color: var(--red);
}

.check_warning {
  background-color: var(--yellow);
}

.profile_img img {
  width: 100%;
  min-height: 100%;
}

.profile_list {
  margin-bottom: 3rem;
}

.list li {
  margin-bottom: 10px;
}

.ticket_area .ticket_dtl {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.ticket_area .ticket_dtl h4 {
  font-size: 80%;
}

.ticket_area .ticket_dtl h3 {
  margin-bottom: 10px;
}

.ticket_area .ticket_dtl p.small {
  font-size: 13px;
  line-height: 150%;
}

.px-15 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.text-strong {
  font-weight: bold;
}

.text-underline {
  text-decoration: underline;
}

.heading_1 {
  font-size: 3.5rem;
  line-height: 110%;
}

.text-primary {
  color: var(--red);
}

.mr-05 {
  margin-right: .5rem;
}

.ticket_lg {
  background-color: var(--yellow);
}

.ticket_lg .ticket_cnt {
  background-color: none;
}

.ticket_lg:after,
.ticket_lg:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: inline-block;
  left: 50%;
  margin-left: -20px;
  background-color: var(--v10);
}

.ticket_lg:after {
  top: -20px;
}

.ticket_lg:before {
  bottom: -20px;
}

.school_grid .school_grid_img {
  overflow: hidden;
}

.school_grid .badge {
  font-size: 75%;
  font-weight: 400;
}

.school_grid .badge.small {
  padding: 4px 6px;
}

.school_grid .heading_2 {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 1.5rem;
  line-height: 100%;
  margin-bottom: 10px;
  margin-top: 5px;
  display: block;
}

.small_banner {
  position: relative;
}

.small_banner .bg_strip3 {
  max-width: 160px;
  top: 10%;
}

.bg_strip21 {
  max-width: 40vh;
  right: 0;
  top: -80px;
  max-width: 180px;
  width: 30%;
  z-index: 1;
}

.bg_strip31 {
  position: absolute;
  left: 0;
  top: 0%;
  max-width: 160px;
  width: 30%;
}

.bg_strip31 .img-svg {
  width: 100%;
  height: auto;
}

.bannerslider__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}

.ccol-lg-4:last-child .school_grid {
  margin-bottom: 0;
}

.h1 {
  font-size: 3.25rem;
}

ol,
ul {
  font-size: 18px;
  line-height: 1.75em;
  margin-left: 20px;
}

ol.decimal {
  list-style: decimal;
}

ul.disc {
  list-style: disc;
}

.text_color {
  color: #000;
}

.overflow-hide {
  overflow: hidden;
}

.slideswipe {
  padding: 0 55px;
}

.slideswipe.swiper {
  width: calc(100% + 110px);
  left: -55px;
}

.slideswipe .swiper-slide {
  height: 100%;
}

.slideswipe .slidearea {
  position: relative;
  border: 1px solid #808080;
  border-radius: 5px;
  padding: 20px;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.slideswipe .slidearea a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.slideswipe .slidearea__img {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 20px 10px;
}

.slideswipe .slidearea__img img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.slideswipe .slidearea__img:before {
  content: '';
  display: block;
  position: relative;
  padding-bottom: 100%;
}

.slideswipe .slidearea__text {
  text-align: center;
  font-family: 'Helvetica', Arial, sans-serif;
  color: var(--v10);
}

.slideswipe .slidearea__text h4 {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
}

.slideswipe .slidearea__text span {
  font-weight: 400;
  font-size: .6rem;
}

.slideswipe .slidearea.bg-white,
.slideswipe .slidearea.active,
.slideswipe .slidearea:hover {
  background-color: var(--v10);
}

.slideswipe .slidearea.bg-white .slidearea__text,
.slideswipe .slidearea.active .slidearea__text,
.slideswipe .slidearea:hover .slidearea__text {
  color: #000;
}

.slideswipe .swiper-button-next,
.slideswipe .swiper-button-prev {
  background-color: var(--yellow);
  border: 1px solid #000;
  border-radius: 22px;
  width: 44px;
  height: 66px;
  z-index: 12;
}

.slideswipe .swiper-button-next:after,
.slideswipe .swiper-button-prev:after {
  color: rgba(0, 0, 0, 0);
  font-weight: 900;
  font-size: 24px;
}

.slideswipe .swiper-button-next {
  right: 0px;
}

.slideswipe .swiper-button-prev {
  left: 0px;
}

.slideswipe:before {
  left: 0px;
}

.slideswipe:after {
  right: 0px;
}

.slideswipe:before,
.slideswipe:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 55px;
  z-index: 11;
  background-color: #000;
}

.heading2 {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: 52px;
}

.searchdrop {
  padding: 30px 0 20px;
  text-align: center;
}

.searchdrop__content {
  background-color: var(--v10);
  border-radius: 50px;
  position: relative;
}

.searchdrop__content .spot {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 100%;
  text-align: center;
  background-color: url("../../images/location.svg") no-repeat var(--red);
  background-size: 18px auto;
  background-position: center;
  border-radius: 50px 0 0 50px;
  overflow: hidden;
}

.searchdrop__content select {
  border: none;
  margin-left: 65px;
  padding: 15px;
  width: calc(100% - 90px);
  background-color: url("../../images/dropdown.png") right center no-repeat;
  background-size: 20px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-style: normal;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
}

.searchdrop__content select::-ms-expand {
  display: none;
}

.profile_list .d-flex {
  flex-wrap: wrap;
}

.profile_list .d-flex a {
  display: flex;
  align-items: center;
  margin: 5px 10px 5px 5px;
}

.small_circle {
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: var(--yellow);
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  font-size: 10px;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 600;
}

.logo-swiper {
  height: 80px;
  max-width: 170px;
  width: auto;
}

.logo-swiper img {
  width: auto;
  height: 100%;
  object-fit: contain;
}

/*Grid*/
*,
::after,
::before {
  box-sizing: border-box;
}

.crow {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.crow.g-0>.ccol {
  padding-left: 0;
  padding-right: 0;
}

.crow.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.ccol {
  padding: 0.5rem;
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
}

.ccol.cbtn-block {
  display: block;
}

.ccol.pb-0 {
  padding-bottom: 0;
}

.ccol.p-0 {
  padding: 0;
}

.ccol .py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ccol.ccol-sm-1,
.ccol.ccol-sm-2,
.ccol.ccol-sm-3,
.ccol.ccol-sm-4,
.ccol.ccol-sm-5,
.ccol.ccol-sm-6,
.ccol.ccol-sm-7,
.ccol.ccol-sm-8,
.ccol.ccol-md-1,
.ccol.ccol-md-2,
.ccol.ccol-md-3,
.ccol.ccol-md-4,
.ccol.ccol-md-5,
.ccol.ccol-md-6,
.ccol.ccol-md-7,
.ccol.ccol-md-8,
.ccol.ccol-lg-1,
.ccol.ccol-lg-2,
.ccol.ccol-lg-3,
.ccol.ccol-lg-4,
.ccol.ccol-lg-5,
.ccol.ccol-lg-6,
.ccol.ccol-lg-7,
.ccol.ccol-lg-8,
.ccol.ccol-xl-1,
.ccol.ccol-xl-2,
.ccol.ccol-xl-3,
.ccol.ccol-xl-4,
.ccol.ccol-xl-5,
.ccol.ccol-xl-6,
.ccol.ccol-xl-7,
.ccol.ccol-xl-8 {
  width: 100%;
}

.ccol.ccol-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.ccol.ccol-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.ccol.ccol-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.ccol.ccol-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.ccol.ccol-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.ccol.ccol-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.ccol.ccol-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

@media (min-width: 576px) {
  .ccol.ccol-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ccol.ccol-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ccol.ccol-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ccol.ccol-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ccol.ccol-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ccol.ccol-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ccol.ccol-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
}

@media (min-width: 768px) {
  .ccol.ccol-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ccol.ccol-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ccol.ccol-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ccol.ccol-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ccol.ccol-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ccol.ccol-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ccol.ccol-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
}

@media (min-width: 992px) {
  .ccol.ccol-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ccol.ccol-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ccol.ccol-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ccol.ccol-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ccol.ccol-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ccol.ccol-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ccol.ccol-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
}

@media (min-width: 1200px) {
  .ccol.ccol-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ccol.ccol-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ccol.ccol-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ccol.ccol-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ccol.ccol-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ccol.ccol-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ccol.ccol-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
}

@media (max-width: 576px) {

  .crow.g-0>.ccol {
    /*padding-left: $g_extraSmall; padding-right: $g_extraSmall;*/
  }

  .crow .ccol.ccol-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .crow .ccol.ccol-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .crow .ccol.ccol-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .crow .ccol.ccol-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .crow .ccol.ccol-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .crow .ccol.ccol-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .crow .ccol.ccol-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .ccol.ccol-sm-1,
  .ccol.ccol-sm-2,
  .ccol.ccol-sm-3,
  .ccol.ccol-sm-4,
  .ccol.ccol-sm-5,
  .ccol.ccol-sm-6,
  .ccol.ccol-sm-7,
  .ccol.ccol-md-1,
  .ccol.ccol-md-2,
  .ccol.ccol-md-3,
  .ccol.ccol-md-4,
  .ccol.ccol-md-5,
  .ccol.ccol-md-6,
  .ccol.ccol-md-7,
  .ccol.ccol-lg-1,
  .ccol.ccol-lg-2,
  .ccol.ccol-lg-3,
  .ccol.ccol-lg-4,
  .ccol.ccol-lg-5,
  .ccol.ccol-lg-6,
  .ccol.ccol-lg-7,
  .ccol.ccol-xl-1,
  .ccol.ccol-xl-2,
  .ccol.ccol-xl-3,
  .ccol.ccol-xl-4,
  .ccol.ccol-xl-5,
  .ccol.ccol-xl-6,
  .ccol.ccol-xl-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*Grid*/
.accordion {
  margin: 0 auto;
}

.accordion h2 {
  font-size: 1.5rem;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.accordion h2:hover {
  cursor: pointer;
}

.accordion h2.open .number:after {
  content: '-';
  line-height: 26px;
}

.accordion .accordion-content {
  display: none;
  padding: 10px;
  margin-left: 2.5rem;
  color: rgba(0, 0, 0, 0.7);
}

.accordion .number {
  width: 2rem;
  height: 2rem;
  text-align: center;
  background-color: #000;
  display: inline-block;
  border-radius: 100%;
  margin-right: 1rem;
  position: relative;
}

.accordion .number:after {
  content: '+';
  position: absolute;
  font-size: 1.5rem;
  color: var(--v10);
  width: 100%;
  text-align: center;
  line-height: 31px;
  left: 0;
  top: 0;
  display: inline-block;
}

.accordion span {
  vertical-align: middle;
}

.tab-links {
  display: flex;
  justify-content: center;
}

.tab-links li {
  -ms-flex: 1;
  flex: 1;
  padding-right: 1rem;
}

.tab-links li a {
  padding: 5px 0;
  display: block;
  position: relative;
  border-top: 1px solid var(--v10);
  color: var(--v10);
  font-size: 1.125rem;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
}

.tab-links li a:after {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 0%;
  height: 4px;
  background-color: var(--blue);
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
}

.tab-links li a.active,
.tab-links li a:hover {
  color: var(--blue);
}

.tab-links li a.active:after,
.tab-links li a:hover:after {
  width: 100%;
}

.tab-links li:last-child {
  padding-right: 0;
}

.cbtn {
  padding: 9px 20px 9px 15px;
  border-radius: 24px;
  font-size: 14px;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 110%;
}

.cbtn.cbtn-block {
  display: block;
}

.cbtn.cbtn-primary {
  background-color: var(--red);
  color: #000;
  border: 4px solid var(--red);
}

.cbtn.cbtn-primary .img-svg polygon {
  fill: #000;
}

.cbtn.cbtn-primary:hover {
  background-color: #d82739;
  border: 4px solid #d82739;
}

.cbtn.cbtn-secondary {
  background-color: var(--blue);
  color: #000;
  border: 4px solid var(--blue);
}

.cbtn.cbtn-secondary:hover {
  background-color: #3792cf;
  border: 4px solid #3792cf;
}

.cbtn.cbtn-warning {
  background-color: var(--yellow);
  color: var(--v10);
  border: 4px solid var(--yellow);
}

.cbtn.cbtn-warning:hover {
  background-color: #d3af05;
  border: 4px solid #d3af05;
}

.cbtn.cbtn-light {
  background-color: var(--v10);
  color: #000;
  border: 4px solid var(--v10);
}

.cbtn.cbtn-dark {
  background-color: #000;
  color: var(--v10);
  border: 4px solid #000;
}

.cbtn.cbtn-bdr-primary {
  color: var(--red);
  border: 2px solid var(--red);
}

.cbtn.cbtn-bdr-primary .img-svg polygon {
  fill: var(--red);
}

.cbtn.cbtn-bdr-secondary {
  color: var(--blue);
  border: 2px solid var(--blue);
}

.cbtn.cbtn-bdr-warning {
  color: var(--yellow);
  border: 2px solid var(--yellow);
}

.cbtn.cbtn-bdr-light {
  color: var(--v10);
  border: 4px solid var(--v10);
}

.cbtn.cbtn-bdr-light .img-svg polygon {
  fill: var(--v10);
}

.cbtn.cbtn-bdr-dark {
  color: #000;
  border: 2px solid #000;
}

.cbtn.cbtn-text-primary {
  color: var(--red);
  padding: 5px 0px;
}

.cbtn.cbtn-text-primary .img-svg polygon {
  fill: var(--red);
}

.cbtn.cbtn-text-secondary {
  color: var(--blue);
  padding: 5px 0px;
}

.cbtn.cbtn-text-secondary .img-svg polygon {
  fill: var(--blue);
}

.cbtn.cbtn-text-danger {
  color: var(--red);
}

.cbtn.cbtn-text-danger .img-svg polygon {
  fill: var(--red);
}

.cbtn.cbtn-text-warning {
  color: var(--yellow);
  padding: 5px 0px;
}

.cbtn.cbtn-text-light {
  color: var(--v10);
  padding: 5px 0px;
}

.cbtn.cbtn-text-dark {
  color: #000;
  padding: 5px 0px;
}

.cbtn.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.cbtn span {
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
}

.cbtn span .img-svg {
  width: .75rem;
  height: auto;
}

.cbtn:hover span {
  margin-left: .5rem;
}

.cbtn:hover span.back {
  margin-left: 0px;
  margin-right: 1rem;
}

.cbtn span.back {
  margin-right: .5rem;
}

.form_fld {
  position: relative;
  margin-bottom: 1.25rem;
  border-radius: 0;
}

.fld-control:focus,
button:focus,
.btn:focus,
input,
select {
  box-shadow: none;
  outline: none;
}

.fld-control,
.form-group input,
.form-group textarea,
select {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  width: 100%;
}

label {
  display: block;
  font-size: .75rem;
  margin-bottom: .5rem;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
}

/* Customize the label (the container) */
.checkbox_container {
  display: block;
  position: relative;
  padding-left: 2rem;
  margin-bottom: .75rem;
  cursor: pointer;
  font-size: .75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
}

.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  /* When the radio button is checked, add a blue background */
  /* Show the indicator (dot/circle) when checked */
}

.checkbox_container input:checked~.checkmark {
  background-color: #000;
}

.checkbox_container input:checked~.checkmark:after {
  display: block;
}

.checkbox_container .checkmark {
  position: absolute;
  top: 9px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #000;
  border-radius: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Style the indicator (dot/circle) */
}

.checkbox_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox_container .checkmark:after {
  top: 4px;
  left: 3px;
  width: 10px;
  height: 7px;
  border-left: 2px solid var(--v10);
  border-bottom: 2px solid var(--v10);
  transform: rotate(-45deg);
}

.checkbox_container:hover input~.checkmark {
  background-color: #ccc;
}

.checkbox_container .img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.table {
  min-width: 100%;
}

.table tr th,
.table tr td {
  padding: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
}

.table tr th {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  color: #000;
}

.table tr td .cbtn {
  font-size: 1.125rem;
}

.sidebar h2 {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.modal_trigger {
  cursor: pointer;
}

.modal {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -moz-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -ms-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1);
  opacity: 0;
  visibility: hidden;
  top: -100%;
}

.modal .modal-content {
  position: relative;
  z-index: 1;
  padding: 3rem 0;
  background-color: var(--v10);
  color: #000;
}

.modal .modal-body hr {
  border-color: black;
  margin-bottom: .75rem;
}

.modal:after {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s cubic-bezier(0.5, 0.5, 0, 1), visibility 0.5s cubic-bezier(0.5, 0.5, 0, 1);
}

.modal.open {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.modal.open:after {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  .modal-body a.mr-2 {
    margin-right: 1rem;
  }
}

.event_section {
  position: relative;
  background-color: url("../images/bg_strip3.svg") no-repeat right bottom #000;
  background-size: 18% auto;
  color: var(--v10);
  margin-top: -5px;
}

.event_section .border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.event_section:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 100px;
  width: 100%;
  background-color: var(--v10);
  display: inline-block;
  z-index: 0;
}

.event_card {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.event_card:after {
  content: '';
  display: block;
  padding-bottom: 50%;
}

.event_card:before {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0;
  top: 0;
  background-color: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE6-9 fallback */
  background-color: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.event_card.event_card_1:after {
  padding-bottom: 43%;
}

.event_card.event_card_2:after {
  padding-bottom: 95%;
}

.event_card.event_card_4:after {
  padding-bottom: 105%;
}

.event_card .event_card_cnt {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 20px;
  z-index: 1;
}

.event_card .event_card_cnt .date {
  font-size: 14px;
}

.event_card .event_card_cnt h3 {
  margin: 10px 0;
  font-size: 2rem;
}

.event_card .event_card_cnt .cbtn {
  border: 2px solid var(--v10);
}

.event_card:hover .event_card_cnt {
  bottom: 10px;
}

.volunteer_section .table {
  min-width: 100%;
}

.volunteer_section .table tr th,
.volunteer_section .table tr td {
  padding-left: 0;
  padding-right: 0;
}

.map_area {
  height: 100%;
  position: relative;
}

.map_area iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.sponsors_section .burger,
.partners_section .burger {
  padding: 80px 0;
}

@media (max-width: 1300px) {
  .volunteer_section .navigation_cnt .ccol.ccol-lg-4 {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .event_card .event_card_cnt {
    padding: 10px;
  }

  .event_card .event_card_cnt h3 {
    margin: 5px 0 10px;
    font-size: 1.5rem;
  }

  .event_card:after {
    padding-bottom: 60%;
  }

  .event_card.event_card_1:after {
    padding-bottom: 50%;
  }

  .event_card.event_card_2:after {
    padding-bottom: 113%;
  }
}

@media (max-width: 1200px) {
  .event_card .event_card_cnt h3 {
    margin: 5px 0 10px;
    font-size: 1.25rem;
  }

  .event_card:after {
    padding-bottom: 66%;
  }

  .event_card.event_card_1:after {
    padding-bottom: 55%;
  }

  .event_card.event_card_2:after {
    padding-bottom: 123%;
  }
}

@media (max-width: 992px) {
  .event_section .ccol.ccol-lg-2 {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .event_card .event_card_cnt {
    padding: 20px;
  }

  .event_card:after {
    padding-bottom: 80%;
  }

  .event_card.event_card_1:after {
    padding-bottom: 56%;
  }

  .event_card.event_card_2:after {
    padding-bottom: 125%;
  }

  .volunteer_section {
    /*.ccol{
    	&.ccol-lg-6 {-ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%;}
    }*/
  }

  .volunteer_section .navigation_cnt .ccol.ccol-lg-4 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (max-width: 576px) {
  .event_section .ml-2 {
    margin-left: 0;
  }

  .event_section .mr-2 {
    margin-right: 0;
  }

  .event_section {
    margin-bottom: 2rem;
    background-size: 250px auto;
  }

  .event_section .mb-1 {
    margin-bottom: 0;
  }

  .event_section h2.mb-1 {
    margin-bottom: .75rem;
  }

  .event_section .ccol-lg-2 .event_card:last-child {
    margin-bottom: 0;
  }

  .event_section .ccol-lg-4 .event_card.ml-2:last-child,
  .event_section .ccol-lg-4 .event_card.mr-2:last-child {
    margin-bottom: 0;
  }

  .event_section .event_card {
    margin-bottom: 1rem;
  }

  .event_section .event_card.mb-2 {
    margin-bottom: 1rem;
  }

  /*.map_area{
  	&:after{content: ''; display: block; padding-bottom: 100%;}
  	iframe{}
  }*/
  .volunteer_section .ccol-lg-8,
  .volunteer_section .ccol-lg-4 {
    padding-left: 0;
    padding-right: 0;
  }
}

.auth .heading_2 {
  font-size: 1.75rem;
}

/* Remove SVG background images from banners and sections */
.banner,
.small_banner,
.strip_bg1,
.event_section,
.bg-img,
.bg_strip1,
.bg_strip2,
.bg_strip3,
.bg_strip6,
.bg_strip21,
.bg_strip31 {
  background-color: var(--v10);
  background-image: none;
}

@keyframes wipe {
  to {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
  }
}

@keyframes fade-up {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Alert styles from dev.css */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert>p,
.alert>ul {
  margin-bottom: 0;
}

.alert>p+p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.text-danger {
  color: var(--red);
}

p.small {
  font-size: 10px;
  line-height: 120%;
}

/* Form styles from dev.css */
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group-text {
  position: absolute;
  right: 0px;
  top: -1px;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.25rem;
}

.invalid-feedback {
  color: #fd3550;
  font-size: 12px;
}

.fld-control.is-invalid,
.was-validated .fld-control:invalid {
  border-color: #fd3550;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f41127'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f41127' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* Profile styles from dev.css */
.profile_area {
  position: relative;
  width: 100px;
  height: 100px;
  margin: auto;
}

.profile_area .profile_pic {
  position: relative;
  border-radius: 100%;
  width: 100%;
  height: 100px;
  background-color: #f8f9fa;
  border: 5px solid var(--v10);
  box-shadow: 0 0 0 5px #e9ecef;
  overflow: hidden;
  margin-top: 20px;
}

.profile_area .profile_pic img {
  width: 100%;
  min-height: 100%;
}

.profile_area .profile_update {
  position: absolute;
  top: 0px;
  right: -5px;
  width: 25px;
  height: 25px;
  border: 2px solid var(--v10);
  text-align: center;
  line-height: 18px;
  border-radius: 100%;
  background-color: #007aff;
}

/* SweetAlert styles from dev.css */
.swal-text {
  padding: 17px;
  display: block;
  margin: 22px;
  text-align: center;
  line-height: 25px;
}

.swal-footer {
  margin-top: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.21);
  overflow: hidden;
}

@media (max-width: 576px) {
  .event_card_label h3 {
    font-size: 36px;
  }

  .page-wrapper {
    margin-top: 90px;
  }

  .swiper.banner {
    height: calc(100vh - 200px);
    min-height: 400px;
  }

  .bannerslider__content h1 {
    font-size: 40px;
  }

  .help-row h1 {
    font-size: 32px;
  }

  .accordion h2 {
    font-size: 24px;
  }

  .detail-row {
    flex-direction: column;
  }
}

.dropdown-content {
  position: absolute;
  right: 0;
  top: 52px;
  min-width: 180px;
  background-color: #000;
  padding: 10px 20px;
  display: none;
  z-index: 1000;
}

.dropdown-content.show {
  display: block;
}



.dropdown-content .d-flex {
  align-items: center;
  justify-content: space-between;
}

.dropdown-content .profile_pic {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 100%;
  display: inline-block;
  margin-right: 10px;
  vertical-align: sub;
  overflow: hidden;
}

.dropdown-content .profile_pic img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.navigation .brand_logo a {
  padding: 0;
  margin-top: 0;
}

.navigation .brand_logo a .img-svg path {
  fill: var(--v10);
}

.navigation .brand_logo .img-svg_ {
  width: 100%;
  margin-top: 0;
}

.top_area.fixed-top .brand_logo a {
  margin-top: 0;
}

@media (max-width: 576px) {
  .navigation.top_area .ccontainer {
    padding: 0 12px;
  }
}

.navigation .authentication_link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-color: var(--v2);
  border-radius: 50px;
  padding-left: 20px;
  padding-right: 8px;
  height: 52px;
  width: 100%;
  transition: background-color 0.2s cubic-bezier(0.5, 0.5, 0, 1);
  margin-top: 0;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}

.navigation .authentication_link a:hover {
  background-color: var(--v3);
}

.navigation .authentication_link a:after {
  display: none;
}

.navigation .nav-item a {
  color: var(--v8);
}

.navigation .nav-item a.active,
.navigation .nav-item a:hover {
  color: var(--v10);
}

.navigation .authentication_link a {
  color: var(--v11);
}

.hours-badge {
  box-sizing: border-box;
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 16px;
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: 600;
  background-color: var(--blue-light) !important;
  color: var(--blue-dark);
  border-radius: 24px;
  vertical-align: middle;
  height: 38px !important;
  width: unset !important;
  min-width: 38px !important;
  padding-left: 6px;
  padding-right: 6px;
  top: -14px;
  right: -14px;
  border: 4px solid var(--v0);
}

/* Add the 'h' after the number */
.hours-badge:after {
  content: 'h';
}

.profile_img {
  background-color: var(--v8);
  width: 38px;
  height: 38px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  overflow: hidden;
}

.dropdown-content {
  padding: 0;
  margin-top: 24px;
  border-radius: 12px;
  overflow: hidden;
}

.dropdown-content a:after {
  display: none;
}

.user-dropdown-item {
  border-radius: 0 !important;
  display: flex !important;
  background-color: transparent !important;
}

.user-dropdown-item:hover {
  background-color: var(--v3) !important;
}

@media (max-width: 767px) {
  .navigation .nav-item a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background-color: var(--blue);
    transition: height 0.2s ease;
  }

  .navigation .nav-item a.active:after,
  .navigation .nav-item a:hover:after {
    width: 4px;
    height: 100%;
  }

  .navigation #top_navigation .nav-bar-links li a {
    padding-left: 1.5rem;
  }

  .navigation .nav-item:not(.authentication_link) a {
    min-height: 64px;
  }
}

/* Override the default underline styles for desktop */
@media (min-width: 768px) {
  .navigation a:after {
    bottom: 0;
    top: auto;
    height: 4px !important;
    width: 0% !important;
  }

  .navigation .nav-item a.active:after,
  .navigation .nav-item a:hover:after {
    width: calc(100% - 1px) !important;
  }
}

strong,
b {
  font-family: 'Exat-Bold', Arial, sans-serif;
  font-weight: bold;
}