@font-face {
    font-family: cylburn;
    src: url(https://www.mataction.com/css/fonts/Cylburn.ttf);
  }
  
  a {
       color: #C90D33;
  }
   
  a:hover {
      color: #7D1B13;
  }
  
   .table-responsive td,  .table-responsive th {
      white-space: nowrap;
      vertical-align: middle;
   }
   
   .modal-xxl {
       max-width:100%;
   }
   
   .form-check-input[type=checkbox] {
      border-radius: 4px 4px 0px 0px;
  }
  
  .filtersbody::-webkit-scrollbar { 
      display: none;
  }
  
   .form-check-input:checked[type=checkbox] {
      background-color: #C90D33 !important;
      border-radius: 4px 4px 0px 0px;
  }
   
  .form-check-input {
      background: none;
      border-style: solid;
      border-color: #2F2F35;
  }
   
   .file-manager-item img {
       width:100%;
       padding:5px;
       border-color:grey;
       border-style:solid;
   }
   
   .hidden {
      display:none;
   }
    
   .hide_complete .completed_check {
       display:none;
   }
   
   
   .file-manager-item.selected {
       background-color:#42aaf4;
   }
   
   th.clickable-table-header:hover {
       background-color:#660000;
       color:white;
   }
   
    .image-holder-size img {
      max-width:100%;
     
   }
   
   .vertical-image-holder-size img {
      max-height:100%;
     
   }
   
   .image-holder-size-round img {
      border-radius: 100%;
  }
   
  .image-holder-size.small-icon-holder img{
      border-radius: 25px;
  }
   
   .payment_box {
      margin:10px;
      padding:10px;
      border-style:solid;
      border-color:grey;
   }
   
   .navbar-dark .navbar-nav .nav-item .nav-link {
      text-transform:uppercase;
      color:white;
   } 
   
   .navbar-dark {
      background-color: #660000!important;
   }
   
   #top_header_nav {
      height:100px;
      border-top-style:solid;
      border-top-width:3px;
      border-top-color: #C90D33;
      
      max-width:1440px;
   }
   
   #top_header_nav .rbuttonholder {
      margin-top:15px;
   }
   
  #top_header_nav, #top_header_nav nav {
      color:white !important;
      background-color:#1A1A20 !important;
      margin:0;
      padding: 0;
   }
   
   body {
      background-color: #5B5B5B;
   }
   
   #top_header_nav > div {
       width:100%;
       max-width:1440px;
   }
   
   #top_header_nav.tactive, #top_header_nav.tactive nav {
      color:white !important;
      background-color:rgba(0, 0, 0, 0) !important;
      margin:0;
      padding: 0;
   }
   
   .rbuttons .nav-item .nav-link {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      display: flex;
      align-items: flex-end;
      text-transform: uppercase;
      color: #FFFFFF;
      padding-left:0px;
      padding-right:0px;
      
      padding-top:20px;
      padding-bottom:20px;
      
   }
   
  .rbuttons  .nav-item.active {
      border-color: #C90D33 ;
      padding-bottom: 15px;
      border-bottom-style: solid;    
  }
   
       
  
  
   
  .rbuttons .nav-item {
      padding-left:8px;
      padding-right:8px;
  }
  
  @media (min-width: 1200px) {
      .rbuttons .nav-item {
          margin-left:16px;
          margin-right:16px;   
      }
  }
  
  .rbuttons .nav-item:hover .nav-link, .rbuttons .nav-item .nav-link.active {
      color: #C90D33 !important;
  }
  
  .rbuttons .nav-item .nav-link.clicked {
      color: #C90D33 !important;
  }
  
  .navacc .navbar-collapse {
      flex-direction: row-reverse;
  }
   
  #homepagesliderdesktop {
      max-width:1440px;
      margin-left:auto;
      margin-right:auto;
  }
   
  .specgrad {     
      background: linear-gradient(291.01deg, rgba(15, 15, 19, 0.4) 4.72%, rgba(15, 15, 19, 0.324) 15.17%, rgba(15, 15, 19, 0) 28.5%), linear-gradient(180deg, rgba(15, 15, 19, 0) 31.17%, #0F0F13 100%), linear-gradient(90deg, rgba(15, 15, 19, 0.8) 0%, rgba(15, 15, 19, 0.648) 43.94%, rgba(15, 15, 19, 0) 100%), 100%;
  }
   
  .specgradm {
      padding-bottom: 2px;
      background: linear-gradient(180deg, rgba(15, 15, 19, 0) 52.04%, #0F0F13 100%), linear-gradient(57.64deg, rgba(15, 15, 19, 0.8) 19.4%, rgba(15, 15, 19, 0.648) 53.95%, rgba(15, 15, 19, 0) 106.66%), 100%;
  }
   
  #homepagesliderdesktop .carousel-indicators {
      position: absolute;
      right: 4.1667%;
      bottom: 11.0193%;
      left: 73.9583%;
      z-index: 2;
      display: flex;
      justify-content: center;
      padding: 0;
      margin-bottom: 0; 
      list-style: none;
  }

  @media (max-width: 575px) {
        #homepagesliderdesktop .carousel-indicators {
            bottom: 9.917355%;
            left: 4%;
            right: 4.2666667%;
        }
    }
    .slider-next-holder {
        position: absolute;
        left: 73.9583%;
        right: 4.1667%;
        bottom: 15.978%;
        top: 71.3499%;
    }
    @media (max-width: 575px) {
        .slider-next-holder {
            position: absolute;
            top: 73.002755%;
            bottom: 14.600551%;
            left: 4.2666667%;
            right: 4.2666667%;
        }
    }
  .slider-next-holder img {
      max-width:100%;
      max-height:100%;
  }
   
  .sliderf-next {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #8E8E8F;
  }
   
  #homepagesliderdesktop  .slider-next {
      position: absolute;
      top: 75%;
      left: 72%;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #8E8E8F;
  }
   
  #homepagesliderdesktop  .slider-next-title {
      position: absolute;
      top: 78%;
      left: 72%;
      width:12%;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: -0.04em;
      
      color: #FFFFFF;
  }
   
  .sliderf-name {    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
   }
   
  #homepagesliderdesktop  .slider-next-icon {
      position: absolute;
      top: 83.5%;
      left: 72%;
      width:12%;
  }
    
  #homepagesliderdesktop .slider-next-logo {
      position: absolute;
      top: 74%;
      right: 5%;
      max-width: 10%;
      max-height: 14%;;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: -0.02em;
      color: #8E8E8F;
  }
   
  .greytag {     
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(14px);
      border-radius: 4px;  
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;    
      transition: 1s;
  }
   
  .greytaghover:active, .greytaghover:hover {
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(14px);
  }
   
  .mlogotag  { 
      font-size:0em !important;
      font-family: none;  
      line-height: normal;
  }
   
  .mlogotag img {
      width: 26px;
      height: 16px;    
      font-family: none;
      
  }
  
  @media (max-width: 575px) { 
      .mlogotag img {
          width:24px;
          height:14px;
          line-height:normal;
      }
  }
   
  .tag {     
      font-size: 12px !important;
      padding:8px;
      margin-left:12px;
      font-weight: 500;
      line-height: 16px;
  }
   
  @media (max-width: 575px) { 
      .tag {     
          font-size: 10px !important;
          padding:6px;
          margin-left:8px;
          
          font-style: normal;
          font-weight: 500;
          font-size: 10px;
          line-height: 14px;
          /* identical to box height, or 140% */
  
          letter-spacing: -0.02em;
          text-transform: uppercase;
  
      }
  }
   
  .tag:first-of-type {
       margin-left:0px;
  }
   
  .greentag {
       background: #3BA321;
      border-radius: 4px;
  
      font-family: 'Inter', sans-serif;
      font-style: normal;
      /* identical to box height, or 133% */
  
      letter-spacing: -0.02em;
      text-transform: uppercase;
  
      /* Primary/White */
  
      color: #FFFFFF;
  
  }
   
  .slider-holder {
      position:absolute;
      top:24.7934%;
      left:4.1667%;
      width:45.2778%;
      bottom:8.2645%;
  }
   
  @media (max-width: 575px) {       
      .slider-holder {
          top: 14.314%;
          left:4.2667%;
          right:4.2667%;
          width:88.88%
      }
  }
  
  
  .slider-holder .label, .featuredeventcontainer .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
    
  @media (max-width: 575px) { 
      .slider-holder .label, .featuredeventcontainer .label {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 27px;
          letter-spacing: -0.02em;
          color: #FFFFFF;
      }
  }
  
   
  .slider-holder img.logo {
      height:100%; max-height: 100px; margin-right:20px;
  }
   
  @media (max-width: 900px) { 
      .slider-holder img.logo {
          height:100%; max-height: 60px;
          margin-right:16px;
      }
      
      #mainbuttonholder, #langnav {
          display:none;
      }
      
      #top_header_nav {
          height:auto;
      }
  }
   
   .slider-holder .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 96px;
      line-height: 96px;
      margin-bottom: 35px;
  
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
      color: #FFFFFF;
  }
   
   
  @media (max-width: 576px) { 
      .slider-holder .title {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 46px;
          line-height: 54px;
          margin-bottom: 20px;
  
          letter-spacing: -0.01em;
          text-transform: uppercase;
          font-feature-settings: 'ss01' on;
          color: #FFFFFF;
      }
  }
   
   #homepagesliderdesktop  .carousel-control-next {
      top: 68%;
      right: 5%;
      background-color: black;
      width:30%;
      background-color: rgba(0,0,0,0);
      bottom:12%;
   }
   
