@charset "UTF-8";

.centered {
    margin: 0 auto;
}

.center_text {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.button {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 8px;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
}

.button:hover {
    color: #fff;
}

.main .button {
    font-family: 'Montserrat-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.main .montserrat {
    font-family: 'Montserrat-ExtraBold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.button.inverse {
    background-color: #fff;
    color: #000;
}

.lnk-topic button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.lessons section {
    margin-top: 40px;
}

.span8,
.webinar .detail .info {
    width: 620px;
}

div[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.lessons article {
    margin-bottom: 48px;
    padding: 0 0 20px 0;
}

.lessons article header.leadership {
    border-bottom: 3px solid #0e2440;
}

.lessons article header.dynamic {
    padding-left: 0;
}

.lessons article header {
    height: auto;
}

.leadership {
    color: #0e2340;
}

.lessons article header.leadership>a,
.lessons article ul.pagination li header.leadership>a,
.lessons article header.leadership h2 {
    color: #0e2340;
}

article header h2 {
    font-family: "Pathway Gothic One", sans-serif;
    font-size: 26px;
    letter-spacing: 1px;
    color: #be3f3f !important;
}

.lessons article header p {
    font-size: 17px;
    line-height: 17px;
    font-style: italic;
    color: #B5ADA5;
    margin: 8px 0 12px 0;
    float: none;
    text-align: left;
}

.lessons article .lesson-item {
    position: relative;
}

a,
ul.pagination li a {
    color: #4298B5;
    text-decoration: none;
}

.lessons article .lesson-item a h3.leadership {
    color: #0e2340;
}

.lessons article .lesson-item h3 {
    font-size: 21px;
    line-height: 21px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    float: left;
    color: #333 !important;
    font-family: "Pathway Gothic One", sans-serif;
    letter-spacing: 1px;
    font-size: 24px;
}

a p,
ul.pagination li a p,
a ol,
ul.pagination li a ol,
a ul,
ul.pagination li a ul,
a li,
ul.pagination li a li {
    color: #333333;
}

p {
    font-size: 1em;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 25px;
}

p,
ol,
ul,
li,
input,
textarea {
    font-weight: 400;
    padding: 0;
    list-style: none;
}

.lessons article .lesson-item p {
    clear: both;
    margin: 0;
}

.lessons article .lesson-item p.in-progress {
    color: #91B06A;
}

.lessons article .lesson-item p.status {
    font-weight: 500;
    font-style: italic;
    color: #000;
    margin-top: 26px;
    float: right;
    clear: none !important;
}

.lessons .lesson-item .in-progress {
    position: absolute;
    top: 0;
    right: 0;
}

input[type="submit"],
input.submit_btn,
.sign_in section.myemyth button,
a.submit_btn,
input[type="submit"].arrow,
input.submit_btn.arrow,
.sign_in section.myemyth button.arrow,
.sign_in section.myemyth .working button,
.working .sign_in section.myemyth button,
a.submit_btn.arrow,
button.submit_btn.arrow,
.arrow.cancel_btn,
.working button.submit_btn,
.working .cancel_btn,
.webinar .register .join button,
.popupBox .control-group.buttons .controls .submit_btn,
.popupBox .control-group.buttons .controls a.submit_btn,
.popupBox .control-group.buttons .controls input.submit_btn,
.popupBox .control-group.buttons .controls .sign_in section.myemyth button,
.sign_in section.myemyth .popupBox .control-group.buttons .controls button,
button.arrow,
.working button,
ul.pagination li a.submit_btn,
ul.pagination li .arrow.cancel_btn,
ul.pagination li .working .cancel_btn,
.working ul.pagination li .cancel_btn,
ul.pagination li button.arrow,
ul.pagination li .working button,
.working ul.pagination li button,
button.submit_btn,
.cancel_btn,
button {
    background: rgb(190, 63, 63);
    display: block;
    color: white;
    text-align: center;
    font-size: 22px;
    float: left;
    font-weight: 300;
    padding: 9px 20px 11px;
    border: 1px solid rgb(190, 63, 63);
    border-radius: 0;
}

.lessons article .lesson-item p.status.hover {
    display: none;
    padding-right: 18px;
    background: url("/assets/rt_arrow-4f4162283d4499e50ee0d01ce504a17b.png") right 0px no-repeat;
    color: #91B06A;
}

.lessons hr {
    margin: 22px 0 0 0;
}

.lessons article header.brand {
    border-bottom: 3px solid #0e2440;
}

.brand {
    color: #DD5F32;
}

.lessons article header.brand>a,
.lessons article ul.pagination li header.brand>a,
.lessons article header.brand h2 {
    color: #DD5F32;
}

.lessons article header h2 {
    font-size: 25px;
    line-height: 25px;
    margin: 0;
}

.lessons article .lesson-item a h3.brand {
    color: #DD5F32;
}

hr {
    border: none;
    border-top: 1px solid #e7e7e7;
    border-bottom: none;
    margin: 0;
}

.lessons article header.finance {
    border-bottom: 3px solid #0e2440;
}

.finance {
    color: #279989;
}

.lessons article header.finance>a,
.lessons article ul.pagination li header.finance>a,
.lessons article header.finance h2 {
    color: #279989;
}

.lessons article .lesson-item a h3.finance {
    color: #279989;
}

.lessons article header.management>a,
.lessons article ul.pagination li header.management>a,
.lessons article header.management h2 {
    color: #AD7C59;
}

.lessons article header.management {
    border-bottom: 3px solid #0e2440;
}

.management {
    color: #AD7C59;
}

.lessons article .lesson-item a h3.management {
    color: #AD7C59;
}

.lessons article header.delivery {
    border-bottom: 3px solid #0e2440;
}

.lessons article header.delivery>a,
.lessons article ul.pagination li header.delivery>a,
.lessons article header.delivery h2 {
    color: #8C6FCA;
}

.lessons article .lesson-item a h3.delivery {
    color: #8C6FCA;
}

.lessons article header.sales {
    border-bottom: 3px solid #0e2440;
}

.lessons article header.sales>a,
.lessons article ul.pagination li header.sales>a,
.lessons article header.sales h2 {
    color: #91B06A;
}

.lessons article .lesson-item a h3.sales {
    color: #91B06A;
}

.lessons article header.marketing {
    border-bottom: 3px solid #0e2440;
}

.lessons article header.marketing>a,
.lessons article ul.pagination li header.marketing>a,
.lessons article header.marketing h2 {
    color: #4298B5;
}

.lessons article .lesson-item a h3.marketing {
    color: #4298B5;
}

.lessons aside {
    padding-top: 15px;
}

.span4,
.webinars .featured .registration .register,
.webinars .webinar-list .webinar,
.webinar .detail .register {
    width: 300px;
}

.lessons aside h3 {
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 10px;
    font-family: "Pathway Gothic One", sans-serif;
    letter-spacing: 1px;
    font-size: 26px;
}

.bar {
    margin-bottom: 10px;
}

.progress-bars h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
    margin: 10px 0 5px 0;
    font-family: "Montserrat-Light", sans-serif;
    letter-spacing: 1px;
    font-size: 18px;
    width: 100%;
    color: #0e2340;
}

.progress-bars .meter {
    clear: both;
    height: 17px;
    position: relative;
    background: #f3f3f3;
}

.progress-bars .meter > span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #be3f3f !important;
}

