* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: 'Open Sans', 'Helvetica' ;

}



@font-face {

    font-family: 'open_sans';

    src: url('opens_sans.woff2');

}



html, body {

    font-family: 'Open Sans', 'Helvetica' ;

    overflow-x: hidden;

    position: relative;

} 

body{

    height: 100%;

}

@font-face {

    font-family: 'TrueNorth';

    src: url('TrueNorth-Regular/fonts/TrueNorth.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

         url('TrueNorth-Regular/fonts/TrueNorth.woff') format('woff'), /* Modern Browsers */

         url('TrueNorth-Regular/fonts/TrueNorth.ttf')  format('truetype'), /* Safari, Android, iOS */

         url('TrueNorth-Regular/fonts/TrueNorth.svg#svgFontName') format('svg'); /* Legacy iOS */

}



@font-face {

    font-family: 'TrueNorthInlineBlack';

    src: url('TrueNorthInlineBlack.otf');

}

h2.truenorth_ {
    font-weight: 900;
    font-size: 1em;
    text-transform: capitalize;
} 
 
@media (max-width: 768px) {

    .content-banner-images img {
        width: 100%;
    }
}

/* Custom Colors & CSS*/

.bg-green {

    background-color: #96cd10!important;

}

.navbar-brand {

    max-width: 150px;

}



.title h4 {

    text-shadow: 0 0 1.5px #313133 !important;

}

.truenorth {

    font-family: 'TrueNorth', 'Calibri';

    -webkit-font-smoothing: antialiased;

}

.text-green {

    color: #96cd10!important;

}

 

#see_details,

.join_ticks a,

.club_header:link {    

    color:#313133;   

    text-decoration: none;

}



.join_ticks a,

.club_header:visited {    

    color:#313133;    

    text-decoration: none;

}

#see_details,

.join_ticks a,

.club_header:hover {    

    color:#313133;    

    text-decoration: none;

}

#see_details,

.join_ticks a,

.club_header {    

    cursor: pointer;    

    pointer-events: auto;

}

#see_details h2 {

    padding-bottom: 20px;

}



.club_header h4,

.club_header h1 {

    font-size: 3em;

    font-weight: 900;

}



.club_header h1 {

    /*font-size: 3em;*/

    font-size: 35px;

    font-weight: 900;

    text-shadow: 0 0 1.5px #313133 !important;

}



.one_a_day{

    font-size: 1.4em;

}

.one_a_day .truenorth{

    color: #ea4f9d;

    text-shadow: 0 0 1.5px #ea4f9d !important;

}

.first_2_months h4{

    font-size: 35px;

}



.hurry_now h4{

    font-size: 45px;

}



.hurry_man {

    margin-right: calc(100%/2);

    width: 30px;

}



.first_in_line h4{

    font-size: 1.9em;

    font-weight: 800;

}



.register_now h4{

    font-size: 2em;

    font-weight: 800;

}



.join_ticks {

    font-size: 1.2em;

}

.fa-check {

    text-shadow: 0 0 5px #96cd10;

    color: #96cd10;

}



.desc h2 {

    font-size: 1.5em;;

}



ol > li {

    font-size: 20px;

}

.desc h2 {

    font-size: 1.1em;

}

.table td, .table th {

    padding: .1rem;

    font-size: .9rem;

}



.navbar-toggler {

    padding: 0;

}



.form-control {

    color: #6c757d!important;

}



.bg-light-gray {

    background-color: #e9e9e9;

}



.fa-check {

    text-shadow: 0 0 5px #96cd10;

}

.title h4 {

    text-shadow: 0 0 5px #96cd10;

}



.join-btn-wrap {

    text-align: center;    

    position: relative;    

    height: 2.8em;

}

.join-btn-wrap span{

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-weight: bolder;

    font-size: 21px;

    letter-spacing: 0.5px;

}

.join-now:hover, .join-now:focus {

    color: #fff;

}



@keyframes glow {

    0% {

        box-shadow: 0 0 5px rgba(150,205,16,0.4), inset 0 0 5px rgba(150,205,16,0.2), 0 2px 0 transparent;

    }   

    100% {

        box-shadow: 0 0 29px rgba(150,205,16,0.9), inset 0 0 10px rgba(150,205,16,0.6), 0 2px 0 transparent;

    }

}



h1.address__name {

    font-size: 1.8rem;

}



form.join_form .form-control {

    height: calc(1.5em + .75rem + 22px);

}



form.join_form .shadow-btn {

    height: 58px;

    font-size: 1.5rem;

}



form.join_form .shadow-btn:after {

    content: "";

    position: absolute;

    width: 90%;

    right: 0;

    left: 0;

    background-color: rgba(185, 214, 112, 0.79);

    height: 20px;

    bottom: -7px;

    z-index: -1;

    margin: auto;

    transform: skew(0deg, 1deg);

}



#join__form form {

    margin-right: -10px !important;

}

#memberships_counter .text-left p{

    font-size: 2em;

    font-weight: 900;

    line-height: 1em;

    margin-bottom: 0;

}