@media (max-width: 575px) {
    #homepagesliderdesktop .carousel-control-next {
        top: 70.5%;
        bottom: 16%;
        right: 2%;
        background-color: black;
        width: 96%;
        background-color: rgba(0,0,0,0);
    }
}
   
  .slider-next-left {
      min-width: 65.7143%;
      max-width: 65.7143%;
  }
  
   @media (max-width: 1200px) {
      .slider-next-left {
          min-width: 65.7143%;
          max-width: none;
      }
  }
   
  .slider-next-right  {
      text-align:right;
      height:100%;
  }
   
   
  @media screen and (max-width: 1000px) and (min-width:575px)  {
      .slider-next-right {
          display:none;
      }
  }
   
  .sliderf-icon {
      opacity:0.5;
  }
  
  .sliderf-date {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      opacity: 0.7;
  } 
   
  #homepagesliderdesktop  .slider-next-date {
      position: absolute;
      top: 84.5%;
      left: calc(72% + 20px);
      width:10%;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: -0.02em;
      color: #8E8E8F;
      opacity: 0.5;
  }
    
   
  #homepagesliderdesktop  .carousel-indicators button {
      flex-grow: 1;
  }
   
  .specgrad img, .specgradm img {
      position: relative;
      z-index: -1;
  }
   
  .navacc .nav-item {
      color:white !important;
       
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;    
      margin-left:8px;
      margin-right:8px;    
      margin-top:22px;
  }
   
  
  .navacc .nav-item:last-of-type {
      margin-right:4px;
  }
  
  @media (min-width: 1200px) {
      .navacc .nav-item {
          margin-left:16px;
          margin-right:16px;   
      }
      .navacc .nav-item:last-of-type {
          margin-right:36px;
      }
      
      #mainbuttonholder .container-fluid:first-child {
          padding-left:32px
      }
  }
   
  
  @media (max-width: 575px) {
      .navacc .nav-item {
          margin-left:6px;
          margin-right:6px;
      }
        
      .navacc .nav-item:last-of-type {
          margin-right:-6px;
      }
  }
   
  .navacc .nav-link {
      color:white !important;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: normal;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
   
  .navacc .nav-item:hover {
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(14px);
      border-radius: 4px;
  }
   
  .navacc .nav-item {
      transition: .15s all;
  }
   
  .navacc .nav-item.active, .navacc .nav-item.clicked {
      background: rgba(255, 255, 255, 0.3);
      backdrop-filter: blur(14px);
      border-radius: 4px;
  }
   
   
  .navbar.center .navbar-inner {
      text-align: center;
  }
  
  .navbar.center .navbar-inner .nav {
      display:inline-block;
      float: none;
  }
  
  .card-header {
      font-size:1.5em;
  }
  
  .table-filter-row-item {
      display:block; 
      float:left; 
      background-color: lightgray; 
      padding:5px; 
      border-radius: 25px;
      margin:5px;
  }
  
  .no-wrap-md {
      white-space:normal;
  }
  
  @media (min-width: 768px) { 
      .no-wrap-md {
          white-space:nowrap;
      }
  }
  
  .table_header_search_holder {
      float:right; 
      margin:5px;
  }
  
  .table_header_button {
      float:right; 
      margin:5px;
  }
  
  .table_header_button {
      float:right; 
      margin:5px;
  }
  
  .table_header_title {
      float:left;
  }
  
  @media (max-width: 768px) { 
      .table_header_search_holder {
          float:none; 
          width:100%;
          text-align:center;
      }
  
     .table_header_title {
          float:none;
          text-align:center;
          width:100%;
      }
      
      .table_header_button {
          float:none; 
          display:inline;
      }
  }
  
  .hide-unless-hover-parent  {
      display:none;
  }
  
  div:hover > .hide-unless-hover-parent  {
      display:block;
  }
  
  .fancy-select-dropdown-image {
      
      height:50px;
  }
  
  .text-warning {
      color: #520069 !important; 
  }
  
  .list-unstyled .media {
      border-bottom-style:solid;
      border-width:1px;
      border-color:light-grey;
      margin-bottom:10px;
  }
  
  h1, h2 {
      font-size:1em; margin-bottom:0px;
  }
  
  .modal div {
      z-index:1000;
  }
  
  .card-columns {
      column-count: 1;
    
   }
  
  @media screen and (min-width: 600px) {
    .card-columns {
      column-count: 2;
    
   }
  }
  
  
   
  @media screen and (min-width: 1100px) {
    .card-columns {
      column-count: 3;
    
   }
   
   .somepaddingdesktop {
       padding:10px;
   }
  }
  
  @media screen and (max-width: 1300px) and (min-width: 770px) {
    .navbar-nav.mr-auto.container {
      font-size:0.7rem
    
   }
   
   .navbar-expand-md .navbar-nav .nav-link {
       padding-left:0px;
   }
  }
  
  @media screen and (max-width: 1000px) and (min-width: 770px) {
    .navbar-nav.mr-auto.container {
      font-size:0.6rem
    
   }
   
   .navbar-expand-md .navbar-nav .nav-link {
       padding-left:0px;
   }
  }
  
  footer a, footer a:hover {
      color: white;
      text-decoration: underline;    
      text-align: center;
  }
  
  footer {
      background: #1A1A20;
  }
  
  
  html, body {
    height: 100%;
    margin: 0;
  }
  
  #app {
      min-height: 100%;
      margin-bottom: -225px;
  }
  
  .select2.select2-container {
      background-color:white;
  }
  
  table.google-visualization-orgchart-table {
      border-collapse: separate;
  }
  
  .google-visualization-orgchart-nodesel {
      color:#fcfcfc;
      
      border: 2px solid #420404 !important; 
      background-color: #660000 !important; 
      background: -webkit-gradient(linear, left top, left bottom, from(#7a0000), to(#7a0202)) !important;
  }
  
  .google-visualization-orgchart-node {
      color:#fcfcfc;
      
      border: 2px solid #420404 !important; 
      background-color: #660000 !important; 
      background: -webkit-gradient(linear, left top, left bottom, from(#7a0000), to(#7a0202)) !important;
  }
  
  
  
  
  
  .google-visualization-orgchart-lineleft {
      border-left: 1px solid #660000 !important;
  }
  
  .google-visualization-orgchart-lineright {
      border-right: 1px solid #660000 !important;
  }
  
  .google-visualization-orgchart-linebottom {
      border-bottom: 1px solid #660000 !important;
  }
  
  .seat-map-room {    
      background:#282c34!important;
      color:white;
          border-radius: 5px;
  }
  
  .release-notes h3 {
      font-size:1.1em;
      margin-top:8px;
      
  }
  .release-notes h2 {
      font-size:1.5em;
      
  }
  
  .edit-button {
      display:none;
  }
  
  .mock-mode-bar {
      height:1.7em;
      background: repeating-linear-gradient(
          60deg,
          #660000,
          #660000 15px,
          #0a0502 15px,
          #0a0502 30px
      );
      text-align:center;
      
      color: white;
      font-size: 1.2em;
      font-family: system-ui;
      vertical-align: middle;
      text-transform: uppercase;
  }
  
  textarea,  textarea.form-control {
      height:250px;
  }
  
  #top_header_nav .select2-container {
      background-color: #1a1a1a !important;
  }
  
  #top_header_nav .select2-selection__placeholder {
      color:#adadad;
  }
  
  #top_header_nav .select2-selection__arrow b {
      border-color: #FFF transparent transparent;
  }
  
  #top_header_nav .select2-selection {
      border-color: #6c757d;
  }
  
  .card.bg-dark {
      background-color: #1a1a1a !important;
  }
  
  .orgbutton {
      box-shadow: 0px 0px 8px 1px #660000;
      color:white;
      transition: 1s;
  }
  
  .orgbutton .orgbuttonhidden {
      max-height:0px;
      transition: 1s;   
      overflow:hidden;
  }
  
  
  .orgbutton:hover .orgbuttonhidden, .orgbutton:active .orgbuttonhidden,.orgbutton:focus .orgbuttonhidden, a:focus .orgbutton .orgbuttonhidden  {
      max-height:1000px;    
  }
  
  .orgbutton .imagecol {
      padding:0;
  }
  
  
  .full-elipses {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .orgbutton:active, .orgbutton:hover, .orgbutton:focus, a:focus .orgbutton  {
      background-color: #6c757d !important;
      border-color: #6c757d;
      box-shadow: 0px 0px 16px 1px #660000;
  }
  
  .mat-m-logo {
      height:1em;
      display:inline;
  }
  
  .inline-flag {
      height:0.9em;
      display:inline;
      margin-bottom:0.1em;
  }
  
  .red-button {
      background: #C90D33;
      border-radius: 4px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
  
      letter-spacing: -0.02em;
      text-transform: uppercase;
  
      /* Primary/White */
  
      color: #FFFFFF !important;
      
      padding: 12px  32px;
      
      border-style: none;
      transition: all .15s ease-in;
      text-decoration: none;
  }
  
  .red-button:hover, .red-button:active {
      background: #7D1B13;
  }
  
  .red-button.clicked {
      background: #690700;
  }
  
  body {
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto;
      background-color: black;
  }
  
  
   #top_header_nav {
      margin-left:auto !important;
      margin-right:auto !important;
   }
   
   #homepagesliderdesktop .carousel-indicators {
       margin-left:-10px;
       margin-right:-10px;
   }
   
   .label-icon img {
       vertical-align: text-bottom;
   }
   
   .slider-location {
       margin-right:36px;
   }
   
   
  .slider-days {
       margin-right:37px;
  }
  
  @media (max-width: 575px) { 
      .slider-location, .slider-days {
             margin-right:18.25px;
      }
  }
  
  .slider-learn {
      margin-top:45px;
  }
  
  @media (max-width: 575px) { 
      .slider-learn  {
          margin-top:19px;
      }    
  }
  
  #mainlogoheader {
      height:54px; 
      margin-top:20px; 
      margin-bottom:23px;
  }
  
  @media (max-width: 575px) { 
      #mainlogoheader {
          height:38px; 
          margin-top:20px; 
      }
  }
  
  #hammenunav {
      display:none;
  }
  
  @media (max-width: 900px) { 
      #hammenunav {
          display:block;
      }
  }
  
  @media (max-width: 575px) { 
      #lineundercarasol {
              z-index: 1000;
              position: relative;
              top: -35px;
      }
  }
  
  .holder {
      margin-left:4.1666667%;
      margin-right:4.1666667%;
      width:91.6666666%;
  }
  
  .line {
      background: #2F2F35;
      min-height:1px;
  }
  
  .sectional > div > .sectional-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 62px;
      line-height: 70px;
      /* identical to box height, or 113% */
  
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) { 
      .sectional > div > .sectional-title {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 32px;
          line-height: 40px;
          /* identical to box height, or 125% */
  
          letter-spacing: -0.01em;
          text-transform: uppercase;
          font-feature-settings: 'ss01' on;
  
          /* Primary/White */
  
          color: #FFFFFF;
      }
  }
  
  .greybutton {
      background: #2F2F35;
      border-radius: 4px;
      padding: 13px 20px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      text-decoration: none;
      animation-duration:2s;
      display:block;    
      transition: all .15s ease-in;
  }
  
  @media (max-width: 575px) {     
      .greybutton {
          padding: 10px 14px;
  
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 16px;
          letter-spacing: -0.02em;
          text-transform: uppercase;
          color: #FFFFFF;
      }
  }
  
  .greybutton:hover {
      color: #FFFFFF;
      background: #8E8E8F;
      border-radius: 4px;
  }
  
  .greybutton.active {
      color: #FFFFFF;
      background: #666667;
      border-radius: 4px;
  }
  
  main {
      background: #0F0F13;
  }
  
  .featuredeventcontainer {
      background: #1A1A20;
      box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      transition: .15s all;
  }
  
  .featuredeventcontainer:hover, .featuredeventcontainer:active {
      background: #26262C;
  }
  
  .featuredeventcontainer > img {
      border-radius: 4px 0px 0px 4px;
      max-width:650px;
      width:50%;
  }
  
  @media (max-width: 992px) { 
      .featuredeventcontainer > img {
          border-radius: 4px 4px 0px 0px;
          max-width: 100%;
          width:100%;
       max-height:310px; /* same max-height as card lower half*/
       object-position: center top;
      }
  }
  
  .featuredeventcontainer > div {
      margin-left:40px;
      margin-top:32px;
      margin-right:32px;
  }
  
  .featuredeventcontainer .logo {
      margin-right:24px;
      height:80px;
  }
  
  .featuredeventcontainer  .title {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 32px;
      line-height: 40px;
      /* identical to box height, or 125% */
  
      letter-spacing: -0.04em;
      font-feature-settings: 'ss01' on;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) {  
      .featuredeventcontainer > div {
          margin-left:16px;
          margin-top:20px;
          margin-right:16px;
      }
      
      .featuredeventcontainer .logo {
          margin-right:22px;
          height:40px;
      }
      
      .featuredeventcontainer  .title {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 18px;
          line-height: 26px;
          /* identical to box height, or 144% */
  
          letter-spacing: -0.04em;
          font-feature-settings: 'ss01' on;
  
          /* Primary/White */
  
          color: #FFFFFF;
      }
  }
  
  .featuredeventcontainer  .description {
  
          margin-top:14px;
      /* Body/B1 Regular 16-24 */
  
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
  
      letter-spacing: -0.04em;
  
      /* Secondary/Text grey */
  
      color: #8E8E8F;
  }
  
  @media (max-width: 575px) {  
      .featuredeventcontainer  .description {
  
          
          /* Body/B1 Regular 16-24 */
  
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          /* identical to box height, or 157% */
  
          letter-spacing: -0.04em;
  
          /* Secondary/Text grey */
  
          color: #ACB3C0;
      }
  }
  
  .featuredeventcontainer  .hostedby {
      /* Body/B3 Regular 14-18 */
      margin-right:6px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height, or 129% */
  
      letter-spacing: -0.02em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  @media (max-width: 575px) {  
      .featuredeventcontainer  .hostedby {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 16px;
          /* identical to box height, or 133% */
  
          letter-spacing: -0.02em;
  
          /* Primary/White */
  
          color: #FFFFFF;
      }
  }
  
  .circle-stroke-image {
      padding: 3px;
      background: radial-gradient(115.81% 50% at 45.5% 50%, #FFFFFF 0%, #7D7D7D 100%);
      border-radius: 50%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
  }
  
  .circle-stroke {
      padding: 6px;
      border-radius: 50%;
  }
  
  .hosted-circles {
      margin-left:6px;margin-right:6px;
  }
  
  .halfdesk {
      width:50%;
  }
  
  @media (max-width: 1200px) { 
      .halfdesk {
          width:100%;
      }
  }
  
  .featuredeventcontainer  .hostedsanc {
      
  }
  
  .eventcard1 {
      background: #1A1A20;
      box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      margin-top:10px;
      margin-bottom:10px;
      
      padding:12px;
      transition: .15s all;
  }
  
  .eventcard1:hover, .eventcard1:active {
      background: #26262C;
  }
  
  @media (max-width: 575px) { 
      .eventcard1 {
          padding:0px;
      }
  }
  
  .left > .eventcard1 {
      margin-right: 10px;
  }
  
  .right > .eventcard1 {
      margin-left: 10px;
  }
  
  @media (max-width: 1200px) { 
      .left > .eventcard1 {
          margin-right: 0px;
      }
  
      .right > .eventcard1 {
          margin-left: 0px;
      }
  }
  
  .tright {
      width:237px;
  }
  
  @media (max-width: 575px) { 
      .tright {
          width:100%;
      }
  }
  
  .tright .part {
      margin-left:28px;
  }
  @media (max-width: 575px) { 
      .tright .part {
          margin-left:0px;
      }
  }
  
  .vline {
      width:1px;
      background: #2F2F35;
  }
  
  .eventcard1  .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
  
      letter-spacing: -0.04em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) { 
      .eventcard1  .label {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 16px;
          /* identical to box height, or 133% */
  
          letter-spacing: -0.02em;
  
          /* Primary/White */
  
          color: #FFFFFF;
      }
  }
  
  .eventcard1  .label-icon img {
       vertical-align: baseline;
   }
  
  .eventcard1 .type {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      /* identical to box height, or 157% */
  
      letter-spacing: -0.02em;
      text-transform: uppercase;
  
      /* Secondary/Text grey */
  
      color: #8E8E8F;
      margin-right:6px;
  }
  
  @media (max-width: 575px) {
      .eventcard1 .type {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 18px;
          /* identical to box height, or 150% */
  
          letter-spacing: -0.02em;
          text-transform: uppercase;
  
          /* Secondary/Text grey */
  
          color: #8E8E8F;
  
      }
  }
  
  .eventcard1 .open {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      /* identical to box height, or 157% */
  
      letter-spacing: -0.02em;
      text-transform: uppercase;
  
      /* Secondary/Text grey */
  
      color: #3BA321;
      margin-left:6px;
      margin-right:6px;
  }
  
  @media (max-width: 575px) {
      .eventcard1 .open {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 18px;
          /* identical to box height, or 150% */
  
          letter-spacing: -0.02em;
          text-transform: uppercase;
  
          /* Secondary/Text grey */
  
          color: #3BA321;
  
      }
  }
  
  .eventcard1 .tright .label-icon img {
      height:16px;
      width:16px;
      vertical-align: text-top;
  }
  
  .tleft img {
      height: 56px;
      width: 56px;
  }
  
  @media (max-width: 575px) {
      .tleft img {
          height: 50px;
          width: 50px;
      }
  }
  
  .tleft2 .mlogotag {
      padding:6px;
      line-height:normal; 
      margin-right:12px; 
      height: 20px;
  }
  
  .tleft2 .mlogotag img {
      width:14px; 
      height:8px;
          margin-top: -6px;
  }
  
  @media (max-width: 575px) {
      .tleft2 .mlogotag {
          padding:4px;
          margin-right:12px; 
          height: 18px;
      }
  
      .tleft2 .mlogotag img {
          width:18px; 
          height:10px;    
          margin-top: -2px;
      }
  }
  
  .tleft2 > div {
      margin-left:28px;
  }
  
  @media (max-width: 575px) {
      .tleft2 > div {
          margin-left:16px;
      }
  }
  
  .sectional.holder {
      margin-top:80px;
  }
  
  @media (max-width: 575px) {
      .sectional.holder {
          margin-top:36px;
      }
  }
  
  .hiddenscrollbar::-webkit-scrollbar {
    display: none;
    scroll-behavior: smooth;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .hiddenscrollbar {
      scroll-behavior: smooth;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  
  .arrowbutton {
      padding:13px;
      
      background: #0F0F13;
      /* Secondary/Grey */
  
      border: 1px solid #2F2F35;
      font-family: sans-serif;
      line-height: normal;
      transition: .15s all;
  }
  
  .arrowbutton:hover, .arrowbutton:active  {
      background: #2F2F35;
  }
  
  .arrowbutton.clicked  {
      background: #25252B;
  }
  
  .arrowbuttonleft {
      margin-left:32px;
      border-radius: 4px 0px 0px 4px;
  }
  
  
  .arrowbuttonright {
      border-radius: 0px 4px 4px 0px;
      border-left-style: none;
  }
  
  .table-ours tr > * {
      color:white;
  }
  
  .table-ours tr:nth-of-type(even)>* {
      background: #1A1A20;
  }
  
  .table-ours tr>*{
      border-bottom-width: 0px;
  }
  
  .table-ours tr>th{
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      /* identical to box height, or 157% */
  
      letter-spacing: -0.02em;
      text-transform: uppercase;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .table-ours tr > td,
  .table-ours thead tr > td
  .table-ours tbody tr > td{
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height, or 129% */
  
      letter-spacing: -0.02em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .table-ours .danger-message p {
      margin:0px;
  }
  
  .table-ours td, .table-ours th {
      padding:20px 24px;
  }
  
  .show-more-text {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      /* identical to box height, or 143% */
  
      letter-spacing: -0.02em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .mobilepricetier {
      width:100%;
      padding:16px;
  }
  
  .mobilepricetier .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 10px;
      line-height: 14px;
      /* identical to box height, or 140% */
  
      letter-spacing: -0.02em;
      text-transform: uppercase;
  
      /* Secondary/Text grey */
  
      color: #8E8E8F;
      
      margin-bottom:4px;
  }
  
  .mobilepricetier .data {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height, or 129% */
  
      letter-spacing: -0.02em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .mobilepricetier .title {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      /* identical to box height, or 143% */
  
      letter-spacing: -0.02em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .mobilepricetier.even {
      background: #1A1A20;
  }
  
  .autoevens .mobilepricetier:nth-child(odd) {
      background: #1A1A20;
  }
  
  .autoevens .mobilepricetier:first-child {
      border-radius: 4px 4px 0px 0px;
  }
  
  
  
  .mobiletalert {
      width:100%;
      padding:16px;
  }
  
  .mobiletalert .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 10px;
      line-height: 14px;
      /* identical to box height, or 140% */
  
      letter-spacing: -0.02em;
      text-transform: uppercase;
  
      /* Secondary/Text grey */
  
      color: #8E8E8F;
      
      margin-bottom:4px;
  }
  
  .mobiletalert .data {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height, or 129% */
  
      letter-spacing: -0.02em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .mobiletalert .title {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      /* identical to box height, or 143% */
  
      letter-spacing: -0.02em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .mobiletalert.even {
      background: #1A1A20;
  }
  
  .hompageorganization {
      
  }
  
  .hompageorganization .title {
      margin-top:16px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      /* or 125% */
  
      text-align: center;
      letter-spacing: -0.04em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .hompageorganization .events {
      margin-top:10px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
  
      text-align: center;
      letter-spacing: -0.04em;
  
      /* Secondary/Text grey */
  
      color: #8E8E8F;
  }
  
  .hompageorganization .logo {
      height:180px;
      width:180px;
      min-width: 180px;
      padding:18px;
  }
      
  @media (max-width: 575px) {
      .hompageorganization .logo {
          height:111px;
          width:111px;
          min-width: 111px;
          padding:18px;
      }
      
      .hompageorganization .title {
          margin-top:12px;
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 16px;
          /* or 133% */
  
          text-align: center;
          letter-spacing: -0.04em;
  
          /* Primary/White */
  
          color: #FFFFFF;
      }
  
      .hompageorganization .events {
          margin-top:8px;
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 16px;
          /* identical to box height, or 133% */
  
          text-align: center;
          letter-spacing: -0.04em;
  
          /* Secondary/Text grey */
  
          color: #8E8E8F;
      }
      
  }
  
  .darkcirclebackground {
      background:#2F2F35;
      border-radius: 50%;
  }
  
  .hompagefschool .title {
      margin-top:16px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      /* identical to box height, or 125% */
  
      text-align: center;
      letter-spacing: -0.04em;
  
      /* Primary/White */
  
      color: #FFFFFF;
      margin-bottom:8px;
      white-space: nowrap;
  }
  
  .hompagefschool .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height, or 129% */
  
      letter-spacing: -0.02em;
  
      /* Primary/White */
  
      color: #FFFFFF;
      white-space: nowrap;
  
  }
  
  .hompagefschool .label-icon img {
      height: 16px;
      line-height: normal;
      vertical-align: top;
  }
  
  .hompagefschool .logo .img {
      height: 120px;
      width:120px;
  }
  
  @media (max-width: 575px) {
      .hompagefschool .logo .img {
          height: 90px;
          width: 90px;
      }
      
      .hompagefschool .title {
          margin-top:8px;
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 18px;
          /* identical to box height, or 129% */
  
          text-align: center;
          letter-spacing: -0.04em;
  
          /* Primary/White */
  
          color: #FFFFFF;
          margin-bottom:5px;
          white-space: nowrap;
      }
  
      .hompagefschool .label {
  
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 10px;
          line-height: 14px;
          /* identical to box height, or 140% */
  
          letter-spacing: -0.02em;
          text-transform: capitalize;
  
          /* Primary/White */
  
          color: #FFFFFF;
          white-space: nowrap;
  
      }
  
      .hompagefschool .label-icon img {
          height: 16px;
          line-height: normal;
          vertical-align: top;
      }
  }
  
  .personsection .profile img,
  .personsection .profile div.imgreplacer{
      border-radius: 4px;
      margin-bottom:16px;
      /* height:210px; */
  }
  
  .personsection .profile div.imgreplacer {
      padding-top:100%;
  }
  
  .personsection .name {
      margin-bottom: 4px;
      align-items: center;
  }
  
  .personsection .name div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      /* identical to box height, or 144% */
  
      letter-spacing: -0.04em;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  .personsection .name img {
      height:24px;
      margin-left:10px;
      margin-bottom:0px;
  }
  
  .personsection .descriptor div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .personsection .descriptor img {
      margin-right: 6px;
  }
  
  @media (max-width: 575px) {
      .personsection {
  
      }
  
      .personsection .profile img {
          border-radius: 4px;
          margin-bottom:11px;
      }
  
      .personsection .name {
          margin-bottom: 8px;
      }
  
      .personsection .name div {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 12px;
          /* identical to box height, or 100% */
  
          letter-spacing: -0.04em;
  
          /* Primary/White */
  
          color: #FFFFFF;
      }
  
      
  
      .personsection .name img {
          height:18px;
          margin-left:8px;
      }
  
  
      .personsection .descriptor div {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 10px;
          line-height: 14px;
          /* identical to box height, or 140% */
  
          letter-spacing: -0.02em;
  
          /* Primary/White */
  
          color: #FFFFFF;
      }
  
      .personsection .descriptor img {
          margin-right: 5.87px;
      }
  
  }
  
  main {
      padding-bottom:50px;
  }
  
  footer .upper {
      padding:40px 60px;
  }
  
  footer > .upper > a > img {
      height:54px;
      margin-right: 31.33px;
  }
  
  footer .upper .mid a {
      margin-left:30px;
      margin-right:30px;
      display: block;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      /* identical to box height, or 150% */
  
      display: flex;
      align-items: flex-end;
      text-transform: uppercase;
  
      /* Primary/White */
  
      color: #FFFFFF;
      text-decoration: none;
  }
  
  
  
  footer .lower {
      padding:40px 60px;
  }
  
  footer .lower a {
      margin-left: 24px;
      display:block;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      /* identical to box height, or 133% */
  
      letter-spacing: -0.02em;
  
      /* Secondary/Text grey */
  
      color: #8E8E8F;
      
      text-decoration: none;
  }
  
  #fullscreeniframe {
      position: fixed;
      top:0px;
      bottom:0px;
      left:0px;
      right:0px;
      
      display:none;
      
      background: black;
      z-index: 2000;
      
    overflow-x:hidden;
    overflow-y:scroll;
  }
  
  #fullscreeniframe > iframe {
      width:100%;
      height:100%;
  }
  
  #fullscreeniframe > img {
      position: fixed;
      top: 20px;
      right: 20px;
  }
  
  .fsocials {
      width:100%;    
      overflow-y: auto;
  }
  
  a.membership-action {
      text-decoration: none;
      color:white;
  }
  
  @media (max-width: 575px) {
      .fsocials {
          width: auto;
      }
      
      footer .lower {
          padding:16px;
          padding-bottom:100px;
      }
      
      footer .upper {
          padding:16px;
      }
      
      footer > .upper > a > img {
          height:38px;
          width:82px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 40px;
      }
      
      footer .upper .mid a {
          margin-left:0px;
          margin-right:0px;
          margin-bottom: 16px;
          display: block;
          
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 24px;
          line-height: 28px;
          /* identical to box height, or 117% */
  
          display: flex;
          align-items: flex-end;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          font-feature-settings: 'ss01' on;
  
          /* Primary/White */
  
          color: #FFFFFF;
          text-decoration: none;
      }
      
      footer .lower a {
          margin-left: 5px;
          margin-right: 5px;
          margin-bottom:20px;
          display:block;
  
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          /* identical to box height, or 129% */
  
          letter-spacing: -0.02em;
  
          /* Secondary/Text grey */
  
          color: #8E8E8F;
  
          text-decoration: none;
      }
      
  }
  
  .socialbutton {
      display:block;
      padding:8px;
      
      background: #2F2F35;
      border-radius: 4px;
      transition: all .15s ease-in;
      
      white-space:nowrap;
      text-decoration: none;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.02em;
  
      color: #FFFFFF !important;
  }
  
  .socialbutton:hover {
      background: #434349;
  }
  
  .socialbutton.active, .socialbutton.clicked {
      background: #39393F;
  }
  
  .socialbutton.light:hover {
      background: #8E8E8F;
  }
  
  .socialbutton.light.active, .socialbutton.light.clicked {
      background: #666667;
  }
  
  .socialbutton + .socialbutton {
      margin-left: 12px;
  }
  
  .socialbutton img {
      height:20px;
  }
  
  
  .socialbutton.easy {
      border: none;
  }
  
  .socialbutton.easy.blank {
      background: none;
  }
  
  @media (max-width: 575px) {
      .fsocials {
          margin-top: 16px;
      }
  }
  
  #mobilesearchmodal {
      position: fixed;
      height: 100%;
      width: 100%;
      background: rgba(15, 15, 19, 0.95);
      
      display: none;
      
      overflow:scroll;
      
      top: 0;
      left:0;
      right:0;
      bottom:0;
      z-index: 10000;
  }
  
  #mobilesearchmodal > div > a > img {
      width:82px;
      height:38px;
  }
  
  #mobilesearchmodal > div:first-child {
      max-width:1440px;
      width:100%;
      position: relative;    
      padding:16px;    
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 10px;
  }
  
  #mobilesearchmodal > div:last-child {
      max-width:1440px;
      width:100%;
      position: relative;    
      padding:16px;    
      padding-top:10px;
      margin-left: auto;
      margin-right: auto;
  }
  
  #languageselector {
      position: fixed;
      height: 100%;
      width: 100%;
      background: rgba(15, 15, 19, 0.95);
      
      display: none;
      
      overflow:scroll;
      
      top: 0;
      left:0;
      right:0;
      bottom:0;
      z-index: 10000;
  }
  
  #languageselector > div {
      max-width:1440px;
      width:100%;
      height:100%;
      position: relative;
      
      margin-left: auto;
      margin-right: auto;
  }
  
  #languageselectorexit {
      position: absolute;
      right: 67px;
      top: 67px;
      width: 32px;
      height: 32px;
  }
  
  #languageselectorholder {
      position: absolute;
      top: 150px;
      left:0px;
      width:100%;
  }
  
  
  #languageselectorholder h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 62px;
      line-height: 70px;
      /* identical to box height, or 113% */
  
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
  
      margin-bottom: 38px;
      
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  
  #languageselectorholder .lang {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      /* identical to box height, or 117% */
  
      text-align: center;
      letter-spacing: -0.04em;
  
      /* Secondary/Text grey */
  
      color: #8E8E8F;
      
      text-decoration:none;
  }
  
  
  #languageselectorholder .lang.active {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 32px;
      line-height: 40px;
      /* identical to box height, or 125% */
  
      text-align: center;
      letter-spacing: -0.04em;
      font-feature-settings: 'ss01' on;
  
      /* Primary/White */
  
      color: #FFFFFF;
  
  }
  
  .lang + .lang {
      margin-top:28px;
  }
  
  .lang.active + .lang {
      margin-top:22px;
  }
  .lang + .lang.active {
      margin-top:22px;
  }
  
  #mobilemenuexit {
      width: 32px;
      height: 32px;
  }
  
  #mobilemenu {
      background: #1A1A20;
      position: fixed;
      height: 100%;
      width: 100%;
      
      display: none;
      
      top: 0;
      left:0;
      right:0;
      bottom:0;
      z-index: 10001;
      padding:16px;
      padding-top: 35px;
      
  }
  
  #mobilemenu > .topmenu > a > img {
      width:82px;
      height:38px;
  }
  
  #mobilemenu  .mid > a {
      margin-top:16px;
      text-decoration: none;
      
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      /* identical to box height, or 117% */
  
      display: flex;
      align-items: flex-end;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
  
      /* Primary/White */
  
      color: #FFFFFF;
  }
  
  #mobilemenu  .lower a {
      text-decoration: none;
      margin-left:16px;
      margin-right:16px;
      margin-top:20px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      /* identical to box height, or 129% */
  
      letter-spacing: -0.02em;
  
      /* Secondary/Text grey */
  
      color: #8E8E8F;
  
  }
  
  #mobilemenu {
      display:none;
  }
  
  .frating {
      padding:16px;
      padding-bottom:24px;
      padding-top:24px;
      
      width:427px;
      min-width: 427px;
      height:651px;
      background: #1A1A20;
      border-radius: 4px;
      position: relative;
  }
  
  .frating + .frating {    
      margin-left:20px;
  }
  
  @media (max-width: 575px) { 
      .frating {
          padding-bottom:20px;
          padding-top:20px;
  
          width:330px;
          min-width: 330px;
          height:571px;
      }
      
      .frating + .frating {
          margin-left:10px;
      }
  }
  
  .frating .level {    
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(14px);
      border-radius: 0px 4px;
      position: absolute;
      top:0;
      right:0;
      padding:11px 10px;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      text-align: right;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .frating .logo {
      height:48px;
      width:48px;
  }
  
  .frating .title {
      margin-top:16px;
      margin-bottom:32px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) { 
      .frating .title {
          margin-top:14px;
          margin-bottom:28px;
  
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 18px;
          line-height: 24px;
          text-align: center;
          letter-spacing: -0.04em;
          color: #FFFFFF;
      }
  }
  
  .award-2 .imageh .image,
  .award-2 .imageh .initcircle {
      height: 80px;
      width:80px;
  }
  
  @media (max-width: 575px) { 
      .award-2 .imageh .image,
      .award-2 .imageh .initcircle {
          height: 70px;
          width: 70px;
      }
  }
  
  .award-2 .imageh .place-2 {
      background: radial-gradient(240.18% 284.73% at 13% 81%, #757B8B 0%, #E9F9FF 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
      border: 2px solid #1A1A20;
  }
  
  .award-1 .imageh .image,
  .award-1 .imageh .image{
      height: 100px;
      width:100px;
  }
  
  @media (max-width: 575px) { 
      .award-1 .imageh .initcircle ,
      .award-1 .imageh .initcircle {
          height: 80px;
          width:80px;
      }
  }
  
  .award .imageh .image img {
      border-radius: 50%;
      max-width:100%;
      height: 100%;
  }
  
  .award-1 .imageh .place-1 {
      background: radial-gradient(118.75% 247.12% at 10.42% 83.33%, #C06816 0%, #FFB63F 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
      border: 2px solid #1A1A20;
  }
  
  .award-2 .imageh {
      margin-top: 20px;
  }
  
  .award-3 .imageh {
      margin-top: 40px;
  }
  
  @media (max-width: 575px) { 
      .award-2 .imageh {
          margin-top: 10px;
      }
  
      .award-3 .imageh {
          margin-top: 30px;
      }
  }
  
  .award-3 .imageh .image,
  .award-3 .imageh .initcircle {
      height: 60px;
      width:60px;
  }
  
  @media (max-width: 575px) { 
      .award-3 .imageh .image,
      .award-3 .imageh .initcircle {
          height: 50px;
          width: 50px;
      }
  }
  
  .award-3 .imageh .place-3 {
      background: radial-gradient(262.25% 273.23% at 13% 81%, #AC372C 0%, #FFA36F 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
      border: 2px solid #1A1A20;
  }
  
  .awards {
      padding-left: 27px;
      padding-right: 27px;
      width:100%;
  }
  
  .award .imageh .image {
      display: flex;
      align-items: flex-end;
      justify-content: center;
  }
  
  .award .imageh .place {
      text-align: center;
      border-radius: 50%;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.04em;
      color: #1A1A20;
  }
  
  @media (max-width: 575px) { 
      
      .award .imageh .place {
          text-align: center;
          border-radius: 50%;
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 18px;
          display: flex;
          align-items: center;
          text-align: center;
          letter-spacing: -0.04em;
          color: #1A1A20;
      }
  }
  
  .award .imageh  {
      position:relative;
  }
  
  .award .imageh .place {
      position:absolute;
      top:0px;
      left:0px;
      height:24px;
      width:24px;
  }
  
  .award .imageh .place div {
      width:100%;
  }
  
  .award .imageh .flag {
      position:absolute;
      right:0px;
      bottom:0px;
  }
  
  .award-1 .imageh .flag, .award-1 .imageh .flag img {
      width:32px;
      height:32px;
  }
  
  .award-3 .imageh .flag, .award-3 .imageh .flag img {
      width:22px;
      height:22px;
  }
  
  .award-2 .imageh .flag, .award-2 .imageh .flag img {
      width:24px;
      height:24px;
  }
  
  @media (max-width: 575px) { 
      .award-1 .imageh .flag, .award-1 .imageh .flag img {
          width:28px;
          height:28px;
      }
  
      .award-3 .imageh .flag, .award-3 .imageh .flag img {
          width:20px;
          height:20px;
      }
  
      .award-2 .imageh .flag, .award-2 .imageh .flag img {
          width:24px;
          height:24px;
      }
  }
  
  .award-1 .imageh .flag img {
      width:32px;
      height:32px;
      border: 2px solid #1A1A20;
      border-radius: 50%;
  }
  
  .award-3 .imageh .flag img {
      width:22px;
      height:22px;
      border: 2px solid #1A1A20;    
      border-radius: 50%;
  }
  
  .award-2 .imageh .flag img {
      width:24px;
      height:24px;
      border: 2px solid #1A1A20;    
      border-radius: 50%;
  }
  
  @media (max-width: 575px) { 
      
      .award-1 .imageh .flag img {
          width:28px;
          height:28px;
          border: 2px solid #1A1A20;
          border-radius: 50%;
      }
  
      .award-3 .imageh .flag img {
          width:20px;
          height:20px;
          border: 2px solid #1A1A20;    
          border-radius: 50%;
      }
  
      .award-2 .imageh .flag img {
          width:24px;
          height:24px;
          border: 2px solid #1A1A20;    
          border-radius: 50%;
      }
  }
  
  .award .pname {
      margin-top: 12px;
      margin-bottom: 8px;
      width: 100%;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) { 
      .award .pname {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 18px;
          text-align: center;
          letter-spacing: -0.04em;
          color: #FFFFFF;
      }
  }
  
  .award .points {
      background: #24242A;
      border-radius: 4px;
      margin-left: auto;
      margin-right: auto;
      
      padding:4px 10px;
      
  }
  
  @media (max-width: 575px) { 
      .award .points {
          padding:6px;
  
      }
  }
  
  .award .points img {
      width: 14px;
      height: 14px;
      margin-right: 4px;
      margin-top:3px;
  }
  
  @media (max-width: 575px) { 
      .award .points img {
          width: 12px;
          height: 12px;
      }
  }
  
  .award .points div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      align-items: flex-end;
      text-align: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) { 
      .award .points div {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 16px;
          align-items: flex-end;
          text-align: center;
          letter-spacing: -0.02em;
          color: #FFFFFF;
  
      }
  }
  
  .point-table tr {
      border-bottom-style:solid;
      border-bottom-color:#2F2F35;
      border-bottom-width:1px;
  }
  
  .point-table .number {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.04em;
      color: #8E8E8F;
  }
  
  @media (max-width: 575px) { 
      
      .point-table .number {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          align-items: center;
          text-align: center;
          letter-spacing: -0.04em;
          color: #8E8E8F;
      }
  }
  
  table.point-table .name {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) { 
      table.point-table .name {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 16px;
          letter-spacing: -0.02em;
          color: #FFFFFF;
      }
  }
  
  table.point-table .points {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) { 
      table.point-table .points {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 16px;
          text-align: center;
          letter-spacing: -0.02em;
          color: #FFFFFF;
  
      }
  }
  
  table.point-table .image > .imageh > .image > img,
  table.point-table .image > .imageh > .image > .initcircle  {
      height:40px;
      width:40px;
      border-radius: 50%;
  }
  
  @media (max-width: 575px) { 
      table.point-table .image > .imageh > .image > img,
      table.point-table .image > .imageh > .image > .initcircle  {
          height:34px;
          width:34px;
      }
  }
  
  table.point-table  .image > .imageh {
      position:relative;
  }
  
  table.point-table .image > .imageh > .flag > img {
      position:absolute;
      bottom:-4px;
      right:-4px;
      border: 2px solid #1A1A20;
      height: 18px;
      width: 18px;
      border-radius: 50%;
  }
  
  @media (max-width: 575px) { 
      table.point-table .image > .imageh > .flag > img {
          bottom:0px;
          right:0px;
          height: 14px;
          width: 14px;
      }
  }
  
  table.point-table td.image {
      width:40px;
      padding-bottom:18px;
      padding-top:14px;
  }
  
  @media (max-width: 575px) { 
      table.point-table td.image {
          width:34px;
          padding-bottom:15px;
          padding-top:15px;
      }
  }
  
  table.point-table td {
      border-width: 0px;
      vertical-align: middle;
  }
  
  .point-table .points img {
      height: 14px;
      width: 14px;
      margin-right:4px;
      margin-top:3px;
  }
  
  @media (max-width: 575px) { 
      .point-table .points img {
          height: 12px;
          width: 12px;
          margin-right:2px;
          margin-top:2px;
      }
  }
  
  .point-table .points.d-flex div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  
  
  }
  
  @media (max-width: 575px) { 
      
      .point-table .points.d-flex div {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 12px;
          line-height: 16px;
          text-align: center;
          letter-spacing: -0.02em;
          color: #FFFFFF;
      }
  
  }
  
  .frating .all-link div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .frating .all-link img {
      height:20px;
      width: 20px;
      margin-left: 4px;
  }
  
  .frating .all-link {
      margin-left: auto;
      margin-right: auto;
      position: absolute;
      bottom:24px;
      width: calc(100% - 32px );
  }
  
  
  @media (max-width: 575px) { 
      .frating .all-link div {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 22px;
          text-align: center;
          letter-spacing: -0.02em;
          text-transform: uppercase;
          color: #FFFFFF;
      }
  
      .frating .all-link img {
          height:20px;
          width: 20px;
      }
  
      .frating .all-link {
          margin-left: auto;
          margin-right: auto;
          position: absolute;
          bottom:20px;
          width: calc(100% - 32px );
      }
  }
  
  .frating table {
      margin-top:22px;
  }
  
  @media (max-width: 575px) {
      .frating .table {
          margin-top:0px;
      }
  }
  
  .redtextlinkhover:active, .redtextlinkhover:hover {
      color: #C90D33 !important;
      display: block;
  }
  
  .redtextlinkhover:active  .redtextlink, .redtextlinkhover:hover .redtextlink {
      color: #C90D33 !important;
  }
  
  
  .redtextlinkhover, .redtextlinkhover .redtextlink {
      transition: color .15s
  }
  
  .redtextlinkhover.clicked, .redtextlinkhover.clicked  .redtextlink {
      color: #7D1B13 !important;
  }
  
  .anounder {
      text-decoration: none;
  }
  
  .headerimage {
      position:relative;
      width:100%;
      
      padding-bottom:41px;
      background: linear-gradient(180deg, rgba(15, 15, 19, 0) 0%, #0F0F13 90.85%);
  }
  
  .headerimage .shadow {
      position: absolute;
      top: 0;
      left: 0;
      bottom:0;
      right:0;
      z-index:5;
      background: linear-gradient(180deg, rgba(15, 15, 19, 0) 31.17%, #0F0F13 100%), linear-gradient(90deg, rgba(15, 15, 19, 0.8) 0%, rgba(15, 15, 19, 0.648) 43.94%, rgba(15, 15, 19, 0) 100%), 100%;
  }
  
  
  
  .headerimage img {
      width:100%;
  }
  
  
  .headerimage .title {
      width:100%;
      text-align: center;
      bottom:88px;
      z-index: 10;
      position: absolute;
      
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 78px;
      line-height: 82px;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
      color: #FFFFFF;
  }
  
  
  @media (max-width: 575px) {
      .headerimage .title {       
          bottom:84px;
      }
  }
  
  .pageholderheader {
      margin-bottom: 28px;
  }
  
  .quartercardholders {
      width:calc(100% - 120px);
      margin-left:60px;
      margin-right:60px;
      padding: 0px;
  }
  
  .quartercard {
      margin-bottom: 28px;
      height:291px;
      padding-left:10px;
      padding-right:10px;
  }
  
  
  @media (max-width: 575px) {
      .pageholderheader {
          margin-bottom: 20px;
      }
  
      .quartercardholders {
          width:100%;
          margin-left:0px;
          margin-right:0px;
          
          padding-left:16px;
          padding-right:16px;
      }
      .quartercard {
          padding-left:10px;
          padding-right:10px;
          width:100%;
      }
      
      .headerimage .title {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 46px;
          line-height: 54px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          font-feature-settings: 'ss01' on;
          color: #FFFFFF;
      }
  }
  
  
  .quartercard .imgholder {
      height:142px;    
      width:100%;
      border-radius: 4px 4px 0px 0px;
  }
  
  .quartercard .textholder {
      padding:16px;
      height:153px;
      background: #1A1A20;
      border-radius: 0px 0px 4px 4px;
      animation-duration:2s;
      transition: all .15s ease-in;
  }
  
  .quartercard:hover .textholder,
  .quartercard:focus .textholder {
      background: #26262C;
  }
  
  .quartercard .textholder .title { 
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      min-height: 48px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      margin-bottom:10px;
  }
  
  .quartercard .textholder .tagline { 
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: -0.02em;
      color: #8E8E8F;
      margin-bottom:10px;
      white-space: nowrap;
      text-overflow:elipses;
  }
  
  .quartercard .textholder .description { 
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;    
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #8E8E8F;
  }
  
  .img-70  img {
      max-height:70%;
      max-width:70%;
  }
  
  .navbar-nav.user-nav a {
      color:white !important;
  }
  
  #user_nav_bar {
      padding-left: 40px !important;
      padding-right:40px !important;    
  }
  
  @media (max-width: 575px) {
      #user_nav_bar {
          padding:0px !important;
      }
  }
  .navbar-nav.user-nav {
      width: 100%;
      max-width: 100%;
  }
  
  @media (max-width: 576px) {     
      .navbar-nav.user-nav {
          padding-left: 16px;
          padding-right:16px;
      }
  }
  
  .navbar-brand.bimage {
      height:73px;
      display:flex;
      flex-direction:row;
      align-items: center;
      justify-content: center;
      margin-left:14px;
      margin-right:14px;
      padding-bottom:10px;
      padding-top:10px;
      
  }
  
  .navbar-brand.bimage img {
      height:51.1px
  }
  
  .backbutton {
      display:none;
  }
  
  
  #user_nav_bar .nav-link, #user_nav_popup .nav-link,
  #user_nav_bottom .nav-link{
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.02em;
      text-decoration: none;
      color: #FFFFFF;    
      margin-left:8px;
      margin-right:8px;
      padding-left:0px;
      padding-right:0px;
  }
  
  
  #user_nav_bar .nav-link a, #user_nav_popup .nav-link a,
  #user_nav_bottom .nav-link a {
      text-decoration: none;
      padding-left:12px;
      padding-right:12px;
      padding-top:8px;
      padding-bottom:8px;
      display: block;
      animation-duration:2s;
      transition: all .15s ease-in;
  }
  
  #user_nav_bar .nav-link.active a,
  #user_nav_bar .nav-link:hover a,
  #user_nav_bottom .nav-link:hover a,
  #user_nav_bottom .nav-link:hover a,
  #user_nav_bar .nav-link.clicked a,
  #user_nav_bottom .nav-link.clicked a,
  #user_nav_bottom .nav-link.clicked a,
  #user_nav_popup .nav-link.active a,
  #user_nav_popup .nav-link:hover a,
  #user_nav_popup .nav-link.clicked a{
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px;
  }
  
  #user_nav_bar .nav-link.alwaysactive a,
  #user_nav_bottom .nav-link.alwaysactive a,
  #user_nav_popup .nav-link.alwaysactive a {
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px;
      padding-left:8px;
      padding-right:8px;
      animation-duration:2s;
      transition: all .15s ease-in;
  }
  
  #user_nav_bar .nav-link.alwaysactive a,
  #user_nav_bottom .nav-link.alwaysactive a,
  #user_nav_popup .nav-link.alwaysactive a {
      text-transform: uppercase;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px;
      padding-top:9px;
      padding-bottom:9px;
      padding-left:20px;
      padding-right:20px;
  }
  
  #user_nav_bar .nav-link.alwaysactive:hover a,
  #user_nav_bottom .nav-link.alwaysactive:hover a,
  #user_nav_popup .nav-link.alwaysactive:hover a,
  #user_nav_bar .nav-link.alwaysactive.clicked a,
  #user_nav_bottom .nav-link.alwaysactive.clicked a,
  #user_nav_popup .nav-link.alwaysactive.clicked a{
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px;
      padding-top:9px;
      padding-bottom:9px;
      padding-left:20px;
      padding-right:20px;
      background: #FFFFFF;
      color:#000000 !important;
  }
  
  @media (max-width: 576px) { 
      #user_nav_bar .nav-link {
          margin:0px;
      }
      
      #user_nav_popup .nav-link {
           margin:0px;
      }
      
      #user_nav_bar .nav-link.alwaysactive a,
      #user_nav_bottom .nav-link.alwaysactive a,
      #user_nav_popup .nav-link.alwaysactive a {
          background: rgba(255, 255, 255, 0.2);
          border-radius: 4px;
          padding-top:8px !important;
          padding-bottom:8px !important;
          padding-left:12px  !important;
          padding-right:12px !important;
      }
  }

  .darkusernav #user_nav_bottom .nav-link.whitebutton a {
    background: #000000;
    color: #FFFFFF !important;
  }

  .darkusernav #user_nav_bottom .nav-link.whitebutton:hover a,
  .darkusernav #user_nav_bottom .nav-link.whitebutton.clicked a {
    background: #f0f0ec;
    color: #000000 !important;
  }

  .darkusernav #user_nav_bottom .nav-link.alwaysactive a {
    background: rgba(0, 0, 0, 0.2);
  }

  .darkusernav #user_nav_bottom .nav-link.alwaysactive:hover a,
  .darkusernav #user_nav_bottom .nav-link.alwaysactive.clicked a {
    background: #000000;
    color: #FFFFFF !important;
  }

  
  #user_nav_bar .nav-link.whitebutton a,
  #user_nav_bottom .nav-link.whitebutton a,
  #user_nav_popup .nav-link.whitebutton a {
      background: #FFFFFF;
      border-radius: 4px;
      padding-top:9px;
      padding-bottom:9px;
      padding-left:20px;
      padding-right:20px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #0F0F13 !important;
      animation-duration:2s;
      transition: all .15s ease-in;
  }
  
  #user_nav_bar .nav-link.whitebutton:hover a,
  #user_nav_bottom .nav-link.whitebutton:hover a,
  #user_nav_popup .nav-link.whitebutton:hover a,
  #user_nav_bar .nav-link.whitebutton.clicked a,
  #user_nav_bottom .nav-link.whitebutton.clicked a,
  #user_nav_popup .nav-link.whitebutton.clicked a{
      background: #0F0F13;
      color:#ffffff !important;
  }
  
  .leftrightlayout {
      width:100%;
      padding-left:50px;
      padding-right:50px;
      padding-top:30px;
  }
    @media (max-width: 575px) { 
        
      .leftrightlayout {
          width:100%;
          padding-left:16px;
          padding-right:16px;
      }
        
    }
  
  .leftrightlayout > .left {
      padding-left:10px;
      padding-right:10px;
      flex-basis: 1;
      width:calc(33.35%);
  }
  
  .leftrightlayout > .right {
      padding-left:10px;
      padding-right:10px;
      width:calc(66.65%);
  }
  
    
  .myCard{
      background: #1A1A20;
      box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      padding:24px;
  
  }
  @media (max-width: 576px) { 
      .myCard {
          padding:16px;
      }
  }
  
  .myCard .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 32px;
      line-height: 40px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
      color: #FFFFFF;
  }
  
  .myCard.panel .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      padding-top:2px;
  }
  
  .myCard.panel .arrowbutton {
      padding:8px;
  }
  
  .myCard.panel .arrowbuttonleft {
      margin-left: 17px;
  }
  
  
  
  .myCard.panel + .myCard.panel {
      margin-top:20px;
  }
  
  .myCard .greybutton {
      padding:7px 16px
  }
  
  .myCard.profilecard .tagline, .myCard.profilecard .description  {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      margin-top:12px;
  }
  
  .lightercards .eventcard1 {
      background: #24242A;
  }
  
  .lightercards .eventcard1:hover {
      background: #26262C;
  }
  
  .membership-table th {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      vertical-align: middle;
  }
  
  .membership-table td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      vertical-align: middle;
  }
  
  .statusholder {
      background: #2F2F35;
      backdrop-filter: blur(7px);
      border-radius: 4px;
      padding:7px 12px;
      text-align: center;
      width: fit-content;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
  }
  
  .text-info {
      color: #D06F00 !important;
  }
  
  .text-warning {
      color: #BBAA15 !important;
  }
  
  .text-success {
      color: #3BA321 !important;
  }
  
  
  .text-danger {
      color: #CE3F42 !important;
  }
  
  .alert-success {
      color: #3BA321 !important;
      background: #354536;
      margin-top:15px;
      border: none;
  }
  
  .alert-danger {
      color: white !important;
      background: #472f30;
      margin-top:15px;
      border: none;
  }
  
  .alert-info {
      color: #58b9cc !important;
      background: #185461;
      margin-top:15px;
      border: none;
  }
  
  .membership-action, .clearbutton {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;    
      border: 1px solid #2F2F35;
      border-radius: 4px;
      padding:8px 12px;
      width: fit-content;
      animation-duration:2s;
      transition: all .15s ease-in;
      background: none;
  }
  
  .membership-action:hover, .clearbutton:hover {
      background: #8E8E8F;
  }
  
  .flagimage {
      position:relative;
  }
  
  .flagimage .image img {
      border-radius: 50%;
      max-width:100%;
      max-height: 100%;
      height:auto;
  }
  
  .flagimage .flag {
      position:absolute;
      right:0px;
      bottom:0px;
      width:42%;
      height:42%;
      
      width:48%;
      height:48%;
  }
  
  .flagimage .flag img{
      width:100%;
      height:100%;
      border: 2px solid #1A1A20;    
      border-radius: 50%;
  }
  
  .initcircle {
      width:100%;
      height:100%;
      border: 2px solid #1A1A20;    
      border-radius: 50%;
      background: #2F2F35;
      
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  @media (min-width: 576px) { 
      .tablepaddingright {
          padding-right: 120px  !important;
      }
  
      .tablepaddingleft {
          padding-left: 60px !important;
      }
  }
  
  .point-stronger {
      font-weight:600;
  }
  
  .point-mobile-text {
      font-family: 'Inter' !important;
      font-style: normal  !important;
      font-weight: 500  !important;
      font-size: 10px  !important;
      line-height: 14px  !important;
      letter-spacing: -0.02em  !important;
      text-transform: uppercase  !important;
      color: #8E8E8F  !important;    
      padding-top:12px  !important;
      padding-bottom:12px !important;
  }
  
  @media (max-width: 576px) { 
      .point-stronger {
          font-weight:500;
      }
  }
  
  .points-table.table-ours  td,
  .points-table.table-ours  th{
      padding:0;
  }
  
  .points-table .grouplabel {
      border-bottom: 1px solid #24242A;
  }
  
  .points-table .notfirst + thead .grouplabel
  {
      border-top: 1px solid #24242A;
  }
  
  @media (min-width: 576px) { 
      .points-table thead .grouplabel
      {
          border-top: 1px solid #24242A;
      }
  }
  
  @media (max-width: 575px) { 
      .productview .left {
          margin-top: 28px;
      }
  }
  
  .productview .left {
      width:45.4545%;
      margin-bottom:60px;
  }
  
  .points-table {    
      width:100% !important;
      margin-left:0px !important;
      margin-right:0px !important;
  }
  
  .mycardmargin {
      margin-bottom: 20px;
  }
  
  .points-table thead th {
      padding-top:24px  !important;
      padding-bottom:24px  !important;
  }
  
  .points-table tbody td {
      padding-top:18px  !important;
      padding-bottom:18px !important;
  }
  
  @media (max-width: 576px) { 
      .mycardmargin {
          margin-bottom: 16px;
      }
  
      .points-table .grouplabel {
          padding-bottom:12px !important;
      }
  
      .points-table .notfirst + thead .grouplabel {
          padding-top:12px  !important;
      }
      
      .points-table {    
          margin-left: -16px;
          margin-right: -16px;
          width: calc(100% + 32px);
      }
      
      .points-table tr td:first-child,
      .points-table tr th:first-child
      {
          padding-left:16px;
      }
      
      .points-table tr td:last-child,
      .points-table tr th:last-child
      {
          padding-right:16px;
      }
      
      .points-table tbody tr td {
          padding-top:4px !important;
          padding-bottom:4px !important;
      }
      
      .points-table tbody tr:last-child td {
          padding-bottom:12px  !important;
      }
      
      .points-table tbody tr:first-child td {
          padding-bottom:0px  !important;
      }
  }
  
  .membershipmobile {
      padding:16px;
      background: #24242A;
  }
  
  .membershipmobile .memname {
      padding-left:8px;
      padding-right:8px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .membershipmobile.odd {
      background:none;
  }
  
  
  @media (max-width: 576px) { 
      .membership-action {
          margin-top:10px;
          width:100%;
      }
  }
  
  .membershipmobile .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 10px;
      line-height: 14px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #8E8E8F;
  }
  
  
  .membershipmobile .data {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .upcoming-extra-memshown {
      display:none;
  }
  
  .membership-table tr.odd {
      background: #24242A;
  }
  
  .membership-table td {
      border-style: none;
  }
  
  .aboutfieldarea .nav-link.tab {
      margin-left:10px;  
      transition: 1s;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      display: flex;
      align-items: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  
      background: #24242A;
      border-radius: 4px;
  }
  
  .aboutfieldarea .nav-link.tab.active,
  .aboutfieldarea .nav-link.tab:hover{
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
  
      display: flex;
      align-items: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      background: #C90D33;
      border-radius: 4px;
  }
  
  .aboutfieldarea .headpart {
      margin-bottom:20px;
  }
  
  @media (max-width: 576px) { 
      .aboutfieldarea .headpart {
          margin-bottom:24px;
      }   
  }
  
  .grouplabel.first  {
      padding-top:0px !important;
  }
  
  .pageholder {
      padding-left:60px;
      padding-right:60px;
      padding-top:33px;
  }
  
  @media (max-width: 576px) { 
      .pageholder {
          padding-left:15px;
          padding-right:15px;
          padding-top:28px;
      }
  }
  
  .store .sheader .left .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .store .sheader .left .numproducts {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #8E8E8F;    
      margin-left:12px;
  }
  
  .storebody {
      margin-top: 23px;
  }
  
  .productsquare {
      width: 310px;
      height: 410px;    
      background: #1A1A20;
      box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      border-radius: 4px;    
      margin-right:20px;
      text-decoration:none;    
      position:relative;
        margin-bottom:16px;
  }
  
  .productsquare .onlyalert {
      position:absolute;
      top:10px;
      left:10px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;    
      padding:4px 8px;    
      gap: 10px;
      backdrop-filter: blur(6.5px);
      border-radius: 4px;
  }
  
  @media (max-width: 575px) {  
      .productsquare .onlyalert {
          top:4px;
          left:4px;
      }
  }
  
  .productsquare .imageholder div {    
      background: #ffffff;
      width: 283px;
      height: 283px;
  }
  
  .productsquare .imageholder img {
      max-width:100%;
      max-height:100%;
      
     /* height: fit-content; */
     /* width: fit-content;*/
  }
  
  .productsquare .mid {
      padding-top:20px;
      padding-left:16px;
      padding-right:16px;
      
  }
  
  .productsquare .mid .title {
      font-family: 'Inter'  !important;
      font-style: normal  !important;
      font-weight: 500  !important;
      font-size: 20px  !important;
      line-height: 24px  !important;
      white-space: nowrap  !important; 
      width:68%  !important; 
      text-overflow:ellipsis  !important;
      letter-spacing: -0.02em  !important;
      overflow:hidden  !important;
      color: #FFFFFF  !important;
      text-decoration:none  !important;
  }
  
  .productsquare .mid .cost {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      flex: none;
      order: 1;
      flex-grow: 0;
      text-decoration:none;
  }
  
  .productsquare .description {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);    
      padding-left:16px;
      padding-right:16px;
      margin-botom:16px;
      margin-top:14px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      text-decoration:none;
  }
  
  body.transparentbody-not {
      margin-top:97px
  }
  
  @media (max-width: 576px) { 
      body.transparentbody-not {
          margin-top:129px
      }
  }
  
  #user_nav_popup {
      display:none;
      position: fixed;
      height: 100%;
      width: 100%;
      
      top: 0;
      left:0;
      right:0;
      bottom:0;
      z-index: 10000;
  }
  
  #user_nav_popup .nav-link a {
      text-decoration: none;
      color:white;
      
      width: 100%;
      text-align: center;
  }
  
  #user_nav_popup .nav-link a.clicked {
      color:black;
  }
  
  #user_nav_popup .upper .nav-link a {
      background: none !important;
      font-size:24px;
  }
  
  #user_nav_popup .upper .nav-link {
      margin-bottom: 16px;
  }
  
  #user_nav_popup .nav-link.alwaysactive, 
  #user_nav_popup .nav-link.whitebutton{
      padding-top:13px;
      padding-bottom:13px;
  }
  
  #usernavpopupexit {
      position: absolute;
      right: 16px;
      top: 71px;
      width: 32px;
      height: 32px;
  }
  
  .events-tabs > button,
  .events-tabs > a {
      background: none;    
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);    
      padding:0px;
  }
  
  .events-tabs > button + button {
      margin-left:16px;
  }
  
  .events-tabs > button.active,
  .events-tabs > button:hover,
  .events-tabs > button.clicked,
  .events-tabs > a.active,
  .events-tabs > a:hover,
  .events-tabs > a.clicked
  {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #C90D33  !important;
      background: none !important;
  }
  
  .eventlistyear {
      width:100%;
      margin-top:60px;    
  }
  
  
  .eventlistyear .year {
      margin-top:24px;
      margin-bottom:24px;
      
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .aboutfieldbutton {
      background: #24242A;
      border-radius: 4px;
      padding:9px 12px;
  }
  
  .mydropdownbutton .symbol {
      margin-left:12px;
  }
  
  .aboutfieldbutton .symbol .up {
      display: none;
  }
  
  .aboutfieldbutton .textholder {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      display: flex;
      align-items: flex-end;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .aboutfielddropoption {
      padding:8px 16px;
      background: none;
      border:none;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      display: flex;
      align-items: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .aboutfieldspopout {
      background: #24242A;
      border-radius: 4px;    
      display: none;
  }
  
  .aboutfieldspopout[data-show] {
      display: block;
    }
    
    
    .mydropdownbutton {
      padding:13px 16px;
      animation-duration:2s;
      transition: all .15s ease-in;
    }
    
  .mydropdownbutton:focus, .mydropdownbutton:hover {
      background: #24242A;
      border-radius: 4px;
  }
  
  .mydropdownbutton .symbol .up {
      display: none;
  }
  
  .mydropdownpopout {
     z-index: 10; 
  }
  
  .stopscrollingbody {
      height: 100%;
      overflow: hidden;
  }
  
  
  @media (max-width: 575px) { 
      .mydropdownbutton {
          padding:8px;
      }
  }
  .mydropdown .textone {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      display: flex;
      align-items: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      display: inline-block;
      color: #8E8E8F;
  }
  
  .mydropdown .secondtext {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      display: flex;
      align-items: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      display: inline-block;
      color: #ffffff;
  }
  
  .mydropdownpopout {
      background: #2F2F35;
      border:none;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      display: flex;
      align-items: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .mydropdownpopout {
      background: #24242A;
      border-radius: 4px;
      
      display: none;
  }
  
  .mydropdownpopout[data-show] {
      display: block;
    }
    
    .mydropdown img {      
      vertical-align: baseline;
    }
    
    .mydropdownopoption {
      white-space: nowrap;
      border:none;
      background: none;
      text-align: left;      
      animation-duration:2s;
      transition: all .15s ease-in;    
      margin:0px 16px;
      padding:12px 0px;    
      min-width:150px;
    }
    
    
    .mydropdownopoption +  .mydropdownopoption {
      border-top-style: solid;
      border-color: #2F2F35;
      border-width:1px;
        
    }
    
    .mydropdownopoption:hover, .mydropdownopoption:focus {
        background: #2F2F35;
        
    }
    
      .fullpagedialog {
          background: rgba(0, 0, 0, 0.75);
          position:fixed;
          display:none;
          top:0;
          bottom:0;
          left:0;
          right:0;
          z-index:999999;
      }
  
      .rightsidebar {
          right:0;
          top:0;
          bottom:0;
          position: absolute;
          
          background: #1A1A20;
          box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      }
  
      @media (max-width: 575px) { 
          .fullpagedialog {
              width:100%;
              max-width:100% !important;
          }
      }
  
      .productview {
          padding:60px;
      }
      
      
      
      .productview .right {
          width:54.5454%;
          padding-left:80px;
      }
      
      @media (max-width: 575px) { 
          .productview {
              padding:0px;
          }
  
          .productview .right, .productview .left {
              width:calc(100% - 32px);
              padding-left:0px;
              margin-left:16px;
              margin-right:16px;
          }
      }
      
      .productview .productheader .right .title {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 62px;
          line-height: 70px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          font-feature-settings: 'ss01' on;
          color: #FFFFFF;
  
      }
      
      .productview .productheader .right .description {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 26px;
          letter-spacing: -0.04em;
          color: rgba(255, 255, 255, 0.7);
  
          margin-top: 12px;
          margin-bottom: 16px;
  
      }
      
      
      
      .productview .productheader .right .cost {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 40px;
          line-height: 48px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: #FFFFFF;
          margin-bottom:10px;
      }
      
      .productview .productheader .right .quantaddarea {
          gap:17px;
          margin-top:26px;
      }
      
      .formstyle1 {
          margin-top:16px;
      }
      
      @media (max-width: 575px) { 
          .formstyle1 {
              margin-top:20px;
          }
          
          .productview .productheader .right .title {
              font-family: 'Barlow Condensed', sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 46px;
              line-height: 54px;
              letter-spacing: -0.01em;
              text-transform: uppercase;
              font-feature-settings: 'ss01' on;
              color: #FFFFFF;
  
          }
  
          .productview .productheader .right .description {
              margin-top: 4px;
              margin-bottom: 8px;
  
          }
  
  
  
          .productview .productheader .right .cost {
              font-family: 'Barlow Condensed', sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 40px;
              line-height: 48px;
              letter-spacing: -0.01em;
              text-transform: uppercase;
              color: #FFFFFF;
          }
          
          .productview .productheader .right .quantaddarea {
              margin-top:20px;
          }
      }
      
      
      
      .formstyle1 label {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 28px;
          color: #FFFFFF;
      }
      
      .formstyle1 .form-control {
          margin-top:8px;
          
          background: #1A1A20;
          border: 1px solid #2F2F35;
          border-radius: 4px;
          
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          letter-spacing: -0.02em;        
          color: #FFFFFF;        
          padding:15px 16px;
      }
      
      .formstyle1 .form-control::placeholder {
          
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          letter-spacing: -0.02em;
          color: rgba(255, 255, 255, 0.7);
      }
      
      .formstyle1 .form-control:focus {
          border: 1px solid #C90D33;
          border-radius: 4px;
          box-shadow:none;
      }
      
  .form-check-input:checked {
      background: none;
      border-color:#C90D33;
      border-width:2px;
      box-shadow: none;
  }
  
  .form-check-input:checked[type=radio] {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23C90D33'/%3e%3c/svg%3e")
  }
  
  .dropdownselect.mydropdown .mydropdownbutton {
      background: #1A1A20;    
      border-radius: 4px;    
  }
  
  .dropdownselect.mydropdown .mydropdownbutton.active {
      border: 1px solid #C90D33;
  }
  
  
  .dropdownselect.mydropdown .mydropdownbutton .textholder {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;    
      margin-top: 4px;
  }
  
  .dropdownselect.mydropdown .mydropdownpopout {
      padding:16px;
  }
  
  .dropdownselect.mydropdown .form-check + .form-check{
      margin-top: 16px;
  }
  
  .dropdownselect.mydropdown .mydropdownpopout .form-check-label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF; 
      margin-top: 1px;
  }
  
  
  .productview .related-products .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 54px;
      line-height: 62px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  @media (max-width: 575px) { 
      .productview .left {
          margin-top: 28px;
      }
      
      .productview .related-products .title {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 24px;
          display: flex;
          align-items: center;
          letter-spacing: -0.04em;
          color: #FFFFFF;
          margin-left: 16px;
      }
  
  }
  
  .hiddeninput {
      display:none;
  }
  
  
  .quantitytoggler {
      background: #0F0F13;
      border: 1px solid #2F2F35;
      border-radius: 4px;
      width: min-content;
  }
  
  .quantitytoggler .plus, .quantitytoggler .minus {
      padding:14px;
  }
  
  .quantitytoggler .display {
      border: 1px solid #2F2F35;
      border-top: none;
      border-bottom: none;
      min-width:48px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .quantitytoggler .allow .enable {
      display: block;
  }
  
  
  .quantitytoggler .disable {
      display: block;
  }
  
  .quantitytoggler  .enable {
      display: none;
  }
  
  .quantitytoggler .allow .disable {
      display: none;
  }
  
  .quantitytoggler .plus.allow:hover, .quantitytoggler .minus.allow:hover {
      background: rgba(255, 255, 255, 0.2);
  }
  
  .quantitytoggler2 {
      background: none;
      border: 1px solid #2F2F35;
      border-radius: 4px;
      width: min-content;
  }
  
  .quantitytoggler2 .plus, .quantitytoggler2 .minus {
      padding:7px 8px;
  }
  
  .quantitytoggler2 .plus img, .quantitytoggler2 .minus img {
      height:20px;
      width:20px;
  }
  
  .quantitytoggler2 .display {
      border: 1px solid #2F2F35;
      border-top: none;
      border-bottom: none;
      padding:7px 13px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .quantitytoggler2 .plus.allow:hover, .quantitytoggler2 .minus.allow:hover {
      background: rgba(255, 255, 255, 0.2);
  }
  
  button.addtocart {
      width:100%;
      padding: 12px 32px;
      border-radius: 4px;
      border:none;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;    
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      white-space: nowrap;      
      transition: all .15s ease-in;
  } 
  
  .headergradient2 .shadow{
      background: linear-gradient(101.56deg, rgba(0, 0, 0, 0.2) 19.12%, rgba(0, 0, 0, 0) 58.49%), linear-gradient(180deg, rgba(15, 15, 19, 0) 31.17%, #0F0F13 100%), linear-gradient(90deg, rgba(15, 15, 19, 0.36) 0%, rgba(15, 15, 19, 0.56) 49.48%, rgba(15, 15, 19, 0.36) 100%), 100%;
  }
  
  .eventthird {
      width:calc((100% - 0px ) / 2);
  }
  
  .event_list_live {
    margin-bottom: 46px;
  }
  
  
  .eventthird.eventthird-0 {
      padding-right:10px;
  }

  .eventthird.eventthird-1 {
      padding-left:10px;
  }
  
  @media (max-width: 1200px) { 
      .eventthird {
          width:100%;
          padding-left:0px;
          padding-right:0px;
      }
  }
  
  .mydropdownbutton.filterbutton  .textholder {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-right: 8px;
  }
  
  .mydropdownbutton.filterbutton {
      margin-left:8px;
  }
  
  @media (max-width: 1200px) { 
  
      .eventthird.eventthird-0 {
          padding-right:0px;
      }
  
      .eventthird.eventthird-1 {
          padding-right:0px;
          padding-left:0px;
      }
  
      .eventthird.eventthird-2 {
          padding-left:0px;
      }
      
      .eventcard2 .label {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -0.04em;
          color: #FFFFFF;
      }
      
      .eventcard2 .title {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 16px;
          line-height: 20px;
          letter-spacing: -0.04em;
          color: #FFFFFF;
      }
      
      .eventcard2 .type, .eventcard2 .open {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 22px;
          letter-spacing: -0.02em;
          text-transform: uppercase;
      }
      
      .eventcard2 .tleft2 .mlogotag img {
          width: 14px;
          height: 8px;
      }
      
      .eventcard2 .tleft2 .mlogotag {
          padding:6px;
          height:20px;
      }
      
      .eventslisting  .sheader  .mydropdownbutton  {
          margin-top:16px;
      }
      
      .eventlistyear {
          margin-top:28px;
      }
      
      .eventthird + .eventlistyear {
          margin-top:18px;
      }
      
      .eventlistyear .year {
          margin-bottom: 6px;
          margin-top: 0px;
      }
      
      .eventlistyear .line {
          margin-top:0px;
          margin-bottom: 10px;
      }
      
      .eventlistyear .line + .year {
          margin-top:0px;
          margin-bottom: 0px;
      }
      
      .eventslisting  .storebody  {
          margin-top:0px;
      }
  }
  
  
  
  .sectional.filtersheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
   
  .sectional.cartheader .title,
  .sectional.schringareaheader  .title { 
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .sectional.filtersheader .sidebarclose {
      height:32px;
      width:32px;
  }
  
  .rightsidebar .sectional {
      padding:24px 25px;
      
  }
  
  .filtersfooter .applyfilterbutton {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;    
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;    
      background: #C90D33;
      border-radius: 4px;
      border:none;
  }
  
  .filtersfooter .resetfiltersbutton {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      background: none;    
      padding:12px;    
      margin-left:24px;
      border:none;
  }
  
  .opener {
      width:100%;
  }
  
  .opener .openerbutton {
      padding-top:24px;
      padding-bottom:24px;
  }
  
  .openerarea {
      display:none;
  }
  
  .opener .symbol .up {
      display: none;
  }
  
  .opener .openerbutton .openertitle {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      
  }
  
  .filters_area .form-check-label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  
  }
  
  .opener .filters_area  {
      margin-top:-8px;
      margin-bottom: 24px;
  }
  
  .carousel-thumbnails {
      margin-top:16px;
  }
  
  .carousel-thumbnails .carousel-thumbnail {
      border: 2px solid #8E8E8F;
      border-radius: 4px;
      height:69px;
  }
  
  .carousel-thumbnails .carousel-thumbnail + .carousel-thumbnail {
      margin-left:10px;    
  }
  
  .carousel-thumbnails .carousel-thumbnail.active {
      border: 2px solid #EB6983;
  }
  
  .productsquare .imageholder  {
      padding-top:16px;
      padding-left:16px;
      padding-right:16px;
  }
  
  @media (max-width: 575px) { 
      .carousel-notused {
          margin-top:28px;
      }
      
      .opener .filters_area  {
          margin-top:0px;
          margin-bottom: 24px;
      }
  
      .carousel-thumbnails {
          margin-top:8px;
          margin-bottom:28px;
      }
      
      .carousel-thumbnails .carousel-thumbnail {
          height:44px;
      }
      
      .carousel-thumbnails .carousel-thumbnail + .carousel-thumbnail {
          margin-left:4px;    
      }
  
      .carousel-thumbnails .carousel-thumbnail.active {
          border: 2px solid #EB6983;
      }
      
      .productsquare {
          width:100%;
          height:auto;
      }
      
      .related-products .productsquare {        
          margin-left:16px;
          margin-right:16px;
      }
      
      .productsquare .title {
          font-family: 'Inter' !important;
          font-style: normal  !important;
          font-weight: 500  !important;
          font-size: 18px  !important;
          line-height: 24px  !important;
  
          align-items: center  !important; 
          letter-spacing: -0.04em  !important;
          color: #FFFFFF  !important;
      }
      
      .productsquare .cost {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 20px;
          line-height: 24px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: #FFFFFF;
      }
      
      .productsquare .description {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          letter-spacing: -0.02em;
          color: rgba(255, 255, 255, 0.7);        
          margin-top:12px;
          margin-bottom:16px                  
      }
      
      .productsquare .mid {        
          padding-top:16px;
      }
  }
  
  .offcanvas  {
      background: #1A1A20;
      z-index: 999999;
  }
  
  .form-control, .form-control:focus {
      background: #1A1A20;
      color:white;
  }
  
  .formcontrol-red {
      border: 1px solid #2F2F35;
      border-radius: 4px;
  }
  
  .formcontrol-red:focus {
      border: 1px solid #C90D33;
      border-radius: 4px;
  }
  
  .form-control.yearpicker {
      background-image: url("https://cdn.mataction.com/CDN_3/arrow-down.svg");
      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);
  }
  
  .form-control.yearpicker:focus {
      background-image: url("https://cdn.mataction.com/CDN_3/red-open.svg");
  }
  
  
  .formcontrol-red:focus {
      border: 1px solid #C90D33;
      border-radius: 4px;
      box-shadow: none;
  }
  
  .yearpicker-container {
      background: #24242A;
      box-shadow: 0px 4px 27px rgb(0 0 0 / 30%);
      border-radius: 4px;
      border: 1px solid #2F2F35;
  }
  
  .yearpicker-header {
      border-color: #2F2F35;
      padding-bottom: 11px;
      height:auto;
  }
  
  .yearpicker-prev,  .yearpicker-next {
      color:white;
  }
  
  .yearpicker-items {
          flex: 0 0 18%;
          
          background: #24242A;
          padding:11px 7px;
          margin:3.5px;
          border: 1px solid #2F2F35;
          border-radius: 4px;
          
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 18px;
          align-items: center;
          text-align: center;
          letter-spacing: -0.04em;
          text-transform: uppercase;
          color: #FFFFFF;
  }
  
  .yearpicker-current {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      padding-top: 9px;
  }
  
  .yearpicker-items.selected,.yearpicker-items:hover {
      padding:11px 7px;
      margin:3.5px;
      background: #C90D33;
      border: 1px solid #2F2F35;
      border-radius: 4px;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .ui-datepicker{
      padding:0px;
      background: #24242A;
      border:none !important;
  }
  
  .ui-datepicker .ui-datepicker-header {    
      border-radius: 0;    
      background: none;
  }
  
  .ui-datepicker-title {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .ui-datepicker table tbody tr td a {
      font-family: 'Inter'  !important;
      font-style: normal  !important;
      font-weight: 500  !important;
      font-size: 14px  !important;
      line-height: 18px  !important;    
      align-items: center  !important;
      text-align: center  !important;
      letter-spacing: -0.04em  !important;
      text-transform: uppercase  !important;
      color: #FFFFFF  !important;
      background: none !important;
      border:none !important;
  }
  
  .ui-datepicker table tbody tr td a.ui-state-active, .ui-datepicker table tbody tr td a:hover {
      background: #C90D33 !important;
      border-radius: 4px !important;
  }
  
  .ui-datepicker table thead tr th span {
      font-family: 'Inter' !important;
      font-style: normal !important;
      font-weight: 500 !important;
      font-size: 14px !important;
      line-height: 18px !important;
      
      align-items: center !important;
      text-align: center !important;
      letter-spacing: -0.04em !important;
      text-transform: uppercase !important;
      color: #8E8E8F !important;
  }
  
  .uidatepicker {
      background-image: url("https://cdn.mataction.com/CDN_3/fi-rs-calendar.svg")  !important;
      background-repeat: no-repeat  !important;
      background-position: right calc(0.375em + 0.1875rem) center !important;
      background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
  }
  
  .uidatepicker:focus {
      background-image: url("https://cdn.mataction.com/CDN_3/calendar-red.svg") !important;
  }
  
  
  .searchleft {
      text-indent: calc(0.375em + 0.1875rem + 0.75em + 0.375rem);
      background-image: url("https://cdn.mataction.com/CDN_3/search.svg")  !important;
      background-repeat: no-repeat  !important;
      background-position: left calc(0.375em + 0.1875rem) center !important;
      background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
  }
  
  .filtersbody h3 {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #8E8E8F;
      margin-top:24px;
      margin-bottom:16px;
  }
  
  .pop-location > label > div > div.d-flex > img {
      width:22px;
      border-radius: 50%;
      margin-right:7px;
  }
  
  .pop-location > label > div > div.d-flex > div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .pop-location > label > div > div.country {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #8E8E8F;
  }
  
  .pop-location > label  {
      margin-left:8px;
  }
  
  .filters_area .form-check-input {
      width:22px;
      height: 22px;
      margin-top:1px;
      box-shadow: none !important;
  }
  
  .filters_area .form-check label {
      margin-left:8px;
  }
  
  .filters_area .form-check + .form-check,
  .filters_area input + .form-check,
  .filters_area .yearpicker-container + .form-check
   {
      margin-top:11px;
  }
  
  .ui-state-hover.ui-datepicker-prev.ui-corner-all,
  .ui-state-hover.ui-datepicker-next.ui-corner-all {    
      background: #C90D33 !important;
      border:none;
  }
  
  .ui-datepicker-prev .ui-icon {
      background-image: url("/storage/CDN_3/arrow-left-16.svg");
      background-position: 0px 0px; 
  }
  
  .ui-datepicker-next .ui-icon {
      background-image: url("/storage/CDN_3/arrow-right-16.svg");
      background-position: 0px 0px; 
  }
  
  .darkselect2 .select2.select2-container {
      border-radius: .375rem;
      background: #1A1A20;
      border: 1px solid #2F2F35;
  }
  
  .darkselect2 .select2.select2-container.select2-container--open {
      border: 1px solid #C90D33;
      background: transparent;
      border: none;
  }
  
  .darkselect2 .select2-selection {
      border: none;
      box-shadow: none !important;
  }
  
  .darkselect2 .select2-selection__placeholder {
      font-size: 14px;
      color:white;
  }
  
  .serachselector .select2-selection__rendered {    
      text-indent: calc(0.375em + 0.1875rem + 0.75em + 0.375rem);
      background-image: url(https://cdn.mataction.com/CDN_3/search.svg) !important;
      background-repeat: no-repeat !important;
      background-position: left calc(0.375em + 0.1875rem) center !important;
      background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;    
  }
  
  .darkselect2  .select2-selection__rendered {
      color: white;
  }
  
  .darkselect2 .select2-container {
      margin-top: 8px;
      max-width: 100%;
  }
  
  .darkselect2 .select2-dropdown {
      border:none;
  }
  
  .darkselect2 .select2-results {
      background: #24242A;
      box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      border:none;
      padding:13px 16px;
  }
  
  .darkselect2 .select2-results__option {
      color:white;
      padding:8px;
  }
  
  .darkselect2 .select2-results__option + .select2-results__option {
      color:white;
      padding:8px;
      border-top:solid;
      border-width:1px;
      border-color:#2F2F35;
      
  }
  
  .darkselect2 .select2-results__option.select2-results__option--highlighted {
      color:white;
      background: #C90D33;
  }
  
  .darkselect2 .select2-search__field {
      color: white;
      background: #1A1A20;
      border: 1px solid #C90D33;
  }
  
  .serachselector .select2-search__field {
      color: white;
      text-indent: calc(0.375em + 0.1875rem + 0.75em + 0.375rem);
      background-image: url(https://cdn.mataction.com/CDN_3/search.svg) !important;
      background-repeat: no-repeat !important;
      background-position: left calc(0.375em + 0.1875rem) center !important;
      background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
      background: #1A1A20;
      border: 1px solid #C90D33;
  }
  
  .darkselect2 .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
      color:white;
      background: #C90D33;
  }
  
  ::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #2F2F35; 
    border-radius: 40px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);; 
    border-radius: 20px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
  }
  
  .darkselect2  .select2-dropdown.select2-dropdown--below {
      margin-top: -49px;
      margin-left: -1px;
      background: none;
  }
  
  .darkselect2  .select2-search--dropdown{
      padding:0px;
  }
  
  .darkselect2 .select2-search__field  {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      
      padding:10px;
  
  }
  
  .darkselect2 .select2-results {
      margin-top: 8px;
  }
  
  .location-search-main{
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .location-search-cca3{
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 10px;
      line-height: 14px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #8E8E8F;
  }
  
  .location-search-texts {
      margin-left:8px;
  }
  
  
  .sizecharttitle {
      font-family: 'Inter'  !important;
      font-style: normal  !important;
      font-weight: 500  !important;
      font-size: 18px  !important;
      line-height: 28px !important;
      color: #FFFFFF !important;
  
  }
  
  .mainmodal {
      background: #1A1A20;
      box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      border-radius: 8px;
      padding:30px;
  }
  
  
  .mainmodal .closebttn {
      background: #C90D33;
      border-radius: 4px;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      margin-left:auto;
      margin-right:auto;
      color: #FFFFFF;
      border:none;
      text-align: center;    
      margin-bottom: 0px;
      margin-top: 24px;
      padding:12px;
  }
  
  .mainmodal .modal-body {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      text-align: center;
  
  }
  
  
  .mainmodal .modal-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      text-align: center;
      margin-bottom: 12px;
      margin-top: 18px;
  }
  
  .mainmodal .modal-footer, .mainmodal .modal-header, .mainmodal .modal-body {
      border:none;
      padding:0px;
  }
  
  .mainmodal {
      width:591px;    
      max-width: 100%;
  }
  
  .mainmodal .btn-close {
      position:absolute;
      top:21.25px;
      right:21.25px;
      width:13.5px;
      height:13.5px;
      padding:0px;
      
      background: transparent url("https://cdn.mataction.com/CDN_3/cross.svg") center/1em auto no-repeat ;
  }
  
  .mainmodal {
      position: relative;
  }
  
  @media (max-width: 575px) { 
      .mainmodal {
          padding:20px;
      }
      
      .mainmodal .modal-title {
          font-size: 24px;
          margin-bottom: 8px;
      }
      
      .mainmodal .closebttn {
          margin-top:16px;        
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -0.02em;
          text-transform: uppercase;
          color: #FFFFFF;
  
      }
      
      .mainmodal .btn-close {
          position:absolute;
          top:17.25px;
          right:17.25px;
          width:13.5px;
          height:13.5px;
          padding:0px;
          background: transparent url("https://cdn.mataction.com/CDN_3/cross.svg") center/1em auto no-repeat ;
      }
      
      .mainmodal .modal-title {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 24px;
          line-height: 28px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: #FFFFFF;
      }
      
      .mainmodal .modal-body {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;        
          align-items: center;
          text-align: center;
          letter-spacing: -0.04em;
          color: rgba(255, 255, 255, 0.7);
      }
  }
  
  
  
  .darktagselect .select2.select2-container {
      border-radius: 4px;
      background: #1A1A20;    
      border: 1px solid #2F2F35;
  }
  
  .darktagselect .select2.select2-container.select2-container--open {
      border: 1px solid #C90D33;
  }
  
  .darktagselect .select2-selection {
      border: none;
      box-shadow: none;
  }
  
  .darktagselect .select2-selection__placeholder {
      font-size: 14px;
      color:white;
  }
  
  .darktagselect  .select2-selection__rendered {
      color: white;
  }
  
  .darktagselect .select2-container {
      margin-top: 8px;
  }
  
  .darktagselect .select2-dropdown {
      border:none;
  }
  
  .darktagselect .select2-results {
      background: #24242A;
      box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      border:none;
      padding:13px 16px;
  }
  
  .darktagselect .select2-results__option {
      color:white;
      padding:8px;
  }
  
  .darktagselect .select2-results__option + .select2-results__option {
      color:white;
      padding:8px;
      border-top:solid;
      border-width:1px;
      border-color:#2F2F35;
      
  }
  
  .darktagselect .select2-results__option.select2-results__option--highlighted {
      color:white;
      background: #C90D33;
  }
  
  .darktagselect .select2-search__field {
      color: white;
      background: #1A1A20;
      border: 1px solid #C90D33;
  }
  
  .darktagselect .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
      color:white;
      background: #C90D33;
  }
  
  .darktagselect  .select2-dropdown.select2-dropdown--below {
      margin-left: -1px;
      background: none;
  }
  
  .darktagselect  .select2-search--dropdown{
      padding:0px;
  }
  
  .darktagselect .select2-search__field  {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;    
      color: #FFFFFF;    
      padding:10px;
  
  }
  
  .darktagselect .select2-selection--multiple {
      box-shadow: none !important;
      display:flex;
      align-items: center;    
  }
  
  .darktagselect input.select2-search__field  {
      width: 100% !important;    
      text-indent: 8px;    
      background-repeat: no-repeat  !important;
      background-position: right calc(0.375em + 0.1875rem) center !important;
      background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
  }
  
  .darktagselect .select2-search.select2-search--inline {
      width: 100% !important;    
  }
  
  .darktagselect .select2-selection__choice {
      border: 1px solid #C90D33 !important;
      color: white !important;
  }
  
  /* This is needed to force all inputs to be big enought for iphones */
  body { font-size: 16px; }
  input, select { font-size: 100% !important; }
  
  .uiphase .select2-dropdown {
      background: none;
  }
  
  .myCard + .myCard {
      margin-top:20px;
  }
  
  .label a {
      color:white;
      text-decoration: none;
  }
  
    .description > a {
      color:rgba(255, 255, 255, 0.7);
      text-decoration: none;
  }
  
  .label-white {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  
  }
  
  .myCard .sectional.holder {
      margin-top: 0px;
      margin-left: 0;
      margin-right: 0;
      width: 100%;
  }
  
  .sanctionorg {
      max-width:173px;
  }
  
  .sanctionorg .logo {
      height:120px;
      width:120px;
      padding:18px;
  }
  
  .sanctionorg .title {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.04em;
      color: #FFFFFF;
      margin-top:16px;
      margin-bottom:8px;
      text-transform: none;
  }
  
  
  
  .sanctionorg .rating {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
   
  }
  
  .myCard .arrowbutton {
      background: #1A1A20;
  }
  
  .myCard .arrowbutton:hover, .myCard .arrowbutton:active  {
      background: rgba(255, 255, 255, 0.2);
  }
  
  .myCard .arrowbutton.clicked  {
      background: rgba(255, 255, 255, 0.3);
  }
  
  .myCard .sectional .sectional-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
  }
  
  .myCard .table-ours tr:nth-of-type(even)>* {
      background: #24242A;
  }
  
  .myCard table.fulltable {
      margin-left: -24px;
      margin-right: -24px;
      width: calc(100% + 48px);
  }
  
  .mainmodal table.fulltable {
      margin-left: -30px;
      margin-right: -30px;
      width: calc(100% + 60px);
  }
  
  .sectional-header {
      margin-bottom:50px;
  }
  
  .myCard .sectional-header {
      margin-bottom:24px;
  }
  
  .tyearsholder {
      padding-left:52px;
      padding-right:52px;
      padding-top:32px;
  }
  
  .tyearsholder .year {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);    
      padding:8px;
      padding-bottom:0px;
      text-decoration:none;
  }
  
  .tyearsholder .year.active {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #C90D33;
  }
  
  
  @media (max-width: 575px) { 
      .myCard .title {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 24px;
          line-height: 32px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          font-feature-settings: 'ss01' on;
          color: #FFFFFF;
      }
      
      .tyearsholder {
          padding-left:16px;
          padding-right:16px;
          padding-top:20px;
      }
      
      .tyearsholder .year {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 28px;
          line-height: 32px;
          letter-spacing: -0.01em;
          text-transform: uppercase;    
          padding:8px;
          padding-bottom:0px;
  
          color: rgba(255, 255, 255, 0.7);
          text-decoration:none;
      }
  
      .tyearsholder .year.active {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 28px;
          line-height: 32px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: #C90D33;
      }
      
      .myCard + .myCard {
          margin-top:16px;
      }
      
      
      .myCard .sectional-header {
          margin-bottom:20px;
      }
      
      
      .myCard table {
          margin-left: -16px;
          margin-right: -16px;
          width: calc(100% + 32px);
      }
      
      .myCard .sectional .sectional-title {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 28px;
          line-height: 32px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: #FFFFFF;
      }
      
  
      .sanctionorg .logo {
          height:109px;
          width:109px;
          padding:18px;
      }
  
      .sanctionorg .title {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 12px;
          line-height: 16px;
          text-align: center;
          letter-spacing: -0.04em;
          color: #FFFFFF;
          margin-top:12px;
          margin-bottom:4px;
          text-transform: none;
      }
      
      .myCard .mobilepricetier.odd {
          background: #24242A;
      }
  }
  
  .usernav a {
      white-space: nowrap;
  }
  
  .pagetitle {
     font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;    
      margin-bottom: 32px;
   
  }
  
  .divisioncard {
      width:calc( 33.3333% - 13.3333px );
      padding:16px;
      background: #1A1A20;
      border-radius: 4px;
      /* margin-bottom:20px; */
  }
  
  .divisioncard.one, .divisioncard.two {
      /* margin-right:20px; */
  }
  
  .divisioncard .division-title {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
  
      letter-spacing: -0.02em;
      text-transform: capitalize;
  
      color: #FFFFFF;
      max-width:56.67447306791%;
  }
  
  
  .divisioncard .division-class {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
      text-align: right;
  }
  
  .divisionprofiles {
      height:38px;
      margin-top:16px;
  }
  
  .headersearch {
      background: #1A1A20;
      border: 1px solid #2F2F35;
      border-radius: 4px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: white;
      width: 455px;
      padding:16px;
  }
  
  .headersearch::placeholder {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
  
  }
  
  .headersearch:focus {
      border: 1px solid #C90D33;
      border-radius: 4px;
      box-shadow:none;
  }
  
  .promotersection .personsection .profile img {
      height:168px;
  }
  
  @media (max-width: 575px) { 
      .promotersection .personsection .profile img {
          height:136px;
      }
      
      .pagetitle {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 28px;
          line-height: 32px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: #FFFFFF;        
          margin-bottom:0px;
      }
  
  
      .divisioncard {
          width:100%;
          /* margin-bottom:16px; */
      }
  
      .divisioncard.one, .divisioncard.two {
          margin-right:0px;
      }
  
      .divisioncard .division-title {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 24px;
          align-items: center;
          letter-spacing: -0.04em;
          color: #FFFFFF;
          
          max-width:100%;
      }
  
  
      .divisioncard .division-class {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 20px;
          line-height: 28px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: rgba(255, 255, 255, 0.7);
      }
  
      .divisionprofiles {
          height:38px;
          margin-top:16px;
      }
  
      .headersearch {
          background: #1A1A20;
          border: 1px solid #2F2F35;
          border-radius: 4px;
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          letter-spacing: -0.02em;
          color: white;
          padding:16px;
          width: 100%;
      }
  
      .headersearch::placeholder {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          letter-spacing: -0.02em;
          color: rgba(255, 255, 255, 0.7);
  
      }
      
      .sm-mydropdownbutton-notop .mydropdownbutton  {
          margin-top:0px !important;
      }
  }
  
  .formcontroldark {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      align-items: center;
      letter-spacing: -0.02em;
      color: #8E8E8F;
  
  }
  
  .formcontroldarkplace::placeholder {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      align-items: center;
      letter-spacing: -0.02em;
      color: #8E8E8F;
  
  }
  
  .formcontroldarkplace {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      align-items: center;
      letter-spacing: -0.02em;
      color: white;
  
  }
  
  .peoplerow {
      margin-left:8px
  }
  
  .peoplerow > div {
      margin-left:-8px; 
      margin-right:-8px;
  }
  
  .peoplerow > div > .image  {
      height:100%;
  }
  
  .peoplerow > div > .image > img {
      height:100%;
      border-radius: 50%;
  }
  
  .peoplerow > .peoplerownumber {
      margin-left:16px;
      margin-right:0px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .loadingoverlay {
      position:absolute;
      top:0;
      bottom:0;
      left:0;
      right:0;
      background: rgba(0, 0, 0, 0.5);
  
      display: flex;
      align-content: center;
      justify-content: center;
      align-items: center;
  }
  
  #tddivisionarea .tddivisionareaheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;    
      margin-bottom: 12px;
  }
  
  #tddivisionarea  .maintdarea .tagline {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 20px;
  }
  
  #tddivisionarea  .maintdarea table.comparea thead tr {
      background: #24242A;
  }
  
  #tddivisionarea  .maintdarea table.comparea thead th {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  #tddivisionarea  .maintdarea table.comparea tbody.compstbody td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      align-items: flex-end;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  #tddivisionarea  .maintdarea table.comparea thead th, #tddivisionarea  .maintdarea table.comparea tbody.compstbody td {
      padding-top:20px;
      padding-bottom: 20px;
  }
  
  #tddivisionarea  .maintdarea table.comparea{
      margin-bottom:32px;
  }
  
  #tddivisionarea  .maintdarea h3 {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom:16px;
  }
  
  #tddivisionarea  .maintdarea .descriptionarea .description {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .divisioncard .divisioncardschedule .ringtext {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
      text-align: right;
  
  }
  
  
  .divisioncard .divisioncardschedule .timetext  {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      text-align: right;
  }
  
  
  .divisioncard .divisioncardschedule .timetext .timeitself   {
      color: #FFFFFF;
  }
  
  .divisioncard .divisioncardschedule .completed  {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #3BA321;
      text-align: right;
  }
  
  .quartercard.fschool .events .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  
  }
  
  .pinkbutton {
      
      animation-duration:2s;
      transition: all .15s ease-in;
          
      align-items: center;
      padding: 12px 16px;
      gap: 4px;
      background: #C90D33;
      border-radius: 4px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  
      border: none;
  }
  
  
  
  .adddelegationbody::-webkit-scrollbar { 
      display: none;
  }
  
  .sectional.adddelegationsheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .sectional.adddelegationsheader .sidebarclose {
      height:32px;
      width:32px;
  }
  
  .addschoolbody::-webkit-scrollbar { 
      display: none;
  }
  
  .sectional.addschoolsheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .sectional.addschoolsheader .sidebarclose {
      height:32px;
      width:32px;
  }
  
  
  .addrankbody::-webkit-scrollbar { 
      display: none;
  }
  
  .sectional.addranksheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .sectional.addranksheader .sidebarclose {
      height:32px;
      width:32px;
  }
  
  
  .reportsbody::-webkit-scrollbar { 
      display: none;
  }
  
  .sectional.reportssheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .sectional.reportssheader .sidebarclose {
      height:32px;
      width:32px;
  }
  
  
  .reportsfooter .applyfilterbutton {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;    
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;    
      background: #C90D33;
      border-radius: 4px;
      border:none;
  }
  
  
  .reportsbody h3 {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #8E8E8F;
      margin-top:24px;
      margin-bottom:16px;
  }
  
  .reportsbutton {
      padding: 12px 70px;
      width:100%;
      gap: 10px;
      background: #24242A;
      border-radius: 4px;    
      text-align: center;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      border:none;
  }
  
  .sectionallable {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      width:100%;
      margin-top:12px;
  }
  
  .filtersadditional {
      width: 100%;
      height: 270px;
      resize: none;
      background: #1A1A20;
      border: 1px solid #2F2F35;
      border-radius: 4px;
      color: white;
  }
  
  .filtersadditional:focus-visible {
      outline-offset: 0;
      outline: none;
      border: 1px solid #C90D33;
  }
  
  .googlejsmapholder {
      width:100%;
      height:300px;
      color:white;
  }
  
  .gm-style .gm-style-iw-c, .gm-style .gm-style-iw-tc::after {
      background-color: #1A1A20;
  }
  
  .googlejsmapholder .gm-style-iw-d{
      margin-right:12px;
      margin-bottom:12px;
  } 
    
  .googlejsmapholder .gm-style-iw-d::-webkit-scrollbar{
      display: none;
  } 
  
  .googlejsmapholder.hidden {
      display: none;
  }
  
  .quartercard.fschool .description {
      margin-top:8px;
  }
  
  #app.login main, .loginheader {
      background: #0F0F13;
  }
  
  .loginheader a {
      display:  block;
      margin:28px;
  }
  
  .loginheader #secondaryloginheadera {
      display:  block;
      margin:14px;
  }
  
  .loginheader a #mainlogoheader {
      height:42px;
      margin:0px;
  }
  
  .loginheader #secondaryloginheadera #secondaryloginheader {
      height:70px;
      margin:0px;
  }
  
  .loginheader .incomplete {
      border-bottom:solid;
      flex-grow: 2;
      border-width:2px;
      border-color:#24242A;
  }
  
  .loginheader .complete {
      border-bottom:solid;
      border-width:2px;
      border-color:#C90D33;
  
  }
  
  .loginpage .title {
      padding-top:80px;
      padding-bottom:12px;
      text-align: center;
  
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 52px;
      line-height: 60px;
  
      letter-spacing: -0.01em;
      text-transform: uppercase;
  
      color: #FFFFFF;
  }
  
  .loginpage {
      margin-left:auto;
      margin-right:auto;
      max-width:598px;
  }
  
  .full-form {
      margin-top:12px;
  }
  
  .full-form .input-group-text {
      min-width: 152px;
  
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      background: #1A1A20;
      border:none;
  
      padding:15px 16px;
  }
  
  .full-form .form-control  {
      color: #FFFFFF;
      background: #1A1A20;
      border:none;
  }
  
  input.form-control {
      color: #FFFFFF;
      background: #1A1A20;
  }
  
  .uiphase input.form-control:disabled,
  .uiphase select.form-control:disabled {
      background: #1A1A20;
  }
  
  .full-form .form-control:focus {
      box-shadow: none;
  }
  
  .loginpage .checkforgot {
      margin-top:18px; 
      margin-bottom:18px;
  
      color:white;
  }
  
  .loginpage .checkforgot label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;        
      letter-spacing: -0.02em;
      color: #FFFFFF;
  
  }
  
  .loginpage .checkforgot a {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      align-items: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #C90D33;
      text-decoration: none;
  }
  
  .loginpage button {
      border-radius: 4px;
      width:100%;
      padding:12px;
      text-align: center !important;
      border:none;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  
  }
  
  .invalid-feedback {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #C90D33;
  
      background-image: url("https://cdn.mataction.com/CDN_3/alert-circle.svg");
      background-repeat: no-repeat;
      padding-left:24px;
      padding-top: 2px;
  }
  
  .loginpage .noacc {
      margin-top:18px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align:center;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .loginpage .noacc a {
      margin-left:8px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      align-items: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #C90D33;
      text-decoration: none;
  }
  
  input + span.passwordtoggle .passwordon {
      display: none;
  }
  
  input + span.passwordtoggle .passwordoff {
      display: initial;
  }
  
  input[type=password] + span.passwordtoggle .passwordoff {
      display: none;
  }
  
  input[type=password] + span.passwordtoggle .passwordon {
      display: initial;
  }
  
  .input-group-text.passwordtoggle {
      min-width: 0px;
  }
  
  .loginpage .desc {
      margin-bottom:28px;
      margin-top:-4px;
  
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .full-form .input-group-text {
      border: 1px solid #2F2F35 !important;
      border-right-style:none !important;
      border-width:1px !important;
  }
  
  .full-form input, .full-form select {
      border: 1px solid #2F2F35 !important;
      border-left-style:none !important;
  }
  
  .full-form input.passwordinput {
  
      border-right-style:none !important;
  }
  
  .full-form input + .input-group-text {
      border-width:1px !important;
      border-left:none !important;
      border-right-style:solid !important;
  }
  
  .group-invalid .input-group-text {
      border: 1px solid #C90D33 !important;
      border-right:none !important;
  }
  
  .group-invalid input {
      border: 1px solid #C90D33 !important;
      border-left-style:none !important;
  }
  
  .group-invalid input.passwordinput {
      border-right-style:none !important;
  }
  
  .group-invalid input + .input-group-text {
  
      border-left-style:none !important;
      border-right-style:solid !important;
  }
  
  
  main.small {
      margin-top:110px;
      margin-left: auto;
      margin-right:auto;
      width:min-content;
      padding:40px;
      min-width: 60%;
  }
  
  main.small .loginpage .title {
      padding-top:0px;
  
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  main.small .loginpage .desc {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.04em;
  }
  
  .pinkbutton {
      text-decoration: none;
  }
  
  .pcenter.pinkbutton {
      margin-left: auto;
      margin-right:auto;
  
      width:min-content;
      white-space: nowrap;
      display: block;
  }
  
  main.small .loginpage .logo {
      text-align: center;
      margin-top:-10px;
      margin-bottom:20px;
  }
  
  .greybutton.greybuttonc {
      border:none;
      display: block;
  
  }
  
  .accimage {
      position:relative;
  }
  
  .notificationsbadge {
      height:20px;
      width:20px;
      position:absolute;
      top:-3px;
      right:-3px;
  
      overflow:hidden;
      notificationsbadgedisplay: flex;
      align-items: center;
      justify-content: center;
      align-content: center;
  
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 11px;
      line-height: 22px;
      display: flex;
      align-items: center;
      text-align: center;
  
      color: #FFFFFF;
      background: #C90D33;
      border-radius: 50%;
  
      white-space: nowrap;
      text-overflow:elipses;
  }    
  
  .accimage .image {
      height:calc(100% );
      width:calc(100% );
      border: 2px solid rgba(255, 255, 255, 0.2);
  }
  
  
  .accimage .image img {
      height:100%;
      width:100%;
  }
  
  .accimage.roundimage .image {
      border-radius: 50%;
  }
  
  
  .accimage.roundimage .image img {
      border-radius: 50%;
  }
  
  .passwordoff, .passwordon {
      width:18px;
      height:18px;
  }
  
  .red-text {
      color:#C90D33;
  }
  
  .loginheadertitle {
      color:white;
      margin-left:60px;
  }
  
  .dropdown-toggle.acc-dropdowntoggle::after{
      display: none;
  }
  
  .acc-dropdown.dropdown-menu{
      background: #24242A;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .acc-dropdown-text {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .logouttext {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  
  }
  
  .acc-dropdown .dropdown-item img {
      margin-right:6px;
  }
  
  .dropdown-item{
      background: #24242A !important;
  }
  
  .dropdown-item .acc-dropdown-text,.dropdown-item .logouttext {
      animation-duration:2s;
      transition: all .15s ease-in;
  }
  
  
  .dropdown-item:hover .acc-dropdown-text,.dropdown-item:hover .logouttext {
      color:#C90D33;
  }
  
  .nav-link.active .acc-dropdown-text {
      color:white;
  }
  
  .accnavlink {
      backdrop-filter:none !important;
  }
  
  .dropdown-item img.hoveron {
      display:none;
  }
  
  .dropdown-item:hover img.hoveroff {
      display:none;
  }
  
  .dropdown-item:hover img.hoveron {
      display:initial;
  }
  
  @media (max-width: 575px) { 
      
      .loginheadertitle {
          margin:0px;
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 26px;
          letter-spacing: -0.04em;
          width:100%;
          text-align: center;
          padding-top:16px;
          padding-bottom:12px;
      }
      
      .loginheader > a {
          text-align: center;
      }
      
      .loginheader {
          border-bottom: 1px solid #1A1A20;
      }
      
      .loginpage .title {
          padding-top:44px;
          
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 36px;
          line-height: 40px;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: #FFFFFF;
      }
      
      .loginpage .desc {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          text-align: center;
          letter-spacing: -0.04em;
          color: rgba(255, 255, 255, 0.7);
  
      }
      
      .loginpage {
          margin-left:16px;
          margin-right:16px;
      }
      
      main.small {
          padding:16px;
          width:auto;
          margin:16px;
      }
      
  }
  
  .sixthcardholders {
      width:calc(100% - 120px);
      margin-left:60px;
      margin-right:60px;
      padding: 0px;
  }
  
  .quartercard {
      margin-bottom: 28px;
      height:291px;
      padding-left:10px;
      padding-right:10px;
  }
  
  @media (max-width: 575px) {
      .quartercardholders {
          width:100%;
          margin-left:0px;
          margin-right:0px;
          
          padding-left:16px;
          padding-right:16px;
      }
      
      .quartercard {
          padding-left:10px;
          padding-right:10px;
          width:100%;
      }
  }
  
  .sixthcard {
      margin-bottom: 40px;
  }
  
  .sixthcard .personsection .location .label-icon, .sixthcard .personsection .location .label-icon img {
      width:16px;
      height:16px;
      vertical-align: super;
  }
  
  .sixthcard .personsection .location .label {
      margin-left:6px;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  
  .sixthcard .personsection .profile {
     /* height:226px */
  }
  
  .sixthcard .personsection .profile img {
      width:100%;
  }
  
  .sixthcard .personsection .name , .sixthcard .personsection .location {
      margin-bottom:8px;
  }
  
  .personsection {
      width:171px;
      max-width:100%;
      margin-right: 20px;
  }
  
  @media (max-width: 575px) {
      .sixthcardholders {
          
          width:calc(100% - 20px);
          margin-left:10px;
          margin-right:10px;
          padding: 0px;
         
      }
      
      .sixthcardholders .row {
           margin: 0px;
      }
  
      .sixthcard .personsection .profile {
      /*    height:183px */
      }
  
      .sixthcard .personsection .profile img {
         /*  width:165px;
          height:171px; */
         width:100%;
      }
      
      .sixthcard {
          margin-bottom: 20px;
      }
      
      .sixthcard .location .label-icon{
          display:none;
      }
      
      .sixthcard .personsection .location .label{
          margin-left:0px;
      }
      
      .sixthcard .personsection .name , .sixthcard .personsection .location {
          margin-bottom:6px;
      }
      
      .sixthcard{
          padding-left:6px;
          padding-right:6px;
      }
      
      .sixthcard .personsection .name div {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -0.04em;
          color: #FFFFFF;
  
      }
      
      .sixthcard .personsection .descriptor  div, 
      .sixthcard .personsection .location .label{
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 18px;
          letter-spacing: -0.02em;
          color: #FFFFFF;
      }
      
      .pageholder .filterbutton {
          margin-top:16px;
      }
  }
  
  .personprofilecard .labeler {
      margin-top:12px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  
  }
  
  .personprofilecard .content {
      margin-top:12px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  
  }
  
  @media (max-width: 575px) {
      
      
      .myCard .description {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -0.04em;
          color: rgba(255, 255, 255, 0.7);
      }
      
      .myCard .tagline {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          display: flex;
          align-items: center;
          letter-spacing: -0.04em;
          color: rgba(255, 255, 255, 0.7);
  
      }
      
      .personprofilecard .labeler {
          margin-top:12px;
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -0.04em;
          color: rgba(255, 255, 255, 0.7);
  
      }
  
      .personprofilecard .content {
          margin-top:12px;
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          letter-spacing: -0.04em;
          color: #FFFFFF;
  
      }
      
      .sanctionorg .rating {
          font-family: 'Barlow Condensed', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 20px;
          text-align: center;
          letter-spacing: -0.01em;
          text-transform: uppercase;
          color: rgba(255, 255, 255, 0.7);
      }
      
  }
  
  .verticalcenter td {
      vertical-align:middle;
  }
  
  .smallerourtable th, .smallerourtable td {
      padding:16px;
  }
  
  .smallerourtable td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .smallerourtable th {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .greytext {
      color: rgba(255, 255, 255, 0.7);    
  }
  
  .positionholder .descriptor  div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      text-decoration: none;
  }
  
  .positionholder .descriptor  img {
      margin-right:6px;
  }
  
  .positionholder .descriptor + .descriptor {
      margin-top:4px;
  }
  
  .mobilepricetier.templator .data {
      margin-right:24px;
  }
  
  .mobilepricetier.templator.odd {
     background: #24242A !important;
  }
  
  .backtext {
      display:block;
      text-decoration: none;
  }
  
  
  .backtext *, .backtext div {
      text-decoration: none;
  }
  
  .backtext > img {
      margin-right:4px;
  }
  
  .backtext > div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      align-items: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #C90D33;
  }
  
  .backtext:hover > div {
      color: #7D1B13;
  }
  
  .backtext .hoveron {
      display: none;
  }
  
  .backtext:hover .hoveron {
      display: block;
  }
  
  .backtext:hover .hoveroff {
      display: none;
  }
  
  button.backtext {
      background: none;
      border:none;
  }
  
  .standingsyear {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-top:24px;
      margin-bottom:24px;
      
  }
  
  .standingsholder.minus {
      margin-top:-9px;
  }
  
  .standingsholder {
      margin-left:-10px; margin-right:-10px;
  }
  
  .standingsholder .standingsyear {
      padding-left:10px;
      width:100%;
  }
  
  .standingsholder .thirdstanding {
      background: #1A1A20;
      border-radius: 4px;
      width:calc(33.3333% - 20px);
      padding:16px;
      display: flex;
      flex-direction: row;
      margin-top:20px;   
      
      margin-left:10px;
      margin-right:10px;
  }
  
  
  @media (max-width: 576px) {     
      .standingsholder .thirdstanding {
          width:calc(100% - 20px);
      }
  }
  
  .standingsholder .lineholder {
      width:100%;
      padding-left:10px;
  }
  
  .standingsholder .thirdstanding .divisiontitle {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  
  }
  
  .standingsholder .standingtheader  {
      margin-top:15px;
      width:100%;
      padding-left:10px;
  }
  
  .standingsholder .standingtheader .data {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      display: flex;
      align-items: flex-end;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .wreathnumber  {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      display: flex;
      align-items: center;
      letter-spacing: -0.01em;
      color: #FFFFFF;
  }
  
  .nav-item.shearch-active-shown.darkselect2:hover {
      background: none; 
      backdrop-filter: none;
  }
  
  .searchresult, .searchresult * {
      text-decoration: none;
  }
  
  .searchresult .serachmaintext, .searchresult .serachmaintext a {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  
  }
  
  .uiphase .select2-results__option + .select2-results__option {
      border:none;
      border-color:#2F2F35;
      border-top-style: solid;
      border-width: 1px;
  }
  
  
  .searchresult .serachsubtext {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 10px;
      line-height: 14px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #8E8E8F;
  }
  
  .searchresult .serachheadertext {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .uiphase .select2-container--bootstrap4 .select2-results>.select2-results__options {
      overflow-x: hidden;
  }
  
  
  .darkusernav #user_nav_bar .nav-link, .darkusernav  #user_nav_popup .nav-link {
      color: #000000;
  }
  
  .darkusernav #user_nav_bar .nav-link.active a,
  .darkusernav #user_nav_bar .nav-link:hover a,
  .darkusernav#user_nav_popup .nav-link.active a,
  .darkusernav#user_nav_popup .nav-link:hover a {
      background: rgba(0, 0, 0, 0.2);
      border-radius: 4px;
  }
  
  .darkusernav #user_nav_bar .nav-link.alwaysactive a,
  .darkusernav#user_nav_popup .nav-link.alwaysactive a {
      background: rgba(0, 0, 0, 0.2);
  }
  
  @media (max-width: 576px) { 
      .darkusernav #user_nav_bar .nav-link.alwaysactive a,
      .darkusernav#user_nav_popup .nav-link.alwaysactive a {
          background: rgba(0, 0, 0, 0.2);
      }
  }
  
  .darkusernav #user_nav_bar .nav-link.alwaysactive:hover a,
  .darkusernav#user_nav_popup .nav-link.alwaysactive:hover a {
      background: rgba(0, 0, 0, 0.2);
      background: #000000;
      color:#ffffff !important;
  }
  
  .darkusernav #user_nav_bar .nav-link.whitebutton a,
  .darkusernav#user_nav_popup .nav-link.whitebutton a {
      background: #000000;
      color: #f0f0ec !important;
  }
  
  .darkusernav #user_nav_bar .nav-link.whitebutton:hover a,
  .darkusernav#user_nav_popup .nav-link.whitebutton:hover a {
      background: #f0f0ec ;
      color:#000000 !important;
  }
  
  .darkusernav .navbar-nav.user-nav a {
      color:black !important;
  }
  
  .darkusernav .lightonly {
      display:none !important;
  }
  
  
  .lightusernav .darkonly {
      display:none !important;
  }
  
  .darkusernav#user_nav_popup .nav-link a {
      color:black;
  }
  
  .darkusernav#user_nav_popup .nav-link a.clicked {
      color:white;
  }
  
  
  .schtable tr > td, .schtable tr > th {
      padding: 28px 24px;
      border-bottom:none;
  }
  
  .schtable tr > th {
      white-space: nowrap;
  }
  
  .schtable tr > td:first-child, .schtable tr > th:first-child {
      padding-left: 28px;
  }
  
  .schtable tr > td:last-child, .schtable tr > th:last-child {
      padding-right: 28px;
  }
  
  
  .schtable tr > td.schheader {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin:0px;
      padding:0px;
      padding-top:44px;
  }
  
  .schtable tr > td.schheader h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .schtable tr > td, .schtable tr > td a {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF !important;
      vertical-align: middle;
  }
  
  .schtable tr > th {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      vertical-align: middle;
  }
  
  .schtable tr:nth-of-type(even)>* {
      background: none;
  }
  
  .schheader, .schheader >* {
      background: none !important;
  }
  
  .schtable tr:nth-of-type(odd)>* {
      background: #1A1A20;
  }
  
  .statusholder2 {
      padding:7px 12px;
      background: #2F2F35;
      border-radius: 4px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
  }
  
  .schedule .events-tabs > button {
      font-size: 36px;
  }
  
  @media (max-width: 992px) {
      .schedule .events-tabs > button {
          font-size: 28px;
          line-height: 32px;
      }
    }
    
    .schedule h2 {
        margin-top:40px;
        margin-bottom:16px;
        font-family: 'Barlow Condensed', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: -0.01em;
        text-transform: uppercase;
        color: #FFFFFF;
    }
  
  .mypilllinks button {
      border: 1px solid #24242A;
      border-radius: 20px;
  
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  
      margin-right:12px;
      margin-bottom:12px;
      background: none;
  }
  
  .pillmobile {
      margin-top:28px;
      flex-wrap: nowrap;
      width: 100%;
      overflow-x: scroll;
  }
  
  .pillmobile::-webkit-scrollbar {
      display: none;
      scroll-behavior: smooth;
  }
  
  .mypilllinks button:hover,
  .mypilllinks button.clicked{
      color:#C90D33;
  }
  
  
  #schringarea .schringareaheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;    
      margin-bottom: 20px;
  }
  
  #schringarea  .mainringscharea table.divsarea thead tr {
      background: #24242A;
  }
  
  #schringarea  .mainringscharea table.divsarea thead th {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  #schringarea  .mainringscharea table.divsarea {
      margin-left:-16px;
      margin-right:-16px;
  }
  
  #schringarea  .mainringscharea table.divsarea tbody.divstbody td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      align-items: flex-end;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  #schringarea  .mainringscharea table.divsarea thead th, #schringarea  .mainringscharea table.divsarea tbody.divstbody td {
      padding:28px 22px;
  }
  
  #schringarea  .mainringscharea table.divsarea{
      margin-bottom:32px;
  }
  
  #schringarea {
      width:568px;
  }
  
  .acttransparentbody  #jsd-widget {
      opacity:0 !important;
  }
  
  .acttransparentbody  #jsd-widget.shown {
      opacity:1 !important;
  }
  
    @media (min-width: 1000px) {
        .acttransparentbody  #jsd-widget {
            opacity:1 !important;
        }
    }

  #user_nav_bottom {
      flex-wrap: nowrap;
      overflow-x: scroll;
  }
  
  #user_nav_bottom::-webkit-scrollbar { 
      display: none;
  }
  
  .navbar-nav.user-nav#user_nav_bottom  {
      padding:16px 10px;
      display: flex;
      flex-direction: row;
  }
  
  #user_nav_bottom .nav-link.usernav {
      padding-top:0px;
      padding-bottom: 0px;
      margin-left:6px;
      margin-right:6px;
  }
  
  .loginheader .loginheaderlink .red-text {
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #C90D33;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
  }
  
  .loginheader .loginheaderlink  a {
      margin:0;
      vertical-align: middle;
  }
  
  .loginheaderlink {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left:60px;
  }
  
  .accsettingspage .title {
      padding-top:28px;
      padding-bottom:25px;
      text-align: center;
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 42px;
      line-height: 50px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .accsettingspage .divider  {
      width:100%;
      max-width: 985px;
      margin-left:auto;
      margin-right:auto;
      display: flex;
      flex-direction: row;
  }
  
  .accsettingspage .divider .left {
      margin-right:20px;
      width: 315px;
      padding:16px;
  }
  
  @media (min-width: 576px) { 
      .accsettingspage .divider .left + .right {
          margin-top:0px;
          flex-grow: 2;
      }
  }
  
  @media  (max-width: 575px) { 
      .accsettingspage .divider  {
          flex-direction: column;
      }
      
      .accsettingspage .divider .left,
      .accsettingspage .divider .right {
          margin-left:16px;
          margin-right:16px;
          width:auto;
      }
      
      .accsettingspage .divider .right {
          margin-top:20px;
      }
      
      .loginheaderlink {
          margin-left:0px;
      }
      
      .invisible.loginheaderlink {
          display:none;
      }
  }
  
  .accprofile .name {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .accprofile .email {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .accsettingspage ul li button div div.acc-dropdown-tex {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .accsettingspage ul li button {
      width:100% !important;
      border-radius: 4px;
  }
  
  
  .accsettingspage ul li button:hover div div.acc-dropdown-tex,
  .accsettingspage ul li.active button div div.acc-dropdown-tex{
      color: #FFFFFF;
  }
  
  .accsettingspage ul li button:hover, .accsettingspage ul li.active button {
      background-color: #C90D33;
  }
  
  .accsettingspage ul li button:hover, 
  .accsettingspage ul li button:focus {
      background-color: #2F2F35 !important;    
  }
  
  .accsettingspage ul li.active button,
  .accsettingspage .nav-tabs .nav-link.active {
      background-color: #C90D33 !important;
  }
  
  .accsettingspage * {
      outline: none !important;
  }
  
  .accsettingspage .right .myCard {
      padding:20px;
  }
  
  
  @media (max-width: 575px) { 
      .accsettingspage .right .myCard,
      .accsettingspage .left .myCard{
          padding:16px;
      }
      
      .phonelabeler {
          min-width: 0px !important;
      }
  }
  
  .accsettingspage .right .myCard .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      text-align: left;
      padding:0px;
  }
  
  .accsettingspage .right .myCard .description {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      margin-top:16px;
  }
  
  .accsettingspage .greybutton {
      margin-top: 24px;
      border:none;
      background: #24242A;
      border-radius: 4px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      padding:12px 24px;
  }
  
  
  .accsettingspage .pinkbutton {
      margin-top: 24px;
      padding:12px 16px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  
  .accsettingspage button + button {
      margin-left: 20px;
  }
  
  .accsettingspage .greybutton:last-child {
      margin-right:0px;
  }
  
  @media (max-width: 576px) { 
      .accsettingspage .greybutton {
          margin-right: 16px;
      }
  }
  
  table.loginlogs tr + tr td {
      border-top-style:solid;
      border-top-width:1px;
      border-top-color:#24242A;
  }
  
  table.loginlogs tr td {
      border-bottom-style: none;
  }
  
  table.loginlogs tr td {
      padding-top:16px;
      padding-bottom:16px;
      padding-left:0px;
      padding-right:0px;    
      vertical-align: middle;    
  }
  
  table.loginlogs tr td:first-child {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
      
  }
  
  table.loginlogs tr td:last-child {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
      text-align: right;
  }
  
  .circleradios {
      display: flex;
      flex-direction: row;    
  }
  
  .circleradios .radiocircle input {
      display: none;
  }
  
  .circleradios .radiocircle {
      padding: 8px 12px;
      background: #24242A;
      border: 1px solid #2F2F35;
      border-radius: 20px;
      margin-top:20px;
      white-space: nowrap;
  }
  
  .circleradios {
      overflow-x: auto;
      width: 100%;
      max-width: 100%;
  }
  .circleradios::-webkit-scrollbar { 
      display: none;
  }
  
  .circleradios .radiocircle + .radiocircle {
      margin-left:12px;
  }
  
  .circleradios .radiocircle.active {
      border: 1px solid #C90D33;
  }
  
  .form-switch .form-check-input[type=checkbox] {
      border-radius: 12px;
      background-repeat: no-repeat;
  }
  
  @media (min-width: 576px) {     
      .form-switch .form-check-input[type=checkbox] {
          float:right;
          margin-left: 1em;
      }
  }
  
  .form-switch.mobileright .form-check-input[type=checkbox] {
      float:right;
      margin-left: 1em;
  }
  
  .form-check-input:focus {
      border-color:#C90D33;
      box-shadow: 0 0 0 0.25rem rgb(201 13 51 / 25%);
  }
  
  .form-switch .form-check-input:focus {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23C90D33'/%3e%3c/svg%3e");
  }
  
  .form-switch .form-check-input:checked {
      background-position: right center;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e" );
  }
  
  .accsettingspage .form-switch label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .notificationstable {
      margin-top:4px;
  }
  
  .notificationstable tr td:first-child {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      padding-top:16px;
      padding-bottom:16px;
  }
  
  .notificationstable tr  td  {
      border:none;
      vertical-align: middle;
  }
  
  .notificationstable tr + tr td  {
      border-top-style: solid;
      border-top-color: #24242A;
      border-top-width: 1px;
  }
  
  @media (max-width: 576px) { 
      .loginheader a {
          margin: 16px;
      }
      
      .accsettingspage .title {
          padding-top:24px;
          padding-bottom:20px;
      }
      
      .loginheaderlink {
          justify-content: start;
          margin-left: 16px;
          margin-top: 16px;
      }
      .tf2abottommargin {
          margin-bottom:12px;
      }
  }
  
  table.loginlogsm {
      margin-left:0px;
      margin-right:0px;
      width:100%;
  }
  
  .loginlogsm .logheader {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  
  .loginlogsm .loggrey {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  table.loginlogsm tr  td {
      border-bottom-style: none;
      padding-left:0px;
  }
  
  table.loginlogsm tr + tr td {
      border-top-style:solid;
      border-top-width:1px;
      border-top-color:#24242A;
  }
  
  .mydropdown .mydropdownbutton .textholder .acc-dropdown-text {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #C90D33;
  }
  
  .accsettingspage .myCard {
      background: #1A1A20;
      border: 1px solid #24242A;
  }
  
  @media (max-width: 576px) { 
      #acctabs.myCard {
          padding:0px;
      }
  }
  
  .half-forms {
      display: flex;
      flex-direction: row;
  }
  
  .half-forms > div + div {
      margin-left:16px;
  }
  
  
  @media (max-width: 575px) { 
      .half-forms {
          flex-direction: column;
      }
      
      .half-forms > div + div {
          margin-left:0px;
      }
  }
  
  .full-form.darkselect2 .select2.select2-container {
      margin-top: 0px;
  }
  
  .full-form.darkselect2 .select2-selection {
      margin-top:8px;
      margin-bottom:8px;
  }
  
  .full-form.darkselect2 .select2-dropdown.select2-dropdown--below {
      margin-top: -65px;
      margin-left: 0px;
      background: none;
  }
  
  .full-form.darkselect2 .select2-search__field {
      padding: 19px 0px;
  }
  
  .full-form.darkselect2 select2-selection__rendered {
      box-shadow: none !important;
  }
  
  span.verifyinputtext {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      text-align: right;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #C90D33;
  }
  
  span.verifedtext {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #3BA321;
  
  }
  .accimage .pchange {
      position: absolute;
      bottom:0px;
      right:0px;
      height: 28px;
      width:28px;
      border-radius: 50%;
      
      display: flex;
      align-items: center;
      justify-content: center;
      
      background: #C90D33;
      border: 2px solid #1A1A20;
  }
  
  .changepimage {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
      margin-top:8px;
  }
  
  .fileaccept {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      align-items: center;
      letter-spacing: -0.02em;
      width:192px;
      margin-top:4px;
  }
  
  .fileaccept2 {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      display: flex;
      align-items: center;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
      width:192px;
      margin-top:4px;
  }
  
  .fullpage {
      position: fixed;
      height: 100%;
      width:100%;
      top:0px;
      bottom:0px;
      left:0px;
      right:0px;
      
      display:flex;
      flex-direction: row;
      
      
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto;
  }
  
  .fullpage .sidebar {
      background: #1A1A20;
      flex-shrink:2;
      min-width: 250px;
      padding-top:28px;
      padding-bottom: 20px;
      padding-left:16px;
      padding-right:16px;
  }
  
  .fullpage .marea {
      display:flex;
      flex-direction: column;
      height: 100%;
      flex-grow: 1;
  }
  
  .fullpage .marea .mainheader {
      background: #131318;
      min-height: 82px;
      width:100%;
      padding:12px 40px;
      
      display: flex;
      flex-direction: row;
  }
  
  .fullpage .marea main {
      width:100%;
      padding:40px;
      overflow-y: auto;
  }
  
  .fullpage .sidebar #mainlogoheader {
      width:89px;
      height:42px;
      margin:0px;
  }
  
  .fullpage .sidebar .nav-item a,
  .fullpage .sidebarm .nav-item a {
      width:100%;
      background: none;
  }
  
  .fullpage .sidebar a.nav-link.active ,
  .fullpage .sidebarm a.nav-link.active{
      width:100%;
      background: #C90D33;
      border-radius: 4px;
  }
  
  
  .fullpage .sidebar .nav-item a:hover,
  .fullpage .sidebar .nav-item a:focus,
  .fullpage .sidebarm .nav-item a:hover,
  .fullpage .sidebarm .nav-item a:focus{
      background: #2F2F35;
  }
  
  
  .fullpage .sidebar a.nav-link.active .hoveroff,
  .fullpage .sidebar .nav-item a:hover .hoveroff,
  .fullpage .sidebar .nav-item a:focus .hoveroff,
  .fullpage .sidebarm a.nav-link.active .hoveroff,
  .fullpage .sidebarm .nav-item a:hover .hoveroff,
  .fullpage .sidebarm .nav-item a:focus .hoveroff{
      display: none;
  }
  
  .fullpage .sidebar a.nav-link .hoveron,
  .fullpage .sidebarm a.nav-link .hoveron{
      display: none;
  }
  
  .fullpage .sidebar a.nav-link.active .hoveron,
  .fullpage .sidebar .nav-item a:hover .hoveron,
  .fullpage .sidebar .nav-item a:focus .hoveron,
  .fullpage .sidebarm a.nav-link.active .hoveron,
  .fullpage .sidebarm .nav-item a:hover .hoveron,
  .fullpage .sidebarm .nav-item a:focus .hoveron{
      display: block;
  }
  
  .fullpage .sidebar .nav.nav-tabs{
      margin-top:32px;
  }
  
  .fullpage .marea .mainheader .searcharea {
      max-width:455px;
      flex-grow: 2
  }
  
  .fullpage .marea .mainheader .notifarea {
      height:32px;
      width:32px;
      position:relative;
      margin-right:24px;
  }
  .notifarea{    
      transition: all .15s ease-in;
      border-radius: 4px;
  }
  .notifarea:hover {
      
      background: #434349;
  }
  
  .fullpage .marea .mainheader .notifarea img {
      margin:4px;
  }
  
  .fullpage .marea .mainheader .notifarea div {
      position:absolute;
      top:0px;
      right:0px;
      background: #C90D33;
      border-radius: 50%;
      width:20px;
      height:20px;
      color:white;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 11px;
      line-height: 22px;
  }
  
  .fullpage .marea .accpage > .title,
  .fullpage .marea main > div > .title,
  .fullpage .marea .accpage > div > .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 42px;
      line-height: 50px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
      color: #FFFFFF;
  
  }
  
  
  .fullpage .marea .accpage > .title.grey,
  .fullpage .marea main > div > .title.grey,
  .fullpage .marea .accpage > div > .title.grey{
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .fullpage .marea .pinkbutton {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .fullpage #mainlogoheader2 {
      width:82px;
      height:38px;
  }
  
  @media (max-width: 575px) { 
      .fullpage .marea .mainheader {
          padding:17px;
      }
      
      .fullpage .marea main {
          width:100%;
          padding:28px 16px;
      }
  }
  
  .fullpage .sidebarm .accprofile  {
      background: #1A1A20;
      border: 1px solid #24242A;
      border-radius: 4px;
      padding:14px;
      margin-bottom:20px;
  }
  
  .accpage .table.table-ours {
      background: #1A1A20;
  }
  
  .accpage .title.botmarg {
      margin-bottom:28px;
  }
  
  .accpage .table-ours tr > * {
      vertical-align: middle;
  }
  
  .accpage .table-ours tr:nth-of-type(even)>* {
      background: #24242A;
  }
  
  .accpage .name {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  
  .accpage .location {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .accpage .personname {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .accpage .personsection .handlelabel {
      font-family: 'Inter' !important;
      font-style: normal !important;
      font-weight: 400 !important;
      font-size: 16px !important;
      line-height: 24px !important;
      letter-spacing: -0.04em !important;
      color: rgba(255, 255, 255, 0.7) !important;
      
      white-space: nowrap;
      text-overflow:ellipsis;
      overflow:hidden;
  }
  
  .accpage .personsection .name,
  .accpage .personsection .location,
  .accpage .personsection .handlelabel {
      margin-bottom:4px !important;
  }
  
  .accpage .ordertable th {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .accpage .ordertable td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .accpage .ordertable tr  > * {
      border:none;
      padding:16px;
      vertical-align: middle;
  }
  
  .accpage .ordertable tr + tr > * {
      border-top-width:1px;
      border-top-color: #24242A;
      border-top-style: solid;
  }
  
  .accpage .ordertable .greytext {
      color:#8E8E8F;
  }
  
  .accpage .alwaysredlink {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #C90D33;
  
  }
  
  .accpage .event_list .year {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom:24px;
      margin-top:28px;
  }
  
  .modal-content button.close {
      border: none;
      background: none;
  }
  
  .topcardmargin {
      padding-top:30px;
  }
  
  .topcardmargin .myCard .title {
      margin-bottom:30px;
  }
  
  .legalpolicy h2, .legalpolicy h3,
  .legalpolicy h4, .legalpolicy h5 {
      color:white;
  }
  
  .easy.greybutton, .formchangebutton.greybutton {
      border:none;
      padding: 12px 16px;
  }
  
  .easy.pinkbutton {
      display: block;
      width: fit-content;
  }
  
  .centermargins {
      margin-left:auto;
      margin-right:auto;
      width: fit-content;
  }
  
  
  .pinkbutton:hover, .pinkbutton:hover {
      color:white;
      background: #7D1B13;
  }
  
  .full-form .select2.select2-container {
      border-left:none !important;
  }
  
  .ordertable .fullborder td:first-child {
      border-left-style:solid;
      border-left-width:1px;
      border-left-color:#24242A;
  }
  
  .ordertable .fullborder td:last-child {
      border-right-style:solid;
      border-right-width:1px;
      border-right-color:#24242A;
  }
  
  .ordertable .fullborder.grey td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .ordertable .fullborder + .fullborder td {
      border-top:none;
  }
  
  .ordertable .prodtitle, .productsubcard .prodtitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .ordertable .prodlink, .productsubcard .prodlink {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: #C90D33;
  }
  
  .tsummary {
      font-family: 'Barlow Condensed', sans-serif !important;
      font-style: normal !important;
      font-weight: 600 !important;
      font-size: 24px !important;
      line-height: 28px !important;
      letter-spacing: -0.01em !important;
      text-transform: uppercase !important;
      color: #FFFFFF !important;
      padding-bottom:0px !important;
  }
  
  .productsubcard {
      background: #1A1A20;
      border: 1px solid #2F2F35;
      border-radius: 4px;
      padding:16px;
      
      color:white;
  }
  
  .productsubcard + .productsubcard  {
      margin-top:8px;
  }
  
  .productsubcard .plabel {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .productsubcard .pdata {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #FFFFFF;
  }
  
  .accsettingspage .full-form span.input-group-text,
  .accsettingspage .full-form input,
  .accsettingspage .full-form select,
  .accsettingspage .full-form .select2.select2-container {    
      background: #24242A;
  }
  
  .notificationstable {
      
  }
  
  .notificationstable tr td {
      color:white;
  }
  
  .notificationstable tr td a {
      color:white !important;
  }
  
  ul.pagination {
      
  }
  
  ul.pagination .form-control {
      border-radius: 0px;
      border-color: #2F2F35;
  }
  
  ul.pagination .page-item:first-child .form-control {
      border-radius: 4px 0px 0px 4px;
  }
  
  
  ul.pagination .page-item:last-child .form-control {
      border-radius: 0px 4px 4px 0px;
  }
  
  ul.pagination .page-link {
      background: none;
      color: white;
      border-color: #2F2F35;
  }
  
  .mfabackup {
      display: none;
  }
  
  .myCard.buttonscroller .personsection .profile img{
      height:168px;
  }
  
  .sectional.holder.buttonscroller .personsection .profile img,
  .sectional.holder.buttonscroller .personsection .profile img {
      height:203px;
  }
  
  .toscroll.scrolling > div {
      width:min-content;
  }
  
  .aboutfieldarea .tab-content,
  .aboutfieldarea .tab-content a,
  .aboutfieldarea .tab-content td,
  .aboutfieldarea .tab-content th{
      color: rgba(255, 255, 255, 0.7);
  
  }
  
  .aboutfieldarea .tab-content td,
  .aboutfieldarea .tab-content th{
      border-color: #2F2F35;
  }
  
  .successmessaage {
      margin-top:20px;
      margin-bottom: 24px;
  }
  
  .successmessaage .checkmark img {
      margin-left:auto;
      margin-right:auto;
      height:40px;
  }
  
  .successmessaage .checkmark  {
      margin-bottom: 24px;
      text-align: center;
  }
  
  .successmessaage .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      
      margin-bottom:12px;
  }
  
  .successmessaage .explain {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      align-items: center;
      text-align: center;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .recholder {
      
  }
  
  .recholder > div {
      width:100%;
      padding-top:15px;
      padding-bottom: 15px;
      
      background: #24242A;
      border: 1px solid #2F2F35;
      border-radius: 4px;
      margin-bottom:12px;
  }
  
  @media (max-width: 1000px) { 
      .recholder > div {
          width:50%;
      }
      
      .recholder > div:nth-of-type(even) {
          margin-right:12px;
      }
  }
  
  .recholder > div > div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      margin-left:auto;
      margin-right:auto;
  }
  
  
   .eventcard1  .title {
     font-family: 'Inter' !important;
     font-style: normal !important;
     font-weight: 500 !important;
     font-size: 20px !important;
     line-height: 24px !important;
     letter-spacing: -0.02em !important;
     color: #FFFFFF !important;        
     text-transform: none !important;
  }
  
  @media (max-width: 575px) {
      .eventcard1  .title {
          font-family: 'Inter' !important;
          font-style: normal !important;
          font-weight: 500 !important;
          font-size: 18px !important;
          line-height: 22px !important;
          letter-spacing: -0.02em !important;
          color: #FFFFFF !important;
      }
  }
  
  .addeditems {
      margin-top:2px !important;
  }
  
  
  .eventcard1 .addeditems > div {
      margin-top:14px;    
  }
  
  .offcanvas-body {
      padding:20px;
  }
  
  .compstbody td, .compstbody th {
      padding-right: 3px;
      padding-left: 3px;
  }
  
  .notificationstable label.form-check-label {
      text-transform: none;
  }
  
  #user_nav_popup .user_nav_barc .nav-link.usernav {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
      color: #FFFFFF;
      margin-bottom:0px;
  }
  
  #user_nav_popup .whitebutton {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #0F0F13;    
  }
  
  #user_nav_popup .usernav.nav-link.alwaysactive {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      text-align: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  #user_nav_popup .lower .nav-link.user-nav {
      margin-top:6px;
      margin-bottom: 6px;
  }
  
  .vertical-image-holder-size.image-holder-size {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
  }
  
  .continueshoppingbutton {
      width:100%;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px;
  }
  
  .continueshoppingbutton:hover {
      background: #8E8E8F;
  }
  
  .emptycarttitle {
      margin-top:64px;
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .emptycartdesc {
      margin-left:auto;
      margin-right:auto;
      width:345px;    
      text-align: center;    
      margin-top:12px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  button.addtocart:hover {
      color:white;
      background: #7D1B13;
  }
  
  .cartsbody {
      margin-top:44px;
  }
  
  .paymentbutton{
      display: block;
      margin-bottom:16px
  }
  
  #carttotallabel {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 32px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  
  }
  
  
  #carttotal {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 32px;
      text-align: right;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .cartfooter .summaries {
      margin-top:20px;
      margin-bottom:20px;
  }
  
  .summarytable .profile_name {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom:20px;
  }
  
  .productholder {
      background: #24242A;
      border-radius: 4px;
      width:100%;
      padding:12px;
      margin-bottom:16px;
  }
  
  .productholder > img {
      margin-right:12px;
      max-width:66px;
  }
  
  .productholder .pctitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 24px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;    
      overflow: hidden;
  }
  
  .psubtitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      text-align: right;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .delete-icon .on {
      display:none;
  }
  
  .delete-icon .off {
      display: block;
  }
  
  .delete-icon:hover .on {
      display: block;
  }
  
  .delete-icon:hover .off {
      display: none;
  }
  
  button.delete-icon {
      background: none;
      border:none;
  }
  
  .paymentpage {
      display: flex;
      padding-left:95px;
      padding-right:95px;
  }
  
  .paymentpage .pleft {
      width:45%;
      margin-right:5%;
  }
  
  .paymentpage {
      padding-top:40px;
  }
  
  .paymentpage .pright {
      width:50%;
  }
  
  
  @media (max-width: 575px) { 
      .paymentpage {
          display: block;
          padding-left:20px;
          padding-right:20px;
      }
  
      .paymentpage .pright {
          width:auto;
      }
      
      .paymentpage .pleft {
          width:auto;
          margin-right:0px;
      }
  }
  
  .paymentpage > div > .title,
  .paymentpage > div > div > .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: 20px;
  }
  
  
  .paymentpage > div > div + .title {
      margin-top:40px;
  }
  
  .clusterform {
      border-radius:4px;
      border: 1px solid #2F2F35;
  }
  
  .clusterform * {
      border-radius:4px;
      border: none;
      border-radius: 0px;
  }
  
  .clusterform .input-group {
      margin:0px;
  }
  
  .myCard .myCard {
      background: #24242A;
  }
  
  .totalholders .data {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom:8px
  }
  
  .totalholders .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .totalholders .data.total {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 36px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom:0px
  }
  
  .totalholders .label.total {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 28px;
      line-height: 36px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  
  .paymentpage .productholder .pctitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 36px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;    
      overflow: hidden;
      
      padding-right:10px;
  }
  
  .paymentpage .psubtitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 36px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .greybuttonlarge {
      padding:8px 69px;
  }
  
  .capredtextlink {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      display: flex;
      align-items: center;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #C90D33;
      text-decoration: none;
  }
  
  .capredtextlink:hover {
      color:#7D1B13;
  }
  
  .paymentpage .shippinginfo > div {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .paymentpage .shippinginfo > div + div{
      margin-top:4px;
  }
  
  .paymentoption.ccchoice {
      height:40px;
  }
  
  .paymentoption {
      border: 1px solid #2F2F35;
  }
  
  .paymentoption input {
      background-color: #2F2F35;
      border-color:#DADADA;
      border-width:1px;
      margin-top:0px;
      margin-right:11px;
  }
  
  
  .paymentoption label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .paymentoptionlist {
      flex-wrap: wrap;
  }
  
  .paymentoption.twolist {
      width:calc(50% - 6px);
      padding:12px 20px;
      
      background: #1A1A20;
      box-shadow: 0px 4px 27px rgb(0 0 0 / 30%);
      border-radius: 4px;
      
      margin-top:12px;
  }
  
  
  .paymentoption.twolist.odd {
      margin-left:12px;
  }
  
  .paymentoptionlist {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .paymentmethodstitle {
      margin-top:20px;  
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  #paymentCarderrorm {
      color:#C90D33;
  }
  
  .modal.darkmodal {
      background: black;
  }
  
  .ccselectedonly {
      display:none;
  }
  
  .ccnewcardonly {
      display:none;
  }
  
  .ccnewcardonlyccnewadd {
      display:none;
  }
  
  .accpage.leftrightlayout {
      padding:0px;
  }
  
  .personform {
      padding:0;
  }
  
  .personform .pfheader {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      
      margin-top:40px;
      margin-bottom:20px;
  }
  
  .personform .pfheader.sub {    
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      
      margin-top:20px;
      margin-bottom: 8px;
  }
  
  .full-form textarea {
          border: 1px solid #2F2F35 !important;
          border-left-style: none !important;
          border-width: 1px !important;
  }
  
  .privacybuttons .pinkbutton + .greybutton {
      margin-left:16px;
  }
  
  .optionshalftable {
      background: #1A1A20;
      border:1px solid #24242A;
      border-bottom:none;
      border-radius: 4px;
  }
  
  .optionshalf {
      width:calc(50% - 0.5px);
      padding:15px 16px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      
      border-bottom:1px solid #24242A;
  }
  
  .optionshalf:nth-of-type(even){
      border-left:1px solid #24242A;
  }
  
  .personform .col-md-6, .personform .col-md-12 {
      margin-left:0px;
      margin-right:0px;
      padding-left:0px;
      padding-left:0px;
  }
  
  .personform .col-md-6:nth-child(even) {
      padding-right:12px;
  }
  
  .pfdesc {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom:12px;
  }
  
  .delegationholder {
      background: #1A1A20;
      border: 1px solid #24242A;
      border-radius: 4px;
      
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
      
      max-width: 428px;
      margin-top:4px;
      padding:15px 16px;
  }
  
  .dropdown-toggle.socialbutton::after {
      display: none;
  }
  
  .dropdown-menu.dropdown-menu-dark {
      background: #24242A;
  }
  
  .nocaps, .nocaps * {
      text-transform: none !important;
  }
  
  .invaliddelegation {
      color:#C90D33 !important;
      display: block !important;
  }
  
  .offsetcard {
      background: #24242A;
      border: 1px solid #2F2F35;
      border-radius: 4px;
      padding:16px;
      margin-top:12px;
      margin-bottom:12px;
  }
  
  
  .offsetcard  .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
      
  }
  
  .offsetcard  .data {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: #FFFFFF;
  }
  
  .offsetcard .double {
      
  }
  
  .offsetheadersection {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .offsetheadersection .offsetheadertitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .addschooltitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-top:12px;
      margin-bottom:12px;
  }
  
 .uiphase .select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection,
 .uiphase .select2-container--bootstrap4.select2-container--disabled .select2-selection {
      background: none;
  }
  
  @media (max-width: 575px) { 
      .backtext > div {
          font-family: 'Inter', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size: 14px;
          line-height: 24px;
          align-items: center;
          letter-spacing: -0.02em;
          text-transform: uppercase;
          color: #C90D33;
      }
      
      .optionshalf {
          width:100%;
      }
      
      .personform .col-md-6, .personform .col-md-12 {
          margin-left:0px !important;
          margin-right:0px !important;
          padding-left:0px !important;
          padding-right:0px !important;
      }
      
  }
  
  span.input-group-text.phonelabeler {
      min-width: 100px;
  }
  
  input {
    color-scheme: dark;
  }
  
  .addprofilechoice .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 42px;
      line-height: 50px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
      color: #FFFFFF;
  }
  
  .addprofilechoice .desc {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  
      margin-top:12px;
      margin-bottom:32px;
  }
  
  .rounded-title-holder img {
      border-radius: 8px;
  }
  
  .finishaccpage .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 52px;
      line-height: 60px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
      color: #FFFFFF;
      padding-top:138px;
  }
  
  .finishaccpage .desc {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 32px;
      text-align: center;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom:32px;
      margin-top:12px;
  }
  
  .newprofilemain {
      padding-left:60px;
      padding-right:60px;
  }
  
  .plisttitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      padding-bottom:28px;
  }
  
  .plisttitle.grey {
      color: rgba(255, 255, 255, 0.7);
      padding-bottom:0px;
  }
  
  .plistheader a {
      display:block;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #C90D33;
      text-decoration: none;
  }
  .plistitem {
      padding-bottom:40px;
  }
  
  .plistheader a + a {
      margin-left:24px;
  }
  
  .newprofilemain .plist {
      padding-top:60px;
  }
  
  .plist .plistbody .plistbodysection .label {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      padding-left:40px;
      padding-right:40px;
  }
  
  
  .plist .plistbody .plistbodysection .data {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
      flex-grow:2;
      padding-left:40px;
      padding-right:40px;
  }
  
  .plist .plistbody .plistbodysection + .plistbodysection .data {
      border-left:1px solid #24242A;
  }
  
  .regstep {
      padding-left:16px;
      padding-right:16px;
      padding-top:80px;
  }
  
  .regstep > .regsteptitle {
      padding-top:80px;
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 52px;
      line-height: 60px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      font-feature-settings: 'ss01' on;
      color: #FFFFFF;
      text-align: center;
  }
  
  
  .regstep > .regstepdesc {
      padding-top:12px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  
  }
  
  .registerprofileselect {
      max-width:438px;
      margin-left: auto;
      margin-right:auto;
  }
  
  #selectedprofilearea {
      margin-top:24px;
      
      max-width: 346px;
      padding:20px;
      
      background: #1A1A20;
      box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.3);
      border-radius: 4px;
      
      margin-left:auto;
      margin-right:auto
  }
  
  #selectedprofilearea .selectedtitle {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 30px;
      line-height: 40px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-top:24px;
  }
  
  #selectedprofilearea .selectedlocation {
     font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom:20px;
      margin-top:4px
  }
  
  #selectedprofilearea img{
          max-width: 100%;
  }
  
  #selectedprofilearea a + a{
      margin-left:12px;
  }
  
  #selectedprofilearea a{
      flex-grow:1;
      text-align:center;
  }
  
  #finder_holder {
      color:white;
  }
  
  #finder_holder {
      color:white;
  }
  
  #finder_holder td a {
      color:white;
      text-decoration: none;
  }
  
  
  #finder_holder td {
      color:white;
      padding:12px 15px;
  }
  
  .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #C90D33 !important;
      text-decoration:none;
  }
  
    .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item:hover a,
    .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item.clicked a {
        color:#7D1B13 !important;
    }
  
  .breadcrumb .breadcrumb-item.active, .breadcrumb .breadcrumb-item.active a {
      color: rgba(255, 255, 255, 0.7) !important;
  }
  
  .divisionsubtitle {
      margin-top:4px;
      margin-bottom:24px;
      
      
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  
  
  #odivisionarea .divisionareaheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;    
      margin-bottom: 12px;
  }
  
  #odivisionarea  .mainodarea .tagline {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 20px;
  }
  
  #odivisionarea  .mainodarea table.comparea thead tr {
      background: #24242A;
  }
  
  #odivisionarea  .mainodarea table.comparea thead th {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  #odivisionarea  .mainodarea table.comparea tbody.compstbody td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      align-items: flex-end;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  #odivisionarea  .mainodarea table.comparea thead th, #tddivisionarea  .maintdarea table.comparea tbody.compstbody td {
      padding-top:20px;
      padding-bottom: 20px;
  }
  
  #odivisionarea  .mainodarea table.comparea{
      margin-bottom:32px;
  }
  
  #odivisionarea  .mainodarea h3 {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 24px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom:16px;
  }
  
  #odivisionarea  .mainodarea .descriptionarea .description {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  
  #all_memberships_offset .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  #all_memberships_offset table {
      border-radius: 4px 4px 0px 0px;
  }
  
  #all_memberships_offset table thead tr th {
      background: #24242A;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      padding:15px 13px;
  }
  
  #all_memberships_offset table tbody tr td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
      padding:10px 13px;
  }
  
  #all_memberships_offset table tbody tr td:first-child,
  #all_memberships_offset table thead tr th:first-child{
      width:175px;
      max-width:175px;
      white-space: normal;
  }
  
  .cartsubline {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .compsobody td {
      padding:10px 13px;   
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #FFFFFF;
  }
  
  .compsobody td a {
      padding:10px 13px;
      padding-right:0px;
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      color: #FFFFFF;
  }
  
  #compoareaheader th {
      padding:10px 13px;   
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .compsobody tr.oratinguildup td {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  .adddivisionsblock {
      margin-bottom:20px;
      background: #1A1A20;
      border-radius: 4px;
      padding:16px;
      
      min-height: 120px;
  }
  
  .adddivisionsblocktitle {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.02em;
      text-transform: capitalize;
      color: #FFFFFF;
      
      max-width: 80%;
  }
  
  .adddivisiondetails   .tagline {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 20px;
      display: flex;
      align-items: center;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 20px;
  }
  
  .profileeventlist .year {
      margin-top:24px;
      margin-bottom:24px;
      
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .regdetailsarea .content {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .regdetailsarea .labeler {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.04em;
      color: rgba(255, 255, 255, 0.7);
  }
  
  #adddivisionfullarea .adddivisionheader .title {
      font-family: 'Barlow Condensed', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: uppercase;
      color: #FFFFFF;    
      margin-bottom: 12px;
  }
  
  .breadcrumb-item+.breadcrumb-item::before {
      content: "<";
      margin-top: -1px;
  }
  
  
  .filterbutton .notificationsbadge {
      font-size:10px;
      height: 15px;
      width: 15px;
  }
  
  .media-body {
      flex-grow:1;    
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0.02em;
      color: rgba(255, 255, 255, 0.7);
      text-align: left;
  }
  
  .media {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      border-color:#292929;
  }
  
  .media > a {    
      white-space: nowrap;
      margin: 15px;
  }
  
  .media .media-body h5 {
      font-family: 'Inter', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: -0.04em;
      color: #FFFFFF;
  }
  
  .modal-xl .modal-content {
      width:100%;
  }
  
  .accordion {
      background: #24242A;
      --bs-accordion-bg: #24242A;
  }
  
  .accordion-item {
      border-color: #292929;
  }
  
  .accordion-item a {
      color: white;
  }
  
  .accordion-header .capredtextlink.btn-block.btn-link {
      color:white;
  }
  
  .accordion-header:hover .capredtextlink.btn-block.btn-link {
      color: #7D1B13;
  }
  
  .accordion-header .capredtextlink.btn-block.btn-link[aria-expanded="true"] {
      color: #7D1B13;
  }
  
  .resetfiltersbutton:hover {
      color: #C90D33;
  }
  
  .pinkbutton.clicked {
      background-color: #690700;
  }
  
  .table-greyheader thead th {
      background-color:#24242A !important;
  }
  
  .table-greyheader td,.table-greyheader th {
      border-bottom: 1px solid #24242A !important;
  }
  
  .table-greyheader tbody td {
      background:none !important;
  }
  
  button.symbolbutton {
      border:none;
      background: none;
  }
  
  .greybutton.clicked {
      background:#666667;
  }
  
  a.mydropdownopoption {
      text-decoration: none;
  }
  
  .fullpage .marea {
      width: 100%;    
  }
  
  @media (min-width:576px) {
      .fullpage .marea {
          max-width: calc(100% - 250px) 
      }    
  }
  
  @media (min-width:1440px) {
      .fullpage .marea {
          max-width: 1190px; /*calc(1440px - 250px)*/ 
      }    
  }
  
  .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      isolation: auto;
  }
  
  .eventcard1 {
      min-height: calc(100% - 20px);
  }
  
  .singleline {        
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }
  
  
  @media (min-width:576px) {
      .halfdesk > .eventcard1 > div:first-child {
          width:60%;
          min-width:60%;
          max-width:60%;
      }
  }

  
  .personsection.nomax {
      width:auto;
      margin-right:0px;
  }
  
  
 /* homepage carousel responsive */
.slider-next-holder {
    gap: 0 8px;
}
.carousel-item {
    min-height: 99vh;
}
#homepagesliderdesktop .carousel-inner {
    min-height: 99vh;
}
@media (min-width: 575px) {
    #homepagesliderdesktop .carousel-inner {
        min-height: 624px;
    }
    .carousel-item {
        min-height: 624px;
    }
    .carousel-item > .slider-holder > .title {
        font-size: 56px;
        line-height: 56px;
    }
}
@media (min-width: 768px) {
    #homepagesliderdesktop .carousel-inner {
        min-height: 726px;
    }
    .carousel-item {
        min-height: 726px;
    }
    .carousel-item > .slider-holder > .title {
        font-size: 56px;
        line-height: 56px;
    }
}
@media (min-width: 992px) {
    #homepagesliderdesktop .carousel-inner {
        min-height: 726px;
    }
    .carousel-item {
        min-height: 726px;
    }
    .carousel-item > .slider-holder > .title {
        font-size: 56px;
        line-height: 56px;
    }
}
@media (min-width: 1200px) {
    #homepagesliderdesktop .carousel-inner {
        min-height: 726px;
    }
    .carousel-item {
        min-height: 726px;
    }
    .carousel-item > .slider-holder > .title {
        font-size: 70px;
        line-height: 70px;
    }
}
@media (min-width: 1400px) {
    #homepagesliderdesktop .carousel-inner {
        min-height: 726px;
    }
    .carousel-item {
        min-height: 726px;
    }
    .carousel-item > .slider-holder > .title {
        font-size: 96px;
        line-height: 96px;
    }
} /* Tablet: Nest Hub */
@media (width: 1024px) and (height: 600px) {
    .sliderf-date {
        font-size: 11px;
    }
    #homepagesliderdesktop .carousel-inner {
        min-height: 600px !important;
    }
    .carousel-item {
        min-height: 600px !important;
    }
    .carousel-item > .slider-holder > .title {
        font-size: 70px;
        line-height: 70px;
    }
    .slider-next-left {
        padding-right: 0;
    }
} /* Tablet: Surface Duo */
@media (width: 540) and (height: 720px) {
    .carousel-item > .slider-holder > .title {
        font-size: 60px;
        line-height: 60px;
    }
}
  
  
  
  .flagimage .image {
      height:100%;
      width:100%;
      
      display:flex;
      justify-content: center;
      align-items: center;
  }
  
  
  @media (max-width:576px) {
      .offcanvas {
          width:100% !important;
      }
  }
  
  #tddivisionarea .maintdarea table.comparea tbody.compstbody td  img {
      border-radius:50%;
  }

  /* additional contrast for bright banner images */
  .headergradient2 .specgrad {
    background: linear-gradient(
            291.01deg,
            rgba(15, 15, 19, 0.4) 4.72%,
            rgba(15, 15, 19, 0.324) 15.17%,
            rgba(15, 15, 19, 0) 28.5%
        ),
        linear-gradient(180deg, rgba(15, 15, 19, 0) 31.17%, #0f0f13 100%),
        linear-gradient(
            90deg,
            rgba(15, 15, 19, 0.8) 0%,
            rgba(15, 15, 19, 0.648) 43.94%,
            rgba(15, 15, 19, 0) 100%
        ),
        100%,
        linear-gradient(268deg, rgba(15, 15, 19, 0.5) 1%, transparent 100%);
}

.headergradient2 .specgradm {
    background: linear-gradient(
            180deg,
            rgba(15, 15, 19, 0) 52.04%,
            #0f0f13 100%
        ),
        linear-gradient(
            57.64deg,
            rgba(15, 15, 19, 0.8) 19.4%,
            rgba(15, 15, 19, 0.648) 53.95%,
            rgba(15, 15, 19, 0) 106.66%
        ),
        99%, linear-gradient(268deg, rgba(15, 15, 19, 0.5) 1%, transparent 100%);
 }

.sectional.ddetialsheader .title {
    font-family: 'Barlow Condensed', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #FFFFFF;
}
  
.ddetailsarea {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.7);
}

 
.ddetailsarea strong,
.ddetailsarea .strong {
    font-family: 'Barlow Condensed', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.ddetailsarea .subtitle {
    font-family: 'Barlow Condensed', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #FFFFFF;
}
 
/* Profiles - leftright single column */
@media (max-width: 991px) {
    .leftrightlayout > .right {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        margin-top: 16px;
    }

    .leftrightlayout > .left {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }
}

/* Tournament, Organization profile - help table odd zebra at lg */
@media (max-width: 1200px) {
    .myCard .mobilepricetier.odd.tournament, .myCard .mobilepricetier.odd.organization {
        background: #24242A;
    }
}

.tbody-zebra > tr:nth-of-type(odd) {
    background: #24242A;
  }
  

/* Tournament, Organization profile - margin needed for wider page-widths */
.membershipmobile .membership-action {
    margin-top:10px;
    width:100%;
}

.membership-action.tournament {
    margin-top:10px;
    width:100%;
}

.userdash  .myCard table {     
    width: 100%;
}

/* Carousel - iPhone 13 mini 375x812 */
@media (max-width: 375px) and (max-height:820px) {
    #homepagesliderdesktop .slider-next-holder {
        position: absolute;
        top: 69.002755%;
        bottom: 18.600551%;
        left: 4.2666667%;
        right: 4.2666667%;
    }

    #homepagesliderdesktop .carousel-indicators {
        bottom: 13.917355%;
        left: 4%;
        right: 4.2666667%;
    }

    #homepagesliderdesktop .carousel-control-next {
        top: 68.5%;
        bottom: 18%;
        right: 2%;
        width: 96%;
        background-color: rgba(0,0,0,0);
    }

    #homepagesliderdesktop .slider-holder {
        top: 13.314%;
        left: 4.2667%;
        right: 4.2667%;
        width: 88.88%;
    }
}

