/*  Global Club Styles */
.club-no-gradient{
    background: #000000; /* Old browsers */
      background-position: top right;
      background-repeat:no-repeat;
}
.club-gradient
{
background: #000000; /* Old browsers */
background: -moz-linear-gradient(45deg, #000000 74%, #45484d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #000000 74%,#45484d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #000000 74%,#45484d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.club-gradient-alt
{
background: #9d0101; /* Old browsers */
background: -moz-linear-gradient(45deg, #d10022 74%, #9d0101 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #d10022 74%,#9d0101 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #d10022 74%,#9d0101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10022', endColorstr='#9d0101',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.club-gradient.club-gradient-default
{
color:#CCC!important;
}

.club-grey-sub{
    color:#a2a2a2!important;
}

 .btn-club-dark{
  background: #000000; /* Old browsers */
background: -moz-linear-gradient(45deg, #000000 74%, #45484d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #000000 74%,#45484d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #000000 74%,#45484d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
font-size:0.9em;
color:#FFF!important;
-webkit-box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
-moz-box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
}

 .btn-club-dark:hover{
   
  background: rgba(41, 40, 41, 0.9); /* Old browsers */

}

  .btn-club-red{
  background: #bd262c; /* Old browsers */
background: -moz-linear-gradient(45deg, #bd262c 74%, #770b0f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #bd262c 74%,#770b0f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #bd262c 74%,#770b0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd262c', endColorstr='#770b0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
font-size:0.9em;
color:#FFF!important;
-webkit-box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
-moz-box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
}

.btn-club-red.payment{
    display:block;
    width:100%;
}

 .btn-club-red:hover{
   
  background: rgba(41, 40, 41, 0.9); /* Old browsers */

}



/*  Res Detail Page */
.club-header-bar
{
    text-align:center;
    color:#FFF;
    padding:8px 0;
}

.club-header-bar span
{
    display:inline-block;
    padding-right:20px;

}

.club-header-bar a
{
    text-align:center;
    color:#808080;
   
}

.club-offer-panel{
    text-align:center;
    color:#FFF;
    padding:12px 24px 24px 24px;
    border: 4px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size:cover;
}

.club-offer-panel.club-home{
   
    border-top:0!important;

    
}

.club-offer-panel h5, .offer-modal h5{
    padding:6px 0;
    color:#e8e8e8;
}

.club-offer-panel h4{
   
    color:#8e8a8a!important;
}



.club-offer-panel .offer-header, .offer-modal .offer-header{
    
    border-bottom: 1px solid #2f2e2e;
    margin:0 6px 12px 6px;
    padding: 0 0 12px 0;
    display:block;
    text-transform:uppercase;
    font-size:0.8em;
}




.club-offer-panel .offer-terms, .offer-modal .offer-terms{
    
    color:#808080;
    font-size:0.9em;
    display:block;
    margin-top:12px;
}

.club-offer-panel .offer-terms a, .offer-modal .offer-terms a{
    
    color:#808080;

}

.mobile-club-offer{
    display:block;
}

.desktop-club-offer{
    display:none;
}

@media only screen and (min-width: 998px) 
{
    .mobile-club-offer
    {
        display:none;
    }
    .desktop-club-offer
    {
        display:block;
    }
}

@media only screen and (max-width: 992px) {
    .selectPlan.platinum{
        margin-top: 30px;
    }


}


/* HOME PAGE ELEMENTS */
.platinum-header{
    background:#000;
    color:#FFF;
    text-align:center;
   padding:4px;
   margin:0 4px;
}


/*  SIGN UP ACCOUNT PAGES */

body#joinclub
{
    background:#f5f5f5;
}

.club-signup{
    margin:0 24px;
}
.selectPlan {
    padding:48px;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
}

/* section within hardens club */

.selectPlan.clubRegister
{
  -webkit-box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
-moz-box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
box-shadow: 0px 0px 1px 0px rgba(204,202,204,1);
color:#000;
margin-top:48px;
}

.selectPlan.home-benefits
{
  padding: 0 0 0 32px!important;
}



@media (min-width: 992px) 
{
.selectPlan.clubRegister
{
 height:510px;
}
}



.selectPlan .member-choice h3{
    text-transform:uppercase;
    font-size:1.2em;
    margin-bottom:0;
    padding-bottom:0;
}

.selectPlan .member-choice p{
    margin-top:0;
    font-size:0.9em;
}

.selectPlan.reader{
    background:#FFF;
    max-width:580px;
}

.selectPlan.subscriber{
    background:#EFEFEF!important;
    
}
.selectPlan.platinum{
    max-width:580px;
   
}

@media only screen and (min-width: 768px) {
    .club-signup{
    margin:0 0;
}
    .selectPlan {
   
/*    min-height:350px;*/
}

    .selectPlan.platinum{
/*    margin-left:-30px;*/
}

    .selectPlan.reader
    {
/*        margin-top: 24px;*/
    }
}

.selectPlan .benefits{
    margin-bottom:12px;
}

.selectPlan .benefits h5{
    text-transform:uppercase;
    font-weight:bold;
        margin-bottom:0;
}

.selectPlan .join-extra-packages{
    
    text-align:center;
    display:block;
    font-size:0.9em;
}

.selectPlan ul{
    
    padding-left:24px;
}

.selectPlan li{
   
    padding:0 0 4px 0;
    position:relative;
}

.selectPlan li i{
   
    margin-right:10px;
}


.selectPlan .btn-platinum{
   width:100%;
  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(0deg, #ffffff 0%, #f6f6f6 47%, #e6e3e3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(0deg, #ffffff 0%,#f6f6f6 47%,#e6e3e3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(0deg, #ffffff 0%,#f6f6f6 47%,#e6e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e3e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
font-size:0.9em;
border:1px solid #CCC;
color:#333!important;
margin:12px 0;
}

.selectPlan .btn-platinum:hover{
   
  background: #EFEFEF; /* Old browsers */

}


.club-signup span{
    font-size:0.6em;
    text-transform:uppercase;
    display:block;
}


/* OFFER MODAL */


.offer-modal {
  text-align: center;
  padding: 0!important;
}

.offer-modal .close{
    color: #FFF;
    font-size: 24px;
    opacity: 1;
    position: absolute;
    right: 40px;
    z-index:99;
}

.offer-modal h5{
    color:#FFF;
}

.offer-modal .modal-content{
    background:none;
    padding:12px 12px;
}

@media only screen and (min-width: 768px) {
    .offer-modal .modal-content{
        background:none;
        padding:12px 48px;
    }
}

.offer-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.offer-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  background-image:url('model-test.jpg');
  background-position: top right;
  background-repeat:no-repeat;
  background-color:#000;
}

.offer-modal .offer-header{
    color:#FFF;
}

.offer-modal .offer-header img{
    margin-right:12px;
}

.offer-modal .the-offer{
    color:#CCC;
   
}

.offer-modal .the-offer .offer-duration{
    display:inline-block;
    color:#808080;
    padding-top:10px;
   font-size:0.9em;
}

.offer-modal .the-terms{
    margin-top:12px;
    color:#808080;
    font-size:0.9em;
    border:1px solid #808080;
    padding:0 12px 6px 12px;
}

.offer-modal .the-terms .offer-terms
{
    color:#FFF;
    font-size:1em;
    padding-bottom:4px;
}

/*  MEMBER PAGE LOGGED IN */

.side_bar_ul a{
    font-size:0.9em;
}

.side_bar_ul li{
    padding-left:0;
}

.side_bar_ul li.side_bar_selected{
    padding-left:10px;
}

.side_bar_ul {
     margin-top: 0; 
    margin-right: -16px;
}

.member-title-small
{
    margin-bottom:0;
    text-transform:uppercase;
    font-size:0.9em;
    color:#808080;
}
.passport
{
    padding:48px 24px 24px 24px;
    border-radius:5px;
    max-width: 400px;
    margin: 0 auto;
}

.passport .personal .name
{
    color:#FFF;
    font-size:1.2em;
    margin-bottom:0;
}

.passport .personal .member-type
{
    color:#808080;
}

.passport .personal .status-membership
{
    color:#000;
    background:#FFF;
    border-radius:3px;
    display:block;
    text-align:center;
    padding:4px;
    margin: 10px 0;
    text-transform:uppercase;
    font-size:0.8em;
}


.passport .personal .member-table
{
    width:100%;
}

.passport .personal .member-table td
{
    color:#808080;
   font-size:0.9em;
}

.passport .passportfooter
{
    text-align:center;
    margin-top:22px;
}

 .platinum-grid > div{
        min-height:220px;
        position:relative;
        margin-bottom:22px;
      background-color:#000;
      background-position: top right;
      background-repeat:no-repeat;
      border-radius:4px;
    }

 .platinum-grid .platinum-box
 {
     width:100%;
     background: rgba(5, 5, 5, 0);
    background: -moz-linear-gradient(top, rgba(5, 5, 5, 0) 0%, rgba(41, 40, 41, 0.9) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5, 5, 5, 0)), color-stop(100%, rgba(41, 40, 41, 0.9)));
    background: -webkit-linear-gradient(top, rgba(5, 5, 5, 0) 0%, rgba(41, 40, 41, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(5, 5, 5, 0) 0%, rgba(41, 40, 41, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(5, 5, 5, 0) 0%, rgba(41, 40, 41, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(5, 5, 5, 0) 0%, rgba(41, 40, 41, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#292829', GradientType=0 );
 }

  .platinum-grid .platinum-box
    {
        position:absolute;
        bottom:30px;
        bottom: 0;
        padding-left: 22px;
        padding-bottom: 12px;
        padding-left:22px;
    }

    .platinum-grid .platinum-box h5
    {
        color:#FFF;
        font-size:1.4em;
        margin-bottom:0;
    }

     .platinum-grid  a
    {
       position:absolute;
       width:100%;
       height:100%;
       top:0;
       bottom:0;
       left:0;
       right:0;
       color:#FFF;
    }

     .platinum-grid  a:hover
    {
      background: rgba(0, 0, 0, 0.4);
  
    }

 .platinum-grid{
   margin-top: 12px;
    }


@media only screen and (min-width: 768px) {

    .platinum-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 22px;
    }

    .platinum-grid > div{
        min-height:220px;
        position:relative;
        margin-bottom:0;
    }

   


    .span-col-2{grid-column: span 2 / auto;}
}

.no_bookings
{
    margin-top:20px;
}
/* REVIEW TABLE ON MEMEBER PAGE */

.review-diary{
    margin:0 10px;
}

.reviewfeedback-table{
    width:100%;
    table-layout: fixed;    
}

.reviewfeedback-table td{
    padding:12px 0;
    border-bottom:1px solid #CCC;
}

.reviewfeedback-table .calender{
    width:60px;
}

.reviewfeedback-table .fsa{
    width: 160px;
    text-align: center;
}

.reviewfeedback-table .review-image{
    width:75px;
}

.reviewfeedback-table .review-details{
    padding-left:20px;
    word-wrap: break-word;  
}

@media (min-width: 640px) {
    .reviewfeedback-table .review-details{
/*        width:60%;*/
    }
}

.reviewfeedback-table .review-details a{
   
    color:#000;
}

.reviewfeedback-table .review-details span{
    display:block;
    color:#808080;
}

.reviewfeedback-table .review-edit, .reviewfeedback-table .review-delete{
    width: 40px;
    text-align: right;
    cursor: pointer;
}

/* payment Reg Form */

.radio-tile-group .input-container .radio-button:checked + .radio-tile {
    background-color: #bd252c;
    border: 2px solid #bd252c;
    color: white;
    /* transform: scale(1.1, 1.1); */
}

  .radio-tile-group {
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: left;
                  padding-bottom: 12px;
              }

                  .radio-tile-group .input-container {
                      position: relative;
                      /*  height: 7rem;
        width: 7rem;*/
                      margin: 0.5rem;
                  }

                      .radio-tile-group .input-container .radio-button {
                          opacity: 0;
                          position: absolute;
                          top: 0;
                          left: 0;
                          height: 100%;
                          width: 100%;
                          margin: 0;
                          cursor: pointer;
                      }

  .radio-tile-group .input-container .radio-tile {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  width: 100%;
                  height: 100%;
                  border: 2px solid #bd252c;
                  border-radius: 5px;
                  padding: 1rem;
                  transition: transform 300ms ease;
                  /*  background-color: white;*/
              }

              .radio-tile-group .input-container .icon svg {
                  background-color: #bd252c;
                  width: 3rem;
                  height: 3rem;
              }

              .radio-tile-group .input-container .radio-tile-label {
                  text-align: center;
                  font-size: 12px;
                  /*  font-size: 0.75rem;*/
                  font-weight: 700;
                  text-transform: uppercase;
                  letter-spacing: 1px;
                  color: #bd252c;
              }

              .radio-tile-group .input-container .radio-button:checked + .radio-tile {
                  background-color: #bd252c;
                  border: 2px solid #bd252c;
                  color: white;
                  /*  transform: scale(1.1, 1.1);*/
              }

                  .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg {
                      fill: white;
                      background-color: #bd252c;
                      opacity: 1;
                  }

                  .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
                      color: white;
                      background-color: #bd252c;
                  }

              .radio-tile-group .input-container.disabled {
                  opacity: 0.65;
              }