#memberships_counter h2{

    font-size: 6em;

    font-weight: 900;
    text-align: right;

}

.counter_time .col-sm {
    flex-grow: 0 !important;
}


.counter_time {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.counter_time h1{
    font-size: 1.6em;
    font-weight: 600;
}

.counter_after{
    margin-top: 12em;
}


.club_offers{

    color: #fff;

    padding: 10px 50px;

}

.club_offers ul li {

    font-size: .8rem;

    list-style-type: none;

    margin-bottom: 10px;

}



.club_offers h5 {

    font-size: 1.1rem; 

    font-weight: 600;

    margin-top: 7px;  

}





.club_offers li span {

    display: block;

}

.club_offers .sub_desc {

    font-size: .6rem;

    margin-top: -2px;

}



.black_link_tag h2 {

    font-size: 1em;

}

.bottom_join_now_button:not(.footer-btn){

    height: 58px;

    font-size: 1.5rem;

    margin-bottom: 3rem!important;

}

.bottom_join_now_button:not(.footer-btn):after {

    content: "";

    position: absolute;

    right: -4px;

    left: 3px;

    background-color: rgba(185, 214, 112, 0.79);

    height: 100%;

    bottom: -5px;

    z-index: -1;

    padding-right: 21px;

    margin: auto;

}

.bottom_join_now_button {

    box-shadow: 0 0 4px #96cd10 !important;

}

#join__form {

    margin-bottom: 0 !important;

    padding: 0 !important;

}



.right_notice h2{

    line-height: 100%;
    text-align: center;
}



.left_notice .truenorth:nth-child(2) {

    letter-spacing: 0.6rem;

}

.left_notice .truenorth:nth-child(3) {

    letter-spacing: 1.2rem;

}



/*#memberships_counter .row:nth-child(1){

    padding: 20px 20px 0;

}*/



.sticky_div{

    position: fixed;

    max-height: 100%;

    min-width: 100%;

    z-index: 99;

    bottom: 0;

}

.sticky_bottom{

    position: absolute;

    bottom: 0;    

}



#sticky_bottom {

    background-color: #fff;

    box-shadow: 0px -5px 5px #e3e3e3;

    margin: 0;

    z-index: 99;

    height: 5em;

    min-width: 100%;

    scroll-behavior: smooth;

}



#sticky_bottom button,

.sticky button {

    font-size: 1.5rem;

}



.sticky_bottom_column_1{

    color: #fa4f9d;

}



.sticky_bottom_column_1,

.sticky_bottom_column_2 {

    display: table;

    text-align: center;

    height: 100%;

    font-weight: 600;

    padding: 0;

}



.sticky_bottom_column_1 p,

.sticky_bottom_column_2 div{



    vertical-align: middle;

    display: table-cell;

}



#sticky_bottom .join-now {

    /*height: 0*/

}

.sticky{

    height: 5.2em;

    position: sticky !important;

}

.sticky button{

    font-size: 1.5rem;

}

#memberships_counter{

    position: relative;

}

#sold_out {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

#sold_out img{

    height: 9em

}



 
.dont_miss_out{
    font-size: 2em;
    font-weight: 800;
    padding-top: 20px;
}


#megasale_end_date, .dont_miss_out a{
    color: #313133;
    cursor: pointer;
    pointer-events: auto;
    text-decoration: none;
}
#megasale_end_date h2{
    padding-top: 10px;
}

.collapse {
    cursor: pointer;
}

#memberships_counter {
    text-align: center;
    /*width: 35%;*/
}

.sale_counter_container {
    width: 100%;
    min-height:180px;
}

.sale_counter_container .counter_time,
.sale_counter_container .counter_labels {
    
    text-align: center;
}
.sale_counter_container .counter_time h2{

    font-size: 6em;

}

.counter_labels .truenorth{
    font-size: 1.4em;
    font-weight: bolder;
}

.desc p {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
}

div#memberships_counter .col-6 {
    padding: 0 .4rem;
}



.banner img {

    width: 100%;

}





/* Media Queries */

@media (min-width: 1200px){

    .container {

        max-width: 850px;

    }

}





@media (min-width: 1200px){

    .container {

        max-width: 850px;

    }

}



@media (min-width: 992px){

    .table td, 

    .table th {

        color: #fff;

    }



    .address__txt, 

    .phone__txt, 

    .hours__txt, 

    .hours p {

        font-size: .9rem;

        color: #fff!important;

    }



    .address__name {

        color: #fff;

    }



    .svg-inline--fa {

        color: rgba(255, 255, 255,0.8)!important;

        width: 30px;

    }

 


    .title img {

        max-width: 250px;

    }



    iframe#wynnum, 

    iframe#coopers_plains {

        height: 1400px;

    }



    iframe#oxley {

        height: 2040px;

    }



/*    #memberships_counter  .left_notice{

        height: fit-content;

    }*/

} 

