@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=22a4e6c1-0635-4084-aaae-8dd15acb60e8");

@font-face {
    font-family: "Futura W01_n2";
    src: url("/buildassets/responsive/fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot?#iefix") format("eot");
}

@font-face {
    font-family: "Futura";
    src: url("/buildassets/responsive/fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot?#iefix");
    src: url("/buildassets/responsive/fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot?#iefix") format("eot"),url("/buildassets/responsive/fonts/4d0e252c-d811-4a5d-a7f3-6ad72c6b76f2.woff") format("woff"),url("/buildassets/responsive/fonts/54250d43-02be-4ff9-b802-a4ea104a0611.ttf") format("truetype"),url("/buildassets/responsive/fonts/15c556fc-4608-4b01-8a0d-9c8631c8bd74.svg#15c556fc-4608-4b01-8a0d-9c8631c8bd74") format("svg");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Futura W01_n7";
    src: url("/buildassets/responsive/fonts/da0637f7-7e81-4cbc-9f65-cfc35a127c4c.eot?#iefix") format("eot");
}

@font-face {
    font-family: "Futura";
    src: url("/buildassets/responsive/fonts/da0637f7-7e81-4cbc-9f65-cfc35a127c4c.eot?#iefix");
    src: url("/buildassets/responsive/fonts/da0637f7-7e81-4cbc-9f65-cfc35a127c4c.eot?#iefix") format("eot"),url("/buildassets/responsive/fonts/f181fec3-5b1b-4e9f-94b6-e0d7150d1fbf.woff") format("woff"),url("/buildassets/responsive/fonts/65ebb7f6-a11e-4744-8066-aa7029a5ba38.ttf") format("truetype"),url("/buildassets/responsive/fonts/e23b4b94-7fc3-4dba-8b18-ec8ae6f0563f.svg#e23b4b94-7fc3-4dba-8b18-ec8ae6f0563f") format("svg");
    font-weight: 700;
    font-style: normal;
}
/* Reset */

html, button, input, select, textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    overflow-y: scroll;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.5em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em;
    font-size: 1.5em;
}
/* END Reset */ /*============================================================*\		$320 - Default & anything below 321px\*============================================================*/

html {
    min-height: 100%;
    height: 100%;
    font-size: 62.5%;
    font-family: Arial,Helvetica,sans-serif;
    color: #000;
}