.progress-bars .meter>p {
    position: absolute;
    top: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    padding-left: 5px;
    text-shadow: 0px 0px 4px #7C6E64;
}

.progress-bars .leadership span {
    background: #0e2340;
}

.progress-bars .brand span {
    background: #DD5F32;
}

.progress-bars .finance span {
    background: #279989;
}

.progress-bars .management span {
    background: #AD7C59;
}

.progress-bars .delivery span {
    background: #8C6FCA;
}

.progress-bars .sales span {
    background: #91B06A;
}

.progress-bars .marketing span {
    background: #4298B5;
}

.delivery {
    color: #8C6FCA;
}

.sales {
    color: #91B06A;
}

.marketing {
    color: #4298B5;
}

.close-modal-confirm {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    padding-top: 4px;
    width: 30px;
    height: 30px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-family: sans-serif;
    cursor: pointer;
    font-weight: 300;
}

.close-modal-confirm:after {
    content: "x";
}

.go-to-module {
    float: right;
    color: #B5ADA5;
    font-family: Georgia, "Times New Roman", times, serif;
    font-weight: 300;
    text-transform: lowercase;
    font-size: 11px;
    font-style: italic;
    margin-top: 8px;
}

.progress-container {
    position: relative;
}

header.dynamic {
    border-bottom: 0 !important;
}