.related-products{
  margin-top:60px
}

#languageselectorholder .lang:hover,
#languageselectorholder .lang.clicked {
    color:white;
}



@media (min-width: 992px) {
    .myCard.desktophides + .myCard {
        margin-top:0px;
    }
} 

@media (max-width: 991px) {
    .myCard.mobilehides + .myCard {
        margin-top:0px;
    }
}

.divisions-gap {
    gap:20px;
}

@media (max-width:575px) {
    .divisions-gap {
        gap:16px;
    }
}

@media (max-width:1199px) {
    .divisioncard {
        width: calc(50% - 10px);
    }
}
@media (max-width:767px) {
    .divisioncard {
        width: 100%;
    }
}


.smallerschtable tbody tr td:nth-child(5),
.smallerschtable tbody tr td:nth-child(6),
.smallerschtable tbody tr td:nth-child(7){
    display: none;
}

.smallerschtable tbody tr td,
.smallerschtable thead tr th {
    color:white;
}

.smallerschtable tbody tr td {
    border-width: 1px 0px;
    border-bottom-style: solid;
    border-color: #24242A;
    
    padding:15px;
}

@media (max-width: 800px){
    .smallerschtable tbody tr td:nth-child(2),
    .smallerschtable thead tr th:nth-child(2) {
        display: none;
    }
}