@media (max-width: 991px){

    .contact iframe {

        height: 400px;

    }



    .contact .bg-green {

        background-color: #f6f8f3!important;

    }



    .address__txt, 

    .phone__txt, 

    .hours__txt,

    .hours p {

        font-size: .9rem;

        color: #444!important;

    }



    .svg-inline--fa {

        width: 30px;

    }



    .title--main .display-4 {

        font-size: 2rem;

    }

 



    .title h2 {

        font-size: 1.5rem;

    }



/*    .banner img {

        max-width: 500px;

    }*/



    .title img {

        max-width: 250px;

    }



    #iframe {

        height: 2395px;

    }



    iframe#coopers_plains,

    iframe#wynnum {

        height: 1600px;

    }



    iframe#oxley {

        height: 2400px;

    }



  /*  .banner img {

        max-width: 100%;

    }
*/


    .club_header h1,

    .club_header h4 {

        font-size: 2em;

    }

    .club_offers {

        background-color: #f6f8f3 !important;

        color: #313133;        

    }

    .club_offers i{

        color: #85cf00;

    }
 
    #memberships_counter  .left_notice {

        padding: 0;

    }

    .dont_miss_out {
        font-size: 2.5em;
    }

}

@media(max-width: 768px){

    .register_now h4{

        font-size: 1.8em;

    }

}

@media(max-width: 767px){

    .dont_miss_out {
        font-size: 1.6em;
    }
}


@media(max-width: 576px) {

    .dont_miss_out {
        font-size: 1.4em;
    }

    .register_now h4{

        font-size: 1.4em;

    }

    #see_details h2 {

        font-size: 1em;

        padding: 20px;

    }



    .stick_footer button,

    #sticky_bottom  button,

    .sticky_bottom_column_1 p{

        font-size: .8rem;

    }

}

@media(max-width:415px) {
    .dont_miss_out {
        font-size: 1.6em;
    }    
}

@media(max-width:415px){

    .title h2 {

        font-size: 1.2rem;

    }



    .title--main .display-4 {

        font-size: 1.5rem;

    }



    .join_question {

        font-size: 16px;

    }



    ol > li {

        font-size: 16px;

    }



    .banner img {

        /*max-width: 320px;*/

    }



    .title img {

        max-width: 180px;

    }



    .expiry-text {

        font-size: 18px;

    }



    .desc h2 {

        font-size: 1em;

    }



    .title h4 {

        font-size: 1rem;

    }

    .join-btn-wrap span{

        font-size: 18px;

    }

    #memberships_counter .text-left p{

        font-size: 2.2em;

    }

    .club_header h4,

    .club_header h1 {

        font-size: 1.5em;

    }



    #memberships_counter .text-left p {

        font-size: 1.7em;

    }

    #memberships_counter .text-left p {

        /*font-size: 2em;*/

        font-weight: 900;

        line-height: 1em;

        margin-bottom: 0;

    }      

    .dont_miss_out {
        font-size: 1.2em;
    }

}





@media(max-width:375px){

 

    .title h2 {

        font-size: 1rem;

    }



    .title--main .display-4 {

        font-size: 1.3rem;

    }



    .desc h2 {

        font-size: .7em;

    }



    .join_question {

        font-size: 14px;

    }



    ol > li {

        font-size: 14px;

    }



    .title img {

        max-width: 120px;

    }



    .join-now img {

        max-width: 160px;

    }



    .expiry-text {

        font-size: 16px;

    }

    .join-btn-wrap{

        height: 2em;

    }

    .join-btn-wrap span {

        font-size: 14px;

    }



    #memberships_counter h2 {

        font-size: 5.6em;

        font-weight: 900;

        /*transform: scale(.7, 1);*/

        transform-origin: right;

    }

    #memberships_counter .row:nth-child(1){

        padding: 0;

    }

    #see_details h2 {

        font-size: .9em;

        padding: 20px 0;

    }



    .sticky_footer button,

    #sticky_bottom button{

        font-size: .7em;;

    }

    .sticky_bottom_column_1 p{

        text-align: right;

    }

    .sticky_bottom_column_1 p {

        font-size: .6em;

    }

    #sold_out img {

        height: 7.5em;

    }
    .dont_miss_out {
        font-size: 1em;
    }
}


@media all and (max-width: 479px) {
 .counter_time {
    display: flex;
    flex-flow: row;
	left: initial;
    transform: initial;
	font-size: 14px;
}
}


.value-bundle {
    width: 377px;
    margin: 0 auto;
    border: 1px solid #A4D923;
}

.value-bundle h2 {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

.value-bundle li {
    list-style: none;
    margin-bottom: 1.5em;
    font-size: 13px;
    color: #313133;
}
.value-bundle li:before {
    content: '\2022';
    padding-right: 6px;
}

.form-control {
    border: 1px solid #767676;
        font-style: italic;
}


.form-after button:after {
    content: '>';
    background: #f845e6;
    color: #fff;
    padding: 0px 20px;
    /* transform: translateX(0%); */
    width: 17%;
    height: 100%;
    display: inline;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 28px;
    vertical-align: middle;
}