body {
    min-height: 100%;
    height: 100%;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

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

a {
    text-decoration: none;
    outline: none !important;
}

strong {
    font-weight: 700;
}

.container {
    min-width: 320px;
}

iframe {
    background-color: #e1e1e1;
}
/*============================================================*\		$HEADER\*============================================================*/

.header {
    background-color: #1e965e;
    background-image: url(/buildassets/responsive/images/320/header-bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 85px;
}

.header-wrapper {
    background-image: url(/buildassets/responsive/images/320/header-wrapper-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 85px;
    max-width: 950px;
    margin: 0 auto;
}

.header-logo {
    top: 19.411764705882353%;
    left: 6.25%;
    position: absolute;
    width: 57.34375%;
    display: inline-block;
    max-width: 184px;
}

    .header-logo img {
        width: 100%;
        height: auto;
    }

.call-us {
    display: none;
}
/*============================================================*\		$SEARCH\*============================================================*/

.search-toggle {
    width: 7.96875%;
    height: 32.35294117647059%;
    display: inline-block;
    background-image: url(/buildassets/responsive/images/320/search-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 52.35294117647059%;
    right: 8.125%;
    cursor: pointer;
}

.search-form-wrapper {
    display: none;
    width: 100%;
    background-color: #1e965e;
    background-image: url(/buildassets/responsive/images/320/header-bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 205; /* original value + 200, re: cycle2 plugin */
}

.search-toggle.active + .search-form-wrapper {
    display: block;
}

.search-form {
    width: 87.5%; /* 560px */
    height: 85px;
    margin: 0 auto;
}

    .search-form label {
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-weight: 700;
        letter-spacing: .04em;
        font-size: 1.7em;
        color: #fff;
        display: block;
        padding: 10px 0 0;
    }

.search-text {
    width: 68.92857142857143%; /* 386px */
    height: 42px;
    border: 1px solid #999;
    display: inline-block;
    padding: 0 0.6666666666666666em;
    font-size: 1.5em;
    font-family: Arial,Helvetica,sans-serif;
}

.search-button {
    font-size: 2.2em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    line-height: 1em;
    display: inline-block;
    border-radius: .4629629629629629em;
    border: none;
    height: 44px;
    vertical-align: middle;
    padding: 0 .5em;
    float: right;
    cursor: pointer; /*____ Gradient ____ */
    background: #bed62f;
    background: -moz-linear-gradient(top, #bed62f 0%, #77b21d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bed62f), color-stop(100%,#77b21d));
    background: -webkit-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: -o-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: -ms-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: linear-gradient(to bottom, #bed62f 0%,#77b21d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed62f', endColorstr='#77b21d',GradientType=0 );
}

    .search-button:hover { /*____ Gradient ____ */
        background: #77b21d;
        background: -moz-linear-gradient(top, #77b21d 0%, #bed62f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b21d), color-stop(100%,#bed62f));
        background: -webkit-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: -o-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: -ms-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: linear-gradient(to bottom, #77b21d 0%,#bed62f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b21d', endColorstr='#bed62f',GradientType=0 );
    }

    .search-button:focus, .search-button:active {
        padding-top: 1px;
    }

.search-underlay {
    display: none;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 204; /* original value + 200, re: cycle2 plugin */
}

.search-toggle.active ~ .search-underlay {
    display: block;
}
/*============================================================*\		$NAV\*============================================================*/

.main-nav {
    position: relative;
}

.menu-toggle {
    width: 100%;
    height: 5em;
    position: relative;
    cursor: pointer; /*____ Gradient ____ */
    background: #00ab9c;
    background: -moz-linear-gradient(top, #00ab9c 0%, #018378 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ab9c), color-stop(100%,#018378));
    background: -webkit-linear-gradient(top, #00ab9c 0%,#018378 100%);
    background: -o-linear-gradient(top, #00ab9c 0%,#018378 100%);
    background: -ms-linear-gradient(top, #00ab9c 0%,#018378 100%);
    background: linear-gradient(to bottom, #00ab9c 0%,#018378 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ab9c', endColorstr='#018378',GradientType=0 );
}

    .menu-toggle:before {
        width: 21px;
        height: 20px;
        content: "";
        background-image: url(/buildassets/responsive/images/320/menu-toggle-bg.png);
        background-size: cover;
        display: inline-block;
        position: absolute;
        top: 31%;
        left: 6.25%;
    }

    .menu-toggle:after {
        content: "Menu";
        display: inline-block;
        font-size: 2.7em;
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-weight: 700;
        letter-spacing: .04em;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
        position: relative;
        left: 15.625%;
        line-height: 1.8518518518518516em;
    }

.nav {
    display: none;
    position: absolute;
    top: 5em;
    width: 100%;
    z-index: 203; /* original value + 200, re: cycle2 plugin */ /*____ Gradient ____ */
    background: #00ab9c;
    background: -moz-linear-gradient(top, #00ab9c 0%, #018378 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ab9c), color-stop(100%,#018378));
    background: -webkit-linear-gradient(top, #00ab9c 0%,#018378 100%);
    background: -o-linear-gradient(top, #00ab9c 0%,#018378 100%);
    background: -ms-linear-gradient(top, #00ab9c 0%,#018378 100%);
    background: linear-gradient(to bottom, #00ab9c 0%,#018378 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ab9c', endColorstr='#018378',GradientType=0 );
}

.menu-toggle.active + .nav {
    display: block;
}

.nav a {
    font-size: 2.7em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    line-height: 1.8518518518518516em;
    padding: 0 6.25%;
    display: block;
    border-top: 1px solid transparent;
}

    .nav a:hover, .nav .on {
        color: #1e965e;
        background-color: #eee;
        text-shadow: none;
        border-top: 1px solid #018479;
        border-top: 1px solid rgba(1,132,121,0.2);
    }
/*============================================================*\		$CONTENT\*============================================================*/

.content-wrapper {
    position: relative;
}

.content {
    width: 91.53645833333334%;
    max-width: 950px;
    margin: 0 auto;
}

.slideshow {
    width: 100%;
    height: 100px;
    background-color: #ebebeb;
    margin-top: 1em;
}

.main {
    margin-top: 85px;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    z-index: 201; /* original value + 200, re: cycle2 plugin */
}
/*============================================================*\		$HOME\*============================================================*/

.for-members, .for-employers {
    background-color: #1e965e;
    border-radius: 7px;
    margin-top: 1em;
}

    .for-members h1 a, .for-employers h1 a {
        font-size: 2.5em;
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-weight: 200;
        color: #fff;
        display: block;
        line-height: 1em;
        padding: .44em .64em;
        background-color: #1e965e;
        background-image: url(/buildassets/responsive/images/320/lines-bg.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 7px 7px 0 0;
    }

        .for-members h1 a strong, .for-employers h1 a strong {
            letter-spacing: .04em;
        }

    .for-members img, .for-employers img {
        width: 100%;
        height: auto;
    }

    .for-members ul, .for-employers ul {
        margin: 1.5em 0;
    }

        .for-members ul li, .for-employers ul li {
            background-image: url(/buildassets/responsive/images/320/arrow-bullet.png);
            background-position: left .6em;
            background-repeat: no-repeat;
            background-size: 4px 7px;
            padding: 0 2.6785714285714284%;
            margin: 0 5.714285714285714% .5em;
        }

        .for-members ul a, .for-employers ul a, .for-members p a, .for-employers p a {
            font-size: 1.4em;
            color: #fff;
        }

            .for-members ul a:hover, .for-employers ul a:hover, .for-members p a:hover, .for-employers p a:hover {
                text-decoration: underline;
            }

    .for-members p, .for-employers p {
        border-top: 2px dotted #fff;
        background-image: url(/buildassets/responsive/images/320/arrow-bullet.png);
        background-position: left 1.5em;
        background-repeat: no-repeat;
        background-size: 4px 7px;
        padding: 0.9333333333333332em 2.6785714285714284%;
        margin: 0 5.714285714285714%;
        font-weight: bold;
    }

.feat {
    clear: both;
}

    .feat .btnMemberLogin, .feat .btnSessionSignup {
        float: right;
    }

    .feat h3, .rightFeature > h3 {
        height: 65px;
        margin-top: 8.25px;
        position: relative;
        border-radius: 7px;
        background-image: url(/buildassets/responsive/images/320/lines-bg.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        float: left;
        overflow: hidden;
    }

        .feat h3:hover, .rightFeature > h3:hover {
            opacity: 0.90;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
        }

        .feat h3 a, .rightFeature > h3 a {
            position: absolute;
            display: block;
            height: 65px;
            width: 100%;
            font-family: "Futura",Arial,Helvetica,sans-serif;
            font-weight: 200;
            font-size: 2.25em;
            color: #fff;
            position: absolute;
            top: 50%;
        }

            .feat h3 a span, .rightFeature > h3 a span {
                margin: 0 0 0 15px;
            }

            .feat h3 a strong, .rightFeature > h3 a strong {
                margin: 0 0 0 15px;
                position: relative;
                top: -0.515625em;
            }

.btnClubSuper a {
    margin-top: -0.6875em;
}

.btnMemberLogin a, .callMem a, .memberLogin a, .btnBecomeMember a, .btnEmployerLogin a, .callEmp a, .employerLogin a, .btnJoinAsEmployer a, .btnSessionSignup a {
    margin-top: -1.15em;
}

.btnClubSuper span:after, .btnMemberLogin strong:after, .callMem strong:after, .memberLogin strong:after, .employerLogin strong:after, .btnBecomeMember strong:after, .btnEmployerLogin strong:after, .callEmp strong:after, .btnJoinAsEmployer strong:after, .btnSessionSignup strong:after {
    content: "";
    width: 7px;
    height: 11px;
    background-image: url("/buildassets/responsive/images/320/arrow-bullet-large.png");
    background-repeat: no-repeat;
    background-size: 7px 11px;
    display: inline-block;
    margin-left: 10px;
}

.btnClubSuper {
    background-color: #8eb22f;
    width: 100%;
}

.btnMemberLogin, .callMem, .memberLogin, .btnBecomeMember {
    background-color: #019388;
    width: 100%;
}

.btnEmployerLogin, .callEmp, .employerLogin, .btnJoinAsEmployer {
    background-color: #1e965e;
    width: 100%;
}

.btnSessionSignup {
    background-color: #4ea53d;
    width: 100%;
}

.btnClubSuper, .btnEmployerLogin, .btnMemberLogin, .btnSessionSignup {
    width: 100%;
}

.rightFeature img {
    display: block;
    width: 100%;
    height: auto;
    background-color: #ebebeb;
    margin: 1em 0;
}

.icons, .aboutTitle {
    width: 100%;
    margin-top: 15px !important;
    height: auto !important;
    border-radius: 0 !important;
}

    .icons:hover {
        opacity: 1 !important;
    }

    .icons img {
        width: 50%;
        height: auto;
    }

.aboutTitle {
    border-radius: 0;
    font-size: 2.75em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin: 1.0909090909090908em 0 0;
    color: #019388;
    clear: both;
}

.feat p {
    font-size: 1.8em;
    line-height: 1.2777777777777777em;
    clear: both;
}

    .feat p strong {
        font-size: 1.1111111111111112em;
    }

.find-out-more {
    font-size: 1.8em;
    color: #019388;
    font-weight: bold;
    background-image: url(/buildassets/responsive/images/320/arrow-bullet-blue.png);
    background-position: left .3em;
    background-repeat: no-repeat;
    background-size: 6px 10.5px;
    padding-left: .8em;
    display: block;
    margin: .6666666666666666em .2777777777777778em;
}

    .find-out-more:hover {
        text-decoration: underline;
    }
/*============================================================*\		$MEMBERS\*============================================================*/

.panels {
    width: 100%;
    overflow: hidden;
    margin-top: 1em;
}

.no-js .panels {
    max-height: 285px;
    overflow: hidden;
}

.panels, .slide {
    max-height: 134px;
    min-height: 134px;
}

.slide-content {
    max-height: 134px;
}

.slide {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slide--single {
    margin-top: 20px;
}

    .slide img {
        border-radius: 7px;
        width: 100%;
        height: auto;
        min-height: 134px;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .slide .slide-content {
        background: url(/buildassets/responsive/images/320/slide-content-base.png) no-repeat bottom center;
        background-size: 100% auto;
        bottom: 0;
        right: 0;
        padding-bottom: 10px;
        position: absolute;
        height: auto;
        width: 100%;
        z-index: 2;
    }

    .slide span {
        display: block;
        color: #fff;
        line-height: 1.2em;
        margin-bottom: 3px;
        text-align: right;
        position: relative;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-size: 1.8em;
        z-index: 2;
        padding: 0 10px;
    }

    .slide .one {
        font-weight: bold;
    }

    .slide__find-out-more {
        color: #fff;
        position: relative;
        display: inline-block;
        background-color: #1f975e;
        padding: .3em .5em;
        font-weight: bold;
        z-index: 2;
        float: right;
        margin-top: 5px;
        margin-right: 10px;
    }

        .slide:hover .slide__find-out-more, 
        .slide:active .slide__find-out-more, 
        .slide:focus .slide__find-out-more {
            background-color: #8EB22F;
        }

    .slide[href=""] {
        cursor: default;
        pointer-events: none;
    }

.membersIntroduction h2, 
.employersIntroduction h2, 
.clearLeft h2,
.heading-2 {
    font-size: 2.75em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #019388;
    margin: .7407407407407407em 0;
    line-height: 1em;
}

.heading-3 {
    font-size: 1.6em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #019388;
    margin: .7407407407407407em 0;
    line-height: 1em;
}

.membersIntroduction p, .employersIntroduction p, .pageIntroduction p, .pageContent p, .pageContent li, .pageIntroduction li {
    font-size: 1.5em !important;
    line-height: 1.2666666666666666em;
    clear: left;
}

    .pageContent li p {
        font-size: 1em !important;
    }

    .pageContent li li, .pageIntroduction li li {
        font-size: 1em !important;
    }

    .pageContent li li, .pageIntroduction li li {
        font-size: 1em !important;
    }

.pageIntroduction ul, .pageContent ul {
    list-style: disc outside none;
    margin: 1em 2em;
}

.pageIntroduction ol, .pageContent ol {
    list-style: decimal outside none;
    margin: 1em 2em;
}

.pageIntroduction li, .pageContent li {
    margin-bottom: .5em;
}

.membersIntroduction a, .employersIntroduction a, .pageIntroduction a, .pageContent a {
    color: #029e90;
}

    .membersIntroduction a:hover, .employersIntroduction a:hover, .pageIntroduction a:hover, .pageContent a:hover {
        text-decoration: underline;
    }

.membersLogin, .employersLogin {
    border-radius: 7px;
    background-color: #029e90;
    margin: 1em 0;
}

.employersLogin {
    background-color: #1E965E;
}

    .membersLogin h3, .employersLogin h3 {
        background-color: #019C8F;
        background-image: url(/buildassets/responsive/images/320/lines-bg.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 7px 7px 0 0;
        box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1) inset;
    }

    .employersLogin h3 {
        background-color: #1E965E;
    }

        .membersLogin h3:hover, .employersLogin h3:hover {
            background-color: #00AD9E;
            box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.2) inset;
            -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.2) inset;
            -moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.2) inset;
        }

        .employersLogin h3:hover {
            background-color: #1DA465;
        }

        .membersLogin h3 a, .employersLogin h3 a {
            display: block;
            font-family: "Futura",Arial,Helvetica,sans-serif;
            font-weight: 200;
            font-size: 2.75em;
            padding: 0.7636363636363637em 0.45454545454545453em;
            color: #fff;
            line-height: 1em;
        }

            .membersLogin h3 a span, .employersLogin h3 a span {
                background-image: url(/buildassets/responsive/images/320/arrow-bullet-large.png);
                background-position: right .55em;
                background-repeat: no-repeat;
                background-size: 7px 10.5px;
                padding-right: .8em;
            }

            .membersLogin h3 a strong, .employersLogin h3 a strong {
                display: inline-block;
                clear: both;
            }

    .membersLogin p, .employersLogin p {
        color: #fff;
        font-size: 1.5em;
        line-height: 1.2666666666666666em;
        margin: 0 1em;
        padding: .9333333333333332em 0;
    }

    .membersLogin .border, .employersLogin .border {
        border-top: 2px dotted #fff;
    }

    .membersLogin p a, .employersLogin p a {
        display: block;
        color: #fff;
    }

        .membersLogin p a:hover, .employersLogin p a:hover {
            text-decoration: underline;
        }

.features {
    float: left;
    margin-top: 1em;
    width: 100%;
}

    .features .item, .ourServicesFeature {
        border: 1px solid #019388;
        border-radius: 7px;
        margin-top: 1em;
    }

        .features .item h3, .ourServicesFeature h4 {
            font-size: 2.25em;
            font-family: "Futura",Arial,Helvetica,sans-serif;
            font-weight: 700;
            text-align: center;
            color: #019388;
            padding: .6666666666666666em .2em .48888888888888893em;
        }

        .features .item img, .ourServicesFeature img {
            display: block;
            width: 100%;
            height: auto;
            background-color: #ebebeb;
        }

        .features .item p, .ourServicesFeature p {
            font-size: 1.5em;
            line-height: 1.2666666666666666em;
            padding: 1em;
        }

        .features .item ul, .ourServicesFeature ul {
            font-size: 1.5em;
            line-height: 1.2666666666666666em;
            padding: 0 1em 1em;
        }

        .features .item li, .ourServicesFeature li {
            background-image: url(/buildassets/responsive/images/320/arrow-bullet-dark.png);
            background-position: left .3em;
            background-repeat: no-repeat;
            background-size: 6px 10.5px;
            margin: 0 .5em;
            padding: 0 1em;
        }

            .features .item li a, .ourServicesFeature li a {
                color: #000;
            }

                .features .item li a:hover, .ourServicesFeature li a:hover {
                    text-decoration: underline;
                }
/*============================================================*\		$SUPERCLUB\*============================================================*/

.clubCardSearch {
    background: #029E90;
    border-radius: 7px;
    margin: 1em 0;
    padding: 0 0 2em;
    float: left;
    clear: both;
    width: 100%;
}

    .clubCardSearch h3 {
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-weight: normal;
        font-size: 2.5em;
        padding: .4em 0;
        color: #fff;
        text-align: center;
        background-image: url(/buildassets/responsive/images/320/lines-bg.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 7px 7px 0 0;
        box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1) inset;
    }

    .clubCardSearch h4 {
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-weight: normal;
        font-size: 2em;
        padding: .5em 0;
        margin: 0 .5em .75em;
        color: #fff;
        border-bottom: 1px dotted #fff;
        text-align: center;
    }

        .clubCardSearch h4 strong {
            font-weight: 700;
        }

    .clubCardSearch > table {
        float: left;
        clear: both;
        border-collapse: collapse;
        width: 100%;
    }

    .clubCardSearch td {
        padding: 0;
        display: block;
        margin-bottom: 1em;
    }

    .clubCardSearch label {
        display: block;
        color: #fff;
        font-size: 1.5em;
        margin: 0 5%;
    }

    .clubCardSearch input, .clubCardSearch select {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.5em;
        border: 1px solid #7F9DB9;
        height: 3em;
        line-height: 2em;
        width: 80%;
        display: block;
        margin: 0 5%;
        padding: 0 5%;
    }

    .clubCardSearch select {
        padding: .5em 4%;
        width: 90%;
        cursor: pointer;
    }

    .clubCardSearch .btnSearch {
        width: 90%;
    }

#autoComplete {
    font-size: 1.5em;
}

    #autoComplete div {
        padding: .5em !important;
        cursor: pointer !important;
    }

.superSearch {
    margin: 1em 0 !important;
}

    .superSearch li {
        list-style-type: none;
        margin: 0 0 1em;
        padding: 0 0 1em;
        border-bottom: 2px dotted #8EB22F;
    }

        .superSearch li > a {
            display: block;
            margin: 1em 0;
        }

    .superSearch a img {
        display: block;
        margin: 0 auto;
        background-color: #ebebeb;
    }

    .superSearch h4 {
        clear: both;
    }

.offerDetails h4 {
    font-size: 1.5em;
}

.offerDetails .ttlLocation {
    color: #019388;
    margin: 1em 0 .2em;
}

    .offerDetails .ttlLocation + img {
        width: 100%;
        height: auto;
    }

.clubCardSearch .errorMessage {
    margin: 0 auto 1em;
    width: 80%;
}

.btnPrintOffer {
    color: #fff !important;
    font-size: 2em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: normal;
    width: 90%;
    padding: .5em 5%;
    border-radius: 5px;
    display: block;
    text-align: center;
    margin-top: 1em; /*____ Gradient ____ */
    background: #bed62f;
    background: -moz-linear-gradient(top, #bed62f 0%, #77b21d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bed62f), color-stop(100%,#77b21d));
    background: -webkit-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: -o-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: -ms-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: linear-gradient(to bottom, #bed62f 0%,#77b21d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed62f', endColorstr='#77b21d',GradientType=0 );
}

    .btnPrintOffer:hover {
        text-decoration: none !important; /*____ Gradient ____ */
        background: #77b21d;
        background: -moz-linear-gradient(top, #77b21d 0%, #bed62f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b21d), color-stop(100%,#bed62f));
        background: -webkit-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: -o-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: -ms-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: linear-gradient(to bottom, #77b21d 0%,#bed62f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b21d', endColorstr='#bed62f',GradientType=0 );
    }

    .btnPrintOffer:before {
        background-image: url("/buildassets/responsive/images/print-icon.png");
        background-size: cover;
        bottom: 0.3em;
        content: "";
        display: inline-block;
        height: 16px;
        margin: 0 0.5em 0 0;
        position: relative;
        vertical-align: text-bottom;
        width: 16px;
    }

.backToSearch {
    color: #77B21D !important;
    font-size: 1.5em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: normal;
    width: 90%;
    margin: 2em 5%;
    padding: .5em 0;
    display: block;
    text-align: center;
}

    .backToSearch:before {
        content: "<";
        display: inline-block;
        padding-right: 0.5em;
        position: relative;
        top: -0.1em;
    }

.pagination {
    text-align: center;
    font-size: 1.5em;
}

    .pagination .nextBtn {
        float: right;
    }

    .pagination .prevBtn {
        float: left;
    }

    .pagination .pageNumbers a, .pagination .pageNumbers span {
        display: inline-block;
        padding: .2em;
    }
/*============================================================*\		$EMPLOYERLOGIN\*============================================================*/

#aspnetForm .employerLogin {
    background-color: transparent;
}

.employerLogin {
    width: 100%;
}

.loginNow, .notRegistered {
    display: block;
    clear: both;
    background: none #DAE7E6;
    float: left;
    margin: 1em 0;
    border: 1px solid #00AA99;
    border-radius: 7px;
    width: 100%;
}

.loginHeader {
    background: none;
    float: none;
    padding: 0;
    width: 100%;
}

.loginFooter {
    background: none;
    float: none;
    padding: 0;
    width: 100%;
}

.loginNow h3, .notRegistered h3 {
    background: none;
    height: auto;
    text-indent: 0;
    width: auto;
    font-size: 2.275em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #019388;
    margin: .7407407407407407em .6593406593406593em;
    line-height: 1em;
}

.loginNow table {
    width: 96%;
    margin: 0 auto;
}

.loginNow td {
    padding: 0;
    width: 100%;
    float: left;
    clear: both;
    margin-top: .5em;
}

    .loginNow td[align="right"] {
        text-align: left;
    }

        .loginNow td[align="right"] input {
            margin: 0 .3em .5em;
        }

.loginNow label {
    display: inline-block;
    margin: 0 0.5em 0.3em;
    font-size: 1.5em;
}

.loginNow .textBox {
    width: 90%;
    border: 1px solid #7F9DB9;
    display: block;
    height: 3em;
    line-height: 2em;
    margin: 0 auto 1em;
    padding: 0 2%;
    font-size: 1.5em;
}

.loginNow a {
    font-size: 1.5em;
    margin: 0 1em 1em;
    display: block;
}

.loginNow p, .notRegistered p {
    font-size: 1.5em;
    margin: 0 1em 1em;
}

.loginNow a, .notRegistered a {
    color: #029E90;
}

.loginNow .btnLogin {
    width: 95%;
}

.forgotPassPanel {
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.5);
    border-radius: 7px;
}

    .forgotPassPanel .loginNow {
        margin: 0;
    }

    .forgotPassPanel .textBox {
        width: 86%;
    }

        .forgotPassPanel .textBox ~ input {
            display: block;
            width: 43%;
        }

input[value="Send"] {
    float: left;
    margin: 0 0 .5em .5em;
}

input[value="Cancel"] {
    background: none transparent !important;
    color: #999 !important;
    float: right;
    font-size: 2em !important;
    margin: 0.3em 0.5em 0.5em 0;
    text-shadow: none !important;
}

    input[value="Cancel"]:hover {
        color: #666 !important;
    }
/*============================================================*\		$SUPERANNUATION ACCOUNT\*============================================================*/

.resources {
    border-radius: 7px;
    background-color: #CED4B9;
    margin-top: 1em;
    float: left;
    width: 100%;
}

    .resources h4 {
        background-color: #8EB22F;
        background-image: url(/buildassets/responsive/images/320/lines-bg.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 7px 7px 0 0;
        box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1) inset;
        display: block;
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-weight: 200;
        font-size: 2.75em;
        padding: 0.7636363636363637em 0.45454545454545453em;
        color: #fff;
        line-height: 1em;
    }

    .resources ul {
        font-size: 1.5em;
        line-height: 1.2666666666666666em;
        margin: 0 1em;
        padding: .9333333333333332em 0;
    }

    .resources li {
        border-bottom: 2px dotted #8EB22F;
        padding-bottom: .8em;
        margin-bottom: .8em;
    }

    .resources a {
        color: #019388;
        font-weight: bold;
        background-image: url(/buildassets/responsive/images/320/arrow-bullet-blue.png);
        background-position: left .3em;
        background-repeat: no-repeat;
        background-size: 6px 9px;
        padding-left: .8em;
        display: block;
    }

        .resources a:hover {
            text-decoration: underline;
        }

.isPdf {
    background: url("/buildassets/build/icon_pdf.gif") no-repeat left top;
}

    .isPdf span {
        display: block;
        padding: 0 0 0 32px;
    }
/*============================================================*\		$INVESTMENT CHOICE\*============================================================*/

.objective {
    border-radius: 7px;
    border: 1px solid #09968A;
    margin-top: 3em;
}

    .objective .piechart-fallback {
        width: 100%;
        height: auto;
    }

    .objective .row img.tabular-data {
        display: block;
        max-width: 723px;
        width: 100%;
    }

.featureTitle {
    color: #019388;
    font-size: 2.275em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1em;
    padding: 1em;
    border-radius: 7px 7px 0 0;
}

.intro p {
    font-size: 1.5em !important;
    padding: 1em !important;
}

.objective table {
    width: 100%;
    font-size: 1.5em;
    margin: .5em 0;
    text-align: left;
    border-collapse: collapse;
}

    .objective table .alt {
        background-color: #DAE7E6;
    }

    .objective table th {
        background-color: #09968A;
        color: #fff;
        padding: .4em 1em;
    }

.objective .sectionTitle {
    width: 100%;
    font-size: 1.5em;
    background-color: #09968A;
    color: #fff;
    font-weight: bold;
}

    .objective .sectionTitle span {
        padding: .4em 1em;
        display: block;
    }

.objective table td {
    padding: .6em 1em;
}

.objective .col1 p, .objective .col2 p {
    padding: .6em 1em;
}

.smallerText {
    font-size: 1em !important;
    margin: 0.5em 0;
}

.greenText {
    color: #839C21;
}

.pageIntroduction + .listItem {
    margin-top: 1em;
}

.listItem {
    padding: 2em 0 1em;
    background: url(/buildassets/build/listborder.gif) top left repeat-x;
}

    .listItem .subTitle {
        margin-bottom: .5em;
    }

    .listItem p {
        font-size: 1.2em;
        line-height: 1.2666666666666666em;
    }

.subTitle a, .employerTitle {
    color: #1F975E;
    font-size: 1.8em;
    line-height: 1em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding-bottom: .2em;
    display: block;
}

    .subTitle a:hover {
        text-decoration: underline;
    }

.listItem p a {
    color: #019388;
    font-weight: bold;
    background-image: url(/buildassets/responsive/images/320/arrow-bullet-blue.png);
    background-position: left .3em;
    background-repeat: no-repeat;
    background-size: 6px 9px;
    padding-left: .8em;
    display: block;
    margin: .5em 0;
}

    .listItem p a[href^="mailto"] {
        display: inline;
        background-image: none;
        padding: 0;
        margin: 0;
    }

    .listItem p a:hover {
        text-decoration: underline;
    }
/*============================================================*\		$INSURANCE\*============================================================*/

.insuranceSpec table {
    width: 100% !important;
    text-align: center;
    font-size: 1.5em;
    border-collapse: collapse;
    margin: .5em 0;
}

.insuranceSpec td, .insuranceSpec th {
    padding: .5em;
    font-size: 1em;
}

.insuranceSpec td {
    background-color: #DAE7E6;
    border: 1px solid #000;
}

    .insuranceSpec td p, .insuranceSpec th p {
        font-size: 1em !important;
    }

.insuranceSpec thead td, .insuranceSpec th {
    color: #fff;
    background-color: #09968A;
    border: 1px solid #000;
    font-weight: bold;
}
/*============================================================*\		$PUBLICATIONS\*============================================================*/

.publications {
    float: left;
    width: 100%;
    clear: both;
}

    .publications h3 {
        margin: .5em 0;
    }

        .publications h3 a {
            font-size: 1.6em;
            padding: 1em;
            color: #fff;
            font-family: "Futura",Arial,Helvetica,sans-serif;
            display: block;
            border-radius: 7px;
            cursor: pointer;
            margin: 0; /*____ Gradient ____ */
            background: #00ab9c;
            background: -moz-linear-gradient(top, #00ab9c 0%, #018378 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ab9c), color-stop(100%,#018378));
            background: -webkit-linear-gradient(top, #00ab9c 0%,#018378 100%);
            background: -o-linear-gradient(top, #00ab9c 0%,#018378 100%);
            background: -ms-linear-gradient(top, #00ab9c 0%,#018378 100%);
            background: linear-gradient(to bottom, #00ab9c 0%,#018378 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ab9c', endColorstr='#018378',GradientType=0 );
        }

            .publications h3 a:hover {
                opacity: 0.90;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
            }

    .publications .active h3 a {
        border-radius: 7px 7px 0 0;
    }

    .publications div {
        display: none;
        border: 1px solid #018378;
        border-radius: 0 0 15px 15px;
        margin: -.5em 0 .5em;
        padding-bottom: 15px;
    }

    .publications .active div {
        display: block;
    }

    .publications p {
        border-bottom: 2px dotted #8EB22F;
        font-size: 1.5em;
        margin: 1em;
        padding-bottom: 1em;
    }

    .publications h4 {
        font-size: 1.5em;
        margin: 0 1em;
    }

    .publications ul {
        margin: .5em 0 1em 0;
    }

    .publications li li {
        background: url("/buildassets/build/icon_pdf_small.gif") no-repeat left top;
        padding: 3px 0 4px 26px;
        font-size: 1.5em;
        margin: 0 1em;
    }

        .publications li li.is-external {
            background: url("/buildassets/build/link-small.png") no-repeat 4px 4px;
        }

        .publications li li a {
            color: #019388;
            font-weight: bold;
            background-image: url(/buildassets/responsive/images/320/arrow-bullet-blue.png);
            background-position: left .4em;
            background-repeat: no-repeat;
            background-size: 5px 8px;
            padding-left: .8em;
            display: block;
            margin-left: .2em;
        }

            .publications li li a:hover {
                text-decoration: underline;
            }

	.pub-vid-content,
    #videos *,
    #videos *:before,
    #videos *:after {
        box-sizing:border-box;
    }

    .pub-vid-categories {
        margin: 20px 0 0 0!important;
        padding: 0 20px!important;
    }
        .pub-vid-categories__item {
            background: none!important;
            padding: 0 15px 0 0!important;
            width: 50%!important;
            float: none!important;
            display: inline-block!important;
            vertical-align:top;
            margin: 0 -2px 10px 0!important;
        }
        .pub-vid-categories__item:before {

        }

        .pub-vid-categories__item.is-active .pub-vid-categories__item__link {
            background: rgba(1, 131, 120, .1);
            display: inline-block!important;
            padding-right: 10px;
            text-decoration: underline;
        }

    .pub-vid-content {
        float: none !important;
        width: auto !important;
        border: none !important;
        background: none !important;
        top: auto !important;
        padding: 0 20px !important;
        margin: 15px -5px -5px -5px !important;
        display: none!important;
    }

    .pub-vid-content:before,
    .pub-vid-content:after {
        display: table;
        content: "";
        clear: both;
    }

    .pub-vid-content__video {
        float: none !important;
        display: inline-block!important;
        vertical-align:top;
        margin-right: -2px;
        width: 50% !important;
        border: none !important;
        background: none !important;
        top: auto !important;
        padding: 5px!important;
    }

        .pub-vid-content__video__link {
            display: block;
            height: 0;
            padding-bottom: 56.25%;
            text-indent: -999px;
            overflow: hidden;
            background-color: #000;
            background-size: cover;
            position: relative;
            border: 2px solid transparent;
            transition: border .3s ease-in-out;
        }
        .pub-vid-content__video__link:hover,
        .pub-vid-content__video__link:focus {
            border: 2px solid #018378;
        }

        .pub-vid-content__video__link:before {
            content: "";
            background: url(/buildassets/build/play.png) no-repeat;
            background-size: cover;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -15px 0 0 -15px;
            transition: opacity .2s ease-in-out;
        }
        .pub-vid-content__video__link:hover:before {
            opacity: .8;
        }

        .pub-vid-content__video__name {
            left: auto!important;
            position: relative!important;
            top: auto!important;
            margin: 5px 0 0 0!important;
            font-size: 14px;
            color: #018378;
        }

    .pub-vid-content.is-active {
        display: block!important;
    }		
/*============================================================*\		$JOIN\*============================================================*/

.crumbTrail {
    font-size: 1.1em;
    color: #02b5a5;
    margin-top: 2em;
    font-weight: bold;
}

    .crumbTrail a {
        color: #018378;
        padding: .3em 0;
    }

        .crumbTrail a:hover {
            text-decoration: underline;
        }

        .crumbTrail a:after {
            content: " >";
            color: #018378;
            position: relative;
            display: inline-block;
            margin: 0 .2em 0 .5em;
            font-weight: normal;
        }

.haveAQuestion, .ourDetails {
    border-left: 2px solid #8eb22f;
    border-right: 2px solid #8eb22f;
    border-bottom: 2px solid #8eb22f;
    border-radius: 7px;
    float: left;
    width: 100%;
    margin: 1em 0;
}

    .haveAQuestion h3, .ourDetails h3 {
        background-color: #8eb22f;
        background-image: url(/buildassets/responsive/images/320/lines-bg.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 7px 7px 0 0;
        display: block;
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-weight: 700;
        font-size: 2.75em;
        padding: 0.7636363636363637em 0.45454545454545453em;
        color: #fff;
        line-height: 1em;
    }

    .haveAQuestion p {
        font-size: 1.5em;
        line-height: 1.2666666666666666em;
        padding: 1em;
    }

    .haveAQuestion .memAndEmp a, .haveAQuestion .mem a, .haveAQuestion .emp a {
        font-size: 2.5em;
        font-family: "Futura",Arial,Helvetica,sans-serif;
        font-weight: 700;
        color: #019388;
        padding: .5454545454545454em 0;
        margin: 0 .5454545454545454em;
        display: block;
        border-top: 2px dotted #8eb22f;
        text-align: center;
    }

    .haveAQuestion .memAndEmp span, .haveAQuestion .mem span, .haveAQuestion .emp span {
        display: block;
        font-size: 1.6em;
    }
/*============================================================*\		$SUBNAV\*============================================================*/

.subNav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.sub-menu-toggle {
    height: 45px;
    margin-top: 20px;
    cursor: pointer;
}

    .sub-menu-toggle span {
        width: 45px;
        height: 45px;
        background-color: #1e965e;
        background-image: url(/buildassets/responsive/images/320/menu-toggle-bg.png);
        background-size: 21px 20px;
        background-position: 12.5px 13px;
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        border-radius: 0 12.5px 12.5px 0;
        vertical-align: top;
        transition: left .2s ease;
    }

.subNav > ul {
    background-color: #1e965e;
    width: 74.375%;
    float: left;
    position: relative;
    z-index: 201; /* original value + 200, re: cycle2 plugin */
    top: -65px;
    left: -100%;
    transition: left .2s ease;
    padding: 7.5em 0 1em;
    border-bottom-right-radius: 17px;
}

.sub-menu-toggle.active span {
    left: 74.375%;
}

.sub-menu-toggle.active + ul {
    left: 0;
    dispaly: block;
}

.sub-menu-toggle a {
    display: inline-block;
    font-size: 2.7em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    letter-spacing: .04em;
    color: #1e965e;
    position: relative;
    left: 0;
    padding-left: 20px;
    line-height: 45px;
    cursor: pointer;
    transition: left .2s ease;
}

.sub-menu-toggle.active a {
    color: #fff;
    left: -25px;
    padding: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    z-index: 202; /* original value + 200, re: cycle2 plugin */
}

.subNav > ul > li {
    margin: 0 17px 0 27px; /*border-bottom: 2px dotted #fff;*/
    background: url(/buildassets/build/subnavborder.gif) bottom left repeat-x;
}

.subNav li a {
    font-size: 1.7em;
    color: #fff;
    color: rgba(255,255,255,.9);
    display: block;
    position: relative;
}

.subNav li {
    padding: .4705882352941177em 0;
}

    .subNav li strong a, .subNav li a strong {
        color: #fff;
        color: rgba(255,255,255,1);
        text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    }

    .subNav li a:hover {
        text-decoration: underline;
    }

    .subNav li a:before {
        content: "";
        background-image: url(/buildassets/responsive/images/320/arrow-bullet-large.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 7px;
        height: 12px;
        display: block;
        position: absolute;
        top: 6px;
        left: -.8em;
    }

    .subNav li li a:before {
        top: 4px;
    }

    .subNav li li {
        margin: 0 0 0 1.5em;
    }

        .subNav li li a {
            font-size: 1.4em;
            color: #D1E74D;
        }

            .subNav li li a strong {
                color: #D1E74D;
                color: rgba(209,231,77,1);
            }

            .subNav li li a:before {
                background-image: url(/buildassets/responsive/images/320/arrow-bullet-yellow.png);
                width: 6px;
                height: 10px;
            }
/*============================================================*\		$MEMBERSESSIONS\*============================================================*/

.memberSessionsContainer {
    border: 2px solid #385461;
    border-radius: 17px;
    margin: 2em 0;
    float: left;
    width: 100%;
}

    .memberSessionsContainer p {
        font-size: 1.2em;
    }

        .memberSessionsContainer p.label {
            font-weight: bold;
            margin-bottom: 1em;
        }

    .memberSessionsContainer label.label {
        font-size: 1.2em;
        margin-bottom: .5em;
        display: inline-block;
    }

.aster {
    color: #019388;
    padding: 0 .2em;
}

.memberSessionsContainer input[type="text"] {
    display: block;
    width: 100%;
    padding: 0 1em;
    line-height: 2em;
    height: 3em;
    border: 1px solid #7f9db9;
    font-size: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.memberSessionsContainer .button.floatLeft {
    float: left;
}

.memberSessionsContainer .button.floatRight {
    float: right;
}

.memberSessionsContainer .header {
    border-radius: 15px 15px 0 0;
    font-size: 2.25em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    color: #fff;
    display: block;
    line-height: 1em;
    padding: .44000000000000006em .64em;
    background-color: #1e965e;
    background-image: url(/buildassets/responsive/images/320/lines-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.memberSessionsStep {
    padding: 2em 1.5em;
}

.memberSessionsContainer .columnLeft {
    width: 100%;
    float: none;
}

    .memberSessionsContainer .columnLeft img {
        width: 100%;
    }

.memberSessionsContainer .columnRight {
    width: 100%;
    float: none;
    margin-top: 1.5em;
}

    .memberSessionsContainer .columnRight a {
        color: #019388;
    }

        .memberSessionsContainer .columnRight a:hover {
            text-decoration: underline;
        }

.memberSessionsContainer h1, .memberSessionsContainer h2 {
    font-size: 2.25em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    color: #019388;
    display: block;
    line-height: 1em;
    padding: 0 0 .5em;
}

.memberSessionsContainer .columnLeft h2 {
    margin-top: .5em;
}

.memberSessionsContainer .columnLeft .roundedGreyBox h2 {
    margin-top: 0;
}

.memberSessionsContainer .columnLeft .roundedGreyBox {
    margin-top: 2em;
}

.memberSessionsContainer .roundedGreyBox {
    background-color: #F1F1F1;
    border-radius: 20px;
    padding: 1.5em;
    position: relative;
}

    .memberSessionsContainer .roundedGreyBox label.label {
        width: 30%;
        float: left;
        line-height: 3em;
        font-weight: bold;
    }

    .memberSessionsContainer .roundedGreyBox .txtSessionID {
        width: 60%;
        float: right;
    }

.memberSessionsContainer .columnFull.divided {
    border-top: 1px solid #DDDDDD;
    clear: both;
    float: left;
    margin-top: 2em;
    padding-top: 2em;
    width: 100%;
}

.memberSessionsContainer .columnLeft.divided {
    margin-top: 2em;
}

.memberSessionsContainer .location {
    font-size: 1.2em;
    margin-bottom: 1em;
    display: block;
}

.memberSessionsContainer .column {
    margin-bottom: 1.5em;
}

.memberSessionsContainer .roundedGreyBox .edit {
    font-size: 1.6em;
    font-weight: normal;
    top: .5em;
    right: .5em;
    margin: 1em 0 .5em;
    display: block;
}

    .memberSessionsContainer .roundedGreyBox .edit input[type="submit"] {
        border: none;
        border-bottom: 1px solid #aaa;
        outline: none;
        background-color: #ccc !important;
        text-transform: uppercase;
        font-weight: bold;
        color: #666;
        padding: .55em 2em .45em 2em;
        margin: 0;
        border-radius: .25em;
    }

        .memberSessionsContainer .roundedGreyBox .edit input[type="submit"]:hover, .memberSessionsContainer .roundedGreyBox .edit input[type="submit"]:active, .memberSessionsContainer .roundedGreyBox .edit input[type="submit"]:focus {
            background-color: #019388 !important;
            border-bottom-color: #007066;
            color: #fff;
        }

.memberSessionsContainer .columnFull .button {
    width: 100%;
    clear: both;
    margin: .25em 0;
}
/* Available Dates */

.memberSessionsStep .availableDates {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .memberSessionsStep .availableDates li, .memberSessionsStep .matrix .label {
        background-color: #1e965e;
        color: #FFFFFF;
        font: bold 1.5em/1em Arial,Helvetica,Verdana,sans-serif;
        padding: 1em !important;
    }

    .memberSessionsStep .availableDates li {
        margin-bottom: 2px;
    }

        .memberSessionsStep .availableDates li.lastChild {
            margin-bottom: 0;
        }

.memberSessionsStep .matrix {
    margin-top: 8px;
}

    .memberSessionsStep .matrix .group {
        margin-bottom: 10px;
    }

    .memberSessionsStep .matrix .lastGroup {
        margin-bottom: 0;
    }

    .memberSessionsStep .matrix .options {
        border: 1px solid #F1F1F1;
        list-style: none outside none;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }

    .memberSessionsStep .matrix .group .label {
        cursor: default;
    }

    .memberSessionsStep .matrix .group .options {
        border-top: medium none;
    }

    .memberSessionsStep .matrix .options li {
        float: left;
        text-align: center;
        width: 50%;
    }

        .memberSessionsStep .matrix .options li a {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-color: #F1F1F1;
            border-color: #F1F1F1 #F1F1F1 #E1E1E1;
            border-image: none;
            border-style: solid;
            border-width: 1px 1px 2px;
            color: #333333;
            cursor: pointer;
            display: block;
            margin: 1px;
            padding: 10px 0;
            font-size: 1.5em;
            text-transform: lowercase;
        }

            .memberSessionsStep .matrix .options li a:hover {
                border-color: #D1D1D1;
                text-decoration: none;
            }

            .memberSessionsStep .matrix .options li a.selected {
                background-color: #defff0;
                border-color: #1e965e;
                cursor: default;
                font-weight: bold;
            }

            .memberSessionsStep .matrix .options li a.disabled {
                background-color: #E1E1E1;
                border-color: #E1E1E1;
                color: #767676;
                cursor: default;
                font-style: italic;
            }
/* END Available Dates */

.continueButton, .btnSubmit, .btnLogin, .registrationForm .lastRow input, input[value="Send"], input[value="Cancel"], .clubCardSearch .btnSearch, .memberSessionsContainer .button {
    font-size: 2.7em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    color: #fff;
    border: none;
    font-weight: 700;
    border-radius: 12.5px;
    padding: 0 .5555555555555555em;
    height: 1.6666666666666665em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    line-height: 1.0em;
    letter-spacing: .04em;
    cursor: pointer;
    ____ Gradient ____ background: #bed62f;
    background: -moz-linear-gradient(top, #bed62f 0%, #77b21d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bed62f), color-stop(100%,#77b21d));
    background: -webkit-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: -o-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: -ms-linear-gradient(top, #bed62f 0%,#77b21d 100%);
    background: linear-gradient(to bottom, #bed62f 0%,#77b21d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed62f', endColorstr='#77b21d',GradientType=0 );
}

    .continueButton:hover, .btnSubmit:hover, .btnLogin:hover, .registrationForm .lastRow input:hover, input[value="Send"]:hover, input[value="Cancel"]:hover, .clubCardSearch .btnSearch:hover, .memberSessionsContainer .button:hover {
        background: #77b21d;
        background: -moz-linear-gradient(top, #77b21d 0%, #bed62f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b21d), color-stop(100%,#bed62f));
        background: -webkit-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: -o-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: -ms-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: linear-gradient(to bottom, #77b21d 0%,#bed62f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b21d', endColorstr='#bed62f',GradientType=0 );
    }

    .continueButton:active, .continueButton:focus, .btnSubmit:active, .btnSubmit:focus, .btnLogin:active, .btnLogin:focus, .registrationForm .lastRow input:active, .registrationForm .lastRow input:focus, input[value="Send"]:active, input[value="Cancel"]:active, input[value="Send"]:focus, input[value="Cancel"]:focus, .clubCardSearch .btnSearch:active, .clubCardSearch .btnSearch:focus, .memberSessionsContainer .button:active, .memberSessionsContainer .button:focus {
        padding: 1px .5555555555555555em 0;
        background: #77b21d;
        background: -moz-linear-gradient(top, #77b21d 0%, #bed62f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b21d), color-stop(100%,#bed62f));
        background: -webkit-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: -o-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: -ms-linear-gradient(top, #77b21d 0%,#bed62f 100%);
        background: linear-gradient(to bottom, #77b21d 0%,#bed62f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b21d', endColorstr='#bed62f',GradientType=0 );
    }

.memberSessionsContainer .joinWaitingListSmallButton {
    float: left;
    font-size: 2.0em;
}

.memberSessionsContainer .joinWaitingListLargeButton {
    font-size: 2.5em;
}

small.required-field {
    font-size: 1.2em;
    display: block;
    margin-top: 1.5em;
}
/*============================================================*\		$CONTACT\*============================================================*/

.contactUsContainer, .registrationForm {
    margin: 2.5em 0;
    padding: 2.5em 0;
    border-top: 2px dotted #8EB22F;
    border-bottom: 2px dotted #8EB22F;
    float: left;
    width: 100%;
}

    .contactUsContainer label, .registrationForm label {
        display: block;
        text-align: left;
        font-size: 1.5em;
        margin-bottom: .2em;
    }

    .contactUsContainer input[type="text"], .registrationForm input[type="text"], .registrationForm input[type="password"] {
        display: block;
        margin-bottom: 2em;
        width: 92%;
        padding: 0 4%;
        line-height: 2em;
        height: 3em;
        border: 1px solid #7f9db9;
        font-size: 1.5em;
    }

    .contactUsContainer select, .registrationForm select {
        border: 1px solid #7F9DB9;
        display: block;
        height: 3em;
        line-height: 2em;
        margin-bottom: 2em;
        padding: 0.5em 4%;
        width: 92%;
        font-size: 1.5em;
        cursor: pointer;
    }

    .contactUsContainer textarea, .registrationForm textarea {
        margin-bottom: 2em;
        width: 92%;
        padding: 1em 4%;
        border: 1px solid #7f9db9;
        font-family: Arial,Helvetica,sans-serif;
        height: 100px;
        font-size: 100%;
        font-size: 1.5em;
    }

    .contactUsContainer textarea {
        margin-bottom: 1em;
    }

.row {
    clear: both;
}

.stateCol {
    width: 45%;
    float: left;
}

.postcodeCol {
    width: 45%;
    float: right;
}

    .postcodeCol input {
        padding: 0 8% !important;
        width: 84% !important;
    }

.contactUsContainer .floatLeft > .aster {
    font-size: 1.5em;
}

.aster + .smallFont {
    display: inline-block;
    margin-bottom: 1em;
    font-size: 1.5em;
}

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

.errorMessage {
    background-color: #FFE8EC;
    border: 1px solid #FF0000;
    margin: 1em 0;
    padding: 1em;
    font-size: 1.5em;
}

.error {
    border: 1px solid #ff0000 !important;
}

.ourDetails h3 {
    margin-bottom: .5em;
}

.ourDetails p {
    font-size: 1.5em;
    line-height: 1.2666666666666666em;
    margin: 0 1em;
}

.row .formCaptcha {
}

/*============================================================*\		$FORMS\*============================================================*/
.contour {
    margin: 2.5em 0;
    padding: 2.5em 0;
    border-top: 2px dotted #8EB22F;
    border-bottom: 2px dotted #8EB22F;
    float: left;
    width: 100%;
}

.contourPageName {
    font-size: 2.75em;
    font-family: "Futura",Arial,Helvetica,sans-serif;
    font-weight: 700;
    color: #019388;
    margin: .7407407407407407em 0;
    line-height: 1em;
}

.contourFieldSet .fieldLabel {
    display: block;
    float: none;
    clear: none;
    width: auto;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: .2em;
    text-align: left;
}

.fieldLabel .contourIndicator {
    color: #019388;
    padding: 0 .2em;
}

.contourField .field-wrapper {
    margin-bottom: 30px;
}

.contourField .field-validation-error {
    color: #ff0000;
    display: inline-block;
    font-size: 1.2em;
    margin-top: 4px;
}

.contourField input[type="text"] {
    display: block;
    width: 92%;
    padding: 0 4%;
    line-height: 2em;
    height: 3em;
    border: 1px solid #7f9db9;
    font-size: 1.5em;
}

.contourField select {
    border: 1px solid #7F9DB9;
    display: block;
    height: 3em;
    line-height: 2em;
    padding: 0.5em 4%;
    width: 92%;
    font-size: 1.5em;
    cursor: pointer;
}

.contourField textarea {
    width: 92%;
    padding: 1em 4%;
    border: 1px solid #7f9db9;
    font-family: Arial,Helvetica,sans-serif;
    height: 100px;
    font-size: 100%;
    font-size: 1.5em;
}

.contour .aster { font-size: 1.5em; }

.contour .contourNavigation { }
    .contour .contourNavigation input[type="submit"] {
        font-size: 2.7em;
        font-family: "Futura",Arial,Helvetica,sans-serif;
    }


    .contour .contourNavigation input[type="submit"] {
        font-size: 2.7em;
        font-family: "Futura",Arial,Helvetica,sans-serif;
        color: #fff;
        border: none;
        font-weight: 700;
        border-radius: 12.5px;
        padding: 0 .5555555555555555em;
        height: 1.6666666666666665em;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
        line-height: 1.0em;
        letter-spacing: .04em;
        cursor: pointer;
        background: #bed62f;
        background: -moz-linear-gradient(top, #bed62f 0%, #77b21d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bed62f), color-stop(100%,#77b21d));
        background: -webkit-linear-gradient(top, #bed62f 0%,#77b21d 100%);
        background: -o-linear-gradient(top, #bed62f 0%,#77b21d 100%);
        background: -ms-linear-gradient(top, #bed62f 0%,#77b21d 100%);
        background: linear-gradient(to bottom, #bed62f 0%,#77b21d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed62f', endColorstr='#77b21d',GradientType=0 );
    }

        .contour .contourNavigation input[type="submit"]:hover {
            background: #77b21d;
            background: -moz-linear-gradient(top, #77b21d 0%, #bed62f 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b21d), color-stop(100%,#bed62f));
            background: -webkit-linear-gradient(top, #77b21d 0%,#bed62f 100%);
            background: -o-linear-gradient(top, #77b21d 0%,#bed62f 100%);
            background: -ms-linear-gradient(top, #77b21d 0%,#bed62f 100%);
            background: linear-gradient(to bottom, #77b21d 0%,#bed62f 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b21d', endColorstr='#bed62f',GradientType=0 );
        }

        .contour .contourNavigation input[type="submit"]:active, .contour .contourNavigation input[type="submit"]:focus {
            padding: 1px .5555555555555555em 0;
            background: #77b21d;
            background: -moz-linear-gradient(top, #77b21d 0%, #bed62f 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77b21d), color-stop(100%,#bed62f));
            background: -webkit-linear-gradient(top, #77b21d 0%,#bed62f 100%);
            background: -o-linear-gradient(top, #77b21d 0%,#bed62f 100%);
            background: -ms-linear-gradient(top, #77b21d 0%,#bed62f 100%);
            background: linear-gradient(to bottom, #77b21d 0%,#bed62f 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77b21d', endColorstr='#bed62f',GradientType=0 );
        }

.contourField .field-error input[type="text"],
.contourField .field-error input[type="password"],
.contourField .field-error textarea,
.contourField .field-error select {
    border: 1px solid #ff0000 !important;
}

/*============================================================*\		$SEARCHRESULTS\*============================================================*/

.rightFeature img.googlePower {
    width: auto;
    margin: -50px 1em 3em;
}

.text1Column {
    padding: 1em;
}

    .text1Column > .pageIntroduction {
        background: none;
        border-bottom: 2px dotted #8EB22F;
        ;
    }

.gsc-control, .gsc-resultsbox-visible {
    width: 100% !important;
}

.gsc-webResult .gsc-result {
    width: 100%;
    padding: 1em 0;
}

.gsc-table-cell-snippet-close, .gs-promotion-text-cell {
    padding: 1em 0;
}

.gsc-cursor-box {
    background: none transparent !important;
    border-top: 2px dotted #8EB22F;
    width: 100% !important;
}

.ourServicesFeature {
    clear: both;
}

.gsc-cursor {
    width: 100% !important;
    padding: 0 !important;
}

.gsc-cursor-page {
    float: none !important;
    padding: .4em .6em !important;
}

    .gsc-cursor-page:hover {
        text-decoration: underline !important;
    }

.gsc-cursor-current-page:hover {
    text-decoration: none !important;
}
/*============================================================*\		$SITEMAP\*============================================================*/

.siteMap {
    list-style-type: none !important;
}

    .siteMap ul {
        list-style-type: none !important;
    }

    .siteMap li a {
        color: #018378;
        font-weight: bold;
    }

    .siteMap ul {
        margin-top: 0.5em;
    }

    .siteMap li li a {
        color: #52AB50;
        font-weight: normal;
        background-image: url(/buildassets/responsive/images/320/arrow-bullet-blue.png);
        background-position: left 0.3em;
        background-repeat: no-repeat;
        background-size: 6px 9px;
        color: #52AB50;
        font-size: 1em;
        font-weight: normal;
        padding-left: 10px;
    }

    .siteMap li li li a {
        background-image: url(/buildassets/responsive/images/320/arrow-bullet-dark.png);
        background-position: left 0.3em;
        background-repeat: no-repeat;
        background-size: 5px 7px;
        color: #000;
        font-size: 0.9em;
    }
/*============================================================*\		$FOOTER\*============================================================*/

.footer {
    background-color: #eee;
    background-image: url(/buildassets/responsive/images/320/footer-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    color: #666;
    padding: 1.9em 0;
    clear: both;
    margin-top: 2em;
    float: left;
    position: relative;
    z-index: 200; /* original value + 200, re: cycle2 plugin */
    width: 100%;
}

    .footer .text {
        max-width: 960px;
        margin: 0 auto;
        position: relative;
    }

    .footer p {
        width: 91.53645833333334%;
        max-width: 950px;
        margin: 0 auto;
        font-size: 1.6em;
        line-height: 1.5625em;
    }

    .footer a {
        color: #666;
    }

        .footer a:hover {
            text-decoration: underline;
        }

.z7 {
    margin-bottom: 1.8em !important;
}

    .z7, .z7 a {
        color: #1e965e;
    }

.ssFooter {
    display: none;
}
/*============================================================*\		$Misc\*============================================================*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media only screen and (max-width: 479px) {
    .main .rightFeature + .hasRightFeature .crumbTrail, .main .rightFeature + .crumbTrail {
        padding-top: 2em;
        clear: both;
    }
}

@media only screen and (max-width: 769px) {
    .pageContent object {
        width: 100%;
    }
}

@media only screen and (min-width: 321px) {
    .header-logo {
        left: 13%;
        max-width: 100%;
        width: 45%;
    }

    .menu-toggle:after {
        left: 13%;
    }
}
/*============================================================*\		Additional Recaptcha Styles\*============================================================*/

.hasCaptcha .floatRight {
    clear: left;
    float: left;
}

.hasCaptcha input[type="submit"] {
    float: left;
    margin-top: 20px;
}

.hasCaptcha #recaptcha_area, .hasCaptcha #recaptcha_table {
    max-width: 100% !important;
}

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    line-height: 0 !important;
}

#recaptcha_area input {
    height: auto;
    display: inline;
}

.recaptcha_only_if_privacy {
    display: none;
}

.recaptcha-error #recaptcha_area {
    border: 1px solid #ff0000 !important;
}


/*============================================================*\
        Accordion
\*============================================================*/

.accordion {}

.accordion-content { margin-top: 20px; }

    .accordion__title {
        font-size: 2.275em;
        font-family: "Avant Garde 2", Arial, Helvetica, sans-serif;
        font-weight: 700;
        color: #019388;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .accordion__item {}
    .accordion__item + .accordion__item { margin-top: 2px; }

        .accordion__button {
            display: block;
            position: relative;
            text-decoration: none;
            font-size: 1.8em;
            padding: 10px 35px 10px 15px;
            background-color: #019388;
            color: white !important;
            font-weight: bold;
            font-family: "Avant Garde 2", Arial, Helvetica, sans-serif;
            border-radius: 5px;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
            transition: border-radius .2s ease;
        }

        .accordion__button:after {
            content: "+";
            line-height: 1;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -.5em;
        }

        @supports (transform: translateY(-50%)) {
            .accordion__button:after {
                margin-top: 0;
                transform: translateY(-50%);
            }
        }

        .accordion__button[aria-expanded="true"],
        .accordion__button.is-showing {
            border-radius: 5px 5px 0 0;
        }

        .accordion__button[aria-expanded="true"]:after,
        .accordion__button.is-showing:after {
            content: "-";
        }       

            .accordion__button:hover {
                text-decoration: none !important;
                opacity: .85;
            }

        .accordion__content {
            padding: 15px;
            border: 1px solid #019388;
            border-top: none;
            border-radius: 0 0 5px 5px;
            margin-bottom: 20px;
        }


/*============================================================*\
        Slick
         - Default, core styles
\*============================================================*/

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }


/*============================================================*\
        Rotating Banners
\*============================================================*/

/* Banners */
.rotating-banners {
    position: relative;
    margin-bottom: 10px;
    max-height: 362px;
    overflow: hidden;
}

    @media only screen and (max-width: 960px) {
        .rotating-banners { margin-top: 10px; }
    }

    .rotating-banners__banner {
        display: block;
    }

    .rotating-banners__banner img {
        border-radius: 5px;
        width: 100%;
        height: auto;
    }

        .rotating-banners .slick-arrow {
            position: absolute;
            z-index: 2;
            top: 50%;
            width: 32px;
            height: 32px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: transparent;
            border: none;
            margin-top: -16px;
        }
        .rotating-banners .slick-prev { left: 10px; }
        .rotating-banners .slick-next { right: 10px; }

            .rotating-banners .slick-arrow img {
                width: 100%;
                height: auto;
            }

/* Thumbnails */
.rotating-banners-thumbnails {
    max-height: 117px;
    overflow: hidden;
}

    .rotating-banners-thumbnails__thumbnail {
        opacity: .5;
        padding: 0 5px;
        transition: opacity .2s ease;
    }
    .rotating-banners-thumbnails__thumbnail:hover,
    .rotating-banners-thumbnails__thumbnail.slick-current { opacity: 1; }

        .rotating-banners-thumbnails__thumbnail img {
            width: 100%;
            height: auto;
            margin: 0 auto;
            cursor: pointer;
            border-radius: 5px;
        }


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-content-wrapper {
    position: relative;
}

.mfp-additional-content {
    padding: 10px;
    background: white;
}

.mfp-additional-content {
    line-height: 1.4;
    font-size: 12px;
}
.mfp-video-title {
    font-size: 28px;
}


.mfp-animation-zoomfade {
    /* start state */
    opacity: 0;
    transition: opacity 0.4s ease-out;
    /* animate in */
    /* animate out */
}

    .mfp-animation-zoomfade .mfp-content {
        opacity: 0;
        transition: opacity 0.4s ease-out, transform 0.4s ease-out;
        transform: scale(0.95);
    }

    .mfp-animation-zoomfade.mfp-bg {
        opacity: 0;
        transition: opacity 0.4s ease-out;
    }

    .mfp-animation-zoomfade.mfp-ready {
        opacity: 1;
    }

        .mfp-animation-zoomfade.mfp-ready.mfp-image-loaded .mfp-content,
        .mfp-animation-zoomfade.mfp-ready .mfp-iframe-holder .mfp-content,
        .mfp-animation-zoomfade.mfp-ready .mfp-inline-holder .mfp-content {
            opacity: 1;
            transform: scale(1);
        }

        .mfp-animation-zoomfade.mfp-ready.mfp-bg {
            opacity: 0.8;
        }

    .mfp-animation-zoomfade.mfp-removing {
        opacity: 0;
    }

        .mfp-animation-zoomfade.mfp-removing .mfp-content {
            transform: scale(0.95) !important;
            opacity: 0;
        }

        .mfp-animation-zoomfade.mfp-removing.mfp-bg {
            opacity: 0;
        }