header.dynamic::after {
    display: block;
    content: '';
    background: url('http://growyourbusiness.com.au/images/gyb/fuzzy-lines.png') repeat-x;
    height: 5px;
}

.playlists-container {
    margin-top: 90px;
}

.playlists-container * {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.playlist-header {
    margin-top: 60px;
}

.playlist-header.strapline {
    margin-top: 80px;
}

.playlist-header h1 {
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 30px;
    font-family: 'Montserrat-ExtraBold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.playlist-header h4 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
    width: 750px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: 'Corpid', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.playlist-media-image {
    position: relative;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}

.playlist-media-image img {
    width: 100%;
}

.media-content-title {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 10px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.4);
    color: #ffffff;
}

.media-content-title h1 {
    display: block;
    margin: auto;
    font-size: 24px;
}

.media-content-title p {
    display: block;
    margin-bottom: 0;
    font-size: 1em;
    color: #ffffff;
}

.media-content-overlay {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(35%,transparent),color-stop(35%,#000));
    background-image: linear-gradient(transparent 35%,#000);
    filter: alpha(Opacity=80);
    opacity: .8;
    height: 0;
    width: 100%;
    padding-top: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.media-message-meta {
    margin-bottom: 10px;
    font-weight: 700;
    color: #656565;
}

.media-message-meta span {
    font-weight: 400;
}

.lessons, .now-available {
    background-color: #f8f8f8;
    padding-bottom: 50px;
}

.dashboard.panel {
    border: 1px solid #dcd9d8;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px;
    margin: 10px;
    min-height: 570px;
}

.dashboard.panel.small {
    min-height: 200px;
    margin-bottom: 12px;
}

.dashboard.panel h3 {
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Montserrat-ExtraBold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.dashboard.panel img {
    height: 25px;
}

.dashboard.panel .markers img {
    margin-right: 10px;
}

.dashboard.panel .content {
    min-height: 200px;
}

.dashboard.panel.small .content {
    min-height: 150px;
}

.dashboard.panel .footer {
    text-align: center;
    padding: 0;
    padding-top: 10px;
}

.dashboard.panel a.all {
    color: #be3f3f;
    font-weight: bold;
    font-size: 14px;
}

.dashboard.panel ul li {
    border-bottom: 2px solid #dddbda;
    font-size: 16px;
    color: #706e6b;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}

.dashboard.panel ul li .markers {
    padding-top: 5px;
    padding-left: 0;
}

.dashboard.panel ul li .text {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dashboard.panel ul li .actions {
    margin-bottom: 5px;
    padding: 0;
    border: 1px solid #dddbda;
    border-radius: 5px;
    text-align: center;
    height: 35px;
}

.dashboard.panel ul li .actions .left {
    border-right: 1px solid #dddbda;
    height: 34px;
    padding: 0;
    margin: 0;
}

.dashboard.panel ul li .actions .right {
    padding: 0;
    margin: 0;
}

.dashboard.panel ul li .actions img {
    height: 20px;
    margin-top: 5px;
}

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

.all-modules {
    margin-top: 40px;
    margin-bottom: 40px;
    display: inline-block;
}

.your-modules.section-group {
    margin-bottom: 20px;
}

.your-modules .container.module {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
}

.your-modules .container.module .module-hero, .your-modules .container.module .module-progress {
    padding-left: 0;
    padding-right: 0;
}

.your-modules h1 {
    margin-top: 20px;
    margin-bottom: 40px;
}

.now-available h1 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.now-available .button, .coming-module .button {
    margin-top: 30px;
    display: inline-block;
}

.now-available.section-group {
    margin-bottom: 0;
}

.your-modules h1, .now-available h1 {
    font-family: 'Montserrat-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.your-modules h2, .your-modules h4, .now-available h2, .now-available h4 {
    font-family: 'Montserrat-Light', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.coming-module h1 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.social-links h3 {
    font-family: 'Montserrat-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    font-size: 26px;
    color: #060606;
}

.pattern-border {
    border: 15px solid;
    border-image: repeating-linear-gradient(-45deg, #c1c1c1, #c1c1c1, #c1c1c1, #C1C1C1, #3e3e3e 10px) 15;
}

.pattern-border-thin {
    border: 8px solid;
    border-image: repeating-linear-gradient(-45deg, #c1c1c1, #c1c1c1, #C1C1C1, #3e3e3e 6px) 8;
}

.recommended {
    min-height: 200px;
    margin-left: 20px;
    margin-right: 20px;
    width: 28%;
    display: inline-block;
}

.recommended h2 {
    font-family: 'Montserrat-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 22px;
}

.recommended h2 a {
    color: #060606;
}

.recommended h4 {
    font-family: 'Montserrat-Light', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px;
}

.recommended .change {
    position: absolute;
    right: 10px;
    top: 0px;    
}

.recommended .change img {
    height: 12px;
}

.recommended .change span {
    font-family: 'Montserrat-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    color: #9b9b9b;
    font-size: 12px;
    padding-top: 5px;
}

.recommended .view {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 10px;
    text-align: center;
}

.recommended .view img {
    height: 16px;
}

.recommended .view span {
    color: #be3f3f;
    font-family: 'Montserrat-Bold', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    font-size: 14px;
}

/* media queries */

@media(max-width: 420px) {
    .recommended {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        width: 95%;
    }

    .recommended h2 a {
        font-size: 18px;
    }

    .module-title {
        background-color: #a6a6a6;
        width: auto !important;
        height: auto !important;
        padding: 1px 0px 1px 0px;
        position: relative !important;
    }

    .module-hero > .module-title {
        position: absolute;
        top: 0px;
        left: 0px !important;
        color: #fff;
    }
}

@media(min-width: 421px) and (max-width: 767px) {
    .recommended {
        margin-left: 5px;
        margin-right: 5px;
        width: 24%;
    }

    .recommended h2 a {
        font-size: 12px;
    }
}

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

    .x-mobile {
        display: inline-block;
    }

    .lessons article .lesson-item p.status {
        position: static;
        margin: 10px 0 0;
    }

    .playlist-item {
        margin-bottom: 10px;
    }

    .playlist-item::after {
        display: table;
        content: '';
        clear: both;
    }

    .playlist-media-image {
        float: left;
        display: inline-block;
        width: 200px;
        margin-right: 20px;
    }

    .playlist-media-title {
        font-size: 24px;
        font-weight: 900;
        color: #333;
    }

    .playlist-media-title .txt-count {
        margin-bottom: 10px;
        font-size: 16px;
        font: 400;
        color: #656565;
    }

    .playlist-header {
        padding: 20px;
        margin-bottom: 20px;
        background-color: #f0f0f0;
    }

    .playlist-header h1 {
        font-size: 52px;
    }

}

@media (min-width: 768px) {
    .x-desktop {
        display: inline-block;
    }

    .x-mobile {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .recommended {
        margin-left: 10px;
        margin-right: 10px;
        width: 28%;
    }

    .recommended h2 a {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .affix {
        position: fixed;
        top: 40px;
    }
}

@media (min-width: 1200px) {

    .span8,
    .webinar .detail .info {
        width: 770px;
    }

    div[class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }

    .span4,
    .webinars .featured .registration .register,
    .webinars .webinar-list .webinar,
    .webinar .detail .register {
        width: 370px;
    }

}

@media (min-width: 768px) and (max-width: 1199px) {

    .playlist-item:last-child {
        display: none;
    }

}

@media(max-width: 420px) {

    .playlist-media-image {
        float: initial;
    }

}