.seatpopover {
    padding:15px;
 
}

.seatpopover a{
    color:white; 
}

.upgradetable {
    color:white;
}

*[data-bs-target="#tddivisionarea"] {
  cursor: pointer;
}

.form-check-input {
  min-width: 1em;
  min-height: 1em;
}

.input-group {
  background: #1A1A20
}

.select2-dropdown--above {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    transform: translateY(49px);
}
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    border-top: none;
}

.tall-iframe iframe {
    min-height: 350px  !important;
    height: 350px !important;
}

.reportingaccordian .accordion-button.collapsed {
    color:white;
}

.reportingaccordian i {
    color:white;
}

#livesummaryfab {
    position: fixed;
    display: block;
    bottom: 20px;
    left: 9px;
    font-size: 1.6em;
    border-radius: 100px;
    padding: 9px 14px;
    color: gold;
    line-height: inherit;
}

.btn.feedbackstar .fas.fa-star{
    display:none
}

.btn-check:active+.btn.feedbackstar .fas.fa-star, .btn-check:checked+.btn.feedbackstar .fas.fa-star, .btn.active.feedbackstar .fas.fa-star, .btn.show.feedbackstar .fas.fa-star, .btn.feedbackstar:active .fas.fa-star, .btn-check.glow+.btn.feedbackstar .fas.fa-star {
    display:inline;
}

.btn-check:active+.btn.feedbackstar .far.fa-star, .btn-check:checked+.btn.feedbackstar .far.fa-star, .btn.active.feedbackstar .far.fa-star, .btn.show.feedbackstar .far.fa-star, .btn.feedbackstar:active .far.fa-star, .btn-check.glow+.btn.feedbackstar .far.fa-star {
    display:none;
}

.hiddenscrollbar  .ajaxbody {
    min-width:8px;
}