@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,footer,section,article,nav,aside,main,figure {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    background: #fff;
    color: #333;
    line-height: 1
}

header,footer,section,article,nav,aside,main {
    display: block
}

@media (max-width:1000px){
    /* #learn-nav{
        transform: translate3d(-192px, 0px, 0px);
    } */
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal
}

a,a:hover {
    color: inherit;
    text-decoration: none
}

a:focus,:focus {
    outline: none
}

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

input,textarea,button {
    font-family: inherit
}

textarea {
    resize: none
}

input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline
}

button {
    cursor: pointer
}

input[type="radio"] {
    vertical-align: text-bottom
}

input {
    _vertical-align: text-bottom
}

textarea {
    display: block
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption,th,td {
    font-weight: normal;
    text-align: left
}

blockquote:before,blockquote:after,q:before,q:after {
    content: ""
}

blockquote,q {
    quotes: "" ""
}

h1,.banner_greeting,.module_quote:before {
    font-size: 3.4375rem
}

h2,.quiz_name,.certificate_hdg {
    font-size: 2.4rem
}

h3,.searchForm_input,.quiz_title,.quiz_score,.general_hdg {
    font-size: 2.1875rem
}

h4,.overview_hdg,.form_title,.module_date,.module_quote p,.module-inline-img .module_hdg,.post-video .post_title,.post-series .post_title,.post-notify .post_title,.entry_body h2,.eventInfo_hdg {
    font-size: 1.5625rem
}

h5,.iq_title,h5.callout_txt,.module-basic-sm .module_hdg,.module-inline-img.module-text-block .module_hdg,.timeline_year,.post_title,.post-notify .post_title,.related_hdg,.cal_hdg span {
    font-size: 1.125rem
}

h6,.section-body.lg p,.section-body.lg ol,.section-body.lg ul,.overview_body p,.overview_body ol,.overview_body ul,.vidLink,.nav-foot .nav_list,.banner_subhead,.banner_intro p,.banner_intro ol,.banner_intro ul,.form-long button[type="submit"],.liveFilter_inp,.group_hdg,.lp-question-wrap h4,.card-inactive .card_status,.link_title,.module_tag,.entry_excerpt p,.entry_excerpt ol,.entry_excerpt ul,.entry_body h3,.general .faq_question {
    font-size: 1rem
}

.h7,p,ol,ul,.tertiary,.entry_body blockquote cite,.callout_txt,.btn,button,.form_accept,.form-long button[type="submit"].btn-apply,.media_wrap,.vid_time,.trivia .question_lbl,.quiz_callout,.quiz_nav_block strong,.module_cta_hdg,.related-series .related_hdg,.claim .claim_val,.claim_explain,.faq_question {
    font-size: 0.875rem
}

.h8,.icn-list,.goLink_text,.sideNav_list,.dropdown_list,.banner_meta,.banner_back_txt,.latestNav_txt,.field-list label,.field-list .faux-lbl,.form_feedback,.form_disclaimer,.form_note p,.form_note ol,.form_note ul,.grid_meta,.feed_link,.quiz_disclaimer,.lesson_list,.progress_btn,.module_caption,.entry_tags_hdg,.trivia_name,.claim_lbl,.claim_note span,.general_title,.modal_title,.quiz-summary .entry-title {
    font-size: 0.75rem
}

@media only screen and (max-width: 43.75em) {
    h1,.banner_greeting,.module_quote:before {
        font-size:1.6875rem
    }

    h2,.quiz_name,.certificate_hdg {
        font-size: 1.5625rem
    }

    h3,.searchForm_input,.quiz_title,.quiz_score,.general_hdg {
        font-size: 1.375rem
    }

    h4,.overview_hdg,.form_title,.module_date,.module_quote p,.module-inline-img .module_hdg,.post-video .post_title,.post-series .post_title,.post-notify .post_title,.entry_body h2,.eventInfo_hdg {
        font-size: 1.125rem
    }

    h5,.iq_title,h5.callout_txt,.module-basic-sm .module_hdg,.module-inline-img.module-text-block .module_hdg,.timeline_year,.post_title,.post-notify .post_title,.related_hdg,.cal_hdg span {
        font-size: 1rem
    }

    h6,.section-body.lg p,.section-body.lg ol,.section-body.lg ul,.overview_body p,.overview_body ol,.overview_body ul,.vidLink,.nav-foot .nav_list,.banner_subhead,.banner_intro p,.banner_intro ol,.banner_intro ul,.form-long button[type="submit"],.liveFilter_inp,.group_hdg,.lp-question-wrap h4,.card-inactive .card_status,.link_title,.module_tag,.entry_excerpt p,.entry_excerpt ol,.entry_excerpt ul,.entry_body h3,.general .faq_question {
        font-size: 0.875rem
    }
}

h1 {
    line-height: 1.181818182em
}

h2 {
    line-height: 1.225em
}

h3 {
    line-height: 1.228571429em
}

h4 {
    line-height: 1.28em
}

h5 {
    line-height: 1.222222222em
}

h6 {
    line-height: 1.3125em
}

.h7 {
    line-height: 1.357142857em
}

.h8 {
    line-height: 1.5em
}

p,ol,ul {
    line-height: 1.642857143em
}

@media only screen and (max-width: 30em) {
    h1 {
        line-height:1.185185185
    }

    h3 {
        line-height: 1.272727273em
    }

    h4 {
        line-height: 1.333333333em
    }

    h5 {
        line-height: 1.3125em
    }

    h6 {
        line-height: 1.285714286em
    }

    .h8 {
        line-height: 1.25em
    }
}

.page h1,.page h2,.page h3,.page h4,.page h5,.page h6,.page .h7,.page .h8 {
    font-weight: 800;
    text-transform: uppercase
}

.page h1 {
    letter-spacing: .04em
}

@media only screen and (max-width: 30em) {
    .page h1 {
        letter-spacing:.025em
    }
}

.meta {
    border: 0 !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important
}

em {
    font-style: italic
}

strong {
    font-weight: 700
}

.tertiary,.entry_body blockquote cite {
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    font-weight: normal;
    letter-spacing: .07em;
    text-transform: uppercase
}

.capt,.bodyImg_capt {
    color: #555;
    font-size: 0.75rem;
    line-height: 1.666666667em
}

.capt strong,.bodyImg_capt strong {
    color: #1d1d1d;
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase
}

.capt a,.bodyImg_capt a {
    font-weight: 700
}

p {
    margin-bottom: 1.25em
}

.page ol,.page ul {
    margin-bottom: 1.642857143em
}

.copy h5 {
    margin-bottom: 1em
}

.copy ol,.copy ul {
    margin-left: 1.25em;
    line-height: 1.45em
}

.copy ol>li,.copy ul>li {
    margin-bottom: .8em
}

.copy ol:not(.grid),.copy ol:not(.latest_list) {
    list-style: decimal
}

.copy ol ol {
    list-style: upper-alpha
}

.copy ol ol ol {
    list-style: upper-roman
}

.copy ol ol ol ol {
    list-style: lower-alpha
}

.copy ol ol ol ol ol {
    list-style: lower-roman
}

.copy ul {
    margin-left: .25em
}

.copy ul:not(.grid):not(.latest_list):not(.slideshow)>li {
    padding-left: 1em
}

.copy ul:not(.grid):not(.latest_list):not(.slideshow)>li:before {
    content: '•';
    display: inline-block;
    left: -1em;
    margin-right: -6px;
    position: relative
}

.copy ul ul {
    list-style: circle
}

.copy ul ul ul {
    list-style: square
}

.wf-loading * {
    color: transparent !important
}

.section-hdg,.section-tag {
    text-align: center
}

.section-hdg {
    margin-bottom: 1.485714286em
}

@media only screen and (max-width: 48em) {
    .section-hdg {
        margin-bottom:1.590909091em
    }
}

.section-tag {
    color: #999;
    display: block;
    margin-bottom: .5em
}

.section-body {
    margin: 0 auto;
    max-width: 36.25em;
    text-align: center
}

.section-body.sm {
    max-width: 31.25em
}

.section-body.lg {
    max-width: 43.75em
}

.section-body.lg p,.section-body.lg ol,.section-body.lg ul {
    line-height: 1.5625em
}

.section-hdg+.section-body {
    margin-top: -1.6875em
}

.bg-alt .section-body {
    color: #bbb
}

.overview {
    margin: 0 auto;
    max-width: 43.75em;
    padding: 7.0625em 0 4.8125em;
    text-align: center
}

.overview .section_tag {
    color: #999
}

.overview_hdg:after {
    margin: 25px auto 25px
}

.overview_body p {
    line-height: 1.5625em
}

.mod_title {
    margin-bottom: 1.055555556em
}

@media only screen and (max-width: 48em) {
    .mod_title {
        margin-bottom:0.5625em
    }
}

.mod_body {
    color: #555
}

.mod_time {
    color: #999
}

.accent {
    color: #f33d33;
    font-style: inherit
}

.gold .accent {
    color: #d3b255
}

.silver .accent {
    color: #b9bdc0
}

.bronze .accent {
    color: #c58939
}

.mobile-show {
    display: none !important
}

@media only screen and (max-width: 1024px) {
    .mobile-hide {
        display:none !important
    }

    .mobile-show {
        display: block !important
    }
}

@font-face {
    font-family: 'Fender Icons';
    src: url("../fonts/icns.eot");
    src: url("../fonts/icns.eot?#iefix") format("eot"),url("../fonts/icns.woff") format("woff"),url("../fonts/icns.ttf") format("truetype"),url("../fonts/icns.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

i,.pageLink:after,.pageLink-back:before,.vidLink_icn,.goLink_icn:before,.downloadLink_icn,.download_icn,.toggleBtn_icn,.iq_title:before,.alert .alert_icn,.banner_back_icn:before,.latestNav_icn:before,.banner_scroll_icn,.media_btn:before,.playlist_nav_icn,.feed_icn:before,.navBar_back_icn,.quiz-question-nav .question-status:before,.map_hdg:after,.timeline_hdg:after,.module-gallery .slick-arrow:after,.reward_cost:before,.rewards_icn:before,.slideshow_icn:before,.stats_list li:before,.mfp-close:after{
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    position: relative;
    text-transform: none
}

.tablet-back-chapter{
    display:none !important;
}

@media only screen and (max-width: 48em) {
    .overview {
        padding:6.1875em 0 4.8125em
    }
}

body {
    background: #fff;
    color: #1d1d1d;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    font-family: "open-sans","Open Sans",sans-serif;
    letter-spacing: .01em;
    overflow: inherit
}

.viewport {
    position: relative
}

@media only screen and (max-width: 47.9375em) {
    #main {
        padding-top:3.75em
    }
    .modal-page.modal-mobile#main .page.page-entry.general-content{
        padding-top:0;
    } 
}
/* @media(max-width: 727px){
    body#video section#main{
        background-color: #1d1d1d;
    } 
} */
@media(max-width: 727px){
    :not(.in-modal-html) body#video section#main{
        background-color: #1d1d1d;
    } 
}
 
.page {
    background: #fff;
    position: relative
}

.page-alt {
    background: #f2f2f2;
    overflow: hidden
}

.wrapper {
    margin: 0 auto;
    max-width: 86.25em;
    padding: 0 20px
}

.wrapper:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

.wrapper-content {
    max-width: 76.25em;
    position: relative
}

.wrapper-sm {
    max-width: 68.75em
}

.wrapper-general {
    max-width: 46.25em
}

.head,.grid-resource,.grid-links,.grid-rewards-alt .grid_item,.grid-cards,ul.grid-resources .grid_item,.grid-links .grid_item,.vid_controls,.progress_list,.module-gallery .module_gallery,.post,.event_head,.reward-examples,.example,.intro_head {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.vid_controls,.progress_list,.module-gallery .module_gallery,.post,.example,.intro_head {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

ol.event-mod-alt .event_time,ol.event-mod-alt .event_meta,.intro_callout,.intro_btn {
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center
}

.primary,.section-col,.secondary_hdg,.bodyImg-2 img,.filter_col.filter_col-brief,.filter_legend,.sideNav,.banner_welcome,.form-long .form_copy,.grid-simple .grid_item,.navBar_current,.navBar_status,.quiz_nav_block,.question-img.wide+ul li,ul.question-images>li,.card_btn,.progress_btn,.module-half.module-left .module_copy,.module-video-playlist .module_video,.event_date,.cal_filter .select,.touchevents .cal_filter .select-wrap,.cal_hdg,.trivia_aux,.reward-total,.intro_copy,.certificate_logo {
    float: left
}

.secondary,.section-col:nth-child(even),.secondary_link,.filter_col,.banner_iq,.banner-lesson-alt2 .banner_copy,.form-long .field-list,.form-long button[type="submit"].btn-apply,.playlist_count,.navBar_btn,.card_status,.module-basic.module-right .module_copy,.module-half .module_copy,.module-video-playlist .module_playlist,.cal_view,ol.cal_list,.trivia_name,.reward-sort,.touchevents .reward-sort+.select-wrap,.intro_stats,ul.faq,.certificate_signature {
    float: right
}

.section-sm {
    overflow: hidden;
    padding: 10.875em 0 9.4375em
}

.section-sm .wrapper {
    max-width: 68.75em;
    padding: 0 60px
}

.section-sm .section-tag,.section-sm .section-hdg,.section-sm .section-body {
    text-align: left;
    width: 100%
}

.section-sm .section-body {
    color: #555
}

.section-col {
    width: 44.8979592%
}

.secondary_section {
    padding: 0 40px
}

.secondary_head {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2.5em;
    overflow: hidden;
    padding: 2.25em 0 1.375em
}

.secondary_link {
    margin-top: .357142857em
}

.bg_img,.banner_avatar,.stats_list li:before {
    left: 0;
    position: absolute;
    top: 0
}

.tab_copy,ol.certification_list .goLink,.certification_icn,.brand-head .brand_img,.nav-btn,.nav_iq .iq,.select_lbl i,.select-wrap i,.form_error i,.form_success i,.searchForm_icn,.searchForm_btn,.liveFilter_lbl,.liveFilter_btn,.media_wrap .media_btn,.feed_btn,.navBar_back_icn,.navBar_current,.navBar_status,.navBar_btn,.quiz_nav_block .goLink,#quiz-countdown,.lesson_go,.lesson_link.complete:after,.progress_state,.timeline_year,.map_hdg:after,.timeline_hdg:after,.module-gallery .slick-arrow,.catNav_lbl span,.catNav_current i,.rewards_btn,.slideshow_btn,.modal_title,.quiz-summary .entry-title,.mfp-close:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-holder .slick-dots,.banner-home .banner_scroll,.banner_cert,.banner-lesson-alt .banner_scroll_icn,.progress_title,.nav-wrap {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bg_img img,.tab_img img,.playlist_img img,.link_bg img,.card-reward .reward_img:before,.post_img img,.goLink_icn:before,.iq_lbl,.tab_img .vidLink,.banner_back_icn:before,.latestNav_icn:before,.searchForm_close i,.searchForm_list>li .download,.searchForm_img .searchForm_date,.grid_img .searchForm_date,.searchForm_type,.playlist_img button.media_btn,.feed_icn:before,.progress_menu_icn,.progress_wrap,.module_video .vidLink,.map_img .vidLink,.timeline_img .vidLink,.compare-audio .compare_play,.module-video-playlist .playlist_img .vidLink,.post-video .post_img .vidLink,.post-series .post_img .vidLink,.post-notify .post_img .vidLink,.preview_img .vidLink,.pick_img .vidLink,.mfp-preloader {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.bg {
    background-color: #1d1d1d;
    color: #fff;
    position: relative
}

.bg.overlay:after {
    background: rgba(29,29,29,0.8);
    content: '';
    display: block
}

.bg_img img,.tab_img img,.playlist_img img,.link_bg img,.card-reward .reward_img:before,.post_img img {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    width: auto
}

.bg_img {
    background: center no-repeat;
    background-size: cover;
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: 100%
}

.bg_img[style*="background-image"] img {
    display: none
}

.bg_copy {
    position: relative;
    z-index: 1
}

.bg.overlay:after,.viewport:after,.callout_bg:after,.tab_img:after,.banner.has-img:after,.banner_bg:after,.banner-latest .banner_bg:after,.searchForm_img-event:after,.grid_item-resource .grid_img:after,.playlist_img:after,.selected .question-img-choice:before,.correct .question-img-choice:before,.wrong .question-img-choice:before,.card_img:after,.link_bg,.link_bg:after,.module_bg:after,.compare_copy:before,.compare-audio .compare_img:after,.post-video .post_img:after,.post-series .post_img:after,.post-notify .post_img:after,.post-notify .bg_img:after,.trivia_bg:after,.reward_img:before,.cover {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    top: 0;
    width: 100%
}

.icon {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-indent: -999em
}

.btn-top:after,.lesson_link.complete:after,.locked:before,.vidLink_icn:before,.banner_location:before,.btn-more:before,.card_time:before,.nav-btn {
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: inline-block;
    position: relative
}

.btn-top:after,.lesson_link.complete:after {
    margin-left: 9px
}

.locked:before,.vidLink_icn:before,.banner_location:before,.btn-more:before,.card_time:before {
    margin-right: 9px
}

.icon,.locked:before,.vidLink_icn:before,.nav-btn,.banner_location:before,.btn-more:before,.btn-top:after,.touchevents .vid_play:before,.card_time:before,.lesson_link.complete:after,.progress_menu_icn,.trivia_hdg .success {
    background: url(../img/global/sprite.svg) 0 0 no-repeat
}

.no-svg .icon,.no-svg .locked:before,.no-svg .vidLink_icn:before,.no-svg .nav-btn,.no-svg .banner_location:before,.no-svg .btn-more:before,.no-svg .btn-top:after,.no-svg .touchevents .vid_play:before,.touchevents .no-svg .vid_play:before,.no-svg .card_time:before,.no-svg .lesson_link.complete:after,.no-svg .progress_menu_icn,.no-svg .trivia_hdg .success,.trivia_hdg .no-svg .success {
    background-image: url(../img/global/sprite.png)
}

.locked:before {
    background-position: -22px 0;
    height: 12px;
    top: 1px;
    width: 9px
}

.icn-list {
    font-weight: 800;
    line-height: 1.5em;
    text-transform: uppercase
}

.icn-list li {
    margin-bottom: 20px
}

.icn-list i {
    color: #f33d33;
    line-height: 34px;
    margin-right: 21px;
    text-align: center
}

.overview_hdg:after,.callout-left .callout_txt:after,.tab_title:after,.group_hdg:after,.quiz_title:after,.module_more_hdg:after,.entry_excerpt:after,.entry_body h2:after,.cal_hdg:after,.trivia_hdg:after,.error_copy .error_hdg:after,.banner_intro:before,.cal_hdg:before,.certificate_name:before {
    background: #f33d33;
    display: block;
    content: '';
    height: 3px;
    width: 30px
}

.bodyImg {
    margin: 3.1875em 0 3.375em
}

.bodyImg img {
    display: block;
    height: auto;
    margin-bottom: 14px;
    max-width: 100%
}

.bodyImg-2 {
    overflow: hidden
}

.bodyImg-2 img {
    padding-right: 10px;
    width: 50%
}

.bodyImg-2 img+img {
    padding-left: 10px;
    padding-right: 0
}

a {
    color: #f33d33;
    -webkit-transition: color 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: color 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: color 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: color 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

a:hover {
    color: #c42823
}

.pageLink {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase
}

.pageLink:after {
    content: 'r';
    font-size: 10px;
    margin-left: 8px;
    position: relative;
    top: 1px
}

.pageLink.tertiary {
    font-size: 0.875rem;
    font-weight: normal
}

.pageLink.tertiary:after {
    top: 0
}

.pageLink-back:before {
    content: 'l';
    font-size: 10px;
    margin-right: 8px;
    position: relative;
    top: 1px
}

.pageLink-back:after {
    display: none
}

.vidLink {
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    letter-spacing: .07em;
    text-transform: uppercase
}

.bg .vidLink {
    color: #fff
}

.vidLink_icn {
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    height: 48px;
    line-height: 44px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    text-indent: 4px;
    width: 48px
}

.vidLink_icn:before {
    background-position: 0 -80px;
    display: block;
    height: 42px;
    left: 10px;
    position: absolute;
    top: 1px;
    width: 42px
}

.titleLink {
    color: inherit
}

.goLink,.icn-list i,.toggleBtn_icn,.download_icn {
    background: none;
    border: 2px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    height: 39px;
    width: 39px
}

.goLink:hover,.icn-list i:hover,.toggleBtn_icn:hover,.download_icn:hover {
    border-color: #d0d0d0
}

.goLink:hover .goLink_icn,.icn-list i:hover .goLink_icn,.toggleBtn_icn:hover .goLink_icn,.download_icn:hover .goLink_icn {
    color: #f33d33
}

.goLink:hover .goLink_text,.icn-list i:hover .goLink_text,.toggleBtn_icn:hover .goLink_text,.download_icn:hover .goLink_text {
    display: block
}

.bg .goLink,.bg .icn-list i,.bg .toggleBtn_icn,.bg .download_icn {
    border-color: #555
}

.icn-list i:hover,.download_icn:hover,.toggleBtn_icn:hover {
    border-color: #ddd
}

.goLink_icn {
    color: #999;
    display: inline-block;
    overflow: hidden
}

.goLink_icn:before {
    content: 'r';
    display: inline-block;
    font-size: 10px;
    position: absolute
}

.goLink_text {
    color: #fff;
    display: none;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    letter-spacing: .05em;
    padding-top: 100%;
    position: relative;
    text-transform: uppercase;
    top: 5px
}

.downloadLink_icn,.download_icn,.toggleBtn_icn {
    height: 26px;
    font-size: 10px;
    font-style: normal;
    line-height: 24px;
    margin-right: 9px;
    text-align: center;
    text-indent: 1px;
    width: 26px
}

.download {
    display: block;
    text-align: center
}

.download_icn {
    margin: 0 0 9px
}

.download_txt {
    display: block
}

.toggleBtn_icn {
    font-size: 8px
}

.toggleBtn:not(.toggleBtn-hide) .toggleBtn_icn {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pill {
    border-radius: 4px;
    display: inline-block;
    font-size: 0.625rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    line-height: 1.1em;
    padding: 5px 10px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

@media only screen and (max-width: 48em) {
    .viewport:after {
        background:#1d1d1d;
        content: '';
        display: none
    }

    .show-nav .viewport:after {
        display: block
    }

    .show-nav .viewport {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%
    }

    .secondary_section {
        padding: 0 20px
    }

    .secondary_head {
        margin-bottom: 1.875em;
        padding: 1em 0 0.9375em
    }

    .section-sm {
        padding: 2.25em 0 2.5em
    }

    .section-sm .wrapper {
        padding: 0 20px
    }

    .section-col {
        float: none;
        text-align: center;
        width: 100%
    }

    .section-col:nth-child(even) {
        float: none
    }

    .section-col .section-tag,.section-col .section-hdg,.section-col .section-body {
        text-align: center
    }

    .icn-list {
        text-align: left
    }
}

@media only screen and (max-width: 43.75em) {
    .vidLink_icn {
        border-width:1px;
        font-size: 12px;
        height: 32px;
        line-height: 30px;
        margin-right: 14px;
        width: 32px
    }

    .vidLink_icn:before {
        left: 0;
        top: -6px;
        -webkit-transform: scale(0.64);
        -moz-transform: scale(0.64);
        -ms-transform: scale(0.64);
        -o-transform: scale(0.64);
        transform: scale(0.64)
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.no-interaction {
    pointer-events: none
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.fixed {
    position: fixed !important
}

.inline-block {
    position: relative !important;
    display: inline-block !important
}

.opacity-0 {
    opacity: 0
}

.hidden,.invisible {
    visibility: hidden !important;
    opacity: 0
}

.display-none {
    display: none !important
}

.coming-soon a,.disabled {
    cursor: default !important
}

.offscreen {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.float-left {
    position: relative;
    top: 0px;
    left: 0px;
    float: left
}

.float-right {
    position: relative;
    top: 0px;
    left: 0px;
    float: right
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.content-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.vertical-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vertical-center-container {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.horizontal-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.horizontal-center-container {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.both-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.both-center-container {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.uninitialized {
    visibility: hidden
}

.close-button {
    position: absolute;
    top: 0px;
    left: 0px
}

.home-button {
    position: absolute;
    top: 0px;
    left: 0px
}

.scroll {
    overflow: auto
}

.scroll-x {
    overflow-x: auto;
    overflow-y: hidden
}

.scroll-y {
    overflow-x: hidden;
    overflow-y: auto
}

.no-scroll {
    overflow: hidden
}

.overflow {
    overflow: visible
}

.overflow-hidden {
    overflow: hidden
}

.fill-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: initial;
    max-height: initial;
    background-repeat: no-repeat
}

.fill-cover.center-x {
    left: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fill-cover.center-y {
    top: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fill-cover.both-center {
    top: 50%;
    left: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fill-cover.center-top-third {
    top: 33%;
    left: 50%;
    -webkit-transform: translate(-50%, -33%);
    -ms-transform: translate(-50%, -33%);
    transform: translate(-50%, -33%)
}

.fill-cover.center-bottom-third {
    top: 67%;
    left: 50%;
    -webkit-transform: translate(-50%, -67%);
    -ms-transform: translate(-50%, -67%);
    transform: translate(-50%, -67%)
}

.fill-contain {
    position: absolute;
    top: 0px;
    left: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: auto;
    height: auto;
    min-width: initial;
    min-height: initial;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat
}

.fill-contain.center-x {
    left: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fill-contain.center-y {
    top: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fill-contain.both-center {
    top: 50%;
    left: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fill-contain.center-top-third {
    top: 33%;
    left: 50%;
    -webkit-transform: translate(-50%, -33%);
    -ms-transform: translate(-50%, -33%);
    transform: translate(-50%, -33%)
}

.fill-contain.center-bottom-third {
    top: 67%;
    left: 50%;
    -webkit-transform: translate(-50%, -67%);
    -ms-transform: translate(-50%, -67%);
    transform: translate(-50%, -67%)
}

.bg-fill-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    background-size: cover
}

figure.scaled svg {
    width: 100%;
    height: 100%
}

#tumblr_controls {
    display: none !important
}

#tracking {
    display: none
}

#scroll-controller {
    position: relative;
    top: 0px;
    left: 0px
}

#external-component-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}

*[data-sk-end-slides] {
    height: 0px
}

body {
    opacity: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.035, 0.97);
    -moz-transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.035, 0.97);
    -o-transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.035, 0.97);
    transition: opacity 300ms cubic-bezier(0.25, 0.25, 0.035, 0.97);
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.035, 0.97);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.035, 0.97);
    -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.035, 0.97);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.035, 0.97)
}

*[data-skrollex] {
    opacity: 0
}

@media only screen and (max-width: 30em){
    *[data-skrollex] {
        opacity: 1
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    *[data-skrollex] {
        opacity: 1
    }
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
    *[data-skrollex] {
        opacity: 1
    }
}

h1,h2,h3,h4,h5,h6,ol,ul,li,a,div,span,p,img,td,table,tbody,hr,iframe,button,input,textarea,select {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.hide {
    visibility: hidden
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5001;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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: 5003
}

.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: 5002
}

.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: 5004;
    -webkit-box-shadow: none;
    box-shadow: none
}

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;
    filter: alpha(opacity=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;
    filter: alpha(opacity=100)
}

.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;
    filter: alpha(opacity=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;
    filter: alpha(opacity=100)
}

.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
    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,.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

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

.mfp-arrow-left {
    left: 0
}

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

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

.mfp-arrow-right {
    right: 0
}

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

.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
    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
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.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) {
    .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;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[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
}

.slick-dots {
    text-align: center
}

.slick-dots>li {
    display: inline-block;
    padding: 0 10px
}

.slick-dots button {
    background: #c3c3c3;
    border: none;
    border-radius: 50%;
    display: inline-block;
    height: 9px;
    padding: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 9px;
    vertical-align: middle;
}

.slick-dots .slick-active button {
    background-color: transparent;
    border: 2px solid #555;
    height: 14px;
    position: relative;
    width: 14px
}

.slick-dots .slick-active button:before {
    border: 1px solid #555;
    border-radius: 50%;
    content: '';
    height: 6px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 6px
}

.avatar {
    display: inline-block;
    margin: 0;
    -webkit-mask-image: url(../img/global/avatar-mask.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    position: relative;
    overflow: hidden;
}

.avatar:before {
    background: url(../img/global/avatar.png) no-repeat;
    background-size: 100%;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 1
}

.avatar.gold:before {
    background-image: url(../img/global/avatar-gold.png);
    opacity: 1
}

.avatar.silver:before {
    background-image: url(../img/global/avatar-silver.png);
    opacity: 1
}

.avatar.bronze:before {
    background-image: url(../img/global/avatar-bronze.png);
    opacity: 1
}

.avatar.upload:before {
    background-image: url(../img/global/avatar-upload.png);
    opacity: 1
}

.avatar_img {
    height: auto;
    width: 100%
}

.cert {
    background: #fff;
    color: #1d1d1d !important;
}

.cert.gold {
    background: #d3b255
}

.cert.silver {
    background: #b9bdc0
}

.cert.bronze {
    background: #c58939
}

.iq,.iq_wrap {
    position: relative;
    text-align: center
}

.iq_wrap {
    display: inline-block;
    margin-bottom: 11px
}

.iq_lbl {
    left: 50%;
    letter-spacing: 0;
    position: absolute;
    top: 50%
}

.iq_title {
    display: block;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    font-weight: normal;
    letter-spacing: .07em;
    margin-bottom: .777777778em;
    text-transform: uppercase
}

.iq_title:before {
    background-position: -173px 0;
    content: 'i';
    font-size: 16px;
    margin-right: 7px;
    top: 1px
}

.iq_img {
    position: relative
}

.callout {
    box-shadow: 0px 1px 2px 0px rgba(187,187,187,0.25);
    margin-bottom: 3.75em;
    padding: 36px 20px 40px;
    text-align: center
}

.callout .btn+.btn {
    margin-left: 16px
}

.callout:last-child {
    margin-bottom: 0
}

.callout-full {
    box-shadow: none;
    padding: 55px 20px 60px
}

.callout_bg:after {
    background: rgba(29,29,29,0.78);
    content: ''
}

.callout_tag {
    color: #999;
    display: block;
    margin: -.5em 0 1em
}

.callout_txt {
    margin-bottom: 1.857142857em
}

.callout_body {
    margin: -1.5em 0 1em
}

.callout_body:last-child {
    margin-bottom: 0
}

.callout_body p {
    font-size: 0.8125rem;
    line-height: 1.692307692em;
    margin-bottom: .785714286em
}

.callout_body p:last-child {
    margin-bottom: 0
}

.callout-join {
    background: #121212;
    padding: 14.375em 0 13.125em;
    text-align: center;
    white-space: nowrap
}

.callout-join.overlay:after {
    display: none
}

.callout-join:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -15px;
    vertical-align: middle;
    width: 10px
}

.callout-join .bg_img {
    background-position: center bottom;
    background-size: auto
}

.callout-join .wrapper {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 100%
}

.callout-join .section-body {
    margin-bottom: 2.125em
}

.callout-left {
    padding: 55px 60px 54px;
    position: relative;
    text-align: left
}

.callout-left .callout_bg:after {
    background-color: rgba(29,29,29,0.9)
}

.callout-left .callout_txt:after {
    margin: 16px 0 39px
}

.callout-left .callout_tag {
    margin: 0 0 .642857143em
}

.callout-left .btn {
    bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 9.285714286em
}

.entry_body .callout-left {
    margin: 0 -60px
}

.callout-two {
    padding-bottom: 38px;
    padding-top: 42px
}

.callout-two .callout_copy {
    margin: 0 auto;
    /*max-width: 17.5em*/
}

.callout-two .callout_copy .callout_txt {
    padding-bottom: 28px;
}

.callout-two .callout_body {
    color: #999;
    margin-bottom: 24px
}

.callout-two .callout_body p,.callout-two .callout_body ol,.callout-two .callout_body ul {
    font-size: 0.875rem
}

.callout-two .btn {
    width: 15.714285714em
}

.callout_col {
    display: inline-block;
    padding: 20px;
    vertical-align: middle;
    width: 100% 
}

.callout_col:nth-child(even) {
    border-left: 1px solid rgba(255,255,255,0.2);
    margin-left: -5px
}

@media only screen and (max-width: 48em) {
    .callout {
        margin-bottom:2.5em;
        padding: 25px 20px 30px
    }

    .callout-full {
        padding: 53px 20px 60px
    }

    .callout_txt {
        font-size: 0.8125rem;
        line-height: 1.538461538em;
        margin-bottom: 1.923076923em
    }

    .callout-join {
        padding: 3.3125em 0 3.75em;
        text-align: center
    }

    .callout-join .section-body {
        margin-bottom: 2.125em
    }
}

@media only screen and (max-width: 43.75em) {
    .callout-join .btn {
        display:block
    }

    .callout-left {
        text-align: center
    }

    .callout-left .callout_txt:after {
        margin: 4px auto 29px
    }

    .callout-left .callout_tag {
        margin-bottom: 11px
    }

    .callout-left .callout_hdg {
        margin-bottom: 25px
    }

    .entry_body .callout-left {
        margin-left: 0;
        margin-right: 0
    }

    .callout-left .btn {
        position: static
    }

    .callout-two .callout_col {
        width: 100%;
        padding: 20px 0
    }

    .callout-two .callout_col:nth-child(even) {
        border-left: none
    }

    .callout-two .callout_col:first-child {
        padding-bottom: 60px;
        border-bottom: 1px solid rgba(255,255,255,0.2)
    }

    .callout-two .callout_col:last-child {
        padding-top: 60px
    }

    .callout-two .callout_col .callout-body {
        margin-bottom: 26px
    }

    .callout-two .callout_col .callout .btn:not(.btn-solo) {
        width: 100%
    }

    .callout-two .bg_img {
        opacity: 0.4
    }
}

@media only screen and (max-width: 30em) {
    .callout .btn:not(.btn-solo) {
        padding-left:0;
        padding-right: 0;
        width: calc(50% - 12px)
    }

    .callout .btn.catNav_lbl {
        padding-left: 20px;
        padding-right: 20px;
        width: auto
    }
}

.tab-holder {
    padding-top: 9.3125em
}

.tab-wrap {
    margin-top: 3.75em;
    position: relative
}

.tab-wrap .feed_prev {
    border-color: rgba(187,187,187,0.5);
    left: 40px
}

.tab-wrap .feed_next {
    right: 40px
}

.tab {
    overflow: hidden;
    position: relative
}

.tab p:last-child,.tab ol:last-child,.tab ul:last-child {
    margin-bottom: 0
}

.tab_img {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%
}

.tab_img:after {
    background: rgba(29,29,29,0.1);
    content: ''
}

.tab_img .vidLink {
    color: #fff;
    position: absolute;
    z-index: 1
}

.tab_img .vidLink_icn {
    display: block;
    margin: 0 auto 13px
}

.tab_wrap {
    background: #f2f2f2;
    height: 50.714285714em;
    padding-left: 50%
}

.tab_copy {
    color: #555;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    max-width: 31.428571429em
}

.tab_title {
    color: #1d1d1d
}

.tab_title:after {
    margin: 26px 0
}

.tab-list {
    font-size: 0.6875rem;
    font-weight: 800;
    line-height: 1.636363636em;
    margin-top: 5.090909091em;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

@media (max-width: 768px) {
    .tab-list {
        overflow:scroll
    }
}

.tab-list>li {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    padding: 0 30px;
    vertical-align: bottom
}

.tab-list>li+li {
    margin-left: -3px
}

.tab-list>li:first-child {
    padding-left: 0
}

.tab-list>li:last-child {
    padding-right: 0
}

.tab-list a {
    color: #bbb;
    display: block;
    margin-bottom: -1px;
    padding: 17px 10px
}

.tab-list a:hover {
    color: #f33d33
}

.tab-list a.active {
    border-bottom: 2px solid #f33d33;
    color: #f33d33;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative
}

@media only screen and (max-width: 64em) {
    .tab-wrap .feed_btn {
        display:none !important
    }
}

@media only screen and (max-width: 48em) {
    .tab-holder {
        padding-top:6.1875em
    }

    .tab-wrap {
        margin-top: 3.75em
    }

    .tab-wrap .feed_btn {
        bottom: 0;
        border-color: rgba(187,187,187,0.5);
        display: block !important;
        margin-bottom: -20px;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .tab-wrap .feed_prev {
        left: 20px
    }

    .tab-wrap .feed_next {
        right: 20px
    }

    .tab-nav {
        height: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .tab_wrap {
        height: auto;
        padding-left: 0
    }

    .tab_copy {
        max-width: 40.714285714em;
        padding: 3.6875em 20px 6.125em;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .tab_img {
        height: 0;
        padding-bottom: 67.1875%;
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .tab-list {
        margin: 60px -20px 0;
        padding: 0 20px
    }
}

@media only screen and (max-width: 43.75em) {
    .tab-holder {
        padding-top:3.6875em
    }

    .tab-wrap {
        margin-top: 2.5em
    }

    .tab_copy {
        border-bottom: 1px solid #ddd;
        padding: 2.25em 20px 2.4375em
    }

    .tab-list {
        margin-top: 0
    }

    .tab-list li {
        padding: 0 20px
    }

    .tab-list a {
        padding-left: 0;
        padding-right: 0
    }
}

.slideshow-wrap {
    position: relative
}

.slideshow-wrap .slideshow_btn {
    margin-top: 0
}

.slideshow-wrap .slideshow_prev {
    left: -42px
}

.slideshow-wrap .slideshow_next {
    right: -42px
}

.slideshow-wrap .slideshow_icn:before {
    color: #bbb
}

ul.slideshow {
    margin: 0
}

ul.slideshow .bodyImg {
    margin: 0;
    padding-bottom: 3em;
    position: relative
}

ul.slideshow .bodyImg img {
    display: block
}

ul.slideshow .bodyImg_capt {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slideshow_count {
    background: rgba(29,29,29,0.9);
    bottom: 3.857142857em;
    left: 0;
    padding: 14px 11px 13px;
    position: absolute
}

@media only screen and (max-width: 48em) {
    .slideshow-wrap .slideshow_prev {
        left:15px
    }

    .slideshow-wrap .slideshow_next {
        right: 15px
    }

    .slideshow-wrap .slideshow_icn:before {
        color: #fff
    }
}

@media only screen and (max-width: 43.75em) {
    .slideshow-wrap .slideshow_btn {
        margin-top:-5px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    ul.slideshow .bodyImg_capt {
        padding: 0 20px;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .slideshow_count {
        bottom: auto;
        top: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.filter {
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
    padding: 20px 0
}

.wrapper-filter {
    max-width: 76.25em;
    position: relative
}

.filter_active {
    position: absolute;
    right: 20px;
    top: 2px
}

.filter_active .btn {
    padding: 0;
    position: relative;
    top: 2px
}

.filter_selection {
    background: #999;
    color: #fff;
    margin-right: 5px
}

.filter_selection:last-of-type {
    margin-right: 10px
}

ul.filter_grid {
    margin: 20px -10px 0;
    padding-top: 40px;
    position: relative
}

ul.filter_grid:before {
    border-top: 1px solid #ddd;
    content: '';
    height: 0;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 0
}

.filter_form {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding: 25px 0 20px
}

.filter_col {
    border-left: 1px solid #ddd;
    padding-left: 60px;
    padding-top: 0.875em;
    width: calc(100% - 16.25em)
}

.filter_col.filter_col-brief {
    border: none;
    padding-left: 0;
    padding-right: 60px;
    width: 16.25em
}

.filter_col:not(.filter_col-brief) .filter_list li {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 33.333333333%
}

.filter_legend {
    color: #999;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin-bottom: 1.142857143em
}

ul.filter_list {
    clear: both;
    margin-bottom: 35px
}

ul.filter_list li {
    margin-bottom: 1.428571429em;
    padding-right: 10px
}

.filter_btns {
    clear: both;
    padding-top: 27px;
    text-align: right
}

.filter_btns button+button {
    margin-left: 22px
}

@media only screen and (max-width: 60em) {
    .filter_col {
        padding-left:20px;
        width: calc(100% - 9.375em)
    }

    .filter_col.filter_col-brief {
        padding-right: 0;
        width: 9.375em
    }
}

@media only screen and (max-width: 43.75em) {
    .filter {
        background:none;
        border: none;
        padding: 0
    }

    .filter .select-sort {
        margin: 0 0 11px;
        width: 100%
    }

    .touchevents .filter .select-sort+.select-wrap {
        margin: 0 0 -22px;
        width: 100%
    }

    .touchevents .filter button {
        display: none
    }

    .filter .toggleBtn,.filter_active {
        display: none
    }

    .filter_form {
        border-top: none;
        margin-top: 0;
        padding: 30px 0 0
    }

    .filter_form.ng-hide {
        display: block !important
    }

    .filter_col {
        border: none;
        float: none;
        padding: 0;
        width: 100%
    }

    .filter_col.filter_col-brief {
        float: none;
        padding: 0;
        width: 100%
    }
}

.sideNav {
    width: 10em
}

.sideNav .sideNav_hdg {
    color: #999;
    font-weight: normal;
    margin-bottom: 1.214285714em
}

.sideNav .select,.sideNav .select-wrap {
    display: none !important
}

.sideNav_list {
    font-weight: 800;
    line-height: 1.583333333em;
    text-transform: uppercase
}

.sideNav_list li {
    margin-bottom: 20px
}

.sideNav_list a {
    border-bottom: 2px solid transparent;
    color: #1d1d1d
}

.sideNav_list a:hover {
    color: #f33d33
}

.sideNav_list .active a {
    border-color: #f33d33;
    color: #f33d33
}

@media only screen and (max-width: 43.75em) {
    .sideNav {
        float:none;
        width: 100%
    }

    .sideNav .select.select-sort,.sideNav .select-wrap {
        display: block !important;
        margin-bottom: 11px !important;
        margin-top: 30px !important;
        width: 100% !important
    }

    .touchevents .sideNav .select.select,.touchevents .sideNav .select-wrap.select {
        display: none !important
    }
}

.alert {
    border-bottom: 1px solid #9a9a9a;
    border-top: 1px solid #343434;
    display: block;
    font-size: 0.8125rem;
    letter-spacing: .02em;
    line-height: 1.2em;
    padding: 18px 20px 19px;
    text-align: center;
    text-transform: uppercase
}

.alert .alert_icn {
    font-size: 16px;
    font-style: normal;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.alert .alert_icn-link {
    font-size: 10px;
    margin-left: 5px;
    margin-right: 0;
    top: 0
}

.alert.gold {
    background: #d3b255;
    border-bottom: none
}

.alert.gold a {
    color: #725c1d
}

.alert.silver {
    background: #b9bdc0
}

.alert.silver a {
    color: #6a7176
}

.alert.bronze {
    background: #c58939
}

.alert.bronze a {
    color: #4e3617
}

.alert.success {
    background: #e2f4e9;
    border: none;
    color: #3fb36b
}

.alert.error {
    background: #fde2e1;
    border: none;
    color: #f33d33
}

.alert-status .alert_icn {
    font-size: 13px;
    top: 1px
}

.certification {
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 2px 0 rgba(221,221,221,0.35)
}

.certification_hdg {
    background: #1d1d1d;
    color: #999;
    font-size: 12px;
    padding: 23px 20px 22px
}

ol.certification_list {
    margin: 0 auto;
    max-width: 95.714285714em;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

ol.certification_list>li {
    display: inline-block;
    padding: 29px 100px 24px 140px;
    position: relative;
    min-width: 28.571428571em;
    width: 33.333333333%;
    border-left: 1px solid #ddd;
    margin-right: -4px
}

ol.certification_list>li:first-child:not(.inactive) {
    border-left: none
}

ol.certification_list>li.inactive {
    background: #f2f2f2;
    padding-right: 80px
}

ol.certification_list>li.inactive .certification_icn,ol.certification_list>li.inactive .certification_iq,ol.certification_list>li.inactive .certification_title {
    opacity: .5
}

ol.certification_list>li.inactive .certification_iq {
    color: #999
}

ol.certification_list>li.inactive .certification_iq * {
    opacity: 1
}

ol.certification_list>li.inactive:last-child {
    border-right: 1px solid #ddd
}

ol.certification_list .goLink {
    position: absolute;
    right: 40px
}

ol.certification_list .goLink .goLink_icn {
    color: #f33d33
}

.certification_icn {
    left: 80px;
    position: absolute
}

.certification_iq {
    display: block;
    font-size: 1.25rem;
    letter-spacing: .02em;
    position: relative
}

.certification_iq i {
    font-size: 18px;
    top: -1px
}

.certification_iq abbr {
    font-size: 14px
}

.certification_title {
    font-weight: 800;
    position: relative;
    text-transform: uppercase
}

.certification_title .locked {
    display: inline-block;
    margin-left: 10px
}

@media only screen and (max-width: 64em) {
    ol.certification_list>li {
        padding:29px 70px 24px 70px;
        min-width: 0;
        width: 26.071428571em
    }

    ol.certification_list>li.inactive:before {
        width: 100%
    }

    ol.certification_list .goLink {
        right: 20px
    }

    .certification_icn {
        left: 20px
    }
}

@media only screen and (max-width: 43.75em) {
    ol.certification_list>li {
        width:19.642857143em
    }

    ol.certification_list .goLink {
        display: none
    }
}

@media only screen and (max-width: 47.9375em) {
    .ios .nav-head {
        padding-bottom:4em
    }
}

.head {
    background: rgba(29,29,29,0.9);
    border-bottom: 1px solid #343434;
    height: 4.375em;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
    width: 100%;
    z-index: 4000
}

#dashboard .head,.head.stuck,#error .head,#general .head {
    background: #1d1d1d
}

#latest .head {
    position: absolute
}

.brand-head {
    /* background: #e72b13;
    height: 4.375em;
    padding: 0 7px; */
    background: #1d1d1d;
    height: 4.275em;
    padding: 0 7px 0 20px;
    display:inline-block;
}

body.body_main_jackson .brand-head {
    background: #1d1d1d;
    height: 4.275em;
    padding: 0 7px 0 20px;
}

body.body_main_gretsch .brand-head {
    background: #1d1d1d;
    height: 4.275em;
    padding: 0 7px;
}

body.body_main_presonus .brand-head {
    background: #1d1d1d;
    height: 4.275em;
    padding: 0 7px;
}

.brand-head .brand_img {
    margin-top: 0px;
    position: relative
}

.nav-btn {
    display: none
}

.nav {
    font-weight: 800;
    text-transform: uppercase
}

.nav_list>li {
    display: inline-block;
    margin-right: -4px
}

.nav_item {
    color: #999;
    font-size: 0.6875rem;
    line-height: 6.363636364em
}

.nav_item.link-red {
    color:#f33d33;
}

.nav_item:hover,
.nav_item.link-red:hover {
    color: #fff
}

.page-btn {
    border: 1px solid transparent;
    border-width: 0 1px;
    display: inline-block;
    height: 6.363636364em;
    padding: 0 24px
}

.dropdown {
    height: 4.375em;
    position: relative;
    vertical-align: top
}

.dropdown:hover .dropdown_btn,.dropdown:hover.nav_avatar {
    background: #121212;
    border-color: #343434;
    -webkit-transition: all 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: all 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: all 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: all 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.dropdown:hover .dropdown_btn:before,.dropdown:hover.nav_avatar:before {
    display: block
}

.dropdown:hover .dropdown_list {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: opacity 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: opacity 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: opacity 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.dropdown:hover .dropdown_btn i:after,.dropdown_btn.expanded i:after {
    content: "u" !important
}

.dropdown_btn {
    position: relative
}

.dropdown_btn:before {
    background: #121212;
    bottom: -1px;
    content: '';
    display: none;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.dropdown_btn i {
    font-size: 8px;
    margin-left: 9px
}

.dropdown_btn i:after {
    content: 'd'
}

.dropdown_list {
    background: #121212;
    border-top: 1px solid #343434;
    box-shadow: 0px 1px 2px 0px rgba(29,29,29,0.25);
    visibility: hidden;
    left: 0;
    line-height: 2.5em;
    margin-top: -1px;
    min-width: 19.666666667em;
    padding: 20px 25px;
    position: absolute;
    top: 5.833333333em;
    opacity: 0
}

@media only screen and (max-width: 30em) {
    .dropdown_list {
        display:none
    }
}

.dropdown_list:hover {
    display: block
}

.dropdown_list a {
    color: #555;
    display: block
}

.dropdown_list a:hover {
    color: #fff
}

.nav-user {
    margin-left: auto
}

.nav-user .avatar {
    margin-right: 10px;
    width: 32px;
    vertical-align: middle
}

.nav-user .dropdown_btn {
    padding: 0
}

.nav-user .dropdown_list {
    min-width: 100%
}

.nav-user .dropdown_list a {
    white-space: nowrap
}

.nav-user .nav_list {
    padding-right: 18px
}

.nav-user .nav_list .page-btn {
    padding: 0 14px
}

.nav_module {
    border-left: 1px solid #343434;
    display: inline-block;
    height: 4.375em;
    padding: 0 20px
}

.nav_module+.nav_module {
    margin-left: -4px
}

.nav_iq {
    height: 4.375em;
    padding-left: 15px;
    padding-right: 15px
}

.nav_iq .iq {
    position: relative
}

.nav_iq .iq_lbl {
    color: #bbb;
    margin-top: -1px
}

.nav_iq_title {
    display: none
}

@media only screen and (max-width: 64em) {
    .page-btn {
        padding:0 15px
    }

    .dropdown_btn i {
        margin-left: 5px
    }

    .nav_uname {
        display: none
    }

    .nav-user .avatar {
        margin-right: 0
    }

    .nav-user .dropdown_btn i {
        margin-left: 0
    }
}

@media only screen and (max-width: 47.9375em) {
    .head {
        background:#1d1d1d;
        display: block;
        height: 3.75em;
        text-align: center
    }

    .brand-head {
        background: none;
        display: inline-block;
        height: auto;
        margin-top: 10px
    }

    body.body_main_jackson .brand-head {
        margin-top: 7px;
        height: auto;
    }

    .brand-head .brand_img {
        margin: 0;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width:60px !important;
    }

    body.body_main_jackson .brand-head .brand_img {
        width:160px !important;
    }

    .nav-btn {
        display: block;
        overflow: hidden;
        position: absolute;
        text-indent: -999em
    }

    .nav-btn.hidden {
        display: none
    }

    .nav-btn-menu {
        background-position: 0 -44px;
        height: 16px;
        left: 20px;
        width: 20px
    }

    .nav-btn-user {
        background-position: -30px -44px;
        height: 26px;
        right: 20px;
        width: 20px
    }

    .nav-btn-close {
        background-position: -60px -44px;
        display: none;
        height: 15px;
        right: 20px;
        width: 15px
    }

    .nav-btn-close.visible {
        display: block
    }

    .nav-head {
        background: #1d1d1d;
        display: none;
        /* height: calc(100vh - 3.75em); */
        height: calc(100vh - 7.5em);
        overflow: scroll;
        position: absolute;
        text-align: left;
        top: 3.75em;
        width: 100%;
        z-index: 1
    }

    .nav-head.visible {
        display: block
    }

    .nav-head .dropdown_list {
        visibility: visible;
        opacity: 1
    }

    .nav-head .nav_list {
        width: 100%
    }

    .nav-head .nav_list>li,.nav-head .nav-user .dropdown_list li {
        border-bottom: 1px solid #434343;
        display: block;
        margin: 0
    }

    .nav-head .nav_item,.nav-head .nav-user .dropdown_list a {
        color: #fff;
        display: block;
        font-size: 0.875rem;
        height: 5.571428571em;
        line-height: 5.571428571em
    }

    .nav-head .page-btn,.nav-head .nav-user .dropdown_list a {
        padding-left: 20px;
        padding-right: 20px
    }

    .dropdown {
        height: auto
    }

    .dropdown:hover .dropdown_btn {
        background: none;
        border-left-color: transparent;
        border-right-color: transparent
    }

    .dropdown:hover .dropdown_btn i:after {
        content: 'd'
    }

    .dropdown:hover .dropdown_btn:before {
        display: none
    }

    .dropdown:hover .dropdown_list {
        display: none
    }

    .dropdown_btn:not(.expanded):hover i:after {
        content: "d" !important
    }

    .dropdown_btn:before {
        display: none
    }

    .dropdown_btn i {
        margin: 0;
        padding: 0 20px;
        position: absolute;
        right: 0
    }

    .dropdown_btn:not(.expanded) ~ .dropdown_list {
        display: none
    }

    .dropdown_btn.expanded ~ .dropdown_list {
        display: block
    }

    .dropdown_list {
        font-size: 0.875rem;
        margin: 0;
        padding: 9px 20px 10px 40px;
        position: static
    }

    .dropdown_list li:not(.mobile-hide):not(.mobile-show)+li {
        border-top: 1px solid #343434
    }

    .dropdown_list a {
        color: #bbb;
        padding: 8px 0
    }

    .nav-user {
        background: #121212;
        padding: 30px 0 0;
        text-align: center
    }

    .nav-user .avatar {
        margin-bottom: 16px;
        width: 80px
    }

    .nav-user .avatar:before {
        background-image: url(../img/global/avatar-dk.png)
    }

    .nav-user .avatar.gold:before {
        background-image: url(../img/global/avatar-dk-gold.png)
    }

    .nav-user .avatar.silver:before {
        background-image: url(../img/global/avatar-dk-silver.png)
    }

    .nav-user .avatar.bronze:before {
        background-image: url(../img/global/avatar-dk-bronze.png)
    }

    .nav-user .dropdown_btn {
        height: auto;
        line-height: 1.2em
    }

    .nav-user .dropdown_btn:before,.nav-user .dropdown_btn i {
        display: none
    }

    .nav-user .nav_uname {
        display: block;
        font-size: 1rem;
        margin-bottom: 5.75em;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .nav-user .dropdown:hover .dropdown_list,.nav-user .dropdown_list {
        display: block
    }

    .nav-user .dropdown_list {
        background: #1d1d1d;
        padding: 0;
        text-align: left
    }

    .nav-user .dropdown_list li {
        border-bottom: 1px solid #434343;
        border-top: none
    }

    .nav-user .dropdown_list a {
        padding: 0 20px;
        line-height: 5.571428571
    }

    .nav_module {
        border: none;
        padding: 0;
        width: 100%
    }

    .nav_iq {
        height: auto;
        left: 0;
        overflow: hidden;
        padding: 0 10px 0 22px;
        position: absolute;
        top: 10.9375em;
        width: 100%
    }

    .nav_iq .iq_img {
        display: inline-block;
        float: right
    }

    .nav_iq_title {
        color: #999;
        display: block;
        float: left;
        font: 800 0.875rem "open-sans","Open Sans",sans-serif;
        margin-top: 12px
    }

    .nav_iq_title:before {
        color: #f33d33
    }
}

@media only screen and (max-width: 43.75em) {
    .nav_downloads {
        display:none !important
    }

    .nav-btn.js-modal-close {
        position: absolute;
        display: block;
        top: 29px;
        left: 0px;
        background: #1d1d1d;
        height: 60px;
        width: 60px;
        color: #fff;
        z-index: 10;
        text-indent: 0;
        padding: 0;
        opacity: 1;
        -webkit-transition: opacity 200ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
        -moz-transition: opacity 200ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
        -o-transition: opacity 200ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
        transition: opacity 200ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
        -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
        -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
        -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
        transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
    }

    .nav-btn.js-modal-close:after {
        content: 'l'
    }

    .nav-btn.js-modal-close.hide {
        opacity: 0
    }
}

#sticky {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    z-index: 5000;
    overflow: hidden
}

.foot {
    position: relative;
    background: #1d1d1d
}

.foot_wrapper {
    margin: 0 auto;
    max-width: 78.125em;
    padding: 53px 20px 37px;
    position: relative
}

.brand-foot {
    display: block;
    left: 20px;
    position: absolute;
    top: 50px;
    width:100px;
}

body.body_main_jackson .brand-foot,
body.body_main_gretsch .brand-foot,
body.body_main_presonus .brand-foot {
    width:150px;
}

.brand-foot img {
    height: auto;
    width: 100%
}

.nav-foot {
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-weight: normal;
    text-align: center
}

.nav-foot .nav_list {
    margin-bottom: 2.9375em
}

.nav-foot .nav_list>li+li {
    margin-left: 3.75em
}

.nav-foot a {
    color: #fff
}

.copyright {
    color: #555;
    font: bold 0.625rem "open-sans","Open Sans",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.foot_top {
    position: absolute;
    right: 20px;
    top: 46px
}

@media only screen and (max-width: 64em) {
    .brand-foot {
        width:70px
    }

    body.body_main_jackson .brand-foot,
    body.body_main_gretsch .brand-foot, 
    body.body_main_presonus .brand-foot {
        width:150px;
    }

    .nav-foot .nav_list>li+li {
        margin-left: 1.25em
    }
}

@media only screen and (max-width: 47.938em) {
    .foot_wrapper {
        padding-top:30px
    }

    .brand-foot {
        margin: 0 auto 24px;
        position: static;
        width: 70px
    }

    body.body_main_jackson .brand-foot,
    body.body_main_gretsch .brand-foot, 
    body.body_main_presonus .brand-foot {
        width:150px;
    }

    .nav-foot {
        border-top: 1px solid #373737;
        display: block;
        padding-top: 24px
    }

    .nav-foot .nav_list {
        font-size: 1.125rem;
        line-height: 2.611111111em;
        margin-bottom: 16px
    }

    .nav-foot .nav_list li {
        display: block
    }

    .nav-foot .nav_list li+li {
        margin: 0
    }

    .btn.foot_top {
        display: none
    }
}

.banner {
    background: #1d1d1d;
    color: #fff;
    position: relative;
    text-align: center
}

.banner:first-child:not(.lesson_section) {
    margin-top: 0;
    padding: 2.1875em 0;
    padding: 4.1875em 0 0;
}

.banner.has-img:after {
    /* background-color: rgba(29,29,29,0.9);
    background-image: -webkit-linear-gradient(rgba(29,29,29,0.9),rgba(29,29,29,0));
    background-image: linear-gradient(rgba(29,29,29,0.9),rgba(29,29,29,0)); */
    background-color: transparent;
    content: ''
}

.banner-holder {
    margin-top: 0
}

.banner-holder .banner {
    padding-top: 4.375em
}

.banner-holder .slick-dots {
    bottom: 34px;
    position: absolute
}

.banner-holder .slick-dots button {
    background: rgba(255,255,255,0.5)
}

.banner-holder .slick-dots .slick-active button {
    background: none;
    border-color: #fff
}

.banner-holder .slick-dots .slick-active button:before {
    border-color: #fff
}

.banner_wrapper {
    height: 20.625em
}

.banner_wrapper:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

.banner_wrapper:before,.banner .wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -15px;
    position: relative;
    vertical-align: middle;
    width: 10px;
    z-index: 100
}

.banner_title {
    font-weight: 800;
    text-transform: uppercase
}

.banner_title-lg {
    font-size: 2.8125rem;
    margin-top: .133333333em
}

.banner_title-lg+.btn {
    margin-top: 21px
}

.banner_title-sm {
    font-size: 2.1875rem
}

.banner_tag+.banner_title-sm {
    margin-top: .371428571em
}

.banner_tag,.banner_meta {
    color: #999
}

.banner_meta {
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

.banner_copy {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: normal;
    z-index: 1
}

.banner_subhead {
    color: #999;
    font-weight: 800;
    line-height: 1.4375em;
    margin: 1.5em 0 2.125em;
    text-transform: uppercase
}

.banner_body {
    font-weight: 600
}

.banner_intro {
    margin: 2.0625em auto;
    max-width: 43.75em
}

.banner_intro:before {
    background: #f33d33;
    content: '';
    display: block;
    height: 3px;
    margin: 0 auto 2.0625em;
    width: 40px
}

.banner_intro p,.banner_intro ol,.banner_intro ul {
    line-height: 1.5em
}

.banner_btns .btn {
    padding-left: 10px;
    padding-right: 10px;
    width: 7.142857143em
}

.banner_btns .btn+.btn {
    margin-left: 1.142857143em
}

.banner_bg {
    background-position: center top;
    background-size: cover;
    min-height: 25em;
    height: 100%;
    position: absolute
}

.banner_bg:after {
    background: rgba(29,29,29,0.7);
    content: ''
}

.touchevents .banner_bg {
    background-attachment: scroll
}

.banner_back,.banner_scroll_icn,.latestNav {
    background: none;
    border: 2px solid rgba(85,85,85,0.5);
    border-radius: 50%;
    height: 39px;
    left: 40px;
    position: absolute;
    top: 6.875em;
    width: 39px;
    z-index: 1
}

.banner_back:hover .banner_back_icn,.banner_back:hover .latestNav_icn,.banner_scroll_icn:hover .banner_back_icn,.banner_scroll_icn:hover .latestNav_icn,.latestNav:hover .banner_back_icn,.latestNav:hover .latestNav_icn {
    color: #f33d33
}

.banner_back:hover .banner_back_txt,.banner_back:hover .latestNav_txt,.banner_scroll_icn:hover .banner_back_txt,.banner_scroll_icn:hover .latestNav_txt,.latestNav:hover .banner_back_txt,.latestNav:hover .latestNav_txt {
    visibility: visible
}

.banner-latest-sm .banner_back,.banner-latest-sm .banner_scroll_icn,.banner-latest-sm .latestNav {
    top: 8.75em
}

.banner_back_icn,.latestNav_icn {
    color: #999;
    display: inline-block;
    overflow: hidden
}

.banner_back_icn:before,.latestNav_icn:before {
    content: 'l';
    display: inline-block;
    font-size: 10px;
    position: absolute;
    -webkit-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.banner_back_txt,.latestNav_txt {
    color: #fff;
    display: inline-block;
    letter-spacing: .05em;
    line-height: 36px;
    padding-left: 4.166666667em;
    white-space: nowrap
}

.banner_back_txt {
    opacity: 0
}

.latestNav_txt {
    visibility: hidden
}

.banner_scroll {
    color: #fff;
    display: block
}

.banner_scroll:hover {
    color: #f33d33
}

.banner_scroll_icn {
    color: #f33d33;
    display: inline-block;
    line-height: 39px;
    margin-right: 9px;
    text-align: center;
    text-indent: 2px;
    position: static
}

.banner-home {
    height: 100vh
}

@media(max-width:767px) and (orientation:landscape){
    .banner-home{
        min-height:100vh;
        height:auto;
        padding-bottom:100px !important;
    }
}

.banner-home .banner_wrapper {
    height: 100%
}

.banner-home .banner_bg {
    /*background-attachment: fixed;*/
    background-size: cover;
    height: 100%;
    position: absolute
}

.no-touchevents .banner-home .banner_bg {
    background-attachment: fixed;
}

.banner-home .banner_copy {
    margin: 0 auto;
    max-width: 36.25em
}

.banner-home .banner_scroll {
    bottom: 60px;
    position: absolute;
    z-index: 1
}

@media (max-width:767px) and (orientation:landscape){
    .banner-home .banner_scroll{
        bottom:30px;
    }
}

.banner-account .banner_wrapper {
    height: 23.125em
}

.banner-account .banner_bg {
    height: 100%;
    min-height: 27.5em
}

.banner-dashboard {
    text-align: left
}

.banner-dashboard:first-child {
    padding: 9.375em 0 3.75em
}

.banner-dashboard:after {
    display: none
}

.banner-dashboard .banner_wrapper {
    height: auto;
    max-width: 70em
}

.banner-dashboard .banner_wrapper:before,.banner-dashboard .banner .wrapper:before {
    display: none
}

.banner-dashboard .banner_tag {
    margin-bottom: 1.142857143em
}

.banner-dashboard .iq_img-sm {
    display: none
}

.banner_welcome {
    padding-left: 160px;
    padding-right: 40px;
    position: relative;
    width: calc(100% - 10em)
}

.banner_cert {
    bottom: -2.75em;
    position: absolute
}

.banner_greeting {
    display: block;
    margin-bottom: .6em
}

.banner_location:before {
    background-position: -154px 0;
    height: 10px;
    width: 8px
}

.banner_iq {
    margin-top: 8px;
    width: 10
}

.banner_iq .iq_lbl {
    font-size: 2.8125rem
}

.banner_iq-sm {
    margin: 27px 0
}

.banner_iq-sm .iq_title {
    margin-top: 7px
}

.banner_iq-sm .iq_title:before {
    font-size: 13px
}

.banner_rewardIq {
    display: block;
    font-size: 1.5rem;
    letter-spacing: .03em;
    margin-bottom: 17px
}

.banner_rewardIq i {
    font-size: 22px
}

.banner_rewardIq abbr {
    font-size: 1.0625rem
}

.banner_rewardBtn {
    margin-top: 53px
}

.banner-latest {
    text-align: left
}

.banner-latest .banner_bg:after {
    background: rgba(29,29,29,0.1);
    content: ''
}

.banner-latest .wrapper-content {
    height: 54.375em;
    max-width: 81.25em;
    padding: 0 60px
}

.banner-latest .banner_bg {
    background-attachment: scroll;
    background-position: center center;
    position: absolute;
    height: 100%;
    min-height: 54.375em
}

.banner-latest .banner_copy {
    max-width: 26.25em
}

.banner-latest .banner_tag {
    color: #fff;
    display: block;
    margin-bottom: 1em
}

.banner-latest .banner_title {
    margin-bottom: .6em
}

.banner-latest-sm .banner_wrapper {
    padding-top: 10px
}

#entry .banner-entry .banner_bg {
    /* top: -70px;
    height: calc(100% + 70px);
    position: absolute */
    top: -70px;
    position: relative;
}

.banner-entry {
    margin-bottom: 53px
}

.banner-entry:after {
    display: none
}

.banner-entry .banner_bg {
    background-attachment: scroll
}

.banner-entry .banner_bg:after {
    background: rgba(29,29,29,0.5)
}

.banner-entry .wrapper {
    height: 28.125em;
    max-width: 30em
}

.banner-entry .wrapper-reward-detail {
    max-width: 37.5em
}

.banner-entry .banner_bg {
    background-size: cover
}

.banner-entry .post_meta {
    margin-bottom: 1.285714286em
}

.banner-entry .banner_title {
    letter-spacing: .01em
}

.banner-entry:not(.banner-entry-alt) .post_meta a,.banner-entry:not(.banner-entry-alt) .post_meta .mod_time {
    color: #fff
}

.entry-video+.banner-entry {
    text-align: left
}

.entry-video+.banner-entry .wrapper {
    padding-top: 4.8125em
}

.modal-entry-body .banner:first-child {
    margin-top: 0;
    padding-top: 0
}

.banner-entry-alt {
    background: #fff;
    color: #1d1d1d;
    margin-bottom: 0
}

.banner-entry-alt:after {
    display: none
}

.banner-entry-alt .banner_bg {
    height: 100%;
    min-height: 36.875em;
    position: relative

}

.banner-entry-alt .banner_bg:after {
    display: none
}

.banner-entry-alt .wrapper {
    height: auto;
    padding-top: 3.6875em
}

.banner-entry-alt .wrapper:before {
    display: none
}

.banner-entry-alt .banner_title {
    margin-bottom: .714285714em
}

.banner-lesson {
    padding: 0 0 0 17.375em
}

.banner-lesson .banner_wrapper {
    text-align: left
}

.banner-lesson .banner_bg {
    /*background-attachment: fixed;*/
    height: 100%;
    position: absolute
}
.no-touchevents .banner_bg {
    /* background-attachment: fixed; */
}

.banner-lesson:after {
    display: none
}

.banner-lesson:first-child {
    padding-top: 0em
}

.banner-lesson .banner_bg {
    background-position: right center
}

.banner-lesson .banner_bg:after {
    display: none
}

.banner-lesson.overlay .banner_bg:after {
    background: rgba(29,29,29,0.85);
    display: block
}

.banner-lesson .banner_wrapper {
    height: auto
}

.banner-lesson .banner_copy {
    max-width: 31.875em;
    text-align: left;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.banner-lesson .banner_tag {
    display: block;
    margin-bottom: .857142857em
}

.banner-lesson .banner_title {
    margin-bottom: .4em
}

.banner-lesson .banner_body {
    font-weight: 700;
    margin-bottom: .857142857em
}

.banner-lesson .banner_stats {
    margin-bottom: 2.428571429em
}

.banner-lesson .btn {
    margin-bottom: 6.785714286em
}

.banner-lesson .btn+.btn {
    margin-left: 1.142857143em
}

.banner-lesson-alt {
    padding-left: 12em
}

.banner-lesson-alt .banner_wrapper {
    text-align: center
}

.banner-lesson-alt .banner_bg {
    background-position: center
}

.banner-lesson-alt .banner_copy {
    margin: 0 auto;
    text-align: center
}

.banner-lesson-alt .banner_stats {
    margin-left: auto;
    margin-right: auto;
    max-width: 28.571428571em
}

.banner-lesson-alt .banner_scroll {
    padding-bottom: 60px;
    position: relative
}

.banner-lesson-alt .banner_scroll_icn {
    bottom: 0;
    position: absolute;
    top: auto
}

.banner-lesson-alt2 {
    padding-left: 12em;
    padding-right: 80px
}

.banner-lesson-alt2 .banner_bg {
    background-position: left center
}

@media only screen and (max-width: 68.75em) {
    .banner_welcome {
        margin-left:20px;
        width: calc(100% - 10em)
    }
}

@media only screen and (max-width: 60em) {
    .banner-lesson {
        padding-left:60px;
        padding-right: 60px
    }

    .banner-lesson .banner_title {
        font-size: 2.8125rem;
        line-height: 1.111111111em
    }
}

@media only screen and (max-width: 60em) and (min-width: 768px) {
    .banner-lesson {
        padding-left:220px;
        padding-right: 60px
    }
}

@media only screen and (max-width: 48em) {
    .banner:first-child {
        margin-top:-3.75em;
        padding-top: 3.75em
    }

    .banner_bg {
        background-attachment: scroll
    }

    .banner_back {
        display: none
    }

    .banner-home .banner_bg,.banner-latest .banner_bg,.banner-lesson .banner_bg {
        background-attachment: scroll
    }

    .banner-dashboard {
        text-align: center
    }

    .banner-dashboard:first-child {
        padding: 5.6875em 0 2.0625em
    }

    .banner-dashboard .banner_tag {
        display: none
    }

    .banner-dashboard .iq_img-lg {
        display: none
    }

    .banner-dashboard .iq_img-sm {
        display: block
    }

    .banner-dashboard .iq_lbl {
        font-size: 1.25rem;
        letter-spacing: .05em
    }

    .banner_welcome {
        float: none;
        margin-left: 0;
        padding: 0;
        width: 100%
    }

    .banner_avatar {
        display: block;
        margin: 0 auto 10px;
        position: relative
    }

    .banner_avatar .avatar {
        margin-bottom: 8px;
        width: 80px
    }

    .banner_cert {
        display: block;
        margin: 0 auto 1.625em;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .banner_greeting {
        font-size: 1.6875rem;
        margin-bottom: .518518519em
    }

    .banner_iq {
        float: none;
        width: 100%
    }

    .banner_location {
        font-size: 0.625rem;
        margin-bottom: 1.7em
    }

    .banner_location:before {
        top: 1px
    }

    .banner-latest {
        padding: 0;
        text-align: center
    }

    .banner-latest .wrapper-content {
        padding: 0 20px
    }

    .banner-latest .banner_bg:after {
        background: rgba(29,29,29,0.5)
    }

    .banner-latest .banner_copy {
        margin: 0 auto
    }

    .banner-latest .banner_tag,.banner-latest .banner_body {
        display: none
    }

    .banner-latest .vidLink {
        display: block;
        margin-top: 25px
    }

    .banner-entry .wrapper {
        height: 22.8125em
    }

    .banner-entry .post_meta {
        margin-bottom: .785714286em
    }

    .banner-entry-alt .banner_bg {
        height: 100%;
        min-height: 22.8125em
    }

    .banner-entry-alt .wrapper {
        height: auto;
        padding-top: 2.4375em
    }

    .banner-entry-alt .banner_title {
        margin-bottom: 1.318181818em
    }

    .banner-lesson {
        /*padding-left: 0;
        padding-right: 0*/
    }

    .banner-lesson.lesson_section {
        height: 53.125em;
        padding-top: 7.5em
    }

    .banner-lesson .banner_wrapper {
        padding: 0 65px
    }

    .banner-lesson .banner_title {
        font-size: 2.8125rem;
        line-height: 1.111111111em
    }

    .banner-lesson:not(.banner-lesson-alt) .banner_bg:after {
        background: rgba(29,29,29,0.6);
        display: block
    }

    .banner-lesson-alt2 .banner_copy {
        float: none
    }
}

@media only screen and (max-width: 47.9375em) {
    .banner-latest .wrapper-content {
        height:20.3125em
    }

    .banner-holder .banner-latest {
        margin-top: 7.5em;
        padding-top: 0;
        padding-bottom: 40px
    }

    .banner-holder .slick-dots {
        bottom: 24px
    }
}

@media only screen and (max-width: 43.75em) {
    .banner-holder .banner-latest {
        margin-top:3.125em
    }

    .banner-lesson {
        padding-bottom: 0;
        position: relative
    }

    .banner-lesson .banner_wrapper {
        text-align: center
    }

    .banner-lesson.lesson_section:not(.lesson_nav) {
        height: auto;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }

    .banner-lesson.lesson_section:not(.lesson_nav) .lesson_copy {
        white-space: nowrap
    }

    .banner-lesson .banner_bg:after {
        background: rgba(29,29,29,0.5);
        display: block
    }

    .banner-lesson .banner_wrapper {
        height: 15.3125em;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        white-space: nowrap;
        z-index: 1
    }

    .banner-lesson .banner_wrapper:before {
        content: '';
        display: inline-block;
        height: 100%;
        margin-right: -14px;
        position: relative;
        vertical-align: middle;
        width: 10px
    }

    .banner-lesson .banner_copy {
        display: inline-block;
        margin: 0 auto;
        position: static;
        text-align: center;
        vertical-align: middle;
        white-space: normal
    }

    .banner-lesson .banner_tag {
        display: none
    }

    .banner-lesson .banner_title {
        font-size: 1.6875rem;
        line-height: 1.185185185em;
        position: relative
    }

    .banner-lesson .banner_body_wrap {
        background: #1d1d1d;
        padding: 1.5em 30px 3.75em;
        left: 0;
        position: absolute;
        top: 100%;
        white-space: normal;
        width: 100%
    }

    .banner-lesson .banner_body_wrap p,.banner-lesson .banner_body_wrap ol,.banner-lesson .banner_body_wrap ul {
        text-align: left
    }

    .banner-lesson .banner_stats {
        margin-bottom: 1.714285714em
    }

    .banner-lesson .btn {
        display: block;
        margin: 0 auto 10px
    }

    .banner-lesson .btn+.btn {
        margin-left: auto
    }

    .banner-lesson .banner_scroll {
        margin-top: 2.142857143em
    }

    .banner-lesson-alt2 .banner_copy {
        float: none
    }

    .banner-account .banner_wrapper {
        height: 19.6875em
    }
}

@media only screen and (max-width: 30em) {
    .banner_title-lg {
        font-size:2.1875rem
    }

    .banner_title-sm {
        font-size: 1.375rem
    }

    .banner_intro {
        margin: 1.625em auto;
        max-width: 43.75em
    }

    .banner_intro:before {
        margin: 0 auto 1.4375em
    }

    .banner_intro p,.banner_intro ol,.banner_intro ul {
        font-size: 0.875rem;
        line-height: 1.571428571em
    }
}

.btn,button {
    background: #f33d33;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    letter-spacing: .07em;
    line-height: 1.2em;
    padding: 13px 30px 11px;
    text-transform: uppercase;
    -webkit-transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.btn:hover,button:hover {
    background: #c42823;
    color: #fff
}

.btn i,button i {
    -webkit-transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition: background 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),color 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005),border 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.callout .btn i,.callout button i {
    font-size: 12px;
    margin-right: 5px;
    top: 0
}

.btn-more {
    padding: 13px 20px 11px
}

.btn-more:before {
    background-position: 0 0;
    height: 12px;
    top: 1px;
    width: 12px
}

.btn-alt,.btn-disabled,.btn[disabled],button[disabled],.btn-top {
    border: 1px solid #1d1d1d;
    padding: 12px 30px 10px
}

.btn-alt,.btn-disabled {
    background: none
}

.btn-alt:hover,.btn-disabled:hover {
    background: none
}

.btn-alt {
    background: none;
    color: #1d1d1d
}

.bg .btn-alt {
    border-color: #fff;
    color: #fff
}

.btn-alt:hover {
    border-color: #f33d33;
    color: #f33d33
}

.btn-disabled,.btn[disabled],button[disabled] {
    background: transparent;
    border-color: #bbb;
    color: #999;
    cursor: default
}

.btn-disabled:hover,.btn[disabled]:hover,button[disabled]:hover {
    color: #999
}

.btn-disabled-alt[disabled] {
    background: #f33d33;
    border: none;
    color: #fff;
    opacity: .3
}

.btn-disabled-alt[disabled]:hover {
    color: #fff
}

.btn-blank {
    background: none;
    color: #f33d33;
    padding-left: 0;
    padding-right: 0
}

.btn-blank:hover {
    background: none;
    color: #c42823
}

.btn-black {
    background: #2c2c2c;
    border-color: #555;
    color: #eee;
}

.btn-black:hover {
    background: #373737;
    border-color: #555;
    color: #eee
}

.btn-top {
    background: #2c2c2c;
    border-color: #555;
    color: #eee;
    padding-left: 15px;
    padding-right: 15px
}

.btn-top:after {
    background-position: -133px 0;
    height: 14px;
    top: 1px;
    width: 10px
}

.btn-top:hover {
    background: #373737;
    border-color: #555;
    color: #eee
}

.btn-clear i {
    font-size: 12px
}

.btn-transp-white{
    background: none !important;
    color: #fff;
}

.btn-transp-gray{
    background: none !important;
    color: #999 !important;
}

.btn-transp-green{
    background: none !important;
    color: #3fb36b !important;
}

.media_btn,.playlist_next,.playlist_prev,.vid_btn,.module-gallery .slick-arrow,.rewards_btn,.slideshow_btn {
    background-color: transparent;
    border: none;
    padding: 0
}

.btn.no-pointer{
    cursor:default !important;
}

input,textarea,.select_lbl,.select-wrap select {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: inset 0 1px 1px 0 rgba(221,221,221,0.5);
    height: 3.076923077em;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0 20px
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,.select_lbl::-webkit-input-placeholder,.select-wrap select::-webkit-input-placeholder {
    color: #bbb;
    font-style: italic
}

input::-moz-placeholder,textarea::-moz-placeholder,.select_lbl::-moz-placeholder,.select-wrap select::-moz-placeholder {
    color: #bbb;
    font-style: italic
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder,.select_lbl::-ms-input-placeholder,.select-wrap select::-ms-input-placeholder {
    color: #bbb;
    font-style: italic
}

input[disabled],textarea[disabled],.select_lbl[disabled],.select-wrap select[disabled] {
    opacity: .6
}

.touchevents input,.touchevents textarea,.touchevents .select_lbl,.touchevents .select-wrap select {
    font-size: 1rem;
    height: 2.5em
}

textarea {
    height: 11.538461538em;
    padding-top: 10px
}

.touchevents textarea {
    height: 9.375em
}

input[type="radio"],input[type="checkbox"] {
    display: none
}

.radio-lbl,.check-lbl {
    display: block;
    padding-left: 26px;
    position: relative
}

.radio-lbl:before,.radio-lbl:after,.check-lbl:before,.check-lbl:after {
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 0
}

.radio-lbl:before,.check-lbl:before {
    background: #fff;
    border: 2px solid #bbb;
    height: 12px;
    left: 0;
    width: 12px
}

.radio-lbl:after,.check-lbl:after {
    background: #f33d33;
    display: none;
    height: 6px;
    left: 5px;
    top: 5px;
    width: 6px
}

input:checked+.radio-lbl:after,input:checked+.check-lbl:after {
    display: block
}

.check-lbl {
    color: #555;
    font-size: 0.8125rem;
    font-weight: 700
}

.check-lbl:before {
    border-radius: 2px;
    border-width: 1px;
    box-shadow: inset 0 1px 0 0 rgba(221,221,221,0.5);
    height: 13px;
    margin-top: -1px;
    width: 13px
}

.check-lbl:after {
    border-radius: 0;
    height: 13px;
    left: 1px;
    margin-top: -1px;
    top: 1px;
    width: 13px
}

input:checked+.check-lbl:before {
    border-color: #c42823
}

input:checked+.check-lbl:after {
    color: #fff;
    content: 'c';
    display: block;
    font-family: "Fender Icons";
    font-size: 7px;
    font-weight: 500;
    line-height: 13px;
    text-align: center
}

.ng-dirty.ng-invalid:not(form):not(#account-postal),
.form_error:not(.ng-hide) ~ input,
.ng-dirty.postal-false:not(.postal-length-false) {
    border-color: #f33d33 !important;
    box-shadow: inset 1px 0 0 0 #f33d33,inset -1px 0 0 0 #f33d33,inset 0 1px 0 0 #f33d33,inset 0 -1px 0 0 #f33d33;
}

.form_success:not(.ng-hide) ~ input {
    border-color: #3fb36b
}

.ng-touched.ng-valid,
.postal-false.postal-length-false{
    border-color: #ddd;
}

input:not(#account-postal) .ng-dirty.ng-valid,
.postal-true.postal-length-false.ng-dirty:not(.ng-invalid),
.ng-valid-email.ng-valid,
.ng-valid-pattern.ng-valid-minlength.ng-valid-maxlength.ng-dirty.ng-valid-parseid.ng-touched{
    border-color: #3fb36b;
}

.select-wrap,.select {
    position: relative;
    width: 100%
}

.select_lbl,.select-wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
    box-shadow: none;
    display: block;
    cursor: pointer;
    font-family: "open-sans","Open Sans",sans-serif;
    overflow: hidden;
    padding-right: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.select_lbl i,.select-wrap i {
    color: #999;
    font-size: 8px;
    font-weight: 500;
    position: absolute;
    right: 20px;
    z-index: 1;
}

.select_lbl i:after,.select-wrap i:after {
    content: 'd'
}

.select:not([disabled]).active {
    box-shadow: 0 1px 3px 0 rgba(85,85,85,0.35)
}

.select:not([disabled]).active .select_lbl:before {
    display: block
}

.select:not([disabled]).active .select_lbl i:after {
    content: 'u'
}

.select:not([disabled]).active .select_list {
    display: block
}

.select[disabled] {
    opacity: .5
}

.select_lbl {
    line-height: 3em;
    position: relative
}

@media(max-width:767px){
    .select_lbl {
        line-height: 2.5em;
    }
}

.select_lbl:before {
    background: #fff;
    bottom: 0;
    content: '';
    display: none;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3001
}

[disabled] .select_lbl {
    cursor: default
}

.select_list {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(85,85,85,0.35);
    border: 1px solid #ddd;
    border-top-color: #fff;
    display: none;
    font-size: 0.8125rem;
    margin-top: -1px;
    max-height: 19.615384615em;
    overflow: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    padding: 4px 0 0;
    top: 100%;
    width: 100%;
    z-index: 3000
}

.select_list .select_opt,.select_list a {
    color: #1d1d1d;
    cursor: pointer;
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 10px 20px;
    text-transform: none
}

.select_list .select_opt:hover,.select_list a:hover {
    background: #f33d33;
    color: #fff
}

.select_list input {
    display: none
}

.select-sort,.touchevents .select-sort+.select-wrap {
    display: inline-block;
    margin: 40px 0 4px;
    text-align: left;
    width: 220px
}

.select-sort .selected,.touchevents .select-sort+.select-wrap .selected {
    display: none
}

.select-sort .select_lbl,.select-sort .select_opt,.select-sort select,.touchevents .select-sort+.select-wrap .select_lbl,.touchevents .select-sort+.select-wrap .select_opt,.touchevents .select-sort+.select-wrap select {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase
}

.touchevents .select-sort+.select-wrap select {
    height: 37px
}

.filter_list-converted .selected {
    display: block
}

.field-list>li {
    margin-bottom: 1.428571429em;
    position: relative
}

.field-list label,.field-list .faux-lbl {
    color: #555;
    display: block;
    font-weight: 700;
    margin-bottom: .25em;
    text-transform: uppercase
}

.field-list input,.field-list textarea {
    width: 100%
}

.form {
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 auto;
    padding: 4.625em 60px 4.875em
}

.form button {
    margin-top: 10px;
    width: 100%
}

.response {
    display: none
}

.form_intro,.form_disclaimer {
    margin: 0 auto;
    max-width: 400px
}

.form_title {
    margin-bottom: 1.92em;
    text-align: center
}

.form_intro {
    margin: -1.428571429em auto 3.357142857em;
    text-align: center
}

.form_feedback+.form_intro {
    margin-top: 0
}

.form_intro+.form_disclaimer {
    margin-top: -1em
}

.form_feedback {
    display: block;
    font-weight: 800;
    margin: -1em -60px 2.75em;
    padding: 18px 20px;
    text-align: center;
    text-transform: uppercase
}

.form_feedback.error {
    background: #feebea
}

.form_feedback.error i {
    color: #f33d33;
    margin-right: 3px;
    top: 1px
}

.form_hdg {
    display: block;
    font-weight: 800;
    margin-bottom: 0.75em;
    text-transform: uppercase
}

.form_desc {
    color: #555;
    font-size: 0.8125rem;
    line-height: 1.615384615em;
    margin-bottom: 2.846153846em
}

.form_desc strong {
    display: block
}

.form_desc a {
    font-weight: 700
}

.form_link {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase
}

.form_contact {
    font-weight: 700
}

.form_contact i {
    color: #555;
    margin-right: 10px
}

.form_contact.tel i {
    font-size: 16px;
    top: 3px
}

.form_contact.mail i {
    top: 1px
}

.form_contact+.form_contact {
    border-left: 1px solid #ddd;
    margin-left: 28px;
    padding-left: 29px
}

.form_disclaimer {
    line-height: 1.5em;
    margin: 4.5em auto -1.666666667em;
    max-width: 25em;
    text-align: center
}

.form_disclaimer a {
    font-weight: 700
}

.form_disclaimer.important a {
    text-transform: uppercase
}

.form_note {
    background: #eee;
    border-top: 1px solid #ddd;
    margin: 3.625em -60px -4.875em;
    padding: 2.70em 60px 2.1875em;
    text-align: center
}

.form_note .h8 {
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px
}

.form_note p,.form_note ol,.form_note ul {
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px
}

.form_note p:last-child,.form_note ol:last-child,.form_note ul:last-child {
    margin-bottom: 0
}

.form_note a {
    font-weight: 600
}

.form_accept {
    color: #555;
    display: block;
    font-weight: 600;
    line-height: 1.571428571em;
    margin: -.285714286em 0 2em;
    text-align: center
}

.form_accept a {
    font-weight: 700
}

.form_error,.form_success {
    background: #fff;
    bottom: .8em;
    color: #f33d33;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: .03em;
    padding-left: 20px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    pointer-events: none
}

.form_error i,.form_success i {
    font-size: 16px;
    position: absolute;
    right: -48px
}

textarea+.form_error,textarea+.form_success {
    bottom: auto;
    top: 3.5em
}

.form_success {
    color: #3fb36b
}

.form_success i {
    top: -0.6875em;
    right: -47px
}

.form-login {
    margin: 120px auto;
    max-width: 36.25em
}

.form-contact {
    border: none;
    margin: 0 auto;
    max-width: 36.25em;
    width: 100%
}

.form-long {
    border: none;
    max-width: 46.25em;
    margin: 0 auto;
    padding: 7.375em 20px
}

.form-long fieldset {
    border-bottom: 1px solid #ddd;
    margin-bottom: 3.625em;
    padding-bottom: 1.0625em
}

.form-long fieldset:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

.form-long fieldset:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.form-long .form_copy {
    margin-bottom: 2em;
    width: 42.8571429%
}

.form-long .form_copy p:last-child,.form-long .form_copy ol:last-child,.form-long .form_copy ul:last-child {
    margin-bottom: 0
}

.form-long .field-list {
    margin-top: -.357142857em;
    width: 48.5714286%
}

.form-long button[type="submit"] {
    padding: 15px 10px 13px
}

.form-long button[type="submit"].btn-apply {
    clear: both;
    margin: -3px 0 43px;
    width: 11.428571429em
}

.upload {
    text-align: center
}

.upload .avatar {
    height: 92px;
    width: 92px;
    margin: 26px 0 15px;
    position: relative
}

.upload .avatar img.avatar_img{
    height:92px !important;
    width:auto !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.upload-avatar {
    position: absolute
}

.upload_wrap {
    cursor: pointer;
    display: inline-block
}

.upload_wrap:hover .upload_icn {
    opacity: 1
}

.upload_icn {
    background: #f33d33;
    color: #fff;
    height: 100%;
    font-size: 18px;
    left: 0;
    line-height: 84px;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: opacity 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: opacity 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: opacity 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.upload_lbl {
    display: block;
    margin-bottom: 22px
}

.upload_lbl:hover .upload_icn {
    display: block
}

.upload_inp {
    display: none
}

.upload_note {
    display: block
}

.searchForm {
    background: #121212;
    display: none;
    left: 0;
    padding: 88px 120px 80px;
    position: absolute;
    top: 4.375em;
    width: 100%;
    z-index: 2
}

.searchForm form {
    position: relative
}

.searchForm_icn {
    color: #555;
    font-size: 22px;
    left: 0;
    position: absolute
}

.searchForm_input {
    background: none;
    border-color: #999;
    border-width: 0 0 1px;
    box-shadow: none;
    color: #fff;
    font-weight: 800;
    height: 1.857142857em;
    padding: 0 55px;
    text-transform: uppercase;
    width: 100%
}

.searchForm_input::-webkit-input-placeholder {
    color: #555;
    font-style: normal
}

.searchForm_input::-moz-placeholder {
    color: #555;
    font-style: normal
}

.searchForm_input::-ms-input-placeholder {
    color: #555;
    font-style: normal
}

.searchForm_btn {
    background: none;
    color: #f33d33;
    height: 4.642857143em;
    padding: 0;
    position: absolute;
    right: 0
}

.searchForm_btn:hover {
    background: none;
    color: #fff
}

.searchForm_close {
    background: #f33d33;
    color: #fff;
    height: 75px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px
}

.searchForm_close i {
    position: absolute
}

.searchForm_close:hover {
    background: #c42823;
    color: #fff
}

.searchForm_results {
    padding: 3.6875em 0 0;
    text-align: center
}

.searchForm_results .btn {
    margin: 3.857142857em 0 -1.428571429em
}

.searchForm_count {
    color: #999;
    display: block;
    margin-bottom: 2.642857143em;
    text-align: left
}

.searchForm_list {
    margin: 0 -120px;
    padding: 0 110px;
    text-align: left;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

@media only screen and (max-width: 30em) {
    .searchForm_list {
        overflow:scroll
    }
}

.searchForm_list>li {
    display: inline-block;
    min-width: 15.714285714em;
    padding: 0 10px;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 20%
}

.searchForm_list>li+li {
    margin-left: -4px
}

.searchForm_list>li .download {
    display: none;
    margin-top: 1em;
    position: absolute
}

.searchForm_list>li:hover .download {
    display: block
}

.searchForm_list>li:hover .download_icn {
    color: #f33d33
}

.searchForm_list>li:hover .searchForm_type {
    display: none
}

.searchForm_img {
    background: #1d1d1d;
    height: 0;
    margin-bottom: 6px;
    padding-bottom: 68.1818182%;
    position: relative;
    width: 100%;
    overflow: hidden
}

.searchForm_img img {
    display: block;
    height: auto;
    width: 100%
}

.searchForm_img .searchForm_date,.grid_img .searchForm_date {
    color: #fff;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.searchForm_img .searchForm_date abbr,.grid_img .searchForm_date abbr {
    font-size: 1.25rem;
    line-height: 1.25em
}

.searchForm_img .searchForm_date strong,.grid_img .searchForm_date strong {
    font-size: 2.5rem;
    line-height: 1.1em
}

.searchForm_img .searchForm_date span,.grid_img .searchForm_date span {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.388888889em
}

.searchForm_img-event:after {
    background: rgba(29,29,29,0.7);
    content: ''
}

.searchForm_type {
    display: block;
    font-size: 36px;
    position: absolute
}

.searchForm_title {
    font-weight: 800;
    text-transform: uppercase
}

.searchForm_list-resources .searchForm_img {
    border: 1px solid #292929
}

.liveFilter {
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
    margin-bottom: 6.0625em;
    padding: 11px 0 12px
}

.liveFilter .wrapper-sm {
    max-width: 66.25em;
    padding: 0 40px;
    position: relative
}

.liveFilter_lbl,.liveFilter_btn {
    position: absolute
}

.liveFilter_lbl {
    color: #999;
    font-size: 18px;
    left: 0
}

.liveFilter_btn {
    font-size: 16px;
    margin-top: 1px;
    right: 0
}

@media only screen and (max-width: 75em){
    .liveFilter_btn {
        right:20px;
    }
}

.liveFilter_inp {
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 800;
    padding: 0;
    text-transform: uppercase;
    width: 100%
}

input::-ms-clear {
    display: none;
}

.liveFilter_inp::-webkit-input-placeholder {
    color: #999;
    font-style: normal
}

.liveFilter_inp::-moz-placeholder {
    color: #999;
    font-style: normal
}

.liveFilter_inp::-ms-input-placeholder {
    color: #999;
    font-style: normal
}

@media only screen and (max-width: 75em) {
    .liveFilter {
        margin-bottom:3.5625em;
        padding-left: 32px
    }

    .liveFilter_lbl {
        left: 0
    }

    .liveFilter_btn {
        display: none
    }
}

@media only screen and (max-width: 47.9375em) {
    .form_success i,.form_error i {
        display:none
    }

    .form_accept {
        margin: -.285714286em 0 1.714285714em
    }

    .form-long {
        padding: 2.375em 20px
    }

    .form-long fieldset {
        margin-bottom: 2.375em
    }

    .form-long .form_copy,.form-long .field-list {
        float: none;
        width: 100%
    }

    .form-long .upload-avatar {
        position: relative
    }

    .searchForm {
        height: 100%;
        overflow: hidden;
        padding: 68px 20px 80px;
        top: 0;
        z-index: 4000
    }

    .searchForm_icn {
        font-size: 14px
    }

    .searchForm_input {
        font-size: 1rem;
        height: 3.25em;
        padding: 0 25px
    }

    .searchForm_close {
        background: none;
        height: 55px;
        width: 55px
    }

    .searchForm_close:hover {
        background: none;
        color: #f33d33
    }

    .searchForm_results {
        padding-top: 2.25em
    }
}

@media only screen and (max-width: 43.75em) {
    .form-contact .form_title {
        font-size:1.5625rem
    }

    .form-long button[type="submit"].btn-apply {
        margin: 7px 0 23px;
        width: 100%
    }

    .liveFilter {
        margin-bottom: 0;
        padding-left: 20px
    }
}

@media only screen and (max-width: 30em) {
    .form {
        padding:2.125em 20px 4.875em
    }

    .form_note {
        margin: 3.625em -20px -2.375em;
        padding-left: 20px;
        padding-right: 20px
    }

    .form_feedback {
        margin-left: -20px;
        margin-right: -20px
    }

    .form_contact {
        display: block;
        margin-bottom: 2em;
        text-align: left
    }

    .form_contact i {
        border-right: 1px solid #ddd;
        line-height: 20px;
        width: 34px
    }

    .form_contact+.form_contact {
        border: none;
        margin: 0;
        padding: 0
    }

    .form-login {
        margin: 0 auto
    }
}

@media only screen and (max-width: 35em) {
    .form-contact,.mfp-content .form-login,.claim_header {
        left:0;
        overflow: auto;
        padding-top: 6.25em;
        padding-bottom:1em;
        position: absolute;
        top: 0;
        width: 100%
    }

    .form-contact .form_title,.mfp-content .form-login .form_title,.claim_header .form_title {
        background: #1d1d1d;
        border-bottom: 1px solid #ddd;
        color: #fff;
        font-size: 0.75rem;
        left: 0;
        padding: 24px 20px 22px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .form-contact .form_feedback,.mfp-content .form-login .form_feedback,.claim_header .form_feedback {
        margin-top: -40px
    }
}

.grid {
    overflow: hidden
}

.grid-simple {
    margin: 0 -10px
}

.grid-simple .grid_item {
    margin-bottom: 4.285714286em;
    padding: 0 10px;
    width: 25%
}

.grid-simple .grid_item:nth-child(4n+1) {
    clear: left
}

ol.grid-simple,ul.grid-simple {
    margin-bottom: 0
}

.grid_img {
    margin-bottom: 8px;
    width: 100%
}

.grid_img img {
    height: auto;
    width: 100%
}

.grid_meta {
    color: #555;
    margin-bottom: 8px
}

.grid_meta span+span {
    color: #999
}

.grid_meta span+span:before {
    content: ' | ';
    margin: 0 2px
}

.grid-resource,.grid-links {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -10px
}

.grid-resource .grid_item,.grid-links .grid_item {
    margin-bottom: 4.285714286em;
    max-width: 25%;
    padding: 0 10px 2.928571429em;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.grid_item-resource {
    position: relative;
    max-width: initial !important;
}

.grid_item-resource .grid_img {
    margin-bottom: 16px;
    position: relative
}

.grid_item-resource .grid_img:after {
    background-color: rgba(29,29,29,0.7);
    content: ''
}

.grid_item-resource .grid_img img {
    display: block
}

.grid_item-resource i {
    color: #fff;
    z-index: 1
}

.grid_item-resource .cover {
    z-index: 1
}

.grid_item-resource .downloadLink_icn {
    color: #f33d33
}

.resource_meta {
    bottom: 0;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
}

@media (max-width:700px){
    .resource_meta {
        position:relative;
        margin-top: 10px;
        padding:0;
    }
}

.resource_meta span+span:before,.resource_meta span+a:before,.resource_meta a+span:before,.resource_meta a+a:before {
    color: #999;
    content: ' | ';
    margin: 0 3px
}

.grid-links .grid_item {
    margin-bottom: 0;
    max-width: 25%;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.grid-links .grid_item .card {
    width: 100%
}

.wrapper-group {
    max-width: 76.25em;
    padding-bottom: 7.5em
}

.wrapper-group .js-more {
    display: block;
    margin: 2.857142857em auto 0;
    text-align: center;
    width: 15.714285714em
}

.wrapper-group .resource-more {
    margin-top: -1.642857143em
}

.group {
    padding-top: 3.5625em;
    text-align: left
}

.group+.group {
    border-top: 1px solid #ddd;
    padding-top: 4em
}

.group_hdg:after {
    margin: 16px 0 60px
}

.grid-rewards-alt {
    clear: both
}

.grid-rewards-alt .grid_item {
    padding-bottom: 0
}

.grid-rewards-alt .card {
    padding-bottom: 90px;
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.grid-rewards-alt .reward_meta {
    bottom: 0;
    left: 0;
    padding: 0 30px 30px;
    position: absolute;
    width: 100%
}

.grid-cards {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -9px
}

.grid-cards .grid_item {
    margin-bottom: 2.375em;
    padding: 0 9px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 33.333333333%;
    -moz-flex: 0 0 33.333333333%;
    -ms-flex: 0 0 33.333333333%;
    flex: 0 0 33.333333333%;
}

ul.grid-resources {
    margin-bottom: 86px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.grid-rewards {
    margin: 0 -10px
}

.grid-rewards .grid_item {
    padding: 0 10px;
    width: 25%;
}
.touchevents .grid-links .grid_item {
    opacity: 1;
}

@media only screen and (max-width: 75em) {
    .grid-links .grid_item {
        margin-bottom:0;
        max-width: 33.333333333%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 33.333333333%;
        -moz-flex: 0 0 33.333333333%;
        -ms-flex: 0 0 33.333333333%;
        flex: 0 0 33.333333333%;
        opacity: 1;
    }
}

@media only screen and (max-width: 56.25em) {
    .grid-resource .grid_item {
        max-width:33.333333333%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 33.333333333%;
        -moz-flex: 0 0 33.333333333%;
        -ms-flex: 0 0 33.333333333%;
        flex: 0 0 33.333333333%
    }

    .grid-links .grid_item {
        margin-bottom: 0;
        max-width: 50%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .grid-cards .grid_item {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        flex-basis: 50%;
        -ms-flex-preferred-size: 50%
    }

    .grid-cards .grid_item-inactive {
        display: none
    }
}

@media only screen and (max-width: 48em) {
    .grid-simple .grid_item {
        width:50%
    }

    .grid-simple .grid_item:nth-child(4n+1) {
        clear: none
    }

    .grid-simple .grid_item:nth-child(odd) {
        clear: left
    }

    .grid-rewards-alt .grid_item {
        max-width: 50%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    ol.grid-cards-alt {
        display: block;
        margin: 0 -20px 2.142857143em;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        padding-left: 20px;
        white-space: nowrap
    }

    ol.grid-cards-alt .grid_item {
        display: inline-block;
        float: none;
        margin-bottom: 0;
        padding: 0;
        vertical-align: top;
        width: 24.928571429em
    }

    ol.grid-cards-alt .grid_item:last-child {
        margin-right: 20px
    }

    ol.grid-cards-alt .grid_item+.grid_item {
        margin-left: 4px
    }
}

@media only screen and (max-width: 43.75em) {
    .grid-simple .grid_item {
        margin-bottom:2.642857143em;
        width: 100%
    }

    .grid_title {
        font-size: 0.875rem
    }

    .grid-resource .grid_item {
        margin-bottom: 1.428571429em;
        max-width: 50%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .group {
        margin: 0 -20px;
        padding: 2.25em 20px 0
    }

    .group+.group {
        padding-top: 2.25em
    }

    .group_hdg:after {
        margin-bottom: 20px
    }

    .wrapper-group .resource-more {
        margin: 60px auto -40px
    }

    .grid-rewards-alt .grid_item {
        max-width: 100%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .grid-rewards-alt .card {
        padding-bottom: 60px
    }

    .grid-cards .grid_item {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%
    }

    ol.grid-cards-alt .grid_item {
        width: 18.714285714em
    }
}

@media only screen and (max-width: 30em) {
    .grid-resource .grid_item {
        max-width:100%;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .wrapper-group .resource-more {
        position: relative;
        width: 100%
    }

    .wrapper-group .resource-more:before {
        border-top: 1px solid #ddd;
        content: '';
        height: 1px;
        left: -20px;
        position: absolute;
        top: -40px;
        right: -20px
    }
}

.media_wrap {
    border: 1px solid #ddd;
    border-width: 1px 0;
    line-height: 1.642857143em;
    overflow: hidden;
    padding: 23px 20px 23px 60px;
    position: relative;
    text-align: left
}

.media_wrap .audio {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.media_wrap .media_btn {
    left: 15px;
    position: absolute
}

.media_title,.media_artist,.media_btn {
    position: relative;
    z-index: 3
}

.media_title,.media_artist {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.media_title {
    display: block;
    font-weight: 800;
    letter-spacing: -.01em;
    margin-bottom: -.142857143em;
    text-transform: uppercase
}

.media_artist {
    letter-spacing: .03em
}

.media_btn {
    border: 1px solid #1d1d1d;
    border-radius: 50%;
    color: #1d1d1d;
    height: 27px;
    text-align: center;
    width: 27px
}

.media_btn:before {
    content: 'v';
    font-size: 12px;
    line-height: 27px;
    text-indent: 2px
}

.media_btn:hover {
    background: none;
    border-color: #f33d33;
    color: #f33d33
}

.media_btn.pause {
    border-color: #f33d33;
    color: #f33d33
}

.media_btn.pause:before {
    content: 's';
    font-size: 10px;
    text-indent: 0
}

ul.playlist {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em;
    max-height: 19.5em;
    overflow: hidden
}

ul.playlist .media_wrap {
    border-bottom-width: 0
}

ul.playlist.playlist-video {
    max-height: 26em
}

.playlist_video {
    cursor: pointer;
    padding-left: 40%
}

.playlist_video .media_title,.playlist_video .media_artist {
    padding-left: 40px
}

.playlist_video.current {
    -webkit-transition: margin-top 160ms cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition: margin-top 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition: margin-top 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition: margin-top 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition: margin-top 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005)
}

.playlist_video:not(.current) {
    opacity: .5;
    -webkit-transition: opacity 160ms cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition: opacity 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition: opacity 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition: opacity 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition: opacity 160ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005)
}

.playlist_video:not(.current) .playlist_img:after {
    display: none
}

.playlist_video:not(.current):hover {
    opacity: 1
}

.playlist_img {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 40%
}

.playlist_img:after {
    background: rgba(255,255,255,0.5);
    content: ''
}

.playlist_img img {
    max-height: 101%
}

.playlist_img button.media_btn {
    border-color: #fff;
    display: none;
    color: #fff;
    position: absolute
}

.current .playlist_img {
    box-shadow: 5px 0 0 0 #f33d33
}

.current .playlist_img:after {
    background: rgba(29,29,29,0.5)
}

.current .playlist_img .media_btn {
    display: block
}

.playlist_nav {
    overflow: hidden
}

.playlist_next,.playlist_prev {
    color: #bbb;
    height: 20px;
    margin: 0;
    padding: 0 28px;
    position: relative;
    text-align: center
}

.playlist_next:hover,.playlist_prev:hover {
    background: none;
    color: #f33d33
}

.playlist_next[disabled],.playlist_prev[disabled] {
    border: none;
    color: #eee;
    padding: 0 28px
}

.playlist_next[disabled]:hover,.playlist_prev[disabled]:hover {
    color: #eee
}

.playlist_next+.playlist_count,.playlist_prev+.playlist_count {
    display: block
}

.playlist_next,.playlist_next[disabled] {
    border-left: 1px solid #ddd
}

.playlist_nav_icn {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    width: 20px
}

.playlist_prev .playlist_nav_icn {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.playlist_next .playlist_nav_icn {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.playlist_count {
    color: #bbb;
    display: none;
    margin-top: .357142857em
}

.audio wave {
    margin-top: -70px;
    padding-top: 100px
}

.audio>wave canvas {
    top: 70px !important
}

.audio>wave wave {
    background: #eee
}

.audio>wave wave canvas {
    margin-top: 40px
}

.vid {
    background: #000;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.vid:hover .vid_controls {
    visibility: visible !important
}

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

.vid_content {
    height: 100% !important;
    position: absolute;
    width: 100% !important
}

.vid_controls {
    background: #101010;
    bottom: 0;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%
}

.vid_controls.hide {
    visibility: hidden
}

.vid_btn {
    background-color: #101010;
    cursor: pointer;
    height: 50px;
    position: relative;
    width: 60px
}

.vid_play .vid_icn {
    background-position: -97px 0;
    height: 15px;
    width: 7px
}

.vid_pause .vid_icn {
    background-position: -114px 0;
    height: 13px;
    width: 9px
}

.vid_mute .vid_icn {
    background-position: -41px 0;
    height: 13px;
    width: 17px
}

.vid_mute.vid_muted .vid_icn{
    background-position: -173px -61px;
}

.vid_mute.vid_low .vid_icn{
    background-position: -173px -45px;
}

.vid_mute.vid_medium .vid_icn{
    background-position: -173px -27px;
}

.vid_full .vid_icn {
    background-position: -68px 0;
    height: 13px;
    width: 19px
}

.vid_play {
    border-right: 1px solid #343434
}

.vid_mute,.vid_full {
    border-left: 1px solid #343434
}

.vid_progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: #f33d33;
    display: block;
    height: 50px;
    position: relative;
    width: calc(100% - 285px)
}

.vid_progress::-webkit-progress-bar {
    background: #101010;
    position: relative
}

.vid_progress::-webkit-progress-bar::before,.vid_progress::-webkit-progress-value::before {
    content: '';
    background: #484848;
    left: 0;
    height: 3px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%
}

.vid_progress::-webkit-progress-value {
    background-size: 6px 6px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(-405deg, transparent 25%,#4b1f1e 25%,#4b1f1e 50%,transparent 50%,transparent 75%,#4b1f1e 75%,#4b1f1e);
    background-image: linear-gradient(135deg,transparent 25%,#4b1f1e 25%,#4b1f1e 50%,transparent 50%,transparent 75%,#4b1f1e 75%,#4b1f1e);
    position: relative
}

.vid_progress::-webkit-progress-value::before {
    background: #f33d33;
    opacity: .8
}

.vid_progress::-moz-progress-bar {
    background-size: 50px 50px;
    background-color: transparent;
    background-image: linear-gradient(0deg, transparent 23px, #f33d33 23px, #f33d33 26px, transparent 26px),linear-gradient(135deg, transparent 6.25%, #4b1f1e 6.25%, #4b1f1e 12.5%, transparent 12.5%, transparent 18.75%, #4b1f1e 18.75%, #4b1f1e 25%, transparent 25%, transparent 31.25%, #4b1f1e 31.25%, #4b1f1e 37.5%, transparent 37.5%, transparent 43.75%, #4b1f1e 43.75%, #4b1f1e 50%, transparent 50%, transparent 56.25%, #4b1f1e 56.25%, #4b1f1e 62.5%, transparent 62.5%, transparent 68.75%, #4b1f1e 68.75%, #4b1f1e 75%, transparent 75%, transparent 81.25%, #4b1f1e 81.25%, #4b1f1e 87.5%, transparent 87.5%, transparent 93.75%, #4b1f1e 93.75%, #4b1f1e);
    position: relative
}

@-moz-document url-prefix() {
    .vid_controls:before {
        content: '';
        background: #484848;
        left: 0;
        height: 3px;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        width: 100%
    }
}

.vid_time {
    background: #101010;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    color: #bbb;
    position: relative;
    text-align: center;
    width: 105px;
    line-height:50px;
}

.vid_current {
    color: #fff
}

.vid_volume {
    position: relative
}

.vid_volume:hover .vid_volbar {
    display: block
}

.vid_volbar {
    background: #101010;
    display: none;
    height: 105px;
    left: 0;
    overflow: hidden;
    padding: 20px 0 0;
    position: absolute;
    top: -105px;
    width: 100%
}

.vid_volbar:before,.vid_volbar:after {
    background: #101010;
    content: '';
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.vid_volbar:before {
    top: 0
}

.vid_volbar:after {
    bottom: 0
}

.vid_vol {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    -webkit-transform: rotate(270deg) translateX(-19px) translateY(-5px);
    -moz-transform: rotate(270deg) translateX(-19px) translateY(-5px);
    -ms-transform: rotate(270deg) translateX(-19px) translateY(-5px);
    -o-transform: rotate(270deg) translateX(-19px) translateY(-5px);
    transform: rotate(270deg) translateX(-19px) translateY(-5px);
    width: 65px
}

.vid_vol::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #555;
    height: 3px
}

.vid_vol::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #f33d33;
    border: none;
    cursor: pointer;
    height: 15px;
    margin-top: -6px;
    position: relative;
    width: 3px;
    z-index: 1
}

.vid_vol::-webkit-slider-thumb::before {
    background: transparent;
    content: '';
    height: 40px;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 40px;
    z-index: 1
}

.vid_vol::-webkit-slider-thumb::after {
    background: #f33d33;
    content: '';
    height: 3px;
    left: -105px;
    position: absolute;
    top: 6px;
    width: 105px
}

.vid_vol::-moz-range-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #555;
    height: 3px
}

.vid_vol::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #f33d33;
    border: none;
    cursor: pointer;
    height: 15px;
    margin-top: -6px;
    position: relative;
    width: 3px;
    z-index: 1
}

.vid_vol::-ms-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #555;
    height: 3px
}

.vid_vol::-ms-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #f33d33;
    border: none;
    cursor: pointer;
    height: 15px;
    margin-top: 0;
    position: relative;
    width: 3px;
    z-index: 1
}

.vid_vol::-ms-fill-lower {
    background: #f33d33
}

@-moz-document url-prefix() {
    .vid_vol {
        margin-left: 3px
    }
}

@media only screen and (max-width: 43.75em) {
    .touchevents video::-webkit-media-controls {
        display:none !important
    }

    .touchevents .vid_progress,.touchevents .vid_time,.touchevents .vid_volume,.touchevents .vid_full {
        display: none
    }

    .touchevents .vid_controls {
        background: none;
        position: static
    }

    .touchevents .vid_play {
        border: 2px solid #fff;
        border-radius: 50%;
        display: inline-block;
        font-size: 18px;
        height: 48px;
        left: 50%;
        line-height: 48px;
        margin-right: 20px;
        position: absolute;
        text-align: center;
        text-indent: 4px;
        top: 50%;
        width: 48px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .touchevents .vid_play:before {
        background-position: 0 -80px;
        background-image: url(../img/global/sprite.svg);
        content: '';
        display: block;
        height: 42px;
        left: 10px;
        position: absolute;
        top: 1px;
        width: 42px
    }

    .no-svg .touchevents .vid_play:before {
        background-image: url(../img/global/sprite.png)
    }

    .touchevents .vid_play:hover {
        background: none
    }

    .touchevents .vid_play .vid_icn {
        background-position: -97px 0 !important;
        height: 15px !important;
        width: 7px !important
    }
}

.feed {
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 1px 2px 0px rgba(221,221,221,0.35);
    position: relative;
    text-align: center
}

body.body_main_jackson .feed,
body.body_main_gretsch .feed,
body.body_main_presonus .feed,
body.body_main_fender .feed {
    padding-top:55px;
}

body.body_main_jackson .feed::before,
body.body_main_gretsch .feed::before,
body.body_main_presonus .feed::before,
body.body_main_fender .feed::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    height:55px;
    width:100%;
    background-color:#121212;
}

body.body_main_jackson .feed::after,
body.body_main_gretsch .feed::after,
body.body_main_presonus .feed::after,
body.body_main_fender .feed::after{
    content:"NEW CONTENT";
    color:#f33d33;
    display:block;
    position:absolute;
    top: 21px;
    left: 80px;
    font-size: 0.75rem;
    font-family: "open-sans","Open Sans",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.feed_hdg {
    background: #121212;
    border-bottom: 1px solid #9a9a9a;
    border-top: 1px solid #343434;
    color: #999;
    font-size: 0.8125rem;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    text-transform: uppercase
}

.feed_wrap {
    display: inline-block;
    max-width: calc(100% - 214px);
    position: relative;
    text-align: left;
    width: 100%
}

body.body_main_jackson .feed_wrap,
body.body_main_gretsch .feed_wrap,
body.body_main_presonus .feed_wrap,
body.body_main_fender .feed_wrap {
    max-width: calc(100% - 400px);
    margin-top:-55px;
}

.feed_list {
    border: 1px solid #ddd;
    border-width: 0 1px;
    margin: 0 auto;
    width: 100%
}

.feed_list .slick-list {
    margin-bottom: -2px
}

.feed_list li {
    border-left: 1px solid #ddd
}

.feed_list li.slick-current {
    border-color: transparent
}

.feed_list li.slick-current:hover {
    border-color: #eee
}

.feed_list li p {
    margin-bottom: 0px
}

.feed_link {
    display: block;
    line-height: 1.5em;
    padding: 31px 20px 29px;
    box-shadow: inset 0 -1px 0 0 rgba(196,40,35,0);
    cursor: pointer;
    -webkit-transition: background 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75),box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: background 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75),box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: background 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75),box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: background 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75),box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.feed_link:hover {
    background: #f2f2f2;
    box-shadow: inset 0 -4px 0 0 #f33d33;
    -webkit-transition: background 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75),box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: background 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75),box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: background 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75),box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: background 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75),box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.feed_link:hover .feed_title {
    color: #f33d33;
    -webkit-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1)
}

.feed_tag,.feed_title {
    display: block
}

.feed_tag {
    color: #121212;
    letter-spacing: .07em
}

.feed_title {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

body.body_main_jackson .feed_title,
body.body_main_gretsch .feed_title,
body.body_main_presonus .feed_title,
body.body_main_fender .feed_title {
    background-color:#fff;
    display:block;
    height:55px;
    line-height:55px;
    text-align: center;
    color: #1d1d1d;
    padding: 0 10px;
    -webkit-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1)
}

body.body_main_jackson .feed_link:hover .feed_title,
body.body_main_gretsch .feed_link:hover .feed_title,
body.body_main_presonus .feed_link:hover .feed_title,
body.body_main_fender .feed_link:hover .feed_title {
    color: #f33d33;
}

.feed_btn {
    background: none;
    border: 2px solid #ddd;
    border-radius: 50%;
    height: 39px;
    padding: 0;
    position: absolute;
    width: 39px
}

.feed_btn.slick-disabled {
    cursor: default;
    opacity: .25
}

.feed_btn.slick-disabled:hover {
    border-color: #ddd
}

.feed_btn.slick-disabled:hover .feed_icn {
    color: #999
}

.feed_btn:hover {
    background: none;
    border-color: #d0d0d0
}

.feed_btn:hover .feed_icn {
    color: #f33d33
}

.feed_prev {
    left: -73px
}

.feed_next {
    right: -73px
}

body.body_main_jackson .feed_prev,
body.body_main_jackson .feed_next,
body.body_main_gretsch .feed_prev,
body.body_main_gretsch .feed_next,
body.body_main_presonus .feed_prev,
body.body_main_presonus .feed_next,
body.body_main_fender .feed_prev,
body.body_main_fender .feed_next {
    top:61% !important;
}

.feed_icn {
    color: #999;
    display: inline-block;
    overflow: hidden
}

.feed_icn:before {
    display: inline-block;
    font-size: 10px;
    position: absolute
}

.feed_prev .feed_icn:before {
    content: 'l'
}

.feed_next .feed_icn:before {
    content: 'r'
}
/*trivia feed styles*/

/* body:not(.body_main_jackson) .feed_list .lpr_trivia,
body:not(.body_main_fender) .feed_list .lpr_trivia{
  background: url(../img/global/trivia_carousel_bg.jpg) #f2f2f2;
} */
/* body:not(.body_main_jackson) .feed_list .lpr_trivia .feed_link,
body:not(.body_main_fender) .feed_list .lpr_trivia .feed_link {
  padding-left: 33px;
  background: transparent;
}
body:not(.body_main_jackson) .feed_list .lpr_trivia .feed_tag,
body:not(.body_main_jackson) .feed_list .lpr_trivia .feed_title,
body:not(.body_main_fender) .feed_list .lpr_trivia .feed_tag,
body:not(.body_main_fender) .feed_list .lpr_trivia .feed_title {
  color: white;
} */

.dashboard-updates-carousel .lpr_trivia img.feat_img {
  border-radius: 50%;
  display: inline-block;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

/*trivia feed styles*/

/* body:not(.body_main_jackson) .feed_list .lpr_trivia,
body:not(.body_main_fender) .feed_list .lpr_trivia {
  background-color: #2b2b2b;
} */
/* body:not(.body_main_jackson) .feed_list .lpr_trivia .feed_link,
body:not(.body_main_fender) .feed_list .lpr_trivia .feed_link {
  padding-left: 33px;
  background: transparent;
}
body:not(.body_main_jackson) .feed_list .lpr_trivia .feed_tag,
body:not(.body_main_jackson) .feed_list .lpr_trivia .feed_title,
body:not(.body_main_fender) .feed_list .lpr_trivia .feed_tag,
body:not(.body_main_fender) .feed_list .lpr_trivia .feed_title {
  color: white;
} */

.dashboard-updates-carousel .lpr_trivia img.feat_img {
  border-radius: 50%;
  display: inline-block;
  width: 80px;
  height: 80px;
  overflow: hidden;
}




@media only screen and (max-width: 48em) {
    .feed_greet {
        display:none
    }

    .feed_wrap {
        max-width: none;
        overflow-y: hidden;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch
    }

    .feed_list {
        border: none;
        white-space: nowrap
    }

    .feed_list li {
        display: inline-block;
        width: 26.071428571em
    }

    .feed_list li:first-child {
        border-left: none
    }

    .feed_link {
        padding-left: 30px;
        padding-right: 30px
    }

    .feed_btn {
        display: none
    }
}

@media only screen and (max-width: 43.75em) {
    .feed_list li {
        width:19.642857143em
    }
}
@media only screen and (max-width: 35em) {
    .feed .alert .js-modal-btn span {
        display: block;
    }
    .feed .alert .js-modal-btn .alert_icn {
        display: none;
    }
    
}

@media only screen and (max-width: 35em) {
    .feed .alert .js-modal-btn span {
        display: block;
    }
    .feed .alert .js-modal-btn .alert_icn {
        display: none;
    }
    
}

#dashboard .lms {
    padding-top: 6.25em
}

.lms {
    background: #f2f2f2;
    padding: 5em 0 8.125em;
    text-align: center
}

.lms_wrapper {
    max-width: 68.75em
}

.lms_more {
    display: none
}

ol.lessons {
    margin-bottom: 2.857142857em
}

.multiChoice_opt {
    display: none
}

.multiChoice_lbl {
    cursor: pointer;
    display: block;
    font-size: 0.8125rem;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase
}

.multiChoice_opt:checked+.multiChoice_lbl {
    background: #1d1d1d;
    color: #fff
}

.trivia .multiChoice {
    margin-bottom: 2.714285714em
}

.trivia .question_lbl {
    display: block;
    line-height: 1.571428571em;
    margin-bottom: 2.142857143em;
    white-space: normal;
    width: 100%
}

.trivia .multiChoice_lbl {
    border: 1px solid #555;
    padding: 14px 25px 13px;
    margin-bottom: 10px
}

.trivia .multiChoice_lbl:hover {
    border-color: #fff;
    box-shadow: inset -1px 0 0 0 #fff,inset 1px 0 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 1px 0 0 #fff
}

.trivia .multiChoice_opt:checked+.multiChoice_lbl {
    background: none;
    border-color: #f33d33;
    box-shadow: inset -1px 0 0 0 #f33d33,inset 1px 0 0 0 #f33d33,inset 0 -1px 0 0 #f33d33,inset 0 1px 0 0 #f33d33
}

.navBar {
    background: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0 1px 2px 0 rgba(187,187,187,0.15);
    position: relative
}

.navBar_back {
    border-right: 1px solid #eee;
    color: #bbb;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px
}

.navBar_back:hover {
    color: #f33d33
}

.navBar_back_icn {
    font-style: normal;
    left: 0;
    position: absolute;
    width: 100%
}

.navBar_wrapper {
    height: 4.375em;
    max-width: 68.75em;
    overflow: hidden;
    padding-left: 80px
}

.navBar_current {
    display: block;
    font-size: 0.8125rem;
    font-weight: 800;
    position: relative;
    text-transform: uppercase
}

.navBar_current .tertiary {
    color: #999;
    display: block;
    margin-bottom: .214285714em
}

.navBar_current .navBar_counter {
    display: none
}

.navBar_current {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 170px)
}

.navBar_status {
    display: block;
    position: relative
}

.navBar_btn {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-align: center;
    width: 12.142857143em
}

.quiz_wrap,.lpr_quiz {
    height: 46.875em;
    overflow: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    padding: 4.375em 20px 0;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.quiz_wrap:before,.lpr_quiz:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -14px;
    vertical-align: middle;
    width: 10px
}

.quiz_wrap h1.question_count,.lpr_quiz h1.question_count {
    font-weight: normal
}

@media only screen and (max-width: 30em) {
    .quiz_wrap,.lpr_quiz {
        overflow:scroll
    }
}

.quiz,.test {
    background: #f2f2f2;
    height: 100%;
    left: 0;
    overflow: auto;
    -ms-overflow-style: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width: 30em) {
    .quiz,.test {
        overflow:scroll
    }
}

.quiz_copy,.quiz-question-nav {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 100%
}

.quiz_copy {
    margin: 0 auto;
    max-width: 28.75em
}

.quiz_results {
    margin-top: -8.125em
}

.quiz_tag {
    display: block;
    color: #999;
    margin-bottom: .571428571em
}

.quiz_title {
    margin-bottom: 1.085714286em
}

.quiz_title:after {
    margin: 33px auto 0
}

.quiz_name {
    display: block;
    font-weight: 800;
    margin: .275em 0 1em;
    text-transform: uppercase
}

.quiz_score {
    border: 3px solid #ddd;
    border-radius: 50%;
    color: #bbb;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    height: 3.142857143em;
    line-height: 108px;
    margin: 0 auto 1.657142857em;
    text-align: center;
    width: 3.142857143em
}

.quiz_points {
    color: #f33d33
}

.quiz_callout {
    display: block;
    font-weight: 800;
    margin-bottom: 1.51428571em;
    text-transform: uppercase
}

.quiz_disclaimer {
    color: #1d1d1d;
    display: block;
    font-weight: 500;
    line-height: 1.333333333em;
    font-size: 14px;
    /*text-transform: uppercase;*/
}
.quiz_disclaimer b {
    font-weight: 700;
}

.quiz_results .quiz_disclaimer {
    margin: 0 auto;
    width: 23.333333333em
}

.quiz_disclaimer br {
    display: none
}

.quiz_btns {
    margin-top: 2.25em
}

.quiz_btns .btn {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 11.428571429em
}

.quiz_btns .btn+.btn {
    margin-left: 1.071428571em
}

.quiz_nav {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.quiz_nav_block {
    padding: 3.0625em 20px 3em 60px;
    text-align: center;
    width: 50%
}

.quiz_nav.full .quiz_nav_block {
    width: 100%;
}
.quiz_nav_block:hover {
    color: #fff
}

.quiz_nav_block span:not(.goLink_text):not(.goLink_icn),.quiz_nav_block strong {
    display: block;
    position: relative
}

.quiz_nav_block span:not(.goLink_text) {
    color: #999;
    margin-bottom: .357142857em
}

.quiz_nav_block strong {
    font-weight: 800;
    text-transform: uppercase
}

.quiz_nav_block .goLink {
    left: 40px;
    position: absolute
}

.quiz_nav_block .goLink_icn {
    color: #f33d33
}

.quiz_nav_back .goLink_icn:before {
    content: 'l'
}

.quiz_nav_next {
    border: 1px solid #353535;
    border-width: 0 0 0 1px;
    padding: 3.0625em 60px 3em 20px
}

.quiz_nav_next .goLink {
    left: auto;
    right: 40px
}

.question_count {
    color: #555;
    display: block;
    font-size: 1rem;
    margin-bottom: 0.8125em
}

.quiz .quiz-sidebar {
    display: none
}

.test .quiz-countdown-text {
    display: none
}

.test .quiz_results .quiz_callout {
    font-size: 1rem;
    line-height: 1.3125em;
    margin-top: -0.3125em
}

.test .quiz_results .quiz_callout:after {
    background: #f33d33;
    content: '';
    display: block;
    height: 3px;
    margin: 17px auto 0;
    width: 30px
}

.test .quiz_results .quiz_callout i {
    font-size: 13px;
    margin: 0 5px 0;
    top: -1px
}

.quiz-timer {
    font: 0.875rem "din-condensed-web","DIN Condensed",sans-serif;
    height: 42px;
    position: fixed;
    right: 90px;
    text-align: center;
    top: 13px;
    width: 42px
}

.quiz-timer canvas {
    left: -5px;
    position: absolute;
    top: -5px
}

#quiz-countdown {
    position: absolute;
    width: 100%;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    font-size:0.875rem;
}

.quiz-summary {
    left: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 1
}

.quiz-content,.quiz-buttons,.quiz-questions,.back-to-course {
    display: none
}

.learn-press label {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(221,221,221,0.35);
    color: #555;
    cursor: pointer;
    display: block;
    font-weight: 800;
    line-height: 1.285714286em;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 26px 40px 26px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: all 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: all 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: all 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: all 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.learn-press label:hover {
    box-shadow: 0 1px 2px 0 rgba(221,221,221,0.35),inset 5px 0 0 0 #1d1d1d
}

.learn-press label:hover .question-thumb {
    box-shadow: 5px 0 0 0 #1d1d1d
}

.learn-press label.selected {
    background: #1d1d1d;
    color: #fff;
    -webkit-transition: all 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition: all 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition: all 160ms cubic-bezier(0.95, 0.005, 0, 1);
    transition: all 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1)
}

.learn-press label input {
    display: none
}

.learn-press button {
    padding-left: 10px;
    padding-right: 10px;
    width: 17.857142857em
}

.learn-press .correct label,.learn-press .wrong label,.learn-press .disabled label {
    cursor: auto
}

.learn-press .correct label {
    background: #3fb36b;
    color: #fff
}

.learn-press .correct label:hover {
    box-shadow: none
}

.learn-press .correct label:hover .question-thumb {
    box-shadow: none
}

.learn-press .wrong label {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(221,221,221,0.35),inset 3px 0 0 0 #1d1d1d,inset -3px 0 0 0 #1d1d1d,inset 0 3px 0 0 #1d1d1d,inset 0 -3px 0 0 #1d1d1d;
    color: #121212
}

.learn-press .wrong label .question-thumb {
    box-shadow: 3px 0 0 0 #1d1d1d
}

.learn-press .wrong-sibling {
    opacity: .25;
    
}

.learn-press .wrong-sibling.correct label {
    /*background: #f33d33*/
    background: #bbbbbb;
    color: #dfdfdf;
}
.learn-press .wrong-sibling label {
    color: #cecece;
}

.learn-press .disabled:not(.wrong) label:hover {
    box-shadow: 0 1px 2px 0 rgba(221,221,221,0.35)
}

.learn-press .disabled:not(.wrong) label:hover .question-thumb {
    box-shadow: none
}

.lp-question-wrap {
    margin: 0 auto;
    max-width: 28.75em
}

.lp-question-wrap h4 {
    line-height: 1.3125em;
    margin-bottom: 3.125em;
    text-align: center
}

.lp-question-wrap ul {
    margin-bottom: 4.285714286em
}

.quiz-question-nav .question-status {
    color: #555;
    display: block;
    font-size: 0.6875rem;
    font-weight: 700;
    margin-bottom: -1.454545455em;
    text-transform: uppercase
}

.quiz-question-nav .question-status:before {
    font-size: 15px;
    top: 2px
}

.quiz-question-nav .question-status.correct:before {
    color: #3fb36b;
    content: 'a';
    margin-right: 9px
}

.quiz-question-nav .question-status.incorrect:before {
    color: #f33d33;
    content: 'b';
    margin-right: 7px
}

.quiz-question-nav .question-status+button {
    margin-top: 0
}

.quiz-question-nav button {
    margin-top: 3.214285714em
}

.question-thumb {
    left: 0;
    margin-top: -35px;
    position: absolute;
    top: 50%
}

.question-thumb+span {
    display: block;
    margin-left: 70px
}

.question-img {
    margin: -20px 0 28px
}

.question-img+ul {
    margin-bottom: 49px
}

.question-img.wide+ul {
    margin-left: -8.571428571em;
    width: 50em;
    overflow: hidden
}

.question-img.wide+ul li {
    padding-right: 1px;
    width: 50%
}

.question-img.wide+ul li:nth-child(even) {
    padding-left: 1px;
    padding-right: 0
}

ul.question-images {
    margin: 101px 0 9.5em -9.285714286em;
    overflow: hidden;
    width: 51.428571429em
}

ul.question-images>li {
    padding: 0 10px;
    width: 25%
}

ul.question-images label {
    padding: 0
}

.question-img-choice img {
    display: block;
    height: auto;
    width: 100%
}

.question-img-choice:hover img,.selected .question-img-choice img,.correct .question-img-choice img,.wrong .question-img-choice img {
    -webkit-transform: scale(1.17);
    -moz-transform: scale(1.17);
    -ms-transform: scale(1.17);
    -o-transform: scale(1.17);
    transform: scale(1.17)
}

.correct-sibling .question-img-choice img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.selected .question-img-choice:before,.correct .question-img-choice:before,.wrong .question-img-choice:before {
    box-shadow: inset 3px 0 0 0 #1d1d1d,inset -3px 0 0 0 #1d1d1d,inset 0 3px 0 0 #1d1d1d,inset 0 -3px 0 0 #1d1d1d;
    content: '';
    z-index: 1
}

.correct .question-img-choice:before {
    box-shadow: inset 3px 0 0 0 #3fb36b,inset -3px 0 0 0 #3fb36b,inset 0 3px 0 0 #3fb36b,inset 0 -3px 0 0 #3fb36b
}

.wrong-sibling.correct .question-img-choice:before {
    box-shadow: inset 3px 0 0 0 #f33d33,inset -3px 0 0 0 #f33d33,inset 0 3px 0 0 #f33d33,inset 0 -3px 0 0 #f33d33
}

@media only screen and (max-width: 56.25em) {
    .lms_more {
        display:block;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width: 48em) {
    .lms {
        padding:2.125em 0 3.125em
    }

    .navBar_current .navBar_counter {
        border-right: 1px solid #f2f2f2;
        display: inline-block;
        height: 4.117647059em;
        font-size: 1.0625rem;
        left: -1.176470588em;
        line-height: 4.117647059em;
        margin-right: 4px;
        position: fixed;
        text-align: center;
        top: -1.176470588em;
        vertical-align: text-top;
        width: 3.529411765em
    }

    .navBar_current .navBar_counter .accent {
        color: #1d1d1d
    }

    .iframe-doc {
        background: #f2f2f2;
        height: 100%
    }

    .quiz_wrap,.lpr_quiz {
        height: auto;
        padding: 5.4375em 20px 3.625em
    }

    .quiz_results {
        margin-top: 0
    }

    .quiz_nav {
        margin: 2.1875em -20px -3.625em;
        position: static;
        width: auto
    }

    .quiz_nav{
        margin: 0;
    }

    .quiz_nav_back .goLink {
        left: 20px
    }

    .quiz_nav_next .goLink {
        right: 20px
    }

    .quiz-timer {
        right: 70px;
        top: 8px
    }

    .question-img.wide+ul,ul.question-images {
        margin-left: 0;
        width: auto
    }

    .question-img.wide+ul li,ul.question-images li {
        width: 50%
    }

    .question-img.wide+ul li {
        float: none;
        padding-right: 0;
        width: 100%
    }

    .question-img.wide+ul li:nth-child(even) {
        padding-left: 0
    }

    ul.question-images {
        margin-left: -10px;
        margin-right: -10px
    }

    ul.question-images label {
        border: none;
        margin-bottom: 20px
    }

    ul.question-images li:last-child label,ul.question-images li:nth-last-child(2) label {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 43.75em) {
    .navBar_current {
        font-size:0.75rem;
        margin-top: 2px;
        padding-left: 0
    }

    .navBar_current .tertiary:not(.navBar_counter) {
        display: none
    }

    .navBar_current .navBar_counter {
        border: none;
        height: auto;
        line-height: 1em;
        position: static;
        width: auto
    }

    .navBar_wrapper {
        padding-left: 20px
    }

    .navBar_back {
        display: none
    }

    .navBar_btn,.navBar+.intro .intro_btn {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 10em
    }

    .lpr_quiz {
        padding: 0;
        min-height: 100vh;
        overflow: auto
    }

    .lpr_quiz:before {
        content: '';
        display: inline-block;
        min-height: 100vh;
        margin-right: -14px;
        vertical-align: middle;
        width: 10px
    }

    .quiz-question-nav {
        /*padding: 80px 20px 40px;*/
        padding: 80px 20px 0px
    }

    .quiz-question-nav .question-status {
        margin: 0.181818em 0 1.727272727em
    }

    .ios .quiz-question-nav {
        /*padding-bottom: calc(40px + 4em)*/
    }

    .quiz_copy,.quiz-question-nav {
        vertical-align: middle
    }

    .quiz_btns .btn {
        width: 9.285714286em
    }

    .quiz_name {
        font-size: 1.125rem;
        margin: .777777778em 0 1.555555556em
    }

    .quiz_score {
        font-size: 2.1875rem;
        margin-bottom: 1.085714286em
    }

    .quiz_nav_block {
        float: none;
        padding: 39px 80px 38px 20px;
        text-align: left;
        width: 100%
    }

    .quiz_nav_block .bg_img {
        opacity: .2
    }

    .quiz_nav_block .goLink:hover .goLink_text {
        display: none
    }

    .quiz_nav_back .goLink {
        left: auto;
        right: 20px
    }

    .quiz_nav_back .goLink_icn:before {
        content: 'r'
    }

    .quiz_nav_next {
        border-left-width: 0;
        border-top-width: 1px
    }

    .learn-press label {
        border: 1px solid #ddd;
        margin-bottom: 8px;
        padding: 14px 20px 13px
    }

    .lp-question-wrap h4 {
        font-size: 1rem;
        margin-bottom: 2.1875em
    }

    .lp-question-wrap ul {
        /*margin-bottom: 1.428571429em*/
        margin-bottom: -0.571429em;
    }

    .quiz-question-nav button {
        display: block;
        margin: 0 auto;
        max-width: 32.857142857em;
        width: 100%
    }
}

.card {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 3px 0px rgba(187,187,187,0.25);
    text-align: left;
    white-space: normal;
    width:100%;
}

.card.sized {
    position: relative
}

.card.sized .card_lms {
    bottom: 0;
    position: absolute;
    width: 100%
}

.card_img {
    display: block;
    position: relative
}

.card_img:after {
    background: rgba(29,29,29,0.5);
    content: ''
}

.card_img img {
    display: block;
    height: auto;
    width: 100%
}

.card_copy,.card_lms {
    padding: 32px 40px 20px
}

.card_count {
    color: #999;
    display: inline-block;
    font: 1.875rem "din-condensed-web","DIN Condensed",sans-serif;
    margin-bottom: .2em;
    vertical-align: middle
}

.card_note {
    background: #999;
    color: #fff;
    display: inline-block;
    font-size: 0.625rem;
    margin-left: 1em;
    position: relative;
    top: -.1em;
    vertical-align: text-bottom
}

.card_body {
    margin-bottom: 3em
}

.card_meta {
    margin-bottom: 0.75em
}

.card_lvl {
    color: #555
}

.card_lvl:after {
    color: #ddd;
    content: ' |';
    margin: 0 7px;
    position: relative;
    top: -1px
}

.card_time:before {
    background-position: 0 -22px;
    height: 12px;
    margin-right: 7px;
    top: 1px;
    width: 12px
}

.card_lms {
    border-top: 1px solid #eee;
    padding-top: 20px;
    overflow: hidden
}

.card_btn {
    padding-left: 20px;
    padding-right: 20px
}

.card_status {
    letter-spacing: .05em;
    line-height: 2.857142857em;
    white-space: nowrap
}

.card_status.success {
    color: #3fb36b
}

.card_status.success i {
    background-position: -22px -22px;
    height: 12px;
    margin-right: 1px;
    top: 1px;
    width: 12px
}

@media only screen and (min-width: 68.75em) {
    .card_status {
        margin-right:1.428571429em;
        /* margin-right: auto;
        margin-left: auto;
        float: none; */
    }
    .inactive .card_status {
        margin-right: auto;
        float: none;
        text-align: center;
        display: block;
    }
}

.card-inactive {
    background: #f2f2f2
}

.card-inactive .card_img:after {
    background-color: rgba(255,255,255,0.8)
}

.card-inactive .card_title,.card-inactive .card_body,.card-inactive .card_lms {
    color: #999
}

.card-inactive .card_body {
    margin-bottom: 0
}

.card-inactive .card_lms {
    border-top-color: #e9e9e9;
    padding-top: 19px;
    padding-bottom: 16px
}

.card-inactive .card_status {
    float: none
}

.card-lesson {
    margin-bottom: 20px;
    padding: 45px 120px 46px 40px;
    position: relative;
    /*box-shadow: inset 2px 0 0 0 rgba(196,40,35,0);*/
    -webkit-box-shadow: 0 1px 1px 1px rgba(29,29,29,.08);
     box-shadow: 0 1px 1px 1px rgba(29,29,29,.08);
    -webkit-transition: box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: box-shadow 100ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.card-lesson:hover {
    box-shadow: inset 5px 0 0 0 #f33d33
}

.card-lesson:hover .lesson_title {
    color: #f33d33;
    -webkit-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1)
}

.card-lesson .card_note {
    margin-left: 0
}

.card-lesson .lesson_title {
    -webkit-transition: color 360ms cubic-bezier(0.21, 0.29, 0, 1);
    -moz-transition: color 360ms cubic-bezier(0.21, 0.29, 0, 1);
    -o-transition: color 360ms cubic-bezier(0.21, 0.29, 0, 1);
    transition: color 360ms cubic-bezier(0.21, 0.29, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(0.21, 0.29, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0.21, 0.29, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.21, 0.29, 0, 1);
    transition-timing-function: cubic-bezier(0.21, 0.29, 0, 1)
}

.lesson_title,.lesson_description,.lesson_status,.lesson_go {
    display: inline-block;
    vertical-align: middle
}

.lesson_title,.lesson_description {
    padding-right: 20px
}

.lesson_title {
    width: 26.6666667%
}

.lesson_description {
    margin-right: 6.6666667%;
    width: 46.6666667%
}

.lesson_description p:last-child {
    margin-bottom: 0
}

.lesson_hdg {
    display: inline-block;
    margin-right: 1em;
    vertical-align: text-bottom
}

.lesson_go {
    position: absolute;
    right: 40px
}

.lesson_go .goLink_icn {
    color: #f33d33;
    line-height: 1em;
    -webkit-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1)
}

.card-link {
    border: none;
    margin: 0;
    padding: 34px 30px 34px 30px;
    position: relative
}

.no-touchevents .card-link:hover {
    box-shadow: none
}

.no-touchevents .card-link:hover .link_bg {
    display: block
}

.no-touchevents .card-link:hover .link_lbl,.no-touchevents .card-link:hover .link_title,.no-touchevents .card-link:hover .link_go .goLink_icn {
    color: #fff
}

.card-link .cover {
    z-index: 1
}

.link_bg {
    display: none;
    text-indent: 0
}

.link_bg:after {
    background: rgba(243,61,51,0.85);
    content: ''
}

.link_copy {
    padding-right: 40px;
    position: relative;
    z-index: 1
}

.link_lbl {
    display: block;
    margin-bottom: -4px;
    -webkit-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1)
}

.link_title {
    display: block;
    font-weight: 800;
    text-transform: uppercase;
    -webkit-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    transition: color 160ms cubic-bezier(0.95, 0.005, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1);
    transition-timing-function: cubic-bezier(0.95, 0.005, 0, 1)
}

.link_go {
    right: -10px
}

.card-resource {
    position: relative
}

.card-resource .card_img:after {
    display: none
}

.card-resource .card_copy {
    padding-bottom: 120px;
    padding-top: 55px
}

.card-resource .card_lms {
    border-top: none;
    bottom: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.card-reward {
    padding: 0 30px 30px
}

.card-reward .reward_img {
    margin: 0 -30px 25px
}

.card-reward .card_status {
    float: none
}

.card-reward .card_status:after {
    color: #bbb;
    content: ' | ';
    font-size: 16px;
    margin: 0 0 0 14px;
    position: relative;
    top: -1px
}

@media only screen and (max-width: 60em) {
    .card_btn .count {
        display:none
    }
}

@media only screen and (max-width: 48em) {
    .card_count {
        font-size:1.5625rem;
        margin-bottom: .44em
    }

    .card_body {
        margin-bottom: -.428571429em
    }

    .card_meta {
        margin-bottom: 0
    }

    .card_status {
        font-size: 0.8125rem
    }

    .card-lesson:not(.card-link) {
        padding: 26px 20px 23px
    }

    .lesson_title,.lesson_description,.lesson_status {
        display: block;
        width: 100%
    }

    .lesson_hdg {
        margin-bottom: .642857143em;
        vertical-align: top
    }

    .lesson_description {
        margin-bottom: 2.357142857em
    }

    .lesson_go:not(.link_go) {
        bottom: 20px;
        right: 20px;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 43.75em) {
    .card_copy {
        padding:25px 20px 20px
    }

    .card_lms {
        padding: 20px
    }

    .card-reward .reward_img {
        height: 120px;
        overflow: hidden;
        position: relative
    }

    .card-reward:not(.card-inactive) .reward_img:before {
        background: rgba(29,29,29,0.5);
        content: '';
        z-index: 1
    }

    .card-reward .reward_img img {
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }

    .card-reward .reward_img .reward_cost {
        position: relative;
        z-index: 1
    }

    .touchevents .reward-sort+.select-wrap{
        margin-top:40px !important;
        margin-bottom:0px !important;
    }

    .grid-resource .grid_item.reward{
        margin-bottom:40px;
    }

    .card-reward .card_status {
        margin-right: 1.428571429em;
    }

    .rewards-callout .wrapper{
        padding:0 !important;
    }

    .wrapper-group .reward-more#load_more_rewards{
        margin:0 !important;
        width:100% !important;
    }

    .callout .btn.catNav_lbl{
        width:190px;
    }
}

#lesson {
    background: #1d1d1d
}

#lesson .page {
    position: static
}

#lesson .lesson_nav {
    padding-top: 4.375em
}

#lesson .banner-lesson .banner_wrapper {
    padding-left: 20%
}

@media only screen and (max-width: 30em) {
    #lesson .banner_scroll {
        pointer-events:none
    }

    #lesson .module_body {
        margin-bottom: 1.642857143em
    }

    #lesson .module_body p:last-child {
        margin-bottom: 0px
    }

    #lesson .module_foot {
        margin-top: 0px;
        padding-top: 20px;
        padding-bottom: 40px
    }
}

#lesson .lesson_section*[data-skrollex] {
    opacity: 0;
    -webkit-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

#lesson .lesson_section*[data-skrollex]a {
    -webkit-transition: color 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: color 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: color 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: color 80ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.lesson_nav {
    background: #121212;
    border-right: 1px solid #373737;
    color: #fff;
    left: 0;
    padding-top: 4.375em;
    position: fixed;
    text-transform: uppercase;
    top: 0;
    width: 12em;
    z-index: 10;
}

@media only screen and (max-width: 30em) {
    .lesson_nav {
        overflow:scroll
    }
}

.lesson_nav_head {
    padding: 25px
}

.lesson_nav_head .pageLink {
    display: inline-block;
    font-size: 0.75rem;
    margin-bottom: 2.083333333em
}

.lesson_nav_head .pageLink:before {
    top: 0
}

.lesson_nav_hdg {
    font-weight: 800
}

.lesson_list {
    border-top: 1px solid #373737;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.5em;
    padding: 16px 0
}

.lesson_link {
    color: #555;
    display: block;
    padding: 10px 25px;
    position: relative
}

.lesson_link.current,.lesson_link:hover {
    color: #fff
}

.lesson_link.complete {
    padding-right: 50px
}

.lesson_link.complete:after {
    background-position: -22px -22px;
    height: 12px;
    position: absolute;
    right: 20px;
    width: 12px
}

.progress {
    border-bottom: none;
    height: 4.375em;
    overflow: hidden;
    padding-left: 5.9375em;
    position: relative
}

.progress_menu {
    background: #121212;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4.375em
}

.progress_menu_icn {
    background-position: 0 -44px;
    height: 16px;
    position: absolute;
    width: 20px
}

.progress_wrap {
    overflow: hidden;
    padding: 20px;
    position: absolute;
    text-align: center;
    width: calc(100% - 38.5em)
}

.progress_wrap:before {
    background: #fff;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 2
}

.progress_list {
    position: relative;
    width: 100%
}

.progress_list:before {
    background: #ddd;
    content: '';
    height: 1px;
    left: 0;
    margin-top: -.5px;
    position: absolute;
    top: 50%;
    width: 100%
}

.progress_list li {
    background: #f2f2f2;
    border: 1px solid #ddd;
    display: inline-block;
    position: relative
}

.progress_list li.complete {
    z-index: 3
}

.progress_list a {
    width: 40px;
    height: 40px;
    left: -17px;
    top: -7px;
    position: absolute
}

.progress_list a:hover .progress_title {
    opacity: 1;
    -webkit-transition: opacity 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: opacity 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: opacity 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: opacity 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.progress_title {
    line-height: 2.8em;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: -.01em;
    position: absolute;
    top: -1.555555556em;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: opacity 240ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: opacity 240ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: opacity 240ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: opacity 240ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.progress_list li,.progress_state {
    border-radius: 50%;
    height: 10px;
    width: 10px
}

.progress_list li {
    border: 1px solid rgba(196,40,35,0);
    -webkit-transition: border 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: border 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: border 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: border 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.progress_list li:after {
    background: #f33d33;
    border-radius: 50%;
    content: '';
    height: 4px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 4px;
    opacity: 0;
    -webkit-transition: opacity 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: opacity 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: opacity 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: opacity 120ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75)
}

.progress_list li.complete,.progress_list li:hover,.progress_state {
    border: 1px solid #f33d33;
    background: #fff;
    position: relative
}

.progress_list li.complete:after,.progress_list li:hover:after,.progress_state:after {
    background: #f33d33;
    border-radius: 50%;
    content: '';
    height: 4px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 4px;
    opacity: 1
}

.progress_state {
    border: none;
    background: none;
    left: 0px;
    margin-left: 0px;
    position: absolute;
    text-indent: -999em;
    z-index: 1
}

.progress_state:after {
    display: none
}

.progress_state:before {
    background: #f33d33;
    content: '';
    height: 1px;
    margin-top: -.5px;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 2000px;
    z-index: -1
}

.progress_nav {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.progress_btn {
    background: #f33d33;
    border-left: 1px solid #ddd;
    color: #fff;
    height: 5.833333333em;
    padding-top: 1.666666667em;
    text-align: center;
    width: 6.666666667em
}

.progress_btn:hover {
    background: #c42823;
    color: #fff
}

.progress_next {
    border-left-color: rgba(221,221,221,0.5)
}

.progress_nav_icn {
    display: block;
    font-size: 13px;
    margin-bottom: 6px
}

.lesson_section {
    min-height: 100vh;
    padding-top: 0px
}

@media only screen and (max-width: 47.9375em) {
    .lesson_section {
        height:100%;
        min-height: 0
    }
}

.lesson_section:not(.lesson_nav) {
    position: relative;
    white-space: nowrap
}

@media only screen and (min-width: 48.0625em) {
/*@media only screen and (min-width: 43.8125em) {*/
    .lesson_section:not(.lesson_nav):before {
        content:'';
        display: inline-block; 
        height: 100%;
        min-height: 100vh;
        margin-right: -14px;
        vertical-align: middle;
        width: 10px
    }
}

.lesson_section:not(.lesson_nav) .lesson_copy {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 100%;
    padding-top: 5em;
    padding-bottom: 5em;
    box-sizing: border-box
}

.lesson_section.viewport-overflow {
    padding-bottom: 12.5em;
    padding-top: 12.5em
}

.lesson_section.long {
    height: auto;
    min-height: 100vh;
    padding-top: 70px;
    padding-bottom: 0
}

.module {
    position: relative;
    text-align: center
}

.module:not(.bg) {
    background: #fff
}

.module.bg-alt {
    background: #f2f2f2
}

.module.bg-alt .module_date {
    color: #999
}

.module_bg,.module_img {
    background-attachment: fixed
}

.touchevents .module_bg,.touchevents .module_img {
    background-attachment: scroll
}

.module_bg:after {
    background: rgba(29,29,29,0.7);
    content: ''
}

.module_wrapper {
    max-width: 68.75em;
    text-align: left
}

.module_date,.module_tag {
    display: block;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    text-transform: uppercase
}

.module_date {
    margin-bottom: .6em
}

.module_tag {
    color: #f33d33;
    margin-bottom: 1.3125em
}

.module_hdg {
    margin-bottom: .6em
}

.module_body {
    color: #555
}

.module_body h1,.module_body h2,.module_body h3,.module_body h4,.module_body h5,.module_body h6 {
    color: #1d1d1d
}

.bg .module_body {
    color: #fff
}

.bg .module_body h1,.bg .module_body h2,.bg .module_body h3,.bg .module_body h4,.bg .module_body h5,.bg .module_body h6 {
    color: inherit
}

.txt-alt .module_body {
    color: #999
}

.txt-alt .module_body h1,.txt-alt .module_body h2,.txt-alt .module_body h3,.txt-alt .module_body h4,.txt-alt .module_body h5,.txt-alt .module_body h6 {
    color: inherit
}

.module_body p:last-child,.module_body ol:last-child,.module_body ul:last-child {
    margin-bottom: 0
}

.module_body ol,.module_body ul {
    line-height: 1.45em
}

.module_body ol>li,.module_body ul>li {
    margin-bottom: .8em
}

.module_quote {
    font-weight: 800;
    quotes: '“' '”';
    text-transform: uppercase
}

.module_quote:before {
    color: #f33d33;
    content: open-quote;
    display: block;
    margin-bottom: .036363636em
}

.module_quote p {
    color: #1d1d1d;
    line-height: 1.4em;
    margin-bottom: 1.2em
}

.bg .module_quote p {
    color: #fff
}

.module_cite {
    color: #999;
    display: block;
    font-size: 1rem;
    letter-spacing: .01em
}

.module_cta_hdg {
    color: #999;
    display: block;
    font-weight: 600;
    line-height: 1.642857143em;
    margin-bottom: 1em
}

.module_caption {
    bottom: 40px;
    color: #555;
    font-weight: 400;
    position: absolute;
    right: 40px;
    /* text-transform: uppercase */
}

.module_caption.first_module{
    bottom:60px;
    text-transform: uppercase;
    font-weight: 800;
}

.module_img_caption {
    color: #bbb;
    display: block;
    position: static
}

.bg .module_img_caption {
    color: #555
}

.module_audio {
    margin-top: 7.142857143em;
    max-width: 50em
}

.module-basic-wide .module_audio {
    margin-left: -4.285714286em;
    margin-right: -4.285714286em
}

.module_video {
    position: relative
}

.module_video img {
    display: block;
    height: auto;
    width: 100%
}

.module_video .vidLink {
    color: #fff;
    position: absolute;
    z-index: 1
}

.module_more {
    background: #fff;
    padding: 6.875em 0
}

.module_more_wrapper {
    max-width: 51.25em;
    padding: 0 60px
}

.module_more_wrapper h6 {
    margin-bottom: 0.25em
}

.module_more_wrapper p,.module_more_wrapper ol,.module_more_wrapper ul {
    font-size: 1rem;
    line-height: 1.875em;
    margin-bottom: 1.875em
}

.module_more_wrapper p:last-child,.module_more_wrapper ol:last-child,.module_more_wrapper ul:last-child {
    margin-bottom: 0
}

.module_more_wrapper ol,.module_more_wrapper ul {
    line-height: 1.7em
}

.module_more_wrapper ol>li,.module_more_wrapper ul>li {
    margin-bottom: 1em
}

.module_more_wrapper ol {
    counter-reset: module-ol;
    list-style: none !important
}

.module_more_wrapper ol>li {
    counter-increment: module-ol;
    margin-bottom: 1.875em;
    padding-left: 1.125em;
    position: relative
}

.module_more_wrapper ol>li:before {
    content: counter(module-ol) ".";
    display: inline-block;
    font-weight: 700;
    left: -1.25em;
    position: absolute;
    top: 0.125em
}

.module_more_wrapper ol p+ol,.module_more_wrapper ol p+ul {
    margin-top: -1em
}

.module_more_hdg {
    margin-bottom: 1.514285714em
}

.module_more_hdg:after {
    margin-top: 32px
}


/*vertically center the containers for small ipads*/
@media only screen and (min-width: 701px) and (max-width: 1024px) {
        .module-basic,
        .module-video{
            display: flex;
            justify-content: center;

            -ms-box-orient: horizontal;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
        }
        .module-basic .module_wrapper ,
        .module-video .module_wrapper  {
            align-self: center;
            -webkit-align-self: center; 
        }
}

@media only screen and (min-width: 961px) and (max-width: 1024px) {
    .ios .module-half {
         display: flex;
            justify-content: center;

            -ms-box-orient: horizontal;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
    }


    .ios .module-half .module_wrapper {
        align-self: center;
        -webkit-align-self: center; 
    }
}

.module-basic .module_wrapper {
    max-width: 73.75em;
    padding: 0 60px
}

.module-basic .module_bg {
    background-position: right center
}

.module-basic .module_copy {
    max-width: 28.75em
}

.module-basic .module_body {
    margin-bottom: 2.125em
}

.module-basic.module-right .module_bg {
    background-position: left center
}

.module-basic.module-center .module_bg {
    background-position: center
}

.module-basic.module-center .module_copy {
    margin: 0 auto;
    text-align: center
}

.module-basic-sm .module_date {
    margin-bottom: .44em
}

.module-basic-sm .module_tag {
    margin-bottom: 0.75em
}

.module-basic-sm .module_hdg {
    margin-bottom: .5em
}

.module-basic-wide .module_copy {
    max-width: 36.25em
}

.module-basic-xwide .module_copy {
    max-width: 43.75em
}

.module-half .module_wrapper {
    max-width: none;
    padding: 0
}

.module-half .module_img {
    background-attachment: scroll;
    width: 50%
}

.module-half .module_copy {
    padding: 0 60px;
    width: 50%
}

.module-half .module_head,.module-half .module_body,.module-half .module_foot,.module-half .playlist,.module-half .playlist_nav {
    margin-left: auto;
    margin-right: auto;
    max-width: 445px
}

.module-half .module_body {
    margin-bottom: 2.125em
}

.module-half .module_caption {
    color: rgba(255,255,255,0.5)
}

.module-half.module-left .module_img {
    left: 50%
}

.module-gallery .module_wrapper {
    max-width: 83.75em
}

.module-gallery .module_img {
    overflow: hidden;
    position: relative
}

.module-gallery .module_img img {
    display: block;
    height: auto;
    width: 100%
}

.module-gallery .module_img+.module_img {
    border-left: 2px solid transparent
}

.module-gallery .module_caption {
    bottom: 20px;
    right: 30px
}

.module-gallery .module_caption.first_module {
    bottom:36px;
}

.module-gallery.module-gallery-five .module_copy {
    height: 0;
    padding-bottom: 50%;
    position: relative
}

.module-gallery.module-gallery-five .module_gallery {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    flex-flow: column wrap
}

.module-gallery.module-gallery-five .module_img {
    height: 50%;
    width: 25%
}

.module-gallery.module-gallery-five .module_img:nth-child(2),.module-gallery.module-gallery-five .module_img:nth-child(4) {
    border-bottom: 1px solid transparent
}

.module-gallery.module-gallery-five .module_img:nth-child(3),.module-gallery.module-gallery-five .module_img:nth-child(5) {
    border-top: 1px solid transparent
}

.module-gallery.module-gallery-five .module_img img {
    height: 100%;
    width: auto
}

.module-gallery.module-gallery-five .module_img:first-child {
    height: 100%;
    width: 50%
}

.module-img-only .module_copy {
    text-align: center
}

.module-inline-img .module_img {
    display: inline-block;
    margin-right: 7.5471698%;
    vertical-align: middle;
    width: 60.3773585%
}

.module-inline-img .module_img img {
    height: auto;
    width: 100%
}

.module-inline-img .module_copy {
    display: inline-block;
    margin-left: -5px;
    vertical-align: middle;
    width: 32.0754717%
}

.module-inline-img .module_date {
    margin-bottom: .72em
}

.module-inline-img .module_hdg {
    line-height: 1.28em;
    margin-bottom: .68em
}

.module-inline-img.module-left {
    direction: rtl
}

.module-inline-img.module-left .module_img {
    margin-left: 7.5471698%;
    margin-right: 0
}

.module-inline-img.module-left .module_copy {
    direction: ltr;
    margin-left: 0;
    margin-right: -5px
}

.module-inline-img.module-text-block .module_hdg {
    margin-bottom: 1.555555556em
}

.module-inline-img.module-text-block .module_img {
    margin-right: 7.5471698%;
    width: 46.2264151%
}

.module-inline-img.module-text-block .module_img_caption {
    margin-bottom: -2.25em;
    margin-top: 1.25em
}

.module-inline-img.module-text-block .module_img_caption:not(.first_module) {
    margin-top:2.5em;
}

.module-inline-img.module-text-block .module_copy {
    width: 46.2264151%
}

.module-inline-img.module-text-block.module-left .module_img {
    margin-left: 7.5471698%;
    margin-right: 0
}

.module-cols .module_wrapper {
    max-width: 73.75em;
    padding: 0 60px
}

.module-cols .module_head,.module-cols .module_body {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.module-cols .module_head {
    padding-right: 70px
}

.module-cols .module_body {
    border-left: 1px solid #bbb;
    margin-left: -5px;
    padding: 10px 0 10px 70px
}

.module-cols.bg .module_body {
    border-left-color: #555
}

.module-video .module_wrapper {
    max-width: 66.25em;
    padding: 0 60px
}

.module-video .module_head {
    margin: 0 auto 3.8125em;
    max-width: 51.25em;
    text-align: center
}

.module-video .module_body,.module-video .module_video {
    display: inline-block;
    vertical-align: middle
}

.module-video .module_body {
    margin-right: 6.3829787%;
    width: 31.9148936%
}

.module-video .module_video {
    margin-left: -5px;
    position: relative;
    width: 61.7021277%
}

.module_video_wrap {
    direction: rtl
}

.module_video_wrap .module_video,.module_video_wrap .module_body {
    direction: ltr
}

.module_video_caption {
    color: #555;
    margin-bottom: -1.642857143em;
    margin-top: .642857143em
}

.module-video-playlist .module_wrapper {
    max-width: 73.75em;
    padding: 0 60px
}

.module-video-playlist .module_head {
    margin: 0 auto 3.1875em;
    max-width: 51.25em;
    text-align: center
}

.module-video-playlist .module_video {
    height: 22.75em;
    overflow: hidden;
    position: relative;
    width: 61.1320755%
}

.module-video-playlist .module_video .vid {
    display: none
}

.module-video-playlist .module_video .vid.current {
    display: block
}

.module-video-playlist .module_playlist {
    width: 37.7358491%
}

.module-video-playlist .playlist_img .vidLink {
    display: none
}

.module-map {
    z-index: 1
}

.module_map {
    padding-top: 15px
}

.map {
    display: inline-block;
    position: relative
}

.map_points,.timeline_points {
    max-width: 20em;
    text-align: left
}

.map_point,.timeline_point {
    min-height: 29px;
    min-width: 29px;
    overflow: hidden;
    position: absolute
}

.map_point.active .map_copy,.map_point.active .timeline_copy,.timeline_point.active .map_copy,.timeline_point.active .timeline_copy {
    opacity: 1
}

.map_point.active .timeline_year,.timeline_point.active .timeline_year {
    left: -5.333333333em
}

.map_point:not(.active) .timeline_link,.timeline_point:not(.active) .timeline_link {
    background: #f33d33;
    height: 10px;
    margin-top: -5px;
    width: 10px
}

.map_point:not(.active) .map_link,.timeline_point:not(.active) .map_link {
    background: #f33d33;
    height: 10px;
    width: 10px;
    margin: 10px 0 0 10px
}

.map_point:not(.active) .timeline_link:before,.map_point:not(.active) .timeline_link:after,.map_point:not(.active) .map_link:before,.map_point:not(.active) .map_link:after,.timeline_point:not(.active) .timeline_link:before,.timeline_point:not(.active) .timeline_link:after,.timeline_point:not(.active) .map_link:before,.timeline_point:not(.active) .map_link:after {
    opacity: 0
}

.map_point .hit_area {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 40px;
    height: 40px;
    background: transparent;
    cursor: pointer;
    z-index: 100
}

.timeline_point .hit_area {
    position: absolute;
    top: -20px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: transparent;
    cursor: pointer;
    z-index: 100
}

.map_link,.timeline_link {
    border-radius: 50%;
    border: 1px solid #f33d33;
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    overflow: hidden;
    text-indent: -999em;
    top: 0;
    width: 30px;
    z-index: 1
}

.map_link:before,.map_link:after,.timeline_link:before,.timeline_link:after {
    background: #f33d33;
    border-radius: 50%;
    content: '';
    height: 18px;
    left: 50%;
    margin: -9px 0 0 -9px;
    position: absolute;
    top: 50%;
    width: 18px;
    opacity: 1
}

.map_link:after,.timeline_link:after {
    background: none;
    border: 1px solid #f33d33;
    height: 22px;
    left: 2px;
    margin: 0;
    top: 2px;
    width: 22px
}

.map_copy,.timeline_copy {
    border-top: 2px solid #f33d33;
    margin-top: 14px;
    padding-top: 20px;
    opacity: 0;
    -webkit-transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005)
}

.map_copy:hover,.timeline_copy:hover {
    display: block
}

.map_copy:before,.map_copy:after,.timeline_copy:before,.timeline_copy:after {
    border-top: 1px solid #f33d33;
    content: '';
    height: 100%;
    position: absolute;
    top: 14px;
    opacity: 1;
    -webkit-transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition: opacity 240ms cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    -o-transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005);
    transition-timing-function: cubic-bezier(0.19, 0.005, 0.07, 1.005)
}

.map_copy:before,.timeline_copy:before {
    border-top-color: #555;
    content: '';
    left: 29px;
    width: calc(100% - 29px)
}

.map_copy:after,.timeline_copy:after {
    right: 0;
    width: 20em
}

.map_img,.timeline_img {
    position: relative;
    margin-bottom: 23px
}

.map_img img,.timeline_img img {
    display: block
}

.map_img .vidLink,.timeline_img .vidLink {
    position: absolute
}

.map_hdg,.timeline_hdg {
    margin-bottom: 1.1875em
}

.module_timeline {
    padding-top: 3.75em
}

.timeline {
    margin: 0 auto;
    width: 60px
}

.timeline_point {
    border-top: 1px solid #555;
    overflow: visible;
    position: relative;
    height: 340px;
    min-height: 0;
    width: 60px
}

.timeline_point:last-child {
    height: 0
}

.timeline_point:before {
    background-position: 0 -1px;
    background-size: 16px 10px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(-270deg, transparent 9px,#555 9px,#555);
    background-image: linear-gradient(0deg,transparent 9px,#555 9px,#555);
    content: '';
    height: 100%;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 0;
    width: 16px
}

.timeline_link {
    margin: -15px auto 0;
    overflow: visible;
    position: relative;
    text-indent: 0
}

.timeline_year {
    color: #fff;
    font-weight: 800;
    left: -5.888888889em;
    position: absolute;
    width: 4.444444444em
}

.current .timeline_year {
    left: -5.333333333em
}

.timeline_copy {
    left: 15.714285714em;
    top: -15px;
    position: absolute;
    width: 20em
}

.timeline_copy:before {
    left: -11.428571429em;
    top: -2px;
    width: 11.428571429em
}

.timeline_copy:after {
    display: none
}

.module-compare .module_hdg {
    margin-bottom: 1.275em
}

.module-compare .module_copy {
    max-width: 66.25em
}

.compare {
    margin: 0 -10px;
    overflow: hidden;
    text-align: center
}

.compare>li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 33.333333333%
}

.compare>li+li {
    margin-left: -4px
}

.compare_img img {
    display: block;
    height: auto;
    width: 100%
}

.compare_copy {
    background: #fff;
    padding: 34px 40px
}

.compare_copy:before {
    background: #fff;
    content: '';
    margin: 0 10px;
    top: 100%;
    width: calc(100% - 20px)
}

.compare_tag {
    color: #999;
    display: block;
    margin-bottom: -.142857143em
}

.bg .compare_tag {
    color: #555
}

.compare_hdg {
    margin-bottom: 1.2em
}

.compare_body ul,.compare_body ol {
    line-height: 1.45em;
    padding-right: 1.428571429em
}

.compare-audio {
    margin: 0 -36px;
    overflow: visible
}

.compare-audio>li {
    padding: 0 36px;
    text-align: center
}

.compare-audio .compare_img {
    display: inline-block;
    margin-bottom: 2em;
    position: relative;
    width: 174px
}

.compare-audio .compare_img:after {
    background: rgba(29,29,29,0.7);
    content: ''
}

.compare-audio .compare_img img {
    border-radius: 50%
}

.compare-audio .compare_play {
    border-color: #fff;
    color: #fff;
    font-size: 14px;
    height: 35px;
    line-height: 32px;
    padding: 0;
    position: absolute;
    text-indent: 2px;
    width: 35px;
    z-index: 2
}

.compare-audio .compare_play:hover {
    background: none;
    color: #f33d33
}

.compare-audio .compare_play.pause {
    text-indent: 0
}

.compare_progress {
    left: -13px;
    position: absolute;
    top: -13px;
    z-index: 1
}

.module-quiz .module_bg:after {
    background-color: rgba(243,61,51,0.75)
}

.module-quiz .module_tag {
    color: #fff
}

.module-quiz .module_body {
    margin-bottom: 2.75em
}

.module-quiz a {
    color: inherit
}

.module-quiz a:hover {
    color: #1d1d1d
}

.module-quiz .btn {
    margin-bottom: 2.785714286em
}

.module-quiz .btn:hover {
    border-color: #1d1d1d;
    color: #1d1d1d
}

.module_quiz_title {
    display: block
}

.module_top {
    display: block;
    background:transparent !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.module_top:hover,
.module_top:focus,
.module_top:active,
.module_top:visited {
    background:transparent !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.module_top_icn {
    font-size: 10px;
    margin-left: 3px;
    top: -1px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (max-width: 75em) {
    .module-inline-img {
        overflow:hidden
    }

    .module-inline-img .module_wrapper {
        padding: 0 60px
    }

    .compare-audio {
        margin: 0 -10px;
        padding-top: 10px
    }

    .compare-audio>li {
        padding: 0 10px
    }
}

@media only screen and (max-width: 60em) {
    .lesson_nav {
        /* display:none */
    }

    /* #sticky {
        display:none !important;
    } */

    .progress {
        padding-left: 20px;
        height: 3.75em !important
    }

    .progress .progress_btn {
        /*color: #f33d33;*/
        height: 60px;
        width: 60px;
        padding-top: 1.2em;
    }

    .progress_menu,.progress_wrap {
        display: none
    }

    .module:not(.module-half):not(.module-gallery) {
        height: 53.125em;
        min-height: 100vh
    }

    .module_copy {
        max-width: 31.875em !important
    }

    .module_tag {
        font-size: 1rem;
        margin-bottom: 0.625em
    }

    .module_date {
        font-size: 1.25rem;
        margin-bottom: .45em
    }

    .module-basic-sm .module_date {
        margin-bottom: .65em
    }

    .module_foot {
        border-top: 1px solid #eee;
        margin-top: 28px;
        padding-top: 20px
    }

    .bg .module_foot {
        border-top-color: #555
    }

    .module-basic .module_copy,.module-half .module_copy,.module-cols .module_copy,.module-video .module_copy {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .module-basic .module_body,.module-cols .module_body,.module-video .module_body {
        margin-bottom: 0
    }

    .module-basic.module-basic-wide.module-center .module_copy,.module-basic.module-basic-xwide.module-center .module_copy {
        text-align: center !important
    }

    .module-half {
        height: auto;
        padding-top: 0;
        padding-bottom: 5em
    }

    .module-half .module_head,.module-half .module_body,.module-half .module_foot {
        max-width: none
    }

    .module-half .module_img {
        margin: -1em 0 3.625em;
        padding-bottom: 60.6860158%;
        position: relative;
        width: 100%
    }

    .module-half .module_copy {
        padding-left: 0;
        padding-right: 0;
        width: auto
    }

    .module-half.module-left .module_img {
        left: 0
    }

    .module-half.module-left .module_copy {
        padding-left: 0;
        padding-right: 0
    }

    .module-half .playlist,.module-half .playlist_nav {
        max-width: none
    }

    .module-gallery .module_copy {
        max-width: none !important
    }

    .module-img-only {
        height: 396px
    }

    .module-img-only .module_copy {
        margin: 0 auto
    }

    .module-inline-img .module_img,.module-inline-img .module_copy,.module-inline-img.module-text-block .module_img,.module-inline-img.module-text-block .module_copy {
        display: block;
        margin: 0 auto 23px;
        max-width: 31.875em;
        width: auto
    }

    .module-inline-img .module_copy,.module-inline-img.module-text-block .module_copy {
        margin-bottom: 0
    }

    .module-inline-img.module-left,.module-inline-img.module-text-block.module-left {
        direction: ltr
    }

    .module-inline-img.module-left .module_img,.module-inline-img.module-left .module_copy,.module-inline-img.module-text-block.module-left .module_img,.module-inline-img.module-text-block.module-left .module_copy {
        margin-left: auto;
        margin-right: auto
    }

    .module_img_caption {
        display: none
    }

    .module-cols .module_head,.module-cols .module_body {
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .module-cols .module_head {
        margin-bottom: 25px
    }

    .module-cols .module_body {
        border-left: none;
        border-top: 1px solid #bbb;
        padding-top: 23px
    }

    .module-cols.bg .module_body {
        border-top-color: #555
    }

    .module-video .module_head {
        text-align: left
    }

    .module-video .module_head+.module_video_wrap .module_video {
        margin-top: -2.25em
    }

    .module-video .module_body,.module-video .module_video {
        display: block
    }

    .module-video .module_video {
        margin: 0 -20px 1.875em;
        width: auto
    }

    .module-video .module_body {
        margin-right: 0;
        width: 100%
    }

    .module-video-playlist .module_copy {
        max-width: none !important
    }

    .module-video-playlist .module_head {
        margin-bottom: 1.5625em
    }

    .module-video-playlist .module_video {
        height: auto;
        margin-bottom: 20px;
        width: 100%
    }

    .module-video-playlist .module_playlist {
        float: none;
        width: 100%
    }

    .module-video-playlist ul.playlist.playlist-video {
        border-bottom: none;
        margin: 0 -60px;
        max-height: none;
        overflow: scroll;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        padding: 0 50px;
        position: relative;
        white-space: nowrap;
        width: auto
    }

    .module-video-playlist .playlist_video {
        border: none;
        display: inline-block;
        max-width: 222px;
        min-width: 222px;
        padding: 0 10px
    }

    .module-video-playlist .playlist_video+.playlist_video {
        margin-left: -4px
    }

    .module-video-playlist .playlist_video.current .playlist_img {
        box-shadow: none
    }

    .module-video-playlist .playlist_img {
        display: block;
        margin-bottom: .5em;
        position: relative;
        width: 100%
    }

    .module-video-playlist .playlist_img:after {
        display: none
    }

    .module-video-playlist .playlist_img img {
        height: auto;
        min-height: 0;
        min-width: 0;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%
    }

    .module-video-playlist .playlist_img .media_btn {
        display: none
    }

    .module-video-playlist .playlist_img .vidLink {
        color: #fff;
        display: block;
        pointer-events: none;
        position: absolute
    }

    .module-video-playlist .playlist_img .vidLink_icn {
        margin-right: 0
    }

    .module-video-playlist .media_title,.module-video-playlist .media_artist {
        padding-left: 0
    }

    .module-video-playlist .playlist_nav {
        display: none
    }

    .module-basic.module-audio.module-center .module_copy {
        text-align: left !important
    }

    .module-basic.module-audio.module-center .module_audio {
        margin: 24px 0 0
    }

    .module_map {
        padding-top: 3.4375em
    }

    .map,.timeline {
        width: 100%
    }

    .map>img,.timeline>img {
        display: none
    }

    .map_points,.timeline_points {
        border-bottom: 1px solid #121212;
        max-width: none
    }

    .map_point,.map_copy,.timeline_point,.timeline_copy {
        position: static
    }

    .map_point {
        border-top: 1px solid #121212;
        padding-left: 0 !important
    }

    .map_link {
        display: none
    }

    .map_copy,.timeline_copy {
        border-top: none;
        padding: 13px 0;
        display: block;
        width: 100%;
        opacity:1;
    }

    .map_copy:before,.map_copy:after,.timeline_copy:before,.timeline_copy:after {
        display: none
    }

    .map_hdg,.timeline_hdg {
        color: #f2f2f2;
        cursor: pointer;
        font-size: 0.75rem;
        padding-right: 20px;
        position: relative
    }

    .map_hdg:after,.timeline_hdg:after {
        color: #999;
        content: 'd';
        font-size: 8px;
        position: absolute;
        right: 5px
    }

    .expanded .map_hdg,.expanded .timeline_hdg {
        color: #f33d33
    }

    .expanded .map_hdg:after,.expanded .timeline_hdg:after {
        color: #fff;
        content: 'u'
    }

    .map_body,.timeline_body {
        display: none;
        padding: 13px 0 11px
    }

    .map_body p:last-child,.map_body ol:last-child,.map_body ul:last-child,.timeline_body p:last-child,.timeline_body ol:last-child,.timeline_body ul:last-child {
        margin-bottom: 0
    }

    .expanded .map_body,.expanded .timeline_body {
        display: block
    }

    .timeline_body {
        margin-left: -40px
    }

    .module_timeline {
        padding-top: 2.125em
    }

    .timeline_points {
        border-bottom: none;
        margin: 0 -20px;
        padding: 0 40px;
        overflow: hidden
    }

    .timeline_point {
        border-top-color: #121212;
        height: auto;
        padding-left: 40px;
        position: relative;
        width: 100%
    }

    .timeline_point:before {
        display: none
    }

    .timeline_point:last-child {
        border-bottom: 1px solid #121212;
        height: auto
    }

    .timeline_point:last-child .timeline_link:before {
        background: #1d1d1d;
        opacity: 1;
    }

    .timeline_link {
        background: #f33d33;
        border: 3px solid #1d1d1d;
        height: 16px;
        left: -28px;
        line-height: 10px;
        margin-top: 0;
        position: absolute;
        top: 1.928571429em;
        width: 16px
    }

    .timeline_link:before {
        background: #555;
        content: '';
        height: 10000px;
        left: 50%;
        margin-left: -1px;
        margin-top: 0;
        position: absolute;
        top: 13px;
        width: 1px
    }

    .timeline_link:after {
        display: none
    }

    .timeline_link:not(.current) {
        height: 16px;
        margin-top: 0;
        width: 16px
    }

    .timeline_link:not(.current):before {
        display: block
    }

    .timeline_year {
        color: #f33d33;
        font-size: 0.75rem;
        left: 100%;
        margin: 0 0 0 16px;
        top: 5px;
        width: 40px
    }

    .current .timeline_year {
        left: 100%
    }

    .timeline_copy {
        display: block
    }

    .module-compare {
        overflow: hidden;
        width: 100%
    }

    .module-compare .module_copy {
        max-width: none !important
    }

    .compare {
        margin: 0 -60px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        padding: 0 50px;
        white-space: nowrap
    }

    .compare>li {
        min-width: 23.571428571em;
        white-space: normal
    }

    .compare_copy {
        padding: 24px 20px
    }

    .compare-audio {
        margin: 0 -60px;
        padding: 10px 20px
    }

    .compare-audio>li {
        padding: 0 20px
    }

    .compare_tag {
        margin-bottom: .642857143em
    }

    .compare_hdg {
        font-size: 0.875rem;
        margin-bottom: .714285714em
    }

    .module-quiz .btn {
        margin-top: 2.428571429em
    }
}

@media only screen and (max-width: 48em) {
    .module-gallery {
        height:auto;
        min-height: 0;
        padding: 0 !important
    }

    .module-gallery .module_wrapper {
        padding: 0
    }

    .module-gallery .module_copy {
        max-width: none !important
    }

    .module-gallery .module_gallery {
        display: block;
        margin-bottom: -1px;
        width: 100%
    }

    .module-gallery .module_gallery_count {
        background: #1d1d1d;
        color: #fff;
        bottom: 0;
        left: 0;
        padding: 14px 12px 13px;
        position: absolute
    }

    .module-gallery .module_img {
        border: none !important
    }

    .module-gallery .module_img img {
        height: auto;
        width: 100% !important
    }

    .module-gallery .slick-arrow {
        color: #fff;
        padding: 16px;
        position: absolute;
        text-indent: -999em;
        top: 50%;
        z-index: 1
    }

    .module-gallery .slick-arrow:after {
        display: block;
        font-size: 18px;
        text-indent: 0
    }

    .module-gallery .slick-prev {
        left: 0
    }

    .module-gallery .slick-prev:after {
        content: 'p'
    }

    .module-gallery .slick-next {
        right: 0
    }

    .module-gallery .slick-next:after {
        content: 'n'
    }

    .module-gallery.module-gallery-five .module_copy {
        height: auto;
        padding-bottom: 0
    }

    .module-gallery.module-gallery-five .module_gallery {
        position: static
    }
}

@media only screen and (max-width: 43.75em) {
    .progress {
        height:3.125em
    }

    .progress_btn {
        color: #f33d33;
        height: 100%;
        width: 50px
    }

    .progress_btn i {
        color: #fff
    }

    .progress_btn:hover {
        color: #c42823
    }

    .lesson_section {
        height: auto
    }

    .lesson_section:not(.module-half) {
        padding: 3.75em 0
    }

    .module:not(.module-half):not(.module-gallery) {
        height: auto;
        min-height: 0
    }

    .module_bg,.module_img {
        background-attachment: scroll
    }

    .module:not(.module-gallery) .module_wrapper {
        padding: 0 20px !important
    }

    .module_more {
        height: 100%;
        left: 0;
        overflow: scroll;
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .module_more:before {
        background: #1d1d1d;
        border-bottom: 1px solid #ddd;
        color: #fff;
        content: 'Learn More';
        display: block;
        font-size: 0.75rem;
        font-weight: 800;
        left: 0;
        padding: 24px 0;
        position: fixed;
        text-align: center;
        text-transform: uppercase;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .module_more_wrapper {
        height: 100%;
        overflow: auto;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        padding: 6.25em 20px 1.875em
    }

    .module_caption {
        display: none
    }

    .module-basic .module_copy,.module-half .module_copy,.module-cols .module_copy,.module-video .module_copy,.module-basic.module-basic-sm.module-center .module_copy {
        text-align: left !important
    }

    .module-half {
        padding-bottom: 3.75em
    }

    .module-half .module_img {
        padding-bottom: 100%
    }

    .module-video-playlist .module_head {
        text-align: left
    }

    .touchevents .module-video-playlist .module_video {
        display: none
    }

    .module-video-playlist .vidLink {
        pointer-events: auto
    }

    .module-video-playlist ul.playlist.playlist-video {
        margin: 0 -20px;
        padding: 0 10px;
        text-align: left
    }

    .module-video-playlist ul.playlist.playlist-video>li {
        max-width: 15.714285714em;
        min-width: 15.714285714em
    }

    .playlist_video:not(.current) {
        opacity: 1
    }

    .compare {
        margin: 0 -20px;
        padding: 0 10px;
        text-align: left
    }

    .compare>li {
        max-width: 18.714285714em;
        min-width: 18.714285714em
    }

    .compare-audio {
        padding-top: 10px
    }

    .compare_body ul,.compare_body ol {
        padding-right: 0
    }
}

.latest {
    border-top: 1px solid #ddd;
    padding: 5.625em 0 0;
    overflow: hidden
}

.latest_all {
    position: absolute;
    right: 20px;
    top: 2.571428571em
}

.latest_primary {
    width: 69.4915254%
}

.latest_secondary {
    background: #f4f4f4;
    position: relative;
    width: calc(30.5084746% - 20px)
}


  
@media only screen and (max-width: 1280px) {
    .ios .latest_secondary {
            position: relative !important;
            float: right !important;
            /*margin-right:-88px !important;*/
            right: 0px !important;
            top: 0 !important;
            margin-right:0; 
    }
}

@media only screen and (min-width: 88.75em) {
    .latest_secondary {
        width:33.8983051%
    }
}

@media only screen and (min-width: 64em) {
    .latest_secondary {
        margin-right:-120px
    }
}

.latest_secondary.is_stuck {
    float: none;
    left: auto !important
}

@media only screen and (min-width: 64em) {
    .latest_secondary.is_stuck {
        margin-right:0px;
        right: 0px
    }
}

@media only screen and (min-width: 64em) {
    .latest_secondary.is_stuck_bottomed {
        margin-right:-120px;
        right: 0px
    }
}

#latest .page {
    overflow: hidden
}

.latest_sidebar {
    background: #f4f4f4;
    margin-top: -5em;
    padding-top: 4.0625em;
    width: 18.75em
}

.latest_sidebar:after {
    background: #f4f4f4;
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.latest_foot {
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 5em 20px;
    position: relative;
    text-align: center
}

.latest_foot .btn {
    min-width: 15.714285714em
}

.catNav {
    border-bottom: 1px solid rgba(242,242,242,0.2);
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 4.375em;
    width: 100%;
    z-index: 1
}

.catNav_current {
    display: none
}

.catNav_list {
    font-size: 0.625rem;
    font-weight: bold;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase
}

.catNav_list>li {
    display: inline-block;
    padding: 0 25px
}

.catNav_list a,.catNav_list label {
    color: #999;
    display: block;
    border-bottom: 2px solid transparent;
    padding: 16px 0 14px
}

.catNav_list a:hover,.catNav_list label:hover {
    color: #fff
}

.catNav_list .catNav_lbl {
    padding: 13px 0 14px
}

.catNav_list .active a,.catNav_list .active label {
    border-bottom-color: #f33d33;
    color: #fff
}

.catNav_lbl {
    cursor: pointer;
    position: relative
}

.catNav_lbl i {
    font-size: 16px;
    margin: 0;
    top: 3px
}

.catNav_lbl span {
    display: none;
    left: 0;
    margin-top: 1px;
    padding-left: 24px;
    position: absolute;
    white-space: nowrap
}

.no-touchevents .catNav_lbl:hover i {
    color: #f33d33
}

.no-touchevents .catNav_lbl:hover span {
    display: inline-block
}

.latest_posts {
    padding-bottom: 7.5em;
    padding-top: 5em
}

.latest_list>li {
    border-bottom: 1px solid #eee;
    margin-bottom: 2.285714286em;
    padding-bottom: 2.857142857em
}

.latest_list>li:last-child {
    border-bottom-width: 0
}

#latest .latest_list>li {
    margin-bottom: 4.285714286em;
    padding-bottom: 4.285714286em
}

.post_copy {
    margin-right: 4.285714286em;
    padding: 4px 0 10px;
    width: 20em
}

.post_img {
    min-height: 268px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 30em)
}

.post_meta {
    margin-bottom: .571428571em
}

.post_date:before {
    content: ' | ';
    margin: 0 7px;
    position: relative;
    top: -1px
}

.post_excerpt {
    margin-bottom: 2.357142857em
}

.post-video,.post-series,.post-notify {
    display: block
}

.post-video .post_img,.post-video .post_copy,.post-series .post_img,.post-series .post_copy,.post-notify .post_img,.post-notify .post_copy {
    width: 100%
}

.post-video .post_img,.post-series .post_img,.post-notify .post_img {
    margin-bottom: 20px;
    min-height: 0;
    padding-bottom: 56.25%
}

.post-video .post_img img,.post-series .post_img img,.post-notify .post_img img {
    height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.post-video .post_img:after,.post-series .post_img:after,.post-notify .post_img:after {
    background: rgba(29,29,29,0.2);
    content: ''
}

.post-video .post_img .vidLink,.post-series .post_img .vidLink,.post-notify .post_img .vidLink {
    color: #fff;
    position: absolute;
    z-index: 1
}

.post-video .post_img .vidLink_icn,.post-series .post_img .vidLink_icn,.post-notify .post_img .vidLink_icn {
    margin: 0;
    -webkit-transform: scale(1.416666667);
    -moz-transform: scale(1.416666667);
    -ms-transform: scale(1.416666667);
    -o-transform: scale(1.416666667);
    transform: scale(1.416666667)
}

.post-video {
    margin-bottom: -1.071428571em
}

.post-video .post_title {
    margin-bottom: 0
}

.post-series {
    padding: 33px 50px
}

.post-series .post_tag {
    display: block;
    margin-bottom: 16px
}

.post-series .post_title {
    border-bottom: 1px solid #909090;
    padding-bottom: 25px
}

.post-series .post_title i {
    color: #f33d33;
    font-size: 12px;
    margin-left: 8px;
    top: -1px;
    vertical-align: middle
}

.series-preview {
    margin: 0 -50px;
    overflow: auto;
    padding: 30px 30px 0;
    white-space: nowrap
}

@media only screen and (max-width: 30em) {
    .series-preview {
        overflow:scroll
    }
}

.series-preview>li {
    display: inline-block;
    min-width: 17.857142857em;
    padding: 0 20px;
    width: 33.333333333%;
    vertical-align: top
}

.series-preview>li+li {
    margin-left: -5px
}

.preview {
    white-space: normal
}

.preview_img {
    position: relative;
    width: 100%
}

.preview_img img {
    height: auto;
    width: 100%
}

.preview_img .vidLink {
    position: absolute
}

.preview_img .vidLink_icn {
    margin: 0
}

.preview_title {
    font-size: 0.8125rem
}

.post-notify {
    padding: 44px 43.902439% 50px 50px
}

.post-notify .bg_img:after {
    background: rgba(29,29,29,0.8);
    content: ''
}

.post-notify .post_copy {
    position: relative
}

.post-notify .post_tag {
    color: #bbb;
    display: block;
    letter-spacing: .01em;
    margin-bottom: 1.214285714em
}

.post-notify .post_title {
    line-height: 1.388888889em;
    margin-bottom: 1.888888889em
}

.post-notify .post_title .accent {
    display: block
}

.picks {
    margin-top: 4em
}

.picks>li {
    margin-bottom: 2.571428571em
}

.pick {
    position: relative
}

.pick_img {
    margin-bottom: 8px;
    position: relative
}

.pick_img .vidLink {
    color: #fff;
    position: absolute
}

.pick_img .vidLink_icn {
    margin: 0
}

.pick_date {
    color: #999;
    display: block
}

.pick_title {
    line-height: 1.333333333em
}

#entry .head {
    background: #1d1d1d
}

#entry-body {
    background: #fff
}

.wrapper-entry {
    max-width: 38.75em
}

.page-entry {
    margin-top: 0;
    padding-top: 4.375em
}

.modal-entry-body .page-entry {
    margin-top: 0;
    padding-top: 0
}

.entry_excerpt {
    color: #999;
    font-weight: 800;
    text-transform: uppercase
}

.entry_excerpt:after {
    margin: 33px 0 32px
}

.banner-entry-alt+.entry .entry_excerpt {
    text-align: center
}

.banner-entry-alt+.entry .entry_excerpt:after {
    margin: 53px auto 52px
}

.entry-video+.banner-entry-alt+.entry .entry_excerpt {
    text-align: left
}

.entry-video+.banner-entry-alt+.entry .entry_excerpt:after {
    margin: 33px 0 51px
}

.entry_body h2 {
    line-height: 1.4em;
    margin: 2.48em 0 1.057142857em;
    text-align: center
}

.entry_body h2:after {
    margin: 32px auto 0
}

.entry_body h2+h3 {
    margin-top: 51px
}

.entry_body h3 {
    line-height: 1.875em
}

.entry_body p,.entry_body ol,.entry_body ul {
    font-size: 1rem
}

.entry_body p cite,.entry_body ol cite,.entry_body ul cite {
    font-style: italic;
    font-weight: 600
}

.entry_body p {
    line-height: 1.875em
}

.entry_body a:not(.btn) {
    font-weight: 600
}

.entry_body blockquote {
    margin: 2.75em -60px 3em
}

.entry_body blockquote p {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.5em;
    quotes: '“' '”';
    text-transform: uppercase
}

.entry_body blockquote p:before {
    content: open-quote;
    margin-left: -.5em
}

.entry_body blockquote p:after {
    content: close-quote
}

.entry_body blockquote p:last-of-type {
    margin-bottom: .4em
}

.entry_body blockquote cite {
    color: #999
}

.entry_body .slideshow-wrap {
    margin: 51px -60px 45px
}

.entry_vid {
    margin: 51px 0 45px -60px;
    width: calc(100% + 120px)
}

.entry_vid .capt {
    display: block;
    margin-top: 13px
}

.entry_audio {
    margin: 51px -60px 52px
}

.spotify {
    margin: 51px 0 52px;
    overflow: hidden
}

.spotify iframe {
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle
}

.spotify_capt {
    border-left: 1px solid #ddd;
    display: inline-block;
    margin-left: -5px;
    padding-left: 20px;
    vertical-align: middle;
    width: calc(100% - 340px)
}

.spotify_capt strong {
    display: block
}

.full-width {
    display: block;
    height: auto;
    margin-bottom: 71px;
    margin-top: 71px;
    max-width: 100%
}

.full-width[style] {
    max-width: none
}

.entry_foot {
    padding-bottom: 4.8125em
}

.entry_by {
    color: #555;
    display: block;
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase
}

.entry_tags {
    border-top: 1px solid #ddd;
    margin-top: 3.6875em;
    padding-top: 40px
}

.entry_tags_hdg {
    color: #555;
    margin-right: 14px
}

.tags {
    display: inline-block
}

.tags>li {
    display: inline-block;
    margin-bottom: 20px
}

.tags>li+li {
    margin-left: 16px
}

.tag {
    background: #eee;
    color: #1d1d1d;
    font: 500 0.75rem "din-condensed-web","DIN Condensed",sans-serif;
    letter-spacing: .07em;
    padding: 8px 10px 7px
}

.tag:hover {
    background: #f33d33;
    color: #fff
}

.related {
    background: #f2f2f2;
    overflow: hidden;
    padding: 3.4375em 0 2.1875em
}

.related .wrapper {
    max-width: 61.25em
}

.related:not(.related-series) .grid_title {
    font-size: 0.875rem
}

.related_tag {
    color: #999;
    display: block;
    margin-bottom: 3px
}

.related_hdg {
    margin-bottom: 3em;
    text-align: center
}

.related_wrap {
    position: relative
}

.related:not(.related-series) .related_list {
    margin: 0 -10px;
    overflow: auto;
    white-space: nowrap
}

@media only screen and (max-width: 30em) {
    .related:not(.related-series) .related_list {
        overflow:scroll
    }
}

.related:not(.related-series) .related_list li {
    display: inline-block;
    padding: 0 10px;
    min-width: 240px;
    vertical-align: top;
    white-space: normal;
    width: 25%
}

.related:not(.related-series) .related_list li+li {
    margin-left: -4px
}

.related-series {
    margin-top: -2px;
    padding: 2.4375em 0 2em
}

.related-series .related_hdg {
    margin-bottom: 2.642857143em;
    text-align: left
}

.related-series .related_list li {
    padding: 0 10px
}

.related-series .slideshow_btn {
    margin-top: -1.5em
}

.related-series .slideshow_icn:before {
    color: #999
}

.related-series .slideshow_next {
    right: -40px
}

.related-series .slideshow_prev {
    left: -40px
}

@media only screen and (max-width: 61.25em) {
    .related-series .related_list {
        margin:0 -10px;
        overflow: scroll;
        white-space: nowrap
    }

    .related-series .related_list li {
        display: inline-block;
        padding: 0 10px;
        min-width: 240px;
        vertical-align: top;
        white-space: normal;
        width: 25%
    }

    .related-series .related_list li+li {
        margin-left: -4px
    }
}

@media only screen and (max-width: 58.75em) {
    .related_list {
        margin:0 -30px !important;
        padding: 0 20px !important
    }
}

.latestNav {
    display: none;
    margin-bottom: 10px
}

.latestNav.latestNav-next .latestNav_icn:before {
    content: 'r'
}

.mfp-container .latestNav {
    display: block
}

.mfp-container .latestNav.latestNav-prev {
    left: 0
}

.mfp-container .latestNav.latestNav-next {
    left: auto;
    right: 0
}

.nav-wrap {
    height: 40px;
    max-width: 1300px;
    position: fixed;
    top: 15%;
    width: 100%
}

.latestNav_txt {
    bottom: 0;
    display: block;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

ul.searchNav {
    font-size: 0.75rem;
    margin: 3.166666667em 0 .25em;
    overflow: auto;
    position: relative;
    text-align: left
}

@media only screen and (max-width: 30em) {
    ul.searchNav {
        overflow:scroll
    }
}

ul.searchNav:after {
    background: #ddd;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

ul.searchNav>li {
    padding: 0 20px;
    position: relative;
    z-index: 1
}

ul.searchNav>li:first-child {
    padding-left: 0
}

ul.searchNav>li:last-child {
    padding-right: 0
}

ul.searchNav a {
    color: #1d1d1d;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width: 75em) {
    .mfp-container .latestNav {
        display:none !important
    }
}

@media only screen and (max-width: 64em) {
    .latest {
        padding:2.4375em 0 0
    }

    .latest_head {
        padding-bottom: 2.3125em;
        text-align: center
    }

    .latest_head .section-hdg {
        margin-bottom: 1em
    }

    .latest_all {
        display: inline-block;
        position: static
    }

    .latest_primary,.latest_secondary {
        float: none;
        width: 100%
    }

    .latest_sidebar {
        display: none
    }

    .latest_foot {
        border: none;
        padding: 1.25em 0 3.75em
    }

    .catNav_list>li {
        padding: 0 20px
    }

    .latest_posts {
        padding-bottom: 0;
        padding-top: 1.875em
    }

    .post_copy {
        margin-right: 0
    }
}

@media only screen and (max-width: 48em) {
    .post_img {
        min-height:268px;
        overflow: hidden;
        position: relative;
        width: calc(100% - 22em)
    }

    ul.searchNav {
        margin-left: -20px;
        margin-right: -20px
    }

    ul.searchNav:after {
        left: 20px;
        right: 20px;
        width: auto
    }

    .entry_body blockquote {
        margin-left: 0;
        margin-right: 0
    }

    .entry_body .slideshow-wrap,.entry_body .callout {
        margin-left: -20px;
        margin-right: -20px
    }

    .entry_vid {
        margin-left: -20px;
        margin-right: 0;
        width: calc(100% + 40px)
    }

    .entry_audio {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 47.9375em) {
    .catNav {
        background:#121212;
        border-bottom-color: #262626;
        padding: 0;
        top: 3.75em;
        z-index: 3000
    }

    .catNav_current,.catNav_list {
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: .03em;
        text-align: left
    }

    .catNav_current {
        display: block;
        color: #fff;
        cursor: pointer;
        padding: 18px 54px 17px 20px;
        position: relative;
        text-transform: uppercase
    }

    .catNav_current i {
        color: #f33d33;
        font-size: 10px;
        position: absolute;
        right: 20px
    }

    .catNav_current.expanded+.catNav_list {
        display: block
    }

    .catNav_list {
        display: none
    }

    .catNav_list>li {
        border-top: 1px solid #454545;
        display: block;
        padding: 0
    }

    .catNav_list>li.active:not(:last-child) {
        display: none
    }

    .catNav_list>li.active a,.catNav_list>li.active label {
        color: #999
    }

    .catNav_list a,.catNav_list .catNav_lbl {
        border: none;
        padding: 15px 20px
    }

    .catNav_lbl span {
        display: block;
        padding-left: 44px
    }

    .catNav_lbl:hover i {
        color: #fff
    }

    .post-video {
        margin: 0 -21px
    }

    .post-video .post_img img {
        position: absolute;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    .post-video .post_copy {
        padding-left: 20px;
        padding-right: 20px
    }

    .post-series {
        padding-left: 20px;
        padding-right: 20px
    }

    .series-preview {
        margin: 0 -20px;
        padding-left: 5px;
        padding-right: 5px
    }

    .series-preview>li {
        padding: 0 15px
    }
}

@media only screen and (max-width: 43.75em) {
    .banner-entry-alt+.entry .entry_excerpt:after {
        margin:24px auto 21px
    }

    .entry_body h2 {
        margin: 0 0 1.777777778em
    }

    .entry_body blockquote {
        margin: -0.1875em 0 1.75em;
        text-align: center
    }

    .entry_body blockquote p:before {
        margin-left: 0
    }

    .entry_body .bodyImg {
        margin: 31px -20px 25px
    }

    .entry_body .bodyImg_capt {
        padding: 0 20px
    }

    .entry_body .slideshow-wrap {
        margin: 32px -20px -16px
    }

    .entry_vid {
        margin: 31px 0 26px -20px;
        width: calc(100% + 40px)
    }

    .entry_vid .capt {
        padding: 0 20px
    }

    .entry_audio {
        margin: 31px 0 31px
    }

    .full-width {
        margin-bottom: 32px;
        margin-top: 31px
    }

    .spotify {
        margin: 31px 0 25px
    }

    .spotify iframe,.spotify_capt {
        border-left: 0;
        display: block;
        padding-left: 0;
        margin: 0;
        width: 100%
    }

    .spotify iframe {
        margin-bottom: 14px
    }

    .entry_foot {
        padding-bottom: 7px
    }

    .entry_tags {
        padding-top: 20px
    }

    .entry_tags_hdg {
        display: none
    }

    .tags>li {
        margin-bottom: 10px;
        margin-right: 6px
    }

    .tags>li+li {
        margin-left: 0
    }

    .related {
        border-top: 1px solid #ddd;
        padding-top: 2.3125em
    }

    .related_hdg {
        margin-bottom: 1em
    }
}

@media only screen and (max-width: 30em) {
    ol.latest_list>li {
        margin-bottom:2.142857143em;
        padding-bottom: 1.142857143em
    }

    ol.latest_list>li:last-child {
        border-bottom-width: 1px;
        margin-bottom: 2.857142857em
    }

    #latest ol.latest_list>li {
        margin-bottom: 2.142857143em;
        padding-bottom: 1.142857143em
    }

    .latest_posts {
        background: #fff
    }

    .post {
        display: block
    }

    .post .btn {
        display: none
    }

    #dashboard .latest_posts .post .btn{
        display: block;
        margin: 0 auto;
        width: 130px;
    }

    .post_img,.post_copy {
        width: 100%
    }

    .post_img {
        min-height: 0
    }

    .post_img img {
        height: auto;
        min-height: 0;
        min-width: 0;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%
    }

    .post_copy {
        padding: 0
    }

    .post_excerpt {
        display: none
    }

    .post-notify {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center
    }

    .post-notify .bg_img {
        background-position: right center
    }

    .post-notify .bg_img:after {
        display: block
    }

    .post-notify .btn {
        display: block
    }
}

.event_time {
    border-right: 1px solid #bbb;
    height: 4.571428571em;
    width: 2.857142857em
}

.event_date {
    color: #555;
    display: inline-block;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    margin-top: -.214285714em;
    text-align: center;
    text-transform: uppercase
}

.event_date abbr,.event_date strong,.event_date span {
    display: block;
    font-weight: normal
}

.event_date abbr {
    font-size: 1rem;
    letter-spacing: 0.07em;
    line-height: 1.1875em
}

.event_date strong {
    font-size: 1.875rem;
    letter-spacing: 0.01em;
    line-height: 1.133333333em
}

.event_date span {
    color: #999;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    line-height: 1.357142857em
}

.event_meta {
    padding-left: 20px;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    height: 100%;
    width: calc(100% - 40px)
}

.event-brief {
    margin-bottom: 40px;
    position: relative
}

.event-brief .event_title {
    color: #f33d33
}

.event-brief:hover .event_title {
    color: #c42823
}

.wrapper-calendar {
    max-width: 76.25em
}

.cal_filter {
    border-bottom: 1px solid #ddd;
    margin-bottom: 60px;
    padding: 60px 0 20px
}

.cal_filter:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

.cal_filter .select,.touchevents .cal_filter .select-wrap {
    margin: 0 10px 0 0
}

.cal_filter+.group {
    margin-top: -4px;
    padding-top: 0
}

.cal_view {
    margin-top: 1.25em
}

.cal_view a {
    color: #999
}

.cal_view a:hover {
    color: #f33d33
}

.cal_view a.active {
    color: #1d1d1d
}

.cal_view a+a {
    margin-left: 16px
}

.cal_month {
    overflow: hidden
}

.cal_month+.cal_month {
    padding-top: 60px
}

.cal_hdg {
    width: 11.2em
}

.cal_hdg:before {
    background: #ddd;
    height: 5px;
    margin-bottom: 12px;
    width: 100%
}

.cal_hdg:after {
    display: none
}

.cal_hdg span {
    display: block;
    margin-top: -.277777778em
}

ol.cal_list {
    margin: 0;
    max-width: 58.571428571em;
    width: calc(100% - 17.142857143em)
}

ol.cal_list .event_head {
    margin-bottom: 23px
}

ol.cal_list>li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 60px;
    padding-bottom: 54px
}

ol.cal_list>li:last-child {
    margin-bottom: 0
}

.event_img,.event_copy {
    display: inline-block;
    vertical-align: middle
}

.event_img {
    display: inline-block;
    width: 51.2195122%
}

.event_img img {
    height: auto;
    width: 100%
}

.grid_item .event_img {
    width: 100%
}

.event_copy {
    margin-left: -4px;
    padding: 0 0 0 60px;
    width: 48.7804878%
}

.event_excerpt {
    padding-right: 60px
}

.more-holder {
    border-top: 1px solid #ddd;
    margin-top: -1px;
    padding: 80px 0 100px;
    text-align: center
}

.more-holder.grid-view {
    border-top: 0;
    padding-top: 0
}

.banner_event_date {
    background: #1d1d1d;
    border-radius: 6px;
    color: #fff;
    display: block;
    float: none;
    margin: -7.4375em auto 3.6875em;
    padding: 15px 20px 13px;
    width: 4.6875em
}

.banner_event_date abbr {
    font-size: 1.25rem;
    line-height: 1.25em
}

.banner_event_date strong {
    font-size: 2.5rem;
    line-height: 1.1em
}

.banner_event_date span {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.388888889em
}

.entry_excerpt-cal {
    margin-bottom: 3.3125em
}

.entry_excerpt-cal:after {
    display: none
}

.register {
    border: 1px solid #ddd;
    border-width: 1px 0;
    margin: 0 -60px 3.25em;
    padding: 39px 20px 40px;
    text-align: center
}

.register_host {
    color: #999;
    display: block;
    margin-bottom: .857142857em
}

.register_hdg {
    margin-bottom: 0.9375em
}

.eventInfo {
    background: #f2f2f2;
    border: 1px solid #ddd;
    border-width: 1px 0;
    margin: 80px 0 0;
    position: relative
}

.eventInfo+.wrapper .entry_foot {
    padding-bottom: 2.125em
}

.eventInfo+.wrapper .entry_tags {
    border-top: none;
    padding-top: 21px
}

.eventInfo_col {
    display: inline-block;
    padding: 40px;
    vertical-align: middle;
    width: 50%
}

.eventInfo_col+.eventInfo_col {
    margin-left: -5px
}

.eventInfo_col-img {
    overflow: hidden;
    padding: 0
}

.eventInfo_map {
    height: auto;
    width: 100%
}

@media only screen and (max-width: 64em) {
    .eventInfo_col-img {
        height:100%;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
    }

    .eventInfo_map {
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: auto
    }
}

.eventInfo_section {
    margin: 0 auto;
    max-width: 23.75em
}

.eventInfo_section+.eventInfo_section {
    border-top: 1px solid #ddd;
    margin-top: 3.5625em;
    padding-top: 3.6875em
}

.eventInfo_lbl {
    color: #999;
    display: block;
    margin-bottom: 1.642857143em
}

.eventInfo_lbl i {
    font-size: 10px;
    top: -1px
}

.eventInfo_hdg {
    display: block;
    font-weight: 800;
    margin-bottom: .4em;
    text-transform: uppercase
}

.eventInfo_detail {
    font-weight: 600;
    line-height: 1.357142857em;
    margin-bottom: 0
}

.eventInfo_tel {
    margin-bottom: 1.642857143em
}

.adr .street-address {
    display: block
}

.tel .type {
    display: none
}

.eventInfo_link {
    font-size: 1rem
}

.eventInfo_link i {
    font-size: 11px;
    top: -1px
}

ol.event-mod-alt:not(.cal_list) {
    margin: 0 auto 65px;
    max-width: 50em
}

ol.event-mod-alt:not(.cal_list)>li+li {
    border-top: 1px solid #ddd;
    padding-top: 40px
}

ol.event-mod-alt .event_time {
    height: auto;
    padding-right: 20px;
    width: auto
}

ol.event-mod-alt .event_date {
    color: #1d1d1d
}

ol.event-mod-alt .event_date abbr {
    font-size: 1.25rem;
    line-height: 1.25em
}

ol.event-mod-alt .event_date strong {
    font-size: 2.5rem;
    line-height: 1.1em
}

ol.event-mod-alt .event_date span {
    color: #1d1d1d;
    font-size: 1.125rem;
    line-height: 1.388888889em
}

ol.event-mod-alt .event_meta {
    width: auto
}

ol.event-mod-alt .event_title {
    color: #1d1d1d
}

.event_thumb {
    margin-right: 40px
}

.event_thumb img {
    display: block;
    height: auto;
    width: 100%
}

@media only screen and (max-width: 75em) {
    .cal_hdg {
        width:7.2em
    }
}

@media only screen and (max-width: 64em) {
    .cal_filter {
        margin-bottom:52px;
        padding-top: 40px
    }

    .cal_month {
        margin: 0 -20px;
        padding: 0 20px
    }

    .cal_month+.cal_month {
        border-top: 1px solid #ddd;
        margin-top: -1px;
        padding-top: 52px
    }

    .cal_hdg,ol.cal_list {
        float: none;
        max-width: none;
        width: auto
    }

    .cal_hdg:before {
        display: none
    }

    .cal_hdg:after {
        display: block;
        margin: 14px 0 40px
    }

    .cal_hdg span {
        display: inline;
        font-size: inherit;
        margin: 0
    }

    ol.cal_list>li {
        margin-bottom: 40px;
        padding-bottom: 34px
    }

    .event_img {
        width: 52.1978022%
    }

    .event_copy {
        padding-left: 40px;
        width: 47.8021978%
    }

    .event_excerpt {
        padding-right: 0
    }
}

@media only screen and (max-width: 48em) {
    .register {
        margin-left:-20px;
        margin-right: -20px
    }
}

@media only screen and (max-width: 43.75em) {
    .register {
        margin-left:0;
        margin-right: 0
    }

    .cal_filter {
        border: none;
        margin-bottom: 15px
    }

    .cal_filter .select {
        display: block;
        margin-right: 0;
        width: 100%
    }

    .cal_filter .select+.select {
        margin-top: 10px
    }

    .cal_view {
        display: none
    }

    .cal_month+.cal_month {
        padding-top: 55px
    }

    .cal_hdg {
        margin-bottom: 25px;
        text-align: center
    }

    .cal_hdg:after {
        display: none
    }

    ol.cal_list>li {
        margin-bottom: 30px;
        padding-bottom: 3px
    }

    .event_img,.event_copy {
        float: none;
        width: 100%
    }

    .event_img {
        margin-bottom: 15px
    }

    .event_meta {
        padding-left: 20px
    }

    .event_copy {
        margin-left: 0;
        padding-left: 0
    }

    .event_excerpt {
        display: none
    }

    .event {
        position: relative
    }

    .event .btn {
        border: none;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-indent: -999em;
        top: 0;
        width: 100%
    }

    ol.cal_list.event-mod-alt .event_time,.related ol.event-mod-alt .event_time {
        background: rgba(29,29,29,0.7);
        border: none;
        height: 0;
        padding: 0 0 66.7857143%;
        position: absolute;
        top: 0;
        width: 100%
    }

    ol.cal_list.event-mod-alt .event_time .event_date,.related ol.event-mod-alt .event_time .event_date {
        color: #fff;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

    ol.cal_list.event-mod-alt .event_time .event_date span,.related ol.event-mod-alt .event_time .event_date span {
        color: #fff
    }

    .eventInfo_col {
        padding: 59px 0 54px;
        text-align: center;
        width: 100%
    }

    .eventInfo_col+.eventInfo_col {
        display: none
    }

    .eventInfo_section {
        max-width: none
    }

    .eventInfo_section+.eventInfo_section {
        margin-top: 37px;
        padding-top: 39px
    }

    .related ol.event-mod-alt {
        margin: 0 -30px;
        padding: 0 20px;
        overflow: scroll;
        white-space: nowrap
    }

    .related ol.event-mod-alt>li {
        display: inline-block;
        padding: 0 10px;
        vertical-align: top;
        width: 240px
    }

    .related ol.event-mod-alt>li+li {
        border: none;
        margin-left: -4px;
        padding-top: 0
    }

    .related .event_thumb {
        margin: 0 0 14px
    }

    .related .event_head {
        display: block;
        white-space: normal
    }

    .related .event_cat {
        display: block;
        font-size: 0.75rem;
        margin-bottom: 8px
    }

    .related .event_title {
        font-size: 0.875rem
    }
}

.trivia {
    padding: 2.125em 60px 2.5em;
    text-align: center
}

.trivia_bg:after {
    background: rgba(29,29,29,0.8);
    content: ''
}

.trivia_hdg {
    margin-bottom: 1.4375em
}

.trivia_hdg:after {
    margin: 1.5625em auto 0
}

.trivia_hdg .success {
    background-position: -22px -22px;
    display: inline-block;
    height: 12px;
    margin-left: 8px;
    width: 12px
}

.trivia_body {
    margin-bottom: 2.428571429em
}

.trivia_img {
    border-radius: 50%;
    margin-bottom: 0.8125em
}

.trivia_prize {
    margin-bottom: 3.571428571em
}

.trivia_btn {
    width: 14.285714286em
}

.trivia_btn[disabled] {
    background: none;
    border: 1px solid #999;
    color: #999;
    padding: 12px 30px 10px
}

.trivia_meta {
    border-top: 1px solid #373737;
    overflow: hidden;
    padding-top: 18px
}

.trivia_aux {
    color: #999;
    text-align: left
}

.trivia_name {
    font-weight: 800;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    top: .071428571em
}

@media only screen and (max-width: 64em) {
    .trivia {
        border-top:40px solid #fff;
        margin: 0 -20px
    }
}

@media only screen and (max-width: 48em) {
    .trivia {
        padding-left:20px;
        padding-right: 20px
    }
}

.rewards {
    background: #f2f2f2;
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 6.25em 0 4.25em
}

.rewards_all {
    position: absolute;
    right: 20px;
    top: 3.214285714em
}

.reward {
    position: relative
}

.reward.sized .reward_meta {
    bottom: 0;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
}

.reward_img {
    margin-bottom: 15px;
    position: relative
}

.reward_img:before {
    background-color: rgba(29,29,29,0.8);
    background-image: -webkit-linear-gradient(-435deg, rgba(29,29,29,0.8) 0%,rgba(29,29,29,0) 75%);
    background-image: linear-gradient(165deg,rgba(29,29,29,0.8) 0%,rgba(29,29,29,0) 75%);
    background-color: transparent;
    content: ''
}

.reward_img img {
    display: block;
    height: auto;
    width: 100%
}

.reward_cost {
    color: #fff;
    left: 20px;
    position: absolute;
    top: 17px
}

.reward_cost strong {
    font-size: 1.25rem;
    font-weight: normal
}

.reward_cost:before {
    color: #f33d33;
    content: 'i';
    font-size: 18px;
    margin-right: 9px;
    top: 1px
}

.reward_title {
    margin-bottom: 2.571428571em
}

.reward_btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.reward_btn+.reward_btn {
    margin-left: 2em
}

.reward_note {
    color: #999
}

.reward_note:after {
    color: #bbb;
    content: ' | ';
    font-size: 16px;
    margin: 0 14px;
    position: relative;
    top: -1px
}

.rewards_wrap {
    position: relative
}

.rewards_wrap .slick-dots {
    margin-top: 4.375em
}

.rewards_btn,.slideshow_btn {
    display: none !important;
    margin-top: -115px;
    position: absolute
}

.rewards_btn.slick-disabled,.slideshow_btn.slick-disabled {
    cursor: default;
    visibility: hidden
}

.rewards_btn:hover,.slideshow_btn:hover {
    background: none
}

.slideshow_btn {
    display: block !important
}

.rewards_prev {
    left: -30px
}

.rewards_next {
    right: -30px
}

@media only screen and (min-width: 81.25em) {
    .rewards_btn {
       /*  display:block !important */
    }

    .rewards_prev {
        left: -40px
    }

    .rewards_next {
        right: -40px
    }
}

@media only screen and (min-width: 84.375em) {
    .rewards_prev {
        left:-60px
    }

    .rewards_next {
        right: -60px
    }
}

.rewards_icn:before,.slideshow_icn:before {
    color: #1d1d1d;
    font-size: 18px
}

.rewards_next .rewards_icn:before,.slideshow_next .rewards_icn:before,.rewards_next .slideshow_icn:before,.slideshow_next .slideshow_icn:before {
    content: 'n'
}

.rewards_prev .rewards_icn:before,.slideshow_prev .rewards_icn:before,.rewards_prev .slideshow_icn:before,.slideshow_prev .slideshow_icn:before {
    content: 'p'
}

.member-rewards_wrapper {
    padding: 9.3125em 20px 7.5625em
}

.member-rewards_wrapper+.reward-examples {
    margin-bottom: 0
}

.reward-examples {
    border-top: 1px solid #373737;
    overflow: auto
}

@media only screen and (max-width: 30em) {
    .reward-examples {
        overflow-x:auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.example {
    min-width: 20em;
    overflow: hidden;
    padding: 36px 40px 0;
    width: 20%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.example+.example {
    border-left: 1px solid #373737
}

.example i {
    color: #f33d33
}

.example_title {
    font-size: 0.8125rem;
    line-height: 1.384615385em
}

.example_img {
    margin: 0 -40px;
    padding-top: 55px
}

.example_img i {
    display: block;
    padding: 25px 40px
}

.example_img img {
    display: block;
    height: auto;
    width: 100%
}

.reward-total {
    color: #555;
    font-size: 0.9375rem;
    margin: 65px 0 47px
}

.reward-sort {
    margin: 50px 0 0;
    width: 15.3125em
}

.reward-sort:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

.reward-sort .select_lbl {
    background: #f2f2f2
}

.reward-sort:hover .select_lbl {
    background: #fff
}

.touchevents .reward-sort+.select-wrap {
    display: inline-block !important;
    margin: 50px 0 0;
    width: 15.3125em;
    float: none;
    margin-top: 80px;
    margin-bottom: 60px;
}

.touchevents .reward-sort+.select-wrap select {
    background: none;
    z-index: 2;
    position: relative;
}

.claim-wrap {
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.claim {
    background: #f2f2f2;
    padding: 36px 60px 40px
}

.claim .claim_val {
    line-height: 1.428571429em
}

.claim .claim_val:last-child {
    margin-bottom: 0
}

.claim button {
    margin-top: 30px;
    width: 100%
}

.claim-alt {
    background: #fff
}

.claim-alt:after {
    background: #fff;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.claim-alt .claim_response {
    text-align: center
}

.claim-alt .claim_response .btn {
    margin-top: 71px;
    width: 100%;
    text-align:center;
}

.claim-alt .claim_responseHdg {
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    text-align:center;
}

.claim_header {
    display: none;
    height: auto;
    position: fixed;
    z-index: 100
}

.claim_title {
    font-weight: 800;
    text-transform: uppercase
}

.claim_hdg {
    border-bottom: 1px solid #ddd;
    margin-bottom: 39px;
    padding-bottom: 15px
}

.claim_lbl {
    display: block;
    font-weight: 800;
    margin-bottom: 9px;
    text-transform: uppercase
}

.claim_usr,.claim_note {
    display: inline-block;
    vertical-align: middle
}

.claim_usr {
    margin-bottom: 55px;
    width: calc(100% - 12.8125em)
}

.claim_note {
    background: #eeeeee;
    border-radius: 6px;
    margin-bottom: 2px;
    margin-left: -5px;
    padding: 19px 20px;
    width: 12.8125em
}

.claim_note .claim_lbl {
    margin-bottom: 7px
}

.claim_note i {
    color: #555;
    font-size: 11px
}

.claim_note span {
    display: block;
    margin-bottom: 14px
}

.claim_note a:not(.btn) {
    display: block;
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase
}

.claim_note a:not(.btn) i {
    font-size: 9px;
    color:#f33d33;
}

.claim_responseHdg {
    color: #3fb36b;
    margin-bottom: 24px
}

.claim_responseHdg i {
    font-size: 13px;
    margin-right: 10px
}

.claim_responseHdg+p {
    color: #555;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.642857143em;
    text-align:center;
}

.claim_responseHdg+p:last-child {
    margin-bottom: 0
}

p.claimNote {
    border-top: 1px solid #ddd;
    color: #555;
    font-size: 0.75rem;
    line-height: 1.416666667em;
    margin-bottom: 56px;
    margin-top: 60px;
    padding-top: 17px
}

.claim-locked {
    padding-bottom: 26px;
    padding-top: 24px;
    margin-bottom: 110px;
    text-align: center
}

.claim-locked .claim_hdg {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 22px
}

.claim-locked .claim_hdg i {
    display: block;
    margin-bottom: 11px
}

.claim_rewardIq {
    font-size: 1.25rem
}

.claim_rewardIq i {
    font-size: 18px
}

.claim_rewardIq abbr {
    font-size: 0.875rem
}

.claim_img {
    padding: 49px 0 46px;
    text-align: center
}

.claim_tag {
    color: #999;
    display: block;
    margin-bottom: 12px
}

.claim_imgHdg {
    font-weight: 800;
    text-transform: uppercase
}

@media only screen and (max-width: 48em) {
    .rewards {
        padding:2.4375em 0 1.75em
    }

    .rewards_head {
        margin-bottom: 2.3125em;
        text-align: center
    }

    .rewards_head .section-hdg {
        margin-bottom: 1em
    }

    .rewards_all {
        display: inline-block;
        position: static
    }

    .rewards_btn {
        display: none !important
    }

    .member-rewards_wrapper {
        max-width: 38.125em;
        padding: 6.1875em 20px 4.4375em
    }
}

@media only screen and (max-width: 43.75em) {
    .member-rewards_wrapper {
        padding:3.6875em 20px 1.9375em
    }

    .example {
        min-width: 12.142857143em;
        padding: 16px 25px 0
    }

    .example_img {
        margin: 0 -25px;
        padding-top: 5px
    }

    .example_img i {
        padding: 25px
    }

    .reward-sort {
        display: block !important
    }

    .touchevents .reward-sort {
        display: none !important
    }

    .touchevents .reward-sort+.select-wrap {
        margin: 0 0 30px;
        width: 100%
    }

    .wrapper-group .reward-more {
        margin: -3px 0 -60px
    }

    .wrapper-group .reward-more:before {
        display: none
    }

    .claim {
        padding: 16px 20px 20px
    }

    .claim button {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .claim_hdg {
        margin-bottom: 29px
    }

    .claim_usr,.claim_note {
        /* display: block;
        margin-bottom: 0;
        width: 100% */
    }

    .claim_usr {
        margin-bottom: 25px
    }

    .claim_note {
        /* margin: 0 0 30px */
    }

    p.claimNote {
        padding-bottom: 60px;
        margin-top: 40px
    }

    .claim-alt {
        padding-top: 30px
    }

    .claim-alt .claim_response {
        text-align: left
    }

    .claim-more-padding{
        padding:40px 60px;
    }
}

@media(min-width:768px){
    .mfp-wrap.modal-claim .mfp-iframe-scaler{
        height:490px !important;
    }
}

@media only screen and (max-width: 30em) {
    .rewards_wrap {
        margin:0 -20px
    }

    .reward-total,.reward-sort {
        float: none;
        display: block;
        text-align: center;
        width: 100%
    }

    .reward-total {
        margin: 39px 0 27px
    }

    .reward-sort {
        margin: 0 0 -6px;
        text-align: left
    }
}

.intro {
    padding: 2.5em 0 5em
}

.intro_head {
    border-bottom: 1px solid #ddd;
    margin-bottom: 4.5em;
    overflow: hidden;
    padding-bottom: 17px
}

.intro_callout-alt {
    display: none
}

.intro_callout {
    margin-top: 4px
}

.intro_copy {
    border-right: 1px solid #ddd;
    padding-right: 60px;
    width: 60.3773585%
}

.intro_copy p:last-child {
    margin-bottom: 0
}

.intro_hdg {
    margin: -.32em 0 .28em
}

.intro_stats {
    border-left: 1px solid #ddd;
    left: -1px;
    padding: 5px 0 5px 61px;
    position: relative;
    width: 39.6226415%
}

.stats_hdg {
    color: #555;
    margin-bottom: 1.5em;
    text-transform: uppercase
}

.stats_list {
    line-height: 1.45em
}

.stats_list:last-child {
    margin-bottom: 0
}

.stats_list li {
    margin-bottom: .8em;
    padding-left: 20px;
    position: relative;
    text-align: left
}

.stats_list li:before {
    color: #bbb;
    content: 'c';
    font-size: 8px;
    top: .25em
}

.stats_list em {
    font-weight: normal;
    font-style:normal !important;
}

.intro_meta {
    clear: both;
    padding-top: 2.375em
}

@media only screen and (max-width: 48em) {
    .intro {
        padding:1.25em 0 2.3125em
    }

    .intro_head {
        margin-bottom: 2.5em
    }

    .intro_callout-alt {
        display: block
    }

    .intro_callout-alt+.intro_callout {
        display: none
    }

    .intro_copy,.intro_stats {
        border: none;
        float: none;
        padding: 0;
        width: 100%
    }

    .intro_copy {
        margin-bottom: 1.875em
    }

    .intro_stats {
        margin-bottom: 0.5em
    }
}

.features {
    background: #f2f2f2;
    padding: 0
}

.features .features_list {
    margin-bottom: 0;
    text-align: left
}

@media only screen and (min-width: 48.0625em) {
    .features .features_list {
        direction:rtl
    }
}

.features_wrapper {
    max-width: 65.9375em;
    padding: 0 60px
}

.features_list>li {
    overflow: hidden;
    height: 100vh;
    padding-top: 70px
}

.features_list>li .features_list_item {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 100%
}

.features_list>li:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -14px;
    vertical-align: middle;
    width: 10px
}

.features_copy,.features_img {
    display: inline-block;
    vertical-align: middle
}

.features_copy {
    direction: ltr;
    margin-left: 18.1818182%;
    width: 38.5026738%
}

.features_tag {
    color: #999;
    display: block;
    margin-bottom: .214285714em
}

.features_title {
    margin-bottom: .714285714em
}

.features_img {
    border: 2px solid #ddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    display: inline-block;
    overflow: hidden;
    padding: 4px;
    width: 42.7807487%
}

.features_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
    height: auto;
    width: 100%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
}

@media only screen and (max-width: 64em) {
    .features_copy {
        margin-left:60px;
        width: calc(57.2192513% - 64px)
    }
}

@media only screen and (max-width: 48em) {
    .features {
        padding:5.875em 0 4.25em
    }

    .features .slick-dots {
        margin-top: 40px
    }

    .features_copy {
        margin: 0 auto 39px;
        max-width: 35.625em
    }

    .features_wrapper {
        padding: 0 20px
    }

    .features_list li {
        text-align: center
    }

    .features_list li+li {
        margin-top: 0
    }

    .features_copy {
        display: block;
        margin: 0 auto 39px;
        width: 100%
    }

    .features_title {
        font-size: 2rem
    }

    .features_img {
        margin: 0 20px;
        max-width: 400px;
        width: auto
    }
}

@media only screen and (max-width: 43.75em) {
    .features {
        padding:3.375em 0 1.75em
    }
}

.certified {
    height: 100vh;
    padding-top: 70px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

.certified:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -15px;
    vertical-align: middle;
    width: 10px
}

.certified .wrapper {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 100%
}

.certified .bg_img {
    /*background-attachment: fixed;*/
    background-size: cover;
    bottom: -20px;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    height: auto;
    left: -20px;
    position: absolute;
    right: -20px;
    top: -20px;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    width: auto
}

.no-touchevents .certified .bg_img {
    background-attachment: fixed;
}

@media only screen and (min-width: 40em) {
    .module_more_wrapper p {
        margin-bottom: 1.575em;
    }
}

@media only screen and (max-width: 48em) {
    .certified .section-body {
        max-width:35.625em
    }

    #resources {
        padding: 4.75em 0 3.8125em;
        text-align: center
    }

    #resources .section-col {
        margin: 0 auto;
        max-width: 35.625em
    }

    #resources .icn-list {
        display: inline-block;
        margin-top: 30px
    }

    #resources .icn-list li {
        text-align: left
    }
}

@media only screen and (max-width: 43.75em) {
    #resources {
        padding:2.25em 0 1.3125em
    }

    #resources .icn-list {
        display: block
    }

    .certified .bg_img,.banner-home .banner_bg .bg_img {
        background-attachment: scroll
    }
}

#account,#contact {
    background: #f2f2f2
}

#account .head,#contact .head {
    background: #1d1d1d
}

.wrapper-downloads {
    max-width: 76.25em
}

.wrapper-downloads .grid-links {
    margin-top: -4.071428571em
}

.popular {
    border-top: 1px solid #ddd;
    margin-top: 4.625em;
    padding-bottom: 4.0625em
}

.popular .overview {
    padding: 4.5625em 0 0
}

.popular .overview_hdg:after {
    display: none
}

.popular_wrap {
    position: relative
}

.popular_wrap .grid {
    margin-top: 75px
}

@media only screen and (max-width: 48em) {
    .popular {
        margin-top:3.6875em;
        padding-bottom: 2.8125em
    }
}

@media only screen and (max-width: 43.75em) {
    .resource-sort,.resource-sort ~ .select-wrap {
        display:none !important
    }

    .touchevents .download-hide,.touchevents .download-hide.ng-show {
        display: none !important
    }

    .touchevents .download-show,.touchevents .download-show.ng-hide {
        display: block !important
    }
}

ul.faq {
    margin-top: -2.642857143em;
    margin-bottom: 60px;
    max-width: calc(100% - 11.428571429em);
    width: 50em
}

ul.faq>li {
    border-bottom: 1px solid #ddd;
    padding: 33px 66px 34px 20px;
    position: relative
}

.faq_question {
    display: block;
    font-weight: 800;
    text-transform: uppercase
}

.faq_toggle {
    position: absolute;
    right: 20px;
    top: 32px
}

.faq_toggle .toggleBtn_icn {
    margin: 0
}

.faq_answer {
    display: none;
    margin-top: 25px
}

.faq_answer p:last-child,.faq_answer ol:last-child,.faq_answer ul:last-child {
    margin-bottom: 0
}

.faq-more {
    clear: both;
    display: block;
    margin: 0 auto 100px;
    text-align: center;
    width: 15.714285714em
}

@media only screen and (max-width: 75em) {
    .wrapper-faq {
        padding:0 35px 0 65px
    }
}

@media only screen and (max-width: 48em) {
    .wrapper-faq {
        padding:0 35px 0 65px
    }

    .wrapper-faq+.callout {
        display: none
    }

    ul.faq {
        margin-top: -2.642857143em;
        width: 71.257485%
    }
}

@media only screen and (max-width: 43.75em) {
    .wrapper-faq {
        padding:0 20px
    }

    .wrapper-faq+.callout {
        display: block
    }

    ul.faq {
        float: none;
        margin-bottom: 40px;
        margin-top: 0;
        max-width: none;
        width: 100%
    }

    ul.faq>li {
        padding: 23px 30px 24px 0
    }

    .faq_toggle {
        top: 21px;
        right: -8px
    }

    .faq_toggle .toggleBtn_icn {
        border: none;
        font-weight: bold
    }

    .faq-more {
        margin-bottom: 60px
    }
}

.error-page {
    min-height: calc(100vh - 15.5625em);
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.error-page:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -14px;
    vertical-align: middle;
    width: 10px
}

.error-page .wrapper {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
    width: 100%
}

.error-page .error_copy {
    max-width: 38.75em;
    padding-top: 3.75em;
    padding-bottom: 3.75em
}

.error_copy {
    max-width: 38.75em;
    padding: 0 40px
}

.error_copy .error_hdg {
    letter-spacing: .01em;
    line-height: .872727273
}

.error_copy .error_hdg:after {
    margin: 27px 0 23px
}

.error_tag {
    color: #555;
    display: block;
    margin-bottom: .857142857em
}

.error_body {
    margin-bottom: 1.5em
}

.error_body p:last-child {
    margin-bottom: 0
}

.error_back {
    top: 40px
}

.error_back .banner_back_txt {
    color: #1d1d1d
}

@media only screen and (max-width: 43.75em) {
    .error:not(.form_error):not(input):not(.alert-status):not(.form_feedback) {
        height:auto;
        padding: 69px 0 65px
    }

    .error:not(.form_error):not(input):not(.alert-status):not(.form_feedback):before {
        display: none
    }

    .error:not(.form_error):not(input):not(.alert-status):not(.form_feedback) .wrapper {
        text-align: center
    }

    .error_copy {
        padding: 0
    }

    .error_copy .error_hdg {
        line-height: 1.185185185em
    }

    .error_copy .error_hdg:after {
        margin: 14px auto
    }

    .error_copy br {
        display: none
    }

    .error_tag {
        margin-bottom: .785714286em
    }

    .error_body {
        margin-bottom: 2.125em
    }
}

.general {
    background: #fff;
    padding: 120px 0 91px
}

.general .faq {
    border-top: 1px solid #ddd;
    margin: 21px 0 53px;
    max-width: none;
    width: 100%
}

.general .faq>li {
    padding-top: 35px
}

.general_head {
    display: none;
    height: 60px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

@media(max-width:479px){
    .general_head {
        width:auto;
        right:60px;
    }
}

.general_title {
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
    top: 22px
}

.general_logo {
    display: block;
    height: auto;
    margin: 0 auto 31px;
    max-width: 100%
}

.general_hdg {
    margin-bottom: .628571429em
}

.general_hdg,.general_tag {
    text-align: center
}

.general_tag {
    display: block
}

.general_body {
    margin-top: 72px
}

.general_note {
    color: #999;
    font-weight: 600
}

@media only screen and (max-width: 47.9375em) {
    .general_head {
        display:block
    }
}

@media only screen and (max-width: 43.75em) {
    .general {
        padding:60px 0 31px
    }

    .general .faq {
        margin-bottom: 33px
    }

    .general .faq>li {
        padding-top: 23px
    }

    .general .faq_toggle {
        top: 22px
    }

    .general_logo {
        margin-bottom: 14px;
        width: 120px
    }

    .general_body {
        margin-top: 42px
    }
}

.modal-open body {
    height: 110vh;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%
}

.modal {
    background: #f2f2f2
}

.modal_wrapper {
    padding: 70px
}

.modal_wrapper.quiz,.modal_wrapper.test {
    padding: 0
}

.modal_wrapper-video {
    padding: 0
}

.modal_titlebar,.quiz-summary {
    background: #f2f2f2;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: 0 1px 2px 0 rgba(187,187,187,0.35);
    height: 70px;
    padding: 0 110px 0 40px
}

.modal_titlebar.bg,.quiz-summary.bg {
    background: #121212;
    border: none;
    box-shadow: none
}

.modal_title,.quiz-summary .entry-title {
    color: #555;
    display: block;
    position: relative
}

.bg .modal_title,.bg .quiz-summary .entry-title {
    color: #fff
}

.quiz-summary .entry-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quiz .quiz-summary .entry-title:before {
    content: 'Quiz: '
}

.test .quiz-summary .entry-title:before {
    content: 'Test: '
}

.modal_tag,.quiz-summary .entry-title:before {
    color: #999
}

.mfp-bg {
    background-color: #1d1d1d
}

.mfp-container {
    cursor: default;
    padding: 20px
}

.mfp-ajax-holder .mfp-content,.mfp-iframe-holder .mfp-content,.mfp-inline-holder .mfp-content {
    max-width: 1180px;
    width: 100%
}

.mfp-ajax-holder .mfp-close,.mfp-iframe-holder .mfp-close,.mfp-inline-holder .mfp-close {
    border: 1px solid #ddd;
    border-width: 0 0 1px 1px;
    color: #999;
    height: 70px;
    right: 0;
    top: 0;
    width: 70px;
}

@media only screen and (max-width: 48em){
    .mfp-ajax-holder .mfp-close,.mfp-iframe-holder .mfp-close,.mfp-inline-holder .mfp-close{
        top:0px !important;
        right:0px !important;
    }
}

.mfp-iframe-scaler {
    position: relative;
    padding-top: 0;
    padding-bottom: calc(56.25% + 70px)
}

.modal-quiz .mfp-iframe-scaler {
    height: 750px;
    padding: 0
}

.mfp-close {
    background: none;
    opacity: 1;
    text-indent: 999em !important
}

.mfp-close:after {
    content: 'x';
    display: block;
    font-size: 16px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    width: 100%
}

.mfp-close:hover {
    background: none;
    color: #f33d33
}

.modal-inline .mfp-close {
    border: none;
    color: #555
}

.modal-inline .mfp-close:hover {
    color: #f33d33
}

.modal-entry-body .mfp-close,.modal-reward .mfp-close {
    background: #f33d33;
    border: none;
    color: #fff
}

@media only screen and (min-width: 48em) {
    .modal-vid .mfp-close {
        background:#f33d33 !important;
        border: none;
        color: #fff;
    }

    .modal-vid .mfp-close:hover {
        background: #c42823
    }
}

@media only screen and (max-width: 48em) and (min-width: 40em) {
    .modal-vid .mfp-close {
        height:60px !important;
        width:60px !important;
        top:0 !important;
        right:0 !important;
    }
}

.mfp-preloader {
    background: url(../img/global/icn-loading.gif) center no-repeat #1d1d1d;
    background-size: 40px;
    border-radius: 3px;
    height: 60px;
    left: 50%;
    overflow: hidden;
    text-indent: -999em;
    top: 50%;
    width: 60px
}

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

.modal-login-form .mfp-close,.modal-contact .mfp-close {
    border: none;
    margin-top: 0
}

.modal-login-form .mfp-content,.modal-contact .mfp-content {
    max-width: 100%;
    width: 36.25em
}

.modal-login-form .form-login,.modal-login-form .form-contact,.modal-contact .form-login,.modal-contact .form-contact {
    border: none;
    margin: 0 auto
}

.modal-contact .mfp-content {
    width: 100%;
    max-width: 36.25em
}

.modal-contact .mfp-iframe-scaler {
    height: 50.8125em;
    padding: 0
}

.modal-reward .mfp-iframe-holder {
    padding-bottom: 0
}

.modal-reward .mfp-content {
    width: 100%;
    max-width: 73.75em
}

.modal-reward .mfp-iframe-scaler {
    height: 100%;
    padding: 0
}

.modal-claim .mfp-content {
    background: #fff;
    width: 100%;
    max-width: 36.25em
}

.modal-claim .mfp-iframe-scaler {
    height: 35.625em;
    padding: 0
}

.modal-claim .mfp-close {
    border: none
}

.modal-general-content .mfp-close {
    border: none
}

.modal-entry-body .mfp-container,.modal-reward .mfp-container,.modal-general-content .mfp-container {
    padding-top: 0
}

.modal-zoom .mfp-content {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.25s ease-in-out,width 0s linear;
    -moz-transition: all 0.25s ease-in-out,width 0s linear;
    transition: all 0.25s ease-in-out,width 0s linear
}

.modal-zoom.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.modal-zoom.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.modal-zoom.mfp-ready.mfp-bg {
    opacity: 0.5
}

.modal-zoom.mfp-removing .mfp-content {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
}

.modal-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.modal-zoom.mfp-ready .mfp-hiding {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.25s ease-in-out,width 0s linear;
    -moz-transition: all 0.25s ease-in-out,width 0s linear;
    transition: all 0.25s ease-in-out,width 0s linear
}

@media only screen and (max-width: 48em) {
    .modal_wrapper {
        padding:20px;
    }
    #certificates .modal_wrapper {
        padding:0;
    }

    .modal_wrapper-video {
        padding: 0;
    }

    .modal_titlebar,.quiz-summary {
        height: 60px;
        padding: 0 70px 0 20px
    }

    .quiz-summary {
        background: #fff;
        box-shadow: none
    }

    .mfp-wrap {
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0px)
    }

    .mfp-wrap:not(.modal-contact):not(.modal-login-form):not(.modal-entry-body):not(.modal-quiz):not(.modal-reward):not(.modal-claim):not(.modal-general-content) .mfp-ajax-holder,.mfp-wrap:not(.modal-contact):not(.modal-login-form):not(.modal-entry-body):not(.modal-quiz):not(.modal-reward):not(.modal-claim):not(.modal-general-content) .mfp-iframe-holder {
        padding: 60px 20px 0;
    }
    #certificates .mfp-wrap:not(.modal-contact):not(.modal-login-form):not(.modal-entry-body):not(.modal-quiz):not(.modal-reward):not(.modal-claim):not(.modal-general-content) .mfp-ajax-holder,.mfp-wrap:not(.modal-contact):not(.modal-login-form):not(.modal-entry-body):not(.modal-quiz):not(.modal-reward):not(.modal-claim):not(.modal-general-content) .mfp-iframe-holder {
        padding: 0;
    }
    .mfp-wrap:not(.modal-contact):not(.modal-login-form):not(.modal-entry-body):not(.modal-quiz):not(.modal-reward):not(.modal-claim):not(.modal-general-content) .mfp-ajax-holder .mfp-close,.mfp-wrap:not(.modal-contact):not(.modal-login-form):not(.modal-entry-body):not(.modal-quiz):not(.modal-reward):not(.modal-claim):not(.modal-general-content) .mfp-iframe-holder .mfp-close {
        border: none;
        color: #fff;
        height: 30px;
        right: -7px;
        top: -48px;
        width: 30px
    }

    .modal-entry-body,.modal-reward {
        background: #fff;
        overflow: hidden !important
    }

    .modal-entry-body .mfp-container,.modal-reward .mfp-container {
        padding: 0
    }

    .modal-entry-body .mfp-content,.modal-reward .mfp-content {
        height: 100%;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .modal-entry-body .mfp-close,.modal-reward .mfp-close {
        position: fixed
    }

    .modal-entry-body .mfp-close:hover,.modal-reward .mfp-close:hover {
        background: #c42823;
        color: #fff
    }

    .modal-quiz .mfp-container {
        padding: 0
    }

    .modal-quiz .mfp-container:before {
        display: none
    }

    .modal-quiz .mfp-content {
        height: 100%
    }

    .modal-quiz .mfp-close {
        border-left: 1px solid #ddd;
        color: #555;
        height: 60px;
        right: 0;
        top: 0;
        width: 50px
    }

    .modal-quiz .mfp-close:after {
        font-size: 12px
    }

    .modal-quiz .mfp-close:hover {
        color: #f33d33
    }

    .modal-quiz .mfp-iframe-scaler {
        height: 100%
    }

    .modal-quiz .mfp-iframe-scaler iframe {
        height: 100%
    }

    .mfp-close:hover {
        color: #f33d33
    }
}

@media only screen and (max-width: 47.9375em) {
    .modal-entry-body,.modal-reward,.modal-general-content {
        background:transparent
    }

    .modal-entry-body .mfp-container,.modal-reward .mfp-container,.modal-general-content .mfp-container {
        padding: 3.75em 0 0
    }

    .fdr-modal .modal-entry-body .mfp-container,
    .fdr-modal .modal-reward .mfp-container,
    .fdr-modal .modal-general-content .mfp-container {
        padding: 0;
    } 

    .modal-entry-body .mfp-container .nav-wrap,.modal-reward .mfp-container .nav-wrap,.modal-general-content .mfp-container .nav-wrap {
        display: none
    }

    .modal-entry-body .mfp-content,.modal-reward .mfp-content,.modal-general-content .mfp-content {
        height: 100%;
        overflow-y: auto;
        overflow-x:hidden;
    }

    .modal-entry-body .mfp-close,
    .modal-reward .mfp-close,
    .modal-general-content .mfp-close {
        background: #1d1d1d;
        height: 60px;
        left: 0;
        right: auto;
        top: -1px;
        width: 60px
    }
}
@media(max-width: 727px){ 
    .fdr-modal .modal-entry-body .mfp-close,
    .fdr-modal .modal-reward .mfp-close,
    .fdr-modal .modal-general-content .mfp-close {
        right: 0;
        left: auto;
        border-left: 1px solid #393939;
        background: #1d1d1d;
    } 

     .header.modal-mobile{
        position: absolute;
        color: #ffffff;
        left: 50%;
        top: 23px;
        height: 100px;
        transform: translatex(-50%);
    } 
    .in-modal-html .header.modal-mobile span{
        display: none;
    } 

    /* div:not(#multiple_modals_wrap ) .header.modal-mobile span{
        display: initial;
    }   */


} 
#multiple_modals_wrap .header.modal-mobile span{
        display: none;
    } 
@media(max-width: 767px){
    .modal-reward .mfp-close {
        top: -60px;
    } 
    .modal-entry-body .mfp-close:after,.modal-reward .mfp-close:after,.modal-general-content .mfp-close:after {
        content: 'l'
    }
}
@media(min-width: 728px){
     .header.modal-mobile{
        display: none;
    }
    .fdr-modal .modal-entry-body .mfp-close,
    .fdr-modal .modal-reward .mfp-close,
    .fdr-modal .modal-general-content .mfp-close {
        right: 0;
        left: auto;
        background: #f33d33;
    } 
    
    /* .fdr-modal .modal-entry-body .mfp-close:after,.modal-reward .mfp-close:after,.modal-general-content .mfp-close:after {
       content: 'x';
    } */

    .modal-general-content .mfp-close {
        border-left: 1px solid #393939;
        color: #fff;
        left: auto;
        right: 0 !important;
        top: 0 !important
    }

    .modal-general-content .mfp-close:after {
        content: 'x'
    }
}
@media(min-width: 768px){
    .fdr-modal .modal-entry-body .mfp-close,
    .fdr-modal .modal-reward .mfp-close,
    .fdr-modal .modal-general-content .mfp-close {
        right: 0;
        left: auto;
        background-color: #f33d33;
    } 
}
@media only screen and (max-width: 43.75em) {
    .mfp-inline-holder {
        height:100%;
        padding: 0
    }

    .mfp-inline-holder .mfp-content {
        height: 100%
    }

    .mfp-inline-holder .mfp-close {
        border-left: 1px solid #393939;
        color: #fff;
        height: 60px;
        position: fixed;
        width: 60px
    }
}

@media only screen and (max-width: 35em) {
    .modal-contact .mfp-container,.modal-login-form .mfp-container,.modal-claim .mfp-container {
        padding:0
    }

    .modal-contact .mfp-container:before,.modal-login-form .mfp-container:before,.modal-claim .mfp-container:before {
        display: none
    }

    .modal-contact .mfp-content,.modal-login-form .mfp-content,.modal-claim .mfp-content {
        height: 100%;
        max-width: none
    }

    .modal-contact .mfp-close,.modal-login-form .mfp-close,.modal-claim .mfp-close {
        border-left: 1px solid #373737;
        background: #1d1d1d;
        color: #fff;
        height: 60px;
        right: 0 !important;
        top: 0 !important;
        width: 50px
    }

    .modal-contact .mfp-close:after,.modal-login-form .mfp-close:after,.modal-claim .mfp-close:after {
        font-size: 12px
    }

    .modal-contact .mfp-close:hover,.modal-login-form .mfp-close:hover,.modal-claim .mfp-close:hover {
        color: #f33d33
    }

    .modal-contact .mfp-iframe-scaler,.modal-login-form .mfp-iframe-scaler,.modal-claim .mfp-iframe-scaler {
        height: 100%
    }

    .modal-contact .mfp-iframe-scaler iframe,.modal-login-form .mfp-iframe-scaler iframe,.modal-claim .mfp-iframe-scaler iframe {
        height: 100%
    }

    .modal-login-form .mfp-content,.modal-login-form .form-login {
        max-width: none;
        width: 100%;
        -webkit-transition: all 0.25s ease-in-out,width 0s linear,max-width 0s linear;
        -moz-transition: all 0.25s ease-in-out,width 0s linear,max-width 0s linear;
        transition: all 0.25s ease-in-out,width 0s linear,max-width 0s linear
    }

    .claim_header {
        display: block
    }

    .claim_header .claim_title {
        border-bottom-color: #393939
    }

    .claim_img {
        margin-top: 60px
    }

    .modal_titlebar {
        padding:0 10px 0 70px;
    }
}

.certificate {
    background: url(../img/global/bg-cert.png) center no-repeat #fff;
    background-size: 110% auto;
    box-shadow: inset 0 -8px 0 0 #f33d33;
    margin: 0 auto;
    max-width: 65.125em;
    overflow: hidden;
    padding: 0 20px 63px;
    text-align: center;
    border:none !important;
}

.certificate.certificate-jackson {
    background: url(../img/Jackson_Cert_Logo_2.jpg) center no-repeat #fff;
}

.certificate.certificate-gretsch {
    background: url(../img/gretsch_certificate_bg.jpg) center no-repeat #fff;
}

.certificate.certificate-presonus {
    background: url(../img/presonus_certificate_bg.jpg) center no-repeat #fff;
}

.certificate.gold {
    box-shadow: inset 0 -8px 0 0 #d3b255
}

.certificate.silver {
    box-shadow: inset 0 -8px 0 0 #b9bdc0
}

.certificate.bronze {
    box-shadow: inset 0 -8px 0 0 #c58939
}

.certificate_brand {
    display: block;
    margin: 0 auto 58px
}

.certificate_hdg {
    line-height: 1.2em;
    margin-bottom: .775em;
    letter-spacing:0 !important;
}

.certificate_hdg .accent {
    display: block
}

.certificate_year {
    display: block
}

.certificate_name {
    margin-bottom: .314285714em
}

.certificate_name:before {
    margin: 0 auto 30px
}

.certificate_date {
    color: #999;
    display: block;
    letter-spacing: .05em;
    margin-bottom: 3.357142857em;
    line-height:1.3;
}

.certificate_logo {
    margin: 20px 0 0 170px
}

.certificate_signature {
    margin-right: 170px
}

.print-btn {
    color: #999;
    font-size: 0.625rem;
    font-weight: 700;
    position: absolute;
    right: 90px;
    text-transform: uppercase;
    top: 27px
}

.print-btn i {
    font-size: 12px;
    margin-right: 6px;
    top: 1px
}

.modal-header-mobile{
    display:none;
}

@media only screen and (max-width: 48em) {
    .certificate {
        box-shadow:inset 0 -4px 0 0 #f33d33;
        padding-bottom: 0
    }

    .certificate.gold {
        box-shadow: inset 0 -4px 0 0 #d3b255
    }

    .certificate.silver {
        box-shadow: inset 0 -4px 0 0 #b9bdc0
    }

    .certificate.bronze {
        box-shadow: inset 0 -4px 0 0 #c58939
    }

    .certificate_brand {
        margin-bottom: 34px
    }

    .certificate_hdg {
        font-size: 40px;
        line-height: 1.227272727em;
        margin-bottom: 1.136363636
    }

    .certificate_hdg .aux {
        /* display: none */
    }

    .certificate_name {
        margin-bottom: .363636em
    }

    .certificate_name:before {
        margin-bottom: 24px
    }

    .certificate_date {
        margin-bottom: 2.642857143em
    }

    .certificate_logo,.certificate_signature {
        /* display: none */
        margin-bottom:60px !important;
    }
}

@media only screen and (max-width: 30em) {
    #rewards .mfp-content{
        vertical-align: top !important;
    }

    .certificate_hdg{
        font-size:23px;
        line-height:1.3;
        margin-bottom: 35px;
    }

    h3.certificate_name{
        font-size:23px;
        line-height:1.3;
        margin-bottom: 10px;
    }

    .certificate_name:before {
        margin-bottom:35px;
    }

    .certificate_date{
        font-size:14px;
    }
}

/** TOURS **/
.tour-list-wrapper{
    padding:40px 70px 30px;
    border-bottom:1px solid #dbdbdb;
}

.tour-list-wrapper ul.tour-list{
    text-align:center;
    margin:0;
}

.tour-list-wrapper ul.tour-list li{
    display:inline-block;
}

.tour-list-wrapper ul.tour-list li a{
    display:inline-block;
    padding:0 40px 14px;
    color:#999999;
    font-size: 0.6875rem;
    font-weight:800;
    font-family: open-sans, 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    position:relative;
}

.tour-list-wrapper ul.tour-list li a::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:1px;
    width:100%;
    background-color:#ebebeb;
    z-index:1;
}

.tour-list-wrapper ul.tour-list li a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    height:2px;
    width:0;
    background-color:#e72b1e;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transition:width 0.2s, opacity 0.25s;
    -webkit-transition:width 0.2s, opacity 0.25s;
    -moz-transition:width 0.2s, opacity 0.25s;
    z-index:2;
    opacity:0;
}

.tour-list-wrapper ul.tour-list li.active a,
.tour-list-wrapper ul.tour-list li:hover a{
    color:#e72b1e;
}

.tour-list-wrapper ul.tour-list li.active a::before,
.tour-list-wrapper ul.tour-list li:hover a::before{
    width:98%;
    height:2px;
    background-color:#e72b1e;
    opacity:1;
}

.tour-sliders-wrapper{
    margin-top:0;
    position:relative;
    /* height: 500px; */
    overflow: hidden;
}

.tour-sliders-wrapper .tour-tab-content-wrap{
    overflow:hidden;
    width:100%;
    /* height:500px; */
    display:none;
    position:relative;
}

.modal-tour .mfp-content{
    height:670px !important;
    overflow:hidden;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .modal-tour .mfp-content{
        height:450px !important;
        overflow:hidden;
    }

    #sticky:not(.activated){
        display:none !important;
    }

    .progress {
        height: 70px !important;
    }

    .progress .progress_btn {
        /*color: #f33d33;*/
        height: 70px;
        width: 70px;
        padding-top: 1.7em;
    }

    .navBar_current {
        width: calc(100% - 240px);
        padding-left: 80px;
    }

    .navBar_current .navBar_counter{
        display:none !important;
    }

    .tablet-back-chapter{
        border-right: 1px solid #f2f2f2;
        display: none !important;
        height: 4.117647059em;
        font-size: 1.0625rem;
        left: -1.176470588em;
        line-height: 4.117647059em;
        margin-right: 4px;
        position: fixed !important;
        text-align: center;
        top: -1.176470588em;
        vertical-align: text-top;
        width: 3.529411765em;
        font-family: "Fender Icons";
        font-style: normal;
        font-weight: normal;
        position: relative;
        text-transform: none
    }

    .progress_menu {
        display: block !important;
        z-index:5;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .modal-tour .mfp-content{
        height:580px !important;
        overflow:hidden;
    }

    #sticky:not(.activated){
        display:none !important;
    }

    .progress {
        height: 70px !important;
    }

    .progress .progress_btn {
        /*color: #f33d33;*/
        height: 70px;
        width: 70px;
        padding-top: 1.7em;
    }

    .navBar_current {
        width: calc(100% - 240px);
        padding-left: 60px;
    }
}

.tour-sliders-wrapper .tour-tab-content-wrap.active{
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction:         row;
    -webkit-flex-wrap: nowrap; /* Safari */
    flex-wrap:         nowrap;
    -webkit-align-items: stretch; /* Safari */
    align-items:         stretch;
}

.tour-sliders-wrapper .tour-tab-content{
    overflow:hidden;
    /* width:100%; */
    /* height:500px; */
}

.tour-sliders-wrapper .tour-tab-content .slick-track,
.tour-sliders-wrapper .tour-tab-content:not(.tour-tab-slider-text) .slick-list {
    height:100% !important;
    padding:0 !important;
}

.tour-sliders-wrapper .tour-tab-content.tour-tab-slider-text .slick-list{
    padding:0 !important;
}

.tour-sliders-wrapper .tour-tab-content .slick-track{
    -webkit-transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 300ms cubic-bezier(0.86, 0, 0.07, 1);
}

.tour-sliders-wrapper .tour-tab-content .slick-slide{
    width:100%;
    height:100%;
    position:relative;
}

.tour-sliders-wrapper .tour-tab-content div.half{
    width:50%;
    position:relative;
    top:0;
    right:0;
    height:auto;
    -webkit-flex-grow: 1; /* Safari */
    flex-grow:         1;
}

.tour-sliders-wrapper .tour-tab-content div.img-half{
    right:initial;
    left:0;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

.tour-sliders-wrapper .tour-tab-content div.content-half{
    padding:50px;
}

.tour-sliders-wrapper .tour-tab-content div.content-half div.text{
    position:absolute;
    top:50%;
    left:50px;
    right:50px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
}

.tour-sliders-wrapper .tour-tab-content div.content-half div.text h4{
    margin-bottom:8px;
}

.tour-slider-navigation{
    position:absolute;
    bottom:45px;
    right:50px;
    width: calc(50% - 100px);
    text-align: right;
}

.tour-slider-navigation .btn-alt-circle{
    width:38px;
    height:38px;
    border:2px solid #dddddd;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    padding:0;
    position:relative;
    vertical-align: middle;
    background:#fff;
}

.tour-slider-navigation .latestNav_icn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    overflow:visible;
}

.tour-slider-navigation .btn-next .latestNav_icn::before{
    content:"r";
}

.tour-slider-navigation .btn-alt-circle:hover .latestNav_icn{
    color:#e72b1e;
}

.tour-slider-navigation .btn-alt-circle.slick-disabled:hover .latestNav_icn{
    color:#999 !important;
}

.tour-slider-navigation .pagination{
    display:inline-block;
    vertical-align: middle;
    color:#e72b1e;
    font-size: 0.6875rem;
    font-weight:800;
    font-family: open-sans, 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding:0 30px;
}

.fender-tour-modal .mfp-close{
    border:none !important;
    color:#f33d33 !important;
}

.fender-tour-modal .btn-skip-tour{
    position: absolute;
    left: 0;
}

.mobile-tour-list{
    display:none;
}

.tour-tab-slider-img{
    width:50%;
    position:relative;
    left:0;
    -webkit-flex-grow: 1; /* Safari */
    flex-grow:         1;
}

.tour-tab-slider-text{
    width:50%;
    position:relative;
    right:0;
    -webkit-flex-grow: 1; /* Safari */
    flex-grow:         1;
}

.tour-tab-slider-text .slick-slide{
    transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;

    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;

    background:#fff;
}

@media(max-width:900px){
    .tour-slider-navigation .pagination{
        padding:0 15px;
    }
}

@media(max-width:1220px){
    .tour-list-wrapper{
        padding:40px 60px 30px;
    }

    .tour-list-wrapper ul.tour-list li a{
        padding:0 22px 12px;
    }
}

@media(min-width:768px) and (max-width:991px){
    .tour-list-wrapper{
        padding:40px 20px 30px;
    }

    .tour-list-wrapper ul.tour-list li a{
        padding:0 10px 12px;
        letter-spacing: 0;
    }

    .tour-sliders-wrapper,
    .tour-sliders-wrapper .tour-tab-content-wrap,
    .tour-sliders-wrapper .tour-tab-content{
        height:auto;
    }

    .tour-sliders-wrapper .tour-tab-content div.content-half{
        padding:30px;
    }

    .tour-sliders-wrapper .tour-tab-content div.content-half div.text{
        left:30px;
        right:30px;
    }

    .tour-slider-navigation{
        bottom: 25px;
        right: 30px;
        width: calc(50% - 60px);
    }
}

@media (max-width: 767px) {
    body:not(#chapter) #sticky {
        display:none !important;
    }
    .tour-sliders-wrapper .tour-tab-content-wrap.active{
        -webkit-flex-direction: column; /* Safari */
        flex-direction:         column;
    }

    .tour-tab-slider-img,
    .tour-tab-slider-text{
        width:100%;
    }

    .modal-tour .mfp-container.mfp-ajax-holder.mfp-s-ready{
        padding:0 !important;
    }

    .modal-tour button.mfp-close{
        top: 0 !important;
        right: 0 !important;
        height: 60px !important;
        width: 60px !important;
        border-left: 1px solid #393939 !important;
        color:#fff !important;
    }

    .modal-tour .tour-list-wrapper{
        padding:0 60px 0 0;
        background:#1d1d1d;
        border:none;
    }

    .modal-tour .mobile-tour-list-toggle{
        display:block;
        width:100%;
        padding: 0 20px;
        height:60px;
        line-height: 60px;
        color:#FFF !important;
        font-weight:800;
        text-transform:uppercase;
        position:relative;
    }

    .modal-tour .mobile-tour-list-toggle i{
        font-size: 8px;
        color: #999999;
        position: absolute;
        height: 60px;
        width: 60px;
        top: 0;
        right: 0;
        text-align: center;
    }

    .modal-tour .mobile-tour-list-toggle i:after{
        content: 'd';
    }

    .modal-tour .mobile-tour-list{
        width:100%;
        background:#1d1d1d;
        position:absolute;
        top:60px;
        left:0;
        z-index:6;
        border-top:1px solid #393939;
    }

    .modal-tour .mobile-tour-list li{
        display:block;
        border-bottom:1px solid #393939;
        background:#1d1d1d;
    }

    .modal-tour .mobile-tour-list li a{
        /* display:block; */
        width:100%;
        padding: 0 20px;
        height:80px;
        line-height: 80px;
        color:#bbb !important;
        font-weight:800;
        text-transform:uppercase;
    }

    .modal-tour .tour-sliders-wrapper{
        height:auto;
        margin:0;
    }

    .modal-tour .tour-sliders-wrapper .tour-tab-content-wrap{
        height:auto;
        opacity:0;
    }

    .modal-tour .tour-sliders-wrapper .tour-tab-content{
        height:auto;
    }

    .tour-sliders-wrapper .tour-tab-content .slick-slide{
        display:block;
    }

    .modal-tour .tour-sliders-wrapper .tour-tab-content div.half{
        position:relative;
        width:100%;
        height:auto;
        display:block;
    }

    .modal-tour .tour-sliders-wrapper .tour-tab-content div.img-half{
        background-image:none !important;
    }

    .modal-tour .tour-sliders-wrapper .tour-tab-content.tour-tab-slider-img img{
        width:100%;
        height:auto;
    }

    .modal-tour .tour-sliders-wrapper .tour-tab-content div.content-half{
        padding:40px 20px 15px;
    }

    .modal-tour .tour-sliders-wrapper .tour-tab-content div.content-half div.text{
        position: relative;
        top: 0;
        left: 0;
        right: initial;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
    }

    .modal-tour .slick-dots{
        display: block;
        position: absolute;
        top: 58%;
        width: 100%;
    }

    .modal-tour .slick-dots>li{
        padding:0 5px;
    }

    .modal-tour .slick-dots .slick-active button:before{
        content:none;
    }

    .modal-tour .slick-dots .slick-active button{
        background: #eab0ac;
        border: none;
        border-radius: 50%;
        display: inline-block;
        height: 9px;
        padding: 0;
        overflow: hidden;
        text-indent: -999em;
        width: 9px;
    }

    .modal-tour .tour-slider-navigation {
        position: relative;
        bottom: initial;
        right: 0;
        width: 100%;
        text-align: left;
        padding:0 20px 40px;
    }

    .modal-tour .fender-tour-modal .btn-skip-tour {
        clear:both;
        position: relative;
        left: 0;
        margin-top:24px;
        width:100%;
        text-align:center;
    }

    .modal-tour .btn-prev-mob,
    .modal-tour .btn-next-mob{
        float:left;
        width:calc( 50% - 8px );
        margin-right:15px;
    }

    .modal-tour .btn-next-mob{
        margin-right:0;
    }

    .modal-tour .btn-prev-mob.slick-disabled,
    .modal-tour .btn-next-mob.slick-disabled{
        opacity:0.2;
    }

    .fender-mobile-tour-modal .page{
        padding:60px 20px;
    }

    .fender-mobile-tour-modal .page h3{
        text-align:center;
        padding:0 12px 16px;
        margin-bottom:16px;
        position:relative;
    }

    .fender-mobile-tour-modal .page h3::after{
        content:"";
        display:block;
        width:40px;
        height:4px;
        background:#e3271a;
        position:absolute;
        bottom:0px;
        left:50%;
        transform:translateX(-50%);
        -webkit-transform:translateX(-50%);
        -moz-transform:translateX(-50%);
    }

    .fender-mobile-tour-modal .page h6{
        text-align:center;
        padding:0 35px;
        margin-bottom:30px;
    }

    .fender-mobile-tour-modal .btn{
        float:left;
        width:calc( 50% - 8px );
        margin-right:15px;
        padding-left:0;
        padding-right:0;
        text-align:center;
        display:block;
    }

    .fender-mobile-tour-modal .js-modal-btn{
        margin-right:0;
    }

    .modal-header-mobile{
        display:block;
        height:60px;
        background:#1d1d1d;
        line-height:60px;
        text-align:center;
    }

    .modal-header-mobile span{
        font-size:12px;
        color:#fff;
        font-weight:bold;
        text-transform: uppercase;
    }
}

@media (max-width:767px) and (max-height:400px){
    .modal-tour .mobile-tour-list li a{
        height:50px;
        line-height: 50px;
    }
}

@media (max-width:767px) and (max-height:350px){
    .modal-tour .mobile-tour-list li a{
        height:40px;
        line-height: 40px;
    }
}

#tribe-events-pg-template .banner-entry .banner_bg{
    position:static; !important;
}

.reward-detail-page .sticky-reward-banner{
    opacity:0;
    visibility:hidden;
    position:fixed;
    top:0;
    left:0;
    display:block;
    width:calc(100% - 70px);
    background:#fff;
    z-index:5;
    height:70px;
    line-height:70px;
    overflow:hidden;
    padding:0 30px 0 40px;
    transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    border-bottom:1px solid #eee;
}

.reward-detail-page .sticky-reward-banner.banner-fix{
    opacity:1;;
    visibility: visible;
}

.reward-detail-page .sticky-reward-banner span{
    font-size:12px;
    color:#1d1d1d;
    font-weight: 800;
    text-transform: uppercase;
}

.reward-detail-page .sticky-reward-banner a{
    float: right;
    margin-top: 14px;
}

#rewards_page .feed{
    background:#fff;
}

#rewards_page.certificates_page .feed{
    border:none !important;
}

#rewards_page.certificates_page .feed .feed_hdg{
    border-top:1px solid #343434;
    border-bottom:1px solid #343434;
}

#rewards_page.certificates_page .feed.nobordertop .feed_hdg{
    border-top:none !important;
}

#rewards_page.certificates_page .feed.lighter .feed_hdg{
    background-color:#1d1d1d;
    padding: 20px 0;
}

#rewards_page .feed_list,
#rewards_page .feed_list li{
    border-left:none !important;
    border-right:none !important;
    position:relative;
}

#rewards_page .feed_list li:not(:first-child)::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:100%;
    background:#ddd;
}

#rewards_page .feed_list li a:hover{
    background:#fff !important;
    box-shadow:none !important;
}

#rewards_page .feed_link{
    color:#999 !important;
}

#rewards_page .hq_certifications_wrapper{
    padding: 80px 0;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box{
    margin: 0 9px;
    max-width:340px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -mox-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:left;
    vertical-align: top;
}

@media(min-width: 1130px){
    #rewards_page .hq_certifications_wrapper{
        text-align:center;
    }

    #rewards_page .hq_certifications_wrapper .hq_certification_box{
        display:inline-block;
        text-align:left;
    }
}

#rewards_page .hq_certifications_wrapper .hq_certification_box.active{
    background:#fff;
    border:none;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:8px;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box.bronze_box::before{
    background:#c89653;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box.silver_box::before{
    background:#b9bdc0;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box.gold_box::before{
    background:#d3b255;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .top-part{
    padding:65px 80px 20px 36px;
    border-bottom:1px solid #d7d7d7;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box.active .top-part{
    border-bottom:1px solid #eee;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .bottom-part{
    padding:20px 36px;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .top-part p.points{
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size:20px;
}

#rewards_page .bronze{
    color:#c89653;
}

#rewards_page .silver{
    color:#b9bdc0;
}

#rewards_page .gold{
    color:#d3b255;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .top-part p.points{
    margin-bottom: 13px;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .top-part p.points small{
    font-size:14px;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .top-part h3{
    font-size:35px;
    line-height:34px;
    margin-bottom:25px;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .top-part img{
    opacity:0.3;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box.active .top-part img{
    opacity:1;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .bottom-part .btn-blank{
    color:#999 !important;
    height:40px;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .bottom-part .btn-blank .locked::before{
    margin-right:2px !important;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box .overlay{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background:#fff;
    opacity:0.3;
}

#rewards_page .hq_certifications_wrapper .hq_certification_box.active .overlay{
    display:none;
}

@media (max-width:1024px){
    #rewards_page .hq_certifications_wrapper .hq_certification_box{
        margin:0 5px;
        max-width:330px;
    }

    #rewards_page .hq_certifications_wrapper .hq_certification_box .bottom-part .btn-blank{
        height:34px;
        overflow:hidden;
    }
}

@media (max-width:767px){
    #rewards_page .feed_list li{
        max-width:280px;
    }

    #rewards_page .hq_certifications_wrapper{
        padding: 36px 0;
    }

    #rewards_page .hq_certifications_wrapper .hq_certification_box{
        /* margin:0 5px; */
        max-width:245px;
    }

    #rewards_page .hq_certifications_wrapper .hq_certification_box .top-part{
        padding:35px 80px 20px 20px;
    }

    #rewards_page .hq_certifications_wrapper .hq_certification_box .top-part h3{
        font-size:22px;
        line-height:24px;
        margin-bottom:25px;
    }

    #rewards_page .hq_certifications_wrapper .hq_certification_box .bottom-part{
        padding:20px;
    }

    #rewards_page .hq_certifications_wrapper .slick-list{
        height:366px !important;
    }



    .modal-tour .mfp-content{
        height:auto !important;
    }
}
@media(max-width: 1129px){
     body#certificates #rewards_page .hq_certifications_wrapper .slick-list{
        height:auto !important;
    }
    body#certificates .certificates_list_wrapper .certificates_list .certificate_box {
        margin: 40px 10px 5px;
    }
    body#certificates .certificates_list_wrapper .certificates_list .certificate_box.inactive .bottom_part{
        height: 81px;
    }
    body#certificates .slick-dots{
        width: 100%;
        margin-top: 25px;
    }
    body#certificates .certificates_list_wrapper  hr.border{
        margin-top:40px !important;
    }
}
@media only screen and (max-width:48em){
    #rewards .modal_wrapper{
        padding:0px;
    }

    .certificate_brand{
        margin-bottom:60px;
    }
}
/* 
body#lesson{
    overflow:hidden;
} */

.course_unlock{
    color:#999;
    text-align:center;
    margin:50px 0 90px;
}

#load_more_faq{
    display:none;
}

.about-fender .entry_body{
    padding-bottom:60px;
}

@media (min-width:768px) and (max-width:991px){
    .features_list>li{
        height:auto;
        padding-bottom:50px;
    }
}

@media(min-width:768px){
    body#video{
        overflow:hidden;
    }
}

@media (min-width:768px) and (max-width:959px){
    .lesson_section:not(.lesson_nav):before{
        content:none !important;
    }
}

@media only screen and (max-width: 61.938em) and (min-width:48em) {
    .quiz_wrap,.lpr_quiz {
        height: auto;
        padding: 5.4375em 20px 3.625em;
        min-height:100vh;
    }

    .quiz_copy, 
    .quiz-question-nav,
    .quiz_preloader{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        -webkit-transform:translate(-50%, -50%);
        -moz-transform:translate(-50%, -50%);
    }

    .quiz_nav {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        width: 100%;
    }
}

@media only screen and (max-width: 64em) and (min-width:62em) and (orientation: landscape) {
    .modal-quiz .mfp-container{
        padding:0;
    }

    .learn-press label{
        padding:20px 30px 20px;
    }

    .lp-question-wrap ul{
        margin-bottom:2.285714286em !important;
    }

    .lp-question-wrap{
        max-width:36em;
    }

    .lp-question-wrap h4{
        margin-bottom:2.125em;
    }
}

.field-list .half{
    display:inline-block;
    width:49%;
    margin-top:35px;
}

@media(max-width:767px){
    .field-list .half{
        display:block;
        width:100%;
        margin-top:10px;
        margin-bottom:10px;
    }
}

.rounded-checkbox{
    position:relative;
}

.rounded-checkbox input[type=radio],
.rounded-checkbox input[type=checkbox]{
    position: absolute;
    visibility: hidden;
}

.rounded-checkbox label{
    display: block;
    position: relative;
    height: 22px;
    line-height:24px;
    padding-left:34px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.rounded-checkbox:hover > label{
    /* color: #FFFFFF; */
}

.rounded-checkbox .check{
    display: block;
    position: absolute;
    border: 1px solid #bbbbbb;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 2px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.rounded-checkbox:hover > .check {
    /* border: 5px solid #FFFFFF; */
}

.rounded-checkbox .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.rounded-checkbox > input[type=radio]:checked ~ .check,
.rounded-checkbox > input[type=checkbox]:checked ~ .check {
    /* border: 5px solid #0DFF92; */
}

.rounded-checkbox > input[type=radio]:checked ~ .check::before,
.rounded-checkbox > input[type=checkbox]:checked ~ .check::before{
    background: #f33d33;
}

.rounded-checkbox > input[type=radio]:checked ~ label,
.rounded-checkbox > input[type=checkbox]:checked ~ label{
    /* color: #0DFF92; */
}

.claim-optin{
    padding:36px 40px;
    margin-bottom:60px;
}

.claim-optin .claim_hdg{
    border-bottom: none;
    margin-bottom: 5px;
}

.claim-optin p.claim_val{
    font-size:13px;
    color:#555555;
    line-height:1.6;
    margin-bottom:20px;
}

.claim-optin .check-lbl{
    color:#f33d33;
}

.fender_ranking{
    display:block;
    color: #a1a1a1;
    font-size: 22px;
    letter-spacing: 0.02em;
    margin-top:24px;
}

.fender_ranking::before {
    content: 'i';
    color: #f33d33;
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
    padding-right: 10px;
    font-size:18px;
}

.fender_ranking .white{
    color:#FFF;
}

.fender_ranking small{
    font-size:14px;
}

.relative{
    position:relative;
}

.text_center{
    text-align:center !important;
}

.hotspot_horizontal_1{
    display:block;
}

.hotspot_horizontal_1 .relative{
    display:block;
    vertical-align: top;
    text-align:left !important;
}

.hotspot_horizontal_1 ul.hotspot_info{
    position:absolute;
    right:0;
    top:30px;
    width:100%;
    max-width:280px;
}

.map_points.horiz1 .map_point,
.map_points.horiz2 .map_point,
.map_points.horiz3 .map_point{
    min-height:44px;
    min-width: 44px;
}

.map_points.horiz2 .map_point,
.map_points.horiz3 .map_point{
    overflow:visible;
}

.map_points.horiz1 .map_point:before,
.map_points.horiz2 .map_point:before,
.map_points.horiz3 .map_point:before{
    content:none !important;
}

.map_points.horiz1 .map_point .hit_area,
.map_points.horiz2 .map_point .hit_area,
.map_points.horiz3 .map_point .hit_area{
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
}

.map_points.horiz1 .map_point .map_link,
.map_points.horiz2 .map_point .map_link,
.map_points.horiz3 .map_point .map_link{
    width:44px;
    height:44px;
    text-indent: 0;
}

.map_points.horiz1 .map_point .map_link span,
.map_points.horiz2 .map_point .map_link span,
.map_points.horiz3 .map_point .map_link span{
    position:absolute;
    line-height:0.9;
    font-size:14px;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    left:50%;
    top:calc(50% + 1px);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color:#FFF;
}

.map_points.horiz1 .map_point .map_link:before,
.map_points.horiz2 .map_point .map_link:before,
.map_points.horiz3 .map_point .map_link:before{
    width:24px;
    height:24px;
    margin: -12px 0 0 -12px;
}

.map_points.horiz1 .map_point .map_link:after,
.map_points.horiz2 .map_point .map_link:after,
.map_points.horiz3 .map_point .map_link:after{
    width:32px;
    height:32px;
    left:3px;
    top:3px;
    border-width: 2px;
}

.map_points.horiz1 .map_point:not(.active) .map_link,
.map_points.horiz2 .map_point:not(.active) .map_link,
.map_points.horiz3 .map_point:not(.active) .map_link{
    background: #f33d33;
    height: 24px;
    width: 24px;
    margin: 10px 0 0 10px;
}

.map_points.horiz1 .map_point.active .map_copy{
    opacity:0;
}

.module_map.hotspot_horizontal_1 .main_img{
    width: 70%;
    height:auto;
}

.module_map.hotspot_horizontal_2 .main_img,
.module_map.hotspot_horizontal_3 .main_img{
    width:100%;
    height:auto;
}

.hotspot_info li{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity:0;
    visibility: hidden;
}

.hotspot_info li.active{
    opacity:1;
    visibility: visible;
}

.hotspot_info li.active .map_copy{
    opacity:1;
}

.hotspot_info li .map_copy,
.map_points.horiz2 li .map_copy,
.map_points.horiz3 li .map_copy{
    border:none !important;
    margin-top:0;
    padding-top:0;
    text-align:left;
}

.map_points.horiz2 li .map_copy,
.map_points.horiz3 li .map_copy{
    position:absolute;
    top:0;
    left:100px;
    z-index:2;
}

.hotspot_info li .map_copy:before,
.hotspot_info li .map_copy:after,
.map_points.horiz2 li .map_copy:before,
.map_points.horiz2 li .map_copy:after,
.map_points.horiz3 li .map_copy:before,
.map_points.horiz3 li .map_copy:after{
    content:none !important;
}

.hotspot_info li .map_copy .map_body,
.map_points.horiz2 li .map_copy .map_body{
    padding-bottom:5px;
    border-bottom:1px solid #555555;
}

.map_points.horiz2 li .map_copy,
.map_points.horiz3 li .map_copy{
    visibility:hidden;
}

@media(min-width:60.1em){
    .map_points.horiz3 li .map_copy{
        padding: 42px 42px 28px;
        background: #121212;
        min-width: 360px !important;
        max-width: 360px !important;
    }
}

.map_points.horiz2 li.active .map_copy,
.map_points.horiz3 li.active .map_copy{
    visibility:visible;
}

.hotspot_slider .next_hotspot{
    position:absolute;
    top:-8px;
    right:0;
}

.hotspot_slider .icon_next:before{
    content: 'r';
    font-size: 10px;
    margin-left: 0px;
    position: relative;
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

.hotspot_slider .prev_hotspot{
    position:absolute;
    top:-8px;
    left:0;
}

.hotspot_slider .icon_prev:before{
    content: 'l';
    font-size: 10px;
    margin-left: 0px;
    position: relative;
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

.hotspot_slider{
    position:relative;
    margin-top:20px;
}

.hotspot_slider span{
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    font-size:14px;
    color:#bbbbbb;
    display:block;
    text-align:center;
    line-height:0.9;
}

@media (max-width:60em){
    .hotspot_info{
        display:none !important;
    }

    .module_map.hotspot_horizontal_1 .main_img,
    .module_map.hotspot_horizontal_2 .main_img,
    .module_map.hotspot_horizontal_3 .main_img{
        display:none !important;
    }

    .map_points.horiz1 .map_point.active .map_copy{
        opacity:1;
    }

    .map_points.horiz2 li .map_copy,
    .map_points.horiz3 li .map_copy{
        position:relative;
        top:0 !important;
        left:0 !important;
        z-index:1;
        padding-bottom:0;
    }

    .map_points.horiz2 li .map_copy h6,
    .map_points.horiz3 li .map_copy h6{
        line-height:44px !important;
        margin-bottom:0;
    }

    .hotspot_slider{
        display:none;
    }

    .hotspot_info li .map_copy .map_body,
    .map_points.horiz2 li .map_copy .map_body,
    .map_points.horiz3 li .map_copy .map_body{
        border:none;
    }

    .map_points.horiz2 li .map_copy,
    .map_points.horiz3 li .map_copy{
        visibility:visible;
    }
}

.banner-full-image::after,
.banner-full-image figure::after{
    content:none !important;
}

.additional-perks-wrapper{
    padding: 9.3125em 60px 7.5625em;
}

@media (max-width:767px){
    .banner-full-image{
        height:calc(100vh - 60px) !important;
    }

    .banner-full-image.banner-lesson .banner_bg {
        background-position: center;
        background-size: cover;
    }

    .banner-full-image .module_caption{
        display:block;
    }

    .additional-perks-wrapper{
        padding: 3.6875em 20px 1.9375em;
    }
}

.test .quiz-summary .entry-title.quiz-title:before {
    content: 'Test: ';
}

/* ------------------- */
/*  NEW STYLE OCT 2017 */
/* ------------------- */

@font-face {
    font-family: 'DIN Condensed';
    src: url('//fenderacademy.com/wp-content/plugins/fender-notifications/templates/assets/fonts/DINCond-Bold.eot');
    src: url('//fenderacademy.com/wp-content/plugins/fender-notifications/templates/assets/fonts/DINCond-Bold.eot?#iefix') format('embedded-opentype'),
        url('//fenderacademy.com/wp-content/plugins/fender-notifications/templates/assets/fonts/DINCond-Bold.woff2') format('woff2'),
        url('//fenderacademy.com/wp-content/plugins/fender-notifications/templates/assets/fonts/DINCond-Bold.woff') format('woff'),
        url('//fenderacademy.com/wp-content/plugins/fender-notifications/templates/assets/fonts/DINCond-Bold.ttf') format('truetype'),
        url('//fenderacademy.com/wp-content/plugins/fender-notifications/templates/assets/fonts/DINCond-Bold.svg#DINCond-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

.dropdown_list .secondarymenu a{
    color:#999;
    padding-left:15px !important
}

.dropdown_list .secondarymenu a:hover{
    color:#fff;
}

.nav_module.nav_progressbar a.link-progressbar{
    width:82px;
    float:right;
    margin-top:3px;
}

@media (max-width: 767px){
    .nav_module.nav_progressbar a.link-progressbar{
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3px;
        float: none;
    }
}

.separator-wrapper{
    background-color:#333333;
    width:100%;
    height:22px;
    border-radius:8px;
    overflow:hidden;
    position: relative;
    display:block;
    /*flex-flow:row nowrap;
    -webkit-justify-content: space-around;
    justify-content:         space-around; */
}

.separator-wrapper.size-0{
    /* display:inline-flex; */
    /* width:82px; */
    height:12px;
    border-radius:5px;
}

.separator-wrapper .separator{ 
    float: left; 
    /* margin-left: 11px;  */
    width:3px; 
    height:22px; 
    background-color: #1d1d1d; 
    position:relative;
    z-index:2;
    display:block;
}

.separator-wrapper.size-0 .separator{ 
    /* float: left; 
    margin-left: 12px;  */
    width:2px; 
    height:12px; 
    background-color: #1d1d1d; 
}

.separator-wrapper .progressfill{
    position:absolute;
    z-index: 1;
    left:0;
    top:0;
    height:100%;
}

.iq_title.white{
    color:#FFF;
}

.iq_title.small{
    display:inline-block;
    margin-bottom:0;
    font-size:16px;
    margin-right:16px;
}

.banner.banner-rewards h1.banner_title{
    letter-spacing: 0.05em !important;
    margin-top:0.8em;
}

#rewards_page .feed_hdg{
    padding-top:0;
    padding-bottom:0;
}

.feed_hdg .col50{
    display:inline-block;
    width:50%;
    vertical-align: top;
    text-align:center;
    padding:20px 0;
}

.feed_hdg .col50:first-child{
    border-right: 1px solid #343434;
}

.feed_hdg .col50 span{
    display:inline-block;
    vertical-align: middle;
}

.feed_hdg .wrapper-group{
    padding-bottom:0 !important;
}

.feed_hdg .fender_ranking{
    margin-top:0;
    margin-left:16px;
}

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

.certification-label-box{
    height:20px;
    line-height:19px;
    padding:0 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color:#fff;
    font-size:10px;
    text-transform: uppercase;
    font-weight:bold;
    letter-spacing: 0.01em;
    background-color:transparent;
    border:1px solid #eaeaea;
    display:inline-block;
    vertical-align: middle;
}

.certification-label-box.bronze{
    background-color:#c58939;
    border-color:#c58939;
    color:#1d1d1d !important;
}

.certification-label-box.silver{
    background-color:#b9bdc0;
    border-color:#b9bdc0;
    color:#1d1d1d !important;
}

.certification-label-box.gold{
    background-color:#d3b255;
    border-color:#d3b255;
    color:#1d1d1d !important;
}

#rewards_page .reward-sort{
    float:none;
    margin-top:80px;
    margin-bottom:60px;
    width:16.3125em;
    margin-left:0 !important;
}

section.group#all-rewards{
    padding:0 !important;
}

.help-label{
    line-height: 3em;
    font-size:14px;
    color:#f33d33;
    text-transform:uppercase;
    cursor:pointer;
}

.help-label .help-icon{
    font-family:Arial;
    font-weight:bold;
    color:#fff;
    display:inline-block;
    height:14px;
    width:14px;
    text-align:center;
    line-height:13px;
    background-color:#f33d33;
    border-radius:20px;
    font-size:10px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left:5px;
}

.help-label:hover{
    color: #c42823;
}

.help-label:hover .help-icon{
    background-color:#c42823;
}

.card-reward .reward_cost {
    color: #1d1d1d;
    left: 0;
    position: relative;
    top: 0px;
    margin-bottom:20px;
    display:block;
}

.card-reward .certification-label-box{
    position:absolute;
    left:20px;
    top:17px;
    z-index:2;
}

.card-reward .tertiary{
    letter-spacing: 0 !important;
}

.card-reward .card_status.tertiary,
.card-reward .reward_note.tertiary,
.card-reward .reward_btn{
    letter-spacing: 0.02em !important;
}

.card-reward .reward_btn:not(.btn-blank){
    padding-left:40px;
    padding-right:40px;
}

.grid-rewards-alt .reward_meta {
    bottom: 0;
    left: 0;
    padding: 20px 30px 20px;
    position: absolute;
    width: 100%;
    border-top:1px solid #eee;
}

.card-reward .card_status:after,
.card-reward .reward_note:after{
    color: #bbb;
    content: ' | ';
    font-size: 14px;
    margin: 0px 0 0 17px;
    position: relative;
    top: 0px;
}

.card-reward .reward_note:after{
    margin:0 14px;
}

.card-reward .card_status.success{
    color:#999999;
}

.card-reward.card-inactive .reward_img img{
    opacity:0.2;
}

.card-reward.card-inactive .reward_img::before{
    background:#f2f2f2;
}

.card-reward.card-inactive .reward_img .locked.bigger{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.card-reward.card-inactive .reward_img .locked.bigger::before{
    height: 25px;
    width: 18px;
    margin-right:0;
    background:url(../img/fdr_locked.png) no-repeat 0 0;
}

.text-uppercase{
    text-transform:uppercase !important;
}

.rewards-callout .callout_txt{
    font-weight:800;
}

.rewards-callout .btn{
    padding-left:42px;
    padding-right:42px;
}

.wrapper-rewards-page{
    padding-bottom:60px !important;
}

#load_more_rewards{
    margin-top:40px;
    letter-spacing: 0.04em;
    padding-left:0px;
    padding-right:0px;
    width:170px !important;
}

.latest_primary.full-width{
    width:100% !important;
}

#latest .latest_list{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content:space-between;
    flex-flow: row wrap;
}

#latest .latest_list:after {
    content: "";
    width:33%;
    max-width: 340px;
}

#latest .latest_list>li{
    width:33%;
    max-width: 340px;
    display:inline-block;
    vertical-align: top;
    padding-bottom:0;
    background-color:#fff;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
}

/* #latest .latest_list>li:nth-child(3n+2){
    margin-left:6.7%;
    margin-right:6.7%;
} */

#latest .latest_list>li article.post{
    display:block;
    flex:none;
}

#latest .latest_list>li .post_img{
    width:100%;
    height:auto;
    min-height:auto;
}

#latest_page .event_time{
    background: rgba(29,29,29,0.8);
    border: none;
    /* height: 0; */
    /* padding: 0 0 66.7857143%; */
    position: absolute;
    top: 50%;
    /* width: 100%; */
    padding: 30px;
    height: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

#latest .post-video .post_img, #latest .post-series .post_img, #latest .post-notify .post_img{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

#latest .latest_list>li .post_img img{
    position:relative;
    top:0;
    left:0;
    width:100%;
    transform:none;
    display:block;
}

#latest .page{
    background:#f1f1f1;
}

#latest .mod_time{
    letter-spacing: 0.02em !important;
}

#latest .latest_list>li .post_copy {
    margin-right: 0;
    padding: 22px 11%;
    width: 100%;
    min-height:155px;
}

#latest .latest_list>li h5{
    font-size:16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    margin-bottom:1.055555556em;
}

#latest_page .latest_posts{
    padding-bottom:0;
    padding-top:29px;
}

#latest .latest_foot{
    background-color:#f1f1f1;
}

#latest .title-arrow{
    font-size: 10px;
    margin-left: 8px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
    margin-left:6px;
    color:#f33d33;
}

.claim_usr .claim-link{
    display:block;
}

.claim_usr .claim-link a{
    font-weight:bold;
    color:#f33d33;
    font-size: 10px;
    text-decoration: underline;
}

.single .single-reward-banner .banner_bg,
.reward-detail-page .single-reward-banner .banner-bg{
    position: absolute !important;
    background-size:cover !important;
    height: calc(100% + 70px);
}

.modal-text-wrapper{
    padding-top:50px !important;
    padding-bottom:85px !important;
}

.modal-text-wrapper h1{
    letter-spacing:0.01em;
    position:relative;
}

.modal-text-wrapper h1:after{
    content:" ";
    display:block;
    width:30px;
    height:3px;
    background-color:#f33d33;
    position:absolute;
    bottom:-30px;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
}
.modal-text-wrapper .button_label_center{
    text-align: center;
    margin-top: 50px;
}
 @media(max-width: 767px){
    .button_label_center .btn{
        width: 100%; 
    }
} 
.ModalsFenderCertified{
    margin-top: 40px;
}
.ModalsFenderCertifiedScore {
    margin-bottom: 40px;
}
.ModalsFenderCertified span{
    /* font-family: "din-condensed-web","DIN Condensed",sans-serif; */
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    font-family: "open-sans","Open Sans",sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #1d1d1d;
}
.ModalsFenderCertified.bronze span{
    background-color: #c58939;
}
.ModalsFenderCertified.silver span{
    background-color: #b9bdc0;
}
.ModalsFenderCertified.gold span{
    background-color: #d3b255;
}

.ModalsFenderCertifiedScore{
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
@media(max-width: 767px){
    .ModalsFenderCertifiedScore {
        font-size: 14px;
    }
}
.modal-text-wrapper .entry_body.copy h1.general_hdg span.bronze,
.ModalsFenderCertifiedScore.bronze{
    color: #c58939;
}
.modal-text-wrapper .entry_body.copy h1.general_hdg span.silver,
.ModalsFenderCertifiedScore.silver{
    color: #b9bdc0;
}
.modal-text-wrapper .entry_body.copy h1.general_hdg span.gold,
.ModalsFenderCertifiedScore.gold{
    color: #d3b255;
}

.ModalsFenderCertifiedScore span{
    color:#1d1d1d;
    border-bottom: 2px ridge #a8a8a8;
}
@media(min-width: 768px){
    .modal-text-wrapper .entry_body.copy h1.general_hdg span{
        display: block;
    }
}

/* a8a8a
#latest_page .latest_list li .event_time{
    border:none !important;
    padding:28px 30px;
    background:rgba(0,0,0,0.8);
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    height:auto;
    width:auto;
} */

#latest_page .latest_list li .event_time .event_date abbr{
    font-size:20px;
    letter-spacing: 0.07em;
    color:#FFF;
    text-decoration: none;
}

#latest_page .latest_list li .event_time .event_date strong{
    font-size:40px;
    letter-spacing: 0.01em;
    color:#FFF;
    line-height: 1;
}

#latest_page .latest_list li .event_time .event_date span{
    font-size:18px;
    letter-spacing: 0.03em;
    color:#FFF;
}

.claim_usr{
    width:100%;
}

.searchForm_count.tertiary strong{
    color:#fff;
}

#latest .catNav.stickyx{
    position:fixed;
    top:0;
    left:0;
    z-index:2;
    width:100%;
}

.category_events_page .reward-sort{
    margin-top:30px;
    margin-bottom:20px;
}

hr.border{
    clear:both;
    border:none;
    border-top:1px solid #dddddd;
    margin:0;
    padding:0;
}

.events_section_title{
    font-size:18px;
    color:#1d1d1d;
    line-height: 1;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.events_section_title:after{
    content:" ";
    display:block;
    margin:20px 0 60px;
    height:3px;
    width:30px;
    background-color:#f33d33;
}

.bottom-0{
    margin-bottom:0 !important;
}

.bottom-60{
    margin-bottom:60px !important;
}

#rewards_page.certificates_page .reward-alert a{
    color:#fff;
    text-decoration:underline;
}

#rewards_page.certificates_page .reward-alert a:after{
    content: "r";
    font-size: 10px;
    margin-left: 8px;
    position: relative;
    top:0px;
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
    margin-left: 6px;
    color: #fff;
}

.certification_progress_section{
    padding:100px 0;
    background-color:#FFF;
}

.certification_progress_section .help-label{
    margin-top:0 !important;
    line-height:1;
}

.certification_progress_section h4{
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color:#1d1d1d;
    margin-top:0;
    margin-bottom:40px;
}

.progress-wrapper-big{
    margin-bottom:40px;
}

.progress-wrapper-big .separator-wrapper{
    width:100%;
    height:20px;
    background-color:#dddddd;
    border-radius:10px;
}

.progress-wrapper-big .separator-wrapper .separator{
    height: 20px;
    width:3px;
    background-color: #FFF;
}

.certification_progress_section span.red{
    color:#f33d33;
}

.wrapper-certifications-page{
    padding-bottom: 0 !important;
}

.certificates_list_wrapper{
    padding:85px 0 35px;
    background-color:#f2f2f2;
}

.certificates_list_wrapper .certificates_list{
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content:space-between;
    flex-flow: row wrap;
}

.certificates_list_wrapper .certificates_list .certificate_box{
    display:block;
    width:32%;
    max-width:350px;
    margin-top:40px;
    background:#fff;
    box-shadow:0 0 5px rgba(0,0,0,0.3);
}

@media(max-width: 479px){
    .certificates_list_wrapper .certificates_list .certificate_box{
        max-width:250px;
    }
}
.certificates_list_wrapper .certificates_list .certificate_box .entered{
        padding: 13px 30px 11px;
        position: relative;
}
.certificates_list_wrapper .certificates_list .certificate_box .entered:after{
    content: "";
    width: 1px;
    height: 40px;
    background-color: #cccccc;
    position: absolute;
    bottom: 50%;
    right: 0;
    transform: translatey(50%);
}
.certificates_list_wrapper .certificates_list .certificate_box .top_part{
    padding:70px 8% 20px 11%;
    border-top: 8px solid #fff;
}

.certificates_list_wrapper .certificates_list .certificate_box.certificate_box_bronze .top_part{
    border-color:#c58939;
}

.certificates_list_wrapper .certificates_list .certificate_box.certificate_box_silver .top_part{
    border-color:#b9bdc0;
}

.certificates_list_wrapper .certificates_list .certificate_box.certificate_box_gold .top_part{
    border-color:#d3b255;
}

.certificates_list_wrapper .certificates_list .certificate_box h3.title{
    font-size:35px;
    line-height: 34px;
    letter-spacing: 0.01em;
    color:#1d1d1d;
    margin:0 0 25px;
}

.certificates_list_wrapper .certificates_list .certificate_box img.certificate_signature{
    width:100px;
    height:auto;
    display:block;
    margin-right:none !important;
    float:none !important;
}

.certificates_list_wrapper .certificates_list .certificate_box span.ceo{
    display:block;
    margin-top:10px;
    line-height: 1;
    text-transform: uppercase;
    color:#555555;
    font-size:10px;
    letter-spacing: 0.01em;
    font-weight:bold;
}

.certificates_list_wrapper .certificates_list .certificate_box .bottom_part{
    padding:20px 8% 20px 11%;
    border-top: 1px solid #eee;
}

.certificates_list_wrapper .certificates_list .certificate_box.inactive{
    background-color:#f2f2f2;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
}

.certificates_list_wrapper .certificates_list .certificate_box.inactive .top_part{
    opacity:0.2;
}

.certificates_list_wrapper .certificates_list .certificate_box.inactive .bottom_part{
    background-color:#f2f2f2;
    border-color:#eaeaea;
}

.certificates_list_wrapper .certificates_list .certificate_box.inactive span.tertiary{
    color:#999;
    font-size:14px;
    letter-spacing: 0.05em;
    display:block;
}

.certificates_list_wrapper.tertiary_margintop .certificates_list .certificate_box.inactive span.tertiary{
    margin-top:10px;
}

.certificates_list_wrapper .certificates_list .certificate_box.inactive span.tertiary strong{
    color:#555;
}
/* REWARDS */
.certificates_rewards_wrapper{
    padding: 35px 0;
}
 .certificates_rewards_wrapper .certificates_list .certificate_box .top_part {
    padding: 0;
    border-top: none;
} 
 .certificates_rewards_wrapper .certificates_list .top_part .box_bg{
    position: relative;
    height: 230px;
    background-size: cover;
    background-position: center;
}
/* .certificates_rewards_wrapper .certificates_list .certificate_box.inactive .top_part .box_bg .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(242,242,242,0.6);
} */
.certificates_rewards_wrapper .certificates_list .top_part .box_bg img{
    position: absolute;
    /*
	top: 50%;
    left: 50%; 
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);
	*/
	
    bottom: -90px;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 38px;
}
.certificates_rewards_wrapper .certificates_list .bottom_part .details{
    color: #f33d33;
    background-color: #ffffff;
}
@media(max-width: 479px){
    .certificates_rewards_wrapper .certificates_list .bottom_part a.btn{
        padding: 13px 20px 11px;
    }
}
.certificates_rewards_wrapper .certificates_list .top_part h3.title{
    padding: 40px 11% 8%;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.01em;
    height: 160px;
}
.certificates_rewards_wrapper .certificates_list .top_part h3.title span{
    display: block;
    margin-bottom: 22px;
}
.certificates_rewards_wrapper{
    padding-bottom: 100px;
}
.certificates_rewards_wrapper .certificates_list .bottom_part .icon{
    background-position: -22px -22px;
    height: 12px;
    margin-right: 1px;
    top: 1px;
    width: 12px;
}

@media only screen and (max-width: 1199px) {
    #latest .latest_list>li{
        max-width:300px;
    }
}

@media only screen and (max-width: 992px){
    #latest .latest_list>li{
        max-width:initial;
        width:48%;
    }

    #latest .latest_list:after {
        max-width:initial;
        width:48%;
    }

    .touchevents .reward-sort+.select-wrap{
        margin-top:40px;
        margin-bottom:40px;
    }

    .wrapper-rewards-page .help-label{
        margin-top:40px !important;
    }
}

@media only screen and (max-width: 767px) {
    li.dropdown:first-child li:not(.secondarymenu) a{
        color:#555;
    }

    .dropdown_list li:not(.mobile-hide)+li {
        border-top: 1px solid #343434;
    }

    .nav-user .nav_uname{
        margin-bottom:30px;
    }

    #latest .latest_list{
        display:block;
        flex:none;
    }

    #latest .latest_list:after {
        content:none;
    }

    #latest .latest_list>li{
        width:100%;
    }

    .banner.banner-rewards:first-child{
        padding:0;
    }

    #rewards_page .feed_hdg{
        padding:20px 0;
    }

    .feed_hdg .col50{
        display:block;
        width: 100%;
        border:none !important;
        padding:10px 0;
    }

    .feed_hdg .fender_ranking,
    .feed_hdg .certification-label-box{
        margin-left:0;
        margin-top:10px;
    }

    section#all-rewards{
        margin-top:40px;
        margin-left:0;
        margin-right:0;
    }

    #all-rewards .card-reward .reward_img{
        height:185px;
    }

    #all-rewards .grid-rewards-alt .card{
        padding-bottom:90px;
    }

    .single-reward-banner{
        padding-top:0 !important;
        margin-bottom:40px !important;
    }

    .reward-detail-page .entry_body h2{
        text-align:left !important;
    }

    .reward-detail-page .entry_body h2:after{
        content:none;
    }

    #claim{
        padding:25px;
    }

    .claim.claim-locked{
        padding:25px 45px;
    }

    .claim_responseHdg{
        font-size:16px;
    }

    .claim_responseHdg+p,
    .claim-alt .claim_responseHdg{
        text-align:left;
    }

    .banner_wrapper.wrapper-reward-detail .btn{
        display: block;
        margin-top: 20px;
        max-width: 150px;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .claim-reward-close-mobile{
        z-index: 2;
        width: 60px;
        height: 60px;
        padding: 0;
        border-left: 1px solid #393939;
    }

    .claim-more-padding{
        padding:28px 20px;
    }

    .card_status{
        font-size: 0.875rem !important;
    }

    .wrapper.wrapper-content{
        z-index:1 !important;
    }

    #latest_page,
    #latest .page{
        background:#fff !important;
    }

    #latest_page .latest_posts.wrapper{
        padding-top:0 !important;
        background:#fff;
    }

    #latest .latest_list>li{
        box-shadow:none;
        background-color: #fff;
    }

    #latest .latest_list>li .post_img{
        min-height:initial;
    }

    #latest .latest_list>li .post_copy{
        padding:20px 0 0;
        min-height:initial;
    }

    #latest .latest_foot{
        padding:0 0 60px;
        background:#fff !important;
    }

    #latest_page .latest_list li .event_time{
        padding:20px 25px;
    }

    .banner.category-page-banner:first-child:not(.lesson_section){
        padding-top:2.1875em !important;
    }

    .banner.category-page-banner:first-child:not(.lesson_section) .banner_wrapper {
        height: 13.625em;
    }

    .touchevents .category_events_page .reward-sort+.select-wrap{
        margin-top:30px !important;
        margin-bottom:30px !important;
    }

    .category_events_page .latest_primary.full-width{
        margin-top:60px;
    }

    .events_section_title{
        text-align:center;
        margin-bottom:30px;
    }

    .events_section_title:after{
        content:none;
    }

    #events_upcoming .latest_list li:last-child,
    #events_previous .latest_list li:last-child{
        margin-bottom:0 !important;
        border-bottom:none !important;
    }
}

.modal-page.modal-mobile .page.page-entry.general-content#entry-body{
    background-color: #f2f2f2;
}
.modal-page.modal-mobile .page.page-entry.general-content.modal-text#entry-body{
    background-color: #ffffff;
}
/* .modal-page.modal-mobile .page.page-entry.general-content .wrapper{
     min-height: 100vh;
}
 */
 .modal-cta .button_label_center{
    text-align: center;
    margin-top: 30px;
 }

.modal-cta .cta-score{
    text-align: center;
    margin-top: 55px;
    color:#b8b8b8;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
}
 .modal-cta .cta-score.bronze{
    color:#c89653;
}
 .modal-cta .cta-score.silver{
    color:#b9bdc0;
} 
 .modal-cta .cta-score.gold{
    color:#d3b255;
} 
.modal-cta .cta-score.black{
    color:#1d1d1d;
} 
.modal-cta .cta-score span{
    color: #1d1d1d;
}

.modal-page.modal-mobile #entry-body{
    border-bottom: 1px solid #dddddd;
}
.modal-page.modal-mobile .modal-text#entry-body{
    border-bottom: none;
}


.certificates_list_wrapper .certificates_list .certificate_box.modal_certification_reward{
    width: 100%;
    margin: 0 auto;
}
.modal-page.modal-mobile .certificates_rewards_wrapper {
    padding-bottom: 0;
    padding-top: 0;
}
.modal-page.modal-mobile .modal-text-wrapper {
    padding-top: 65px !important; 
    padding-bottom: 55px !important;
}

@media(max-width: 767px){
    .modal-page.modal-mobile .modal-text-wrapper {
        padding-top: 35px !important; 
        padding-bottom: 25px !important;
    }
}  
/* 
@media(max-width: 767px){
    .modal-page.modal-mobile .button_label_center .btn{
        width: 90%;
    }
}  */
.modal-cta .button_label_center {
    text-align: center;
    margin: 30px auto;
}
.modal-cta {
        padding: 0 30px;
}


.modal-page.modal-mobile  .bronze{
    color:#c89653;
}

.modal-page.modal-mobile  .silver{
    color:#b9bdc0;
}

.modal-page.modal-mobile  .gold{
    color:#d3b255;
}

.grid-rewards-alt .grid_item.modal_rewards{
    width: 100%;
    flex: 0 0 50%;
    max-width: 100%;
}

/* WP FIXES */
.feed_list li p{margin-bottom:0 !important;}
.feed_list,
.progress_list,
.slick-slider,
.slick-dots{margin-bottom:0 !important;}
.avatar_img { width: 100% !important; height:auto !important;}
.quiz-question-nav button {
    /*margin-top: 3.214285714em !important;*/
}
.mfp-content img{
    width:100% !important;
    height:auto !important;
}
.mfp-content img.full-width{
    max-width: none !important;
}
.nav-user .avatar {
    height: 32px;
}
@media only screen and (max-width: 48em){
    .nav-user .avatar {
        height: auto;
    }
}
#dashboard .banner_avatar .avatar{
    width:92px !important;
    height:92px !important;
}
@media only screen and (max-width: 48em){
    .banner_avatar .avatar {
        width: 80px !important;
        height: 80px !important;
    }
}
.txt-alt .module_body h1, 
.txt-alt .module_body h2, 
.txt-alt .module_body h3, 
.txt-alt .module_body h4, 
.txt-alt .module_body h5, 
.txt-alt .module_body h6 {
    color: inherit !important;
}

@media only screen and (max-width: 43.75em){
    .module-basic .module_copy p, 
    .module-half .module_copy p, 
    .module-cols .module_copy p, 
    .module-video .module_copy p, 
    .module-basic.module-basic-sm.module-center .module_copy p{
        text-align: left !important;
    }
}

.module.module-basic.module-basic-xwide.module-center .module_copy p{
    text-align:center !important;
}

.quiz-timer{z-index:10;}
.banner h1.banner_title{letter-spacing: 0 !important}

.catNav_list{margin-bottom:0 !important;}

.certificate .certificate_brand{
   width: 100px !important;
/*   height: auto !important;*/
}
@media only screen and (max-width: 30em) {
    .certificate .certificate_brand{
        margin-bottom:35px;
    }
}
.certificate .certificate_logo{
    width: 159px !important;
}

.certificate .certificate_signature{
    width: 141px !important;
    float: none;
    margin: 0 auto;
}
.certificate.card .certificate_signature{
    width: initial !important;
}
.certificate.card .certificate_name{
    margin-bottom: 0;
}
.certificate.card .certificate_date{
    line-height: 0.8;
}
.certificate.card .certicate_footer_wrapper{
    display: flex;
}

.certificate.card .certificate_footer{
    width: 50%;
    float: left;
}
.certificate.card .certificate_footer .brand{
    height: 100%;
    line-height: 66px;
}
.certificate.card .certificate_footer .brand span{
    margin-left: 5px;
}
@media(max-width: 479px){
    .certificate.card .certicate_footer_wrapper{
        display: block;
    }
    .certificate.card .certificate_footer{
        float: none;
        width: 100%;
    }
}
.certificate.card .certificate_footer .brand div{
        display: inline-block;
        position: relative;
}

.certificate.card .certificate_footer .brand img {
    width: initial !important;
    position: absolute;
    top: 50%;
    transform: translate(-100%,-70%);
    -webkit-transform: translate(-100%,-70%);
    -ms-transform: translate(-100%,-70%);
}
@media(max-width: 767px){
    .certificate.card .certificate_footer .brand img{
        margin-bottom: -7px;
        position: relative;
        top: 0;
        transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
       
    }
}
}
.certificate.card .certificate_footer .brand span{
    color:#adadad;
    font-size: 10px;
    line-height: 11.5px;
    margin-left: 10px;
}
.certificate.card .certificate_footer .brand span:before {
    content: "";
    width: 1px;
    height: 22px;
    background-color: #cccccc;
    position: absolute;
    bottom: 50%;
    left: 0;
    transform: translatey(50%);
}
@media(max-width: 479px){
    .certificate.card .certificate_footer .brand span{
        margin-left: 5px;
    }
    .certificate.card .certificate_hdg,
    .certificate.card .certificate_name{
        font-size: 20px;
    }
}

@media(max-width: 767px){
    .certificate.card .certificate_hdg,
    .certificate.card .certificate_name{
        font-size: 25px;
    }
}

#login .head{
    background: #1d1d1d !important;
}

.bodyImg-2 img{
    width:50% !important;
}

.rewards_btn, .slideshow_btn {
    margin-top: -90px;
}

.grid-rewards-alt {
    clear: both;
}

 .mfp-content img.general_logo{
    width:auto !important;
    height:auto !important;
}

#dashboard .banner.has-img{
    overflow:hidden;
}

.copy.text-left p,
.copy.text-left,
.map_point p{
    text-align:left !important;
}

.module.module-center .module_copy .map_point .map_body p,
.module.module-basic.module-basic-xwide.module-center .module_copy .timeline_body p,
.module.module-center .module_copy .timeline_point .map_body p{
    text-align:left !important;
}

.module.module-basic.module-basic-xwide.module-center .module_copy p

.related_event_thumb img{
    width:180px;
    height:120px;
}

/* .ng-touched.ng-invalid:not(form), .form_error:not(.ng-hide) ~ input {
    border-color: #f33d33;
    box-shadow: inset 1px 0 0 0 #f33d33,inset -1px 0 0 0 #f33d33,inset 0 1px 0 0 #f33d33,inset 0 -1px 0 0 #f33d33;
} */

/*form.accountForm .ng-touched.ng-valid{
    border-color: #ddd !important;
}
*/
/*form.accountForm .ng-dirty.ng-valid{
    border-color: #3fb36b !important;
}*/

.form_feedback.success {
    background: #C7F2D7 !important;
    color:#3fb36b !important;
}

.form_feedback.success i {
    color: #3fb36b;
    margin-right: 3px;
    top: 1px
}

.map_copy, 
.timeline_copy{
    min-width:280px !important;
    max-width:280px !important;
}

.map_copy img, 
.timeline_copy img {
    width: 100%;
}

#lesson .banner-lesson.banner-text-left .banner_wrapper{
    padding-left:0;
}

.banner-dashboard:first-child {
    padding: 9.375em 0 3.75em !important;
}

.modal-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
    z-index: 5001;
}

.mfp-wrap {
    z-index: 5002;
    -webkit-overflow-scrolling: touch;
}

.progress_nav_tooltip {
    display: none;
    position: fixed;
    right: 15px;
    top: 100px;
    width: 260px;
    padding: 22px;
    background: #646466;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 1.7;
}

.progress_nav_tooltip:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #646466;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.progress_nav_tooltip .tooltip-headline {
    font-size: 14px;
    font-family: "din-condensed-web","DIN Condensed",sans-serif;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/*
@media only screen and (max-width: 43.75em){
    .module-video-playlist div.playlist.playlist-video {
        margin: 0 -20px;
        padding: 0 10px;
        text-align: left;
    }
}

@media only screen and (max-width: 60em){
    .module-video-playlist div.playlist.playlist-video {
        border-bottom: none;
        margin: 0 -60px;
        max-height: none;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 0 50px;
        position: relative;
        white-space: nowrap;
        width: auto;
    }
}
*/
@media only screen and (max-width: 48em){
    .banner-dashboard:first-child {
        padding: 5.6875em 0 2.0625em !important;
    }
}

@media only screen and (max-width: 48em){
    .quiz-summary {
        padding: 0 135px 0 20px !important;
    }
}

@media only screen and (min-width: 48em){
    .wrapper-faq .sideNav{
        padding-bottom:100px;
    }

    .reward-sort-status{
        margin-left:20px;
    }
}

/* FIXES ACCORDING TO LESSON TOOLKIT MOBILE JPG REFERENCE FROM https://sifter.s3.amazonaws.com/attachments/1505140/2015-12-10_Fender_Learn_Toolkit_320.jpg?X-Amz-Expires=172800&X-Amz-Date=20160405T121834Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=0K17K7BQAFVH9HJJ28R2/20160405/us-east-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=3db789eb29b51fea89ce4050e37bed25aba47c5573d07ad92eca68e7fd03098c */
@media only screen and (max-width: 48em){
    .banner-lesson .banner_bg {
        background-position: right top;
        background-size: auto 70%;
    }

    p, ol, ul {
        line-height: 1.442857143em;
    }

    .banner_stats.stats_list{
        opacity:0.8;
    }

    .module_img.bg_img{
        background-position:center top;
        margin-bottom:30px;
    }

    .lesson_section::after{
        content:"";
        clear:both;
        display:block;
    }

    .lesson_section{
        /* border-bottom:1px solid #f2f2f2 !important; */
    }

    .module:not(.module-half):not(.module-gallery) {
        min-height: 85vh !important;
    }

    .module:not(.module-gallery) .module_wrapper {
        padding: 0 30px !important;
    }

    .module-basic.module-left .module_bg {
        background-position: 70% center;
    }

    .module-basic.module-right .module_bg {
        background-position: 35% top;
    }

    .module-basic.module-center .module_bg {
        background-position: 75% center;
    }

    .lesson_section.long{
        padding-top:0 !important;
    }

    .module-basic.module-left .module_wrapper.lesson_copy,
    .module-basic.module-right .module_wrapper.lesson_copy,
    .module-basic.module-center .module_wrapper.lesson_copy{
        padding-top:60px !important;
    }
    
    .media_title{
        text-overflow: initial;
        white-space: normal;
        line-height: 1;
        margin-bottom:5px;
    }

    .media_artist {
        text-overflow: initial;
        white-space: normal;
        line-height: 1.1;
    }

    .lesson_section:not(.lesson_nav) .lesson_copy{
        padding-top:0;
        padding-bottom:0;
    }

    .module-gallery .banner_scroll.tertiary,
    .module-img-only .banner_scroll.tertiary{
        display:none !important;
    }

    .module-img-only .module_wrapper.lesson_copy{
        position: absolute;
        left: 0.0;
        top: 45%;
    }

    .module.module-inline-img.long,
    .module.module-cols.long,
    .module.module-video.long{
        padding: 3.75em 0 !important;
    }

    .module.module-map,
    .module.module-timeline{
        height: auto !important;
    }

    .module-video .module_video {
        margin: 0 -30px 1.875em;
    }

    .map_copy{
        min-width: 260px !important;
        max-width: 260px !important;
    }

    .map_point .map_copy, .map_point .timeline_copy, .timeline_point .map_copy, .timeline_point .timeline_copy {
        opacity: 1;
    }

    .timeline_copy {
        min-width: 190px !important;
        max-width: 190px !important;
    }

    .module-timeline .timeline_link {
        height: 16px !important;
        margin-top: 0 !important;
        width: 16px !important;
    }

    .module-timeline .timeline_point.active .timeline_year{
        left:100% !important;
    }

    .module-timeline .timeline_points {
        margin: 0 -20px;
        padding: 0px 30px 0 40px;
        overflow: hidden;
    }

    li.timeline_point .timeline_link:before{
        border-radius:0 !important;
    }

    .module.module-columned-sounds{
        padding-top:0 !important;
    }

    .module.module-columned-sounds .compare_body.copy p,
    .module.module-quiz .module_body.copy p{
        text-align:center !important;
    }

    section.module a.banner_scroll.tertiary{
        text-align: center !important;
        margin-top:20px;
    }

    .module_more:before {
        content: 'Continue Learning';
        max-width: 51.25em;
        padding: 0 60px;
        /* max-width: 100%;
        padding: 24px 0; */
    }

    body#lesson section#main{
        background-color:#1d1d1d;
    }

    html:not(.iframe-doc){
        overflow-x:hidden;
    }

    .print-btn{
        display:none;
    }
}
/*ipad size*/
@media only screen and (min-width: 701px) and (max-width: 768px){
    .banner-lesson .banner_bg {
        background-position: center top;
        background-size: cover;
    }
}    

@media (max-width:767px){
    .module_more:before {
        content: 'Continue Learning';
        max-width: 100%;
        padding: 24px 0;
    }

    .progress_wrap {
        display: none; 
    }
}

/*.touchevents .progress_wrap {
        display: none;
    }*/

.progress_wrap {
    padding: 20px 70px;
    left: 52%;
    display:none !important;
}

.progress_wrap:before{
    width:35px;
    width:70px;
}

.progress_title {
    display: block;
    width: 10rem;
    text-align: center;
}

@-moz-document url-prefix() { 
    .progress_list:before {
        display: none;
    }

    .progress_list {
        background-image: url("../img/global/progress-nav-line.png");
        background-repeat: repeat-x;
        background-position: center center;
    }
}


@media(min-width: 992px){
    .map_point.bottom_point, .timeline_point.bottom_point {
        overflow: visible;
    }

    .map_point.bottom_point .map_copy, 
    .map_point.bottom_point .timeline_copy {
        position: absolute;
        bottom: 14px;
        border-bottom: 2px solid #f33d33;
        border-top: none;
    }

    .timeline_point.bottom_point .map_copy, 
    .timeline_point.bottom_point .timeline_copy {
        position: relative;
        bottom: 14px;
        border-bottom: 2px solid #f33d33;
        border-top: none;
    }

    .map_point.bottom_point .map_copy:after, 
    .timeline_point.bottom_point .timeline_copy:after {
       display: none;
    }

    .map_point.bottom_point .map_copy:before {
       display: none;
    }

    .map_point.bottom_point.active:before {
        border-top-color: #555;
        content: '';
        left: 29px;
        width: calc(100% - 29px);
        height: 100%;
        position: absolute;
        top: 14px;
        opacity: 1;
        border-top: 1px solid #555;
    }

    .timeline_point.bottom_point.active .timeline_copy:before {
        border-top-color: #555;
        content: '';
        width: calc(100% - 29px);
        height: 100%;
        position: absolute;
        top: calc(100% + 2px);
        opacity: 1;
        border-top: 1px solid #555;
        left: -11.428571429em;
        width: 11.428571429em;
    }
}

@media(max-width: 768px){
    html.mfp-helper .mfp-wrap {
        -webkit-overflow-scrolling: touch;
    }

    html.mfp-helper {
        height: 100%;
    }

    html.mfp-helper body {
        overflow: hidden;
        height: 100%;
    }

    
}

@media(max-width: 767px){
    #lesson #learn-nav{
        display: none !important;
    }

    #rewards .mfp-iframe-scaler .mfp-close{
        display:none !important;
    }

    .reward-detail-page{
        padding-top:0px !important;
    }

    .playlist_audio.media_wrap{
        padding-left:0 !important;
    }

    .module-half .module_img {
        margin-top:0em !important;
    }

    .module_foot{
        padding-bottom:2em;
    }
}

.mobile-contact-link-back{
    width:60px;
    height:60px;
    position:absolute;
    top:0;
    left:0;
}
.mobile-contact-link-back:before{
    content: 'l';
    display: inline-block;
    font-size: 16px;
    position: absolute;
    -webkit-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    color:#fff;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
}

@media only screen and (max-width: 48em) and (orientation: landscape){
    .banner-lesson .banner_bg {
        background-size: cover;
    }
}

@media only screen and (min-width: 43.76em) and (max-width:48em){
    .module_more:before{
        max-width: 100%;
        padding: 0 60px !important;
    }
}


.no-flexbox.no-backgroundblendmode ol.event-mod-alt .event_meta{
    width:calc(100% - 40px);
    padding-right:10px;
}

.flexbox.no-backgroundblendmode .grid-cards .grid_item{
    flex: 0 0 31.6666666666%;
    -webkit-flex: 0 0 31.6666666666%;
    -ms-flex: 0 0 31.6666666666%;
    -moz-flex: 0 0 31.6666666666%;
}

.fender_ranking small{
    font-size:12px;
    text-transform:uppercase;
    font-weight: 700;
}

.not-tertiary{
    font-family: "open-sans","Open Sans",sans-serif !important;
}

.fender_ranking{
    font-size:18px;
    padding-left:17px;
    position:relative;
}

.fender_ranking::before{
    content: 'u';
    color: #555;
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
    font-size: 6px;
    position:absolute;
    top:4px;
    left:0;
}

.fender_ranking::after{
    content: 'd';
    color: #555;
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
    font-size: 6px;
    position:absolute;
    bottom:1px;
    left:0;
}

.banner_tag{
    color:#555555;
}

.banner_meta.banner_location::before{
    opacity:0.5;
}

.help-icon {
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    height: 14px;
    width: 14px;
    text-align: center;
    line-height: 14px;
    background-color: #f33d33;
    border-radius: 20px;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 5px;
    transition:background-color 0.2s;
}

.help-icon:hover{
    background-color:#fff;
}

.help-icon.dark{
    color:#1d1d1d
}
.learn-chapters-wrapper .help-icon.dark.notranslate{
    color: #fff;
}
.learn-chapters-wrapper .help-icon.dark.notranslate:hover{
    color: #1d1d1d;
}
.learn-chapters-wrapper .help-icon.dark.notranslate{
    height: 17px;
    width: 17px;
    line-height: 17px;
}
.banner_welcome{
    width:calc(100% - 15.313em);
}

.banner_iq{
    width:15.313em;
    text-align:left;
    margin-top:25px;
}

.iq_title.large{
    font-size:30px;
    letter-spacing: -0.03em;
    margin-top:8px;
}

.iq_title.large:before{
    font-size:19px;
    top:-1px;
}

.top10{
    margin-top:10px;
}

.show{
    display:block;
}

.white{
    color:#FFF;
}

.dashboard-updates-carousel .feed_link{
    padding:10px;
}

body.body_main_jackson .dashboard-updates-carousel .feed_link,
body.body_main_gretsch .dashboard-updates-carousel .feed_link,
body.body_main_presonus .dashboard-updates-carousel .feed_link,
body.body_main_fender .dashboard-updates-carousel .feed_link{
    padding:0px;
}

body.body_main_jackson .dashboard-updates-carousel li,
body.body_main_gretsch .dashboard-updates-carousel li,
body.body_main_presonus .dashboard-updates-carousel li,
body.body_main_fender .dashboard-updates-carousel li {
    border:none;
    margin:0 15px;
}

body.body_main_jackson .dashboard-updates-carousel.feed_list,
body.body_main_gretsch .dashboard-updates-carousel.feed_list,
body.body_main_presonus .dashboard-updates-carousel.feed_list,
body.body_main_fender .dashboard-updates-carousel.feed_list {
    border:none !important;
}

.dashboard-updates-carousel .feed_contents{
    display:inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 150px);
}

.dashboard-updates-carousel img.feat_img{
    width:120px;
    height:auto;
    max-height:80px;
    display:inline-block;
    margin-right:23px;
    vertical-align:middle;
}

.dashboard-updates-carousel img.feat_img.null{
    width:0px;
    margin-right:0;
    height:80px;
}

.card{
    position:relative;
}

.card .difficulty_level{
    font-size:1rem;
    color:#bbbbbb;
    display:block;
    margin-bottom:20px;
    letter-spacing: 0.01em !important;
}

.learn-chapters-wrapper .card .difficulty_level{
     margin-bottom:18px;
}
.card .difficulty_level span.dark{
    color:#555555;
}

.card .newlabel{
    padding: 5px 10px;
    display: inline-block;
    float:right;
    border-radius: 5px;
    font-family: "open-sans","Open Sans",sans-serif;
    font-weight: bold;
    font-size: 10px;
    background:#dddddd;
    color:#1d1d1d;
    text-transform:uppercase;
    line-height: 0.9;
}

.card .card_time{
    line-height: 1.2em;
    padding: 13px 10px 11px;
    width:50%;
    text-align:center;
    display:inline-block;
}
#learn .card .card_time{
   padding: 13px 0px 11px 40px;
   font-size: 0.75rem;
}

.card .card_btn{
    width:50%;
    padding-left:0;
    padding-right:0;
    text-align:center;
}

.card .chapter_status_tag{
    display:block;
    width:100%;
    padding:10px 20px;
    height:40px;
    overflow:hidden;
    position:absolute;
    z-index:2;
    left:0;
    top:0;
}

.card .chapter_status_tag.tertiary{
    letter-spacing: 0.01em;
}

.card .chapter_status_tag.not_passed{
    background-color:#999999;
}

.card .chapter_status_tag.not_passed span{
    line-height:0.9;
    font-size:18px;
}

.card .chapter_status_tag.not_passed span:not(.white){
    color:#dddddd;
}

.card .chapter_status_tag.not_passed .action{
    float:right;
    font-size:10px;
    text-transform:uppercase;
    text-decoration:underline;
    font-weight:bold;
    letter-spacing:0.01em;
    transition:opacity 0.2s;
}

.card .chapter_status_tag.not_passed .action:hover{
    color:#fff;
    opacity:0.5;
}

.card .chapter_status_tag.not_passed .action i{
    margin-right:6px;
    font-size:14px;
    vertical-align: middle;
}

.card .chapter_status_tag.passed{
    background-color: #3fb36c;
}

.card .chapter_status_tag.passed span{
    line-height:0.9;
    font-size:18px;
}

.card .chapter_status_tag.passed span:not(.white){
    color:rgba(255,255,255,0.5);
}

.card .chapter_status_tag.passed .status_label,
.quiz_copy .status_label {
    padding:5px 8px;
    float:right;
    display:inline-block;
    background-color:#248747;
    color:#FFF;
    font-size:10px;
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:0.01em;
    height: 20px;
    line-height: 9px;
    border-radius:4px;
}

.card .chapter_status_tag.passed .status_label i,
.quiz_copy .status_label i {
    margin-right:6px;
    font-size:12px;
    vertical-align: middle;
}

.grid-cards-incomplete{
    margin-bottom:5.5em !important;
}

#latest .latest_list.dashboard_latest_list{
    display:block;
    flex:none;
}

#latest .latest_list.dashboard_latest_list>li{
    border-bottom: 1px solid #eee;
    margin-bottom: 2.285714286em;
    padding-bottom: 2.857142857em;
    width: 100%;
    max-width: initial;
    display: block;
    vertical-align: top;
    box-shadow: none;
}

#latest .latest_list.dashboard_latest_list>li:last-child{
    border:none;
    margin-bottom:0;
    padding-bottom:0;
}

#latest .latest_list.dashboard_latest_list>li .post_img{
    min-height: 268px;
    width: calc(100% - 30em);
    display:inline-block;
    vertical-align: middle;
}

#latest .latest_list.dashboard_latest_list>li .post_copy{
    margin-left: 4.285714286em;
    padding: 4px 0 10px;
    width: 20em;
    min-height:initial;
    display:inline-block;
    vertical-align: middle;
}

#latest .latest_list.dashboard_latest_list .mod_time{
    letter-spacing: 0.07em !important;
}

.event_date abbr{
    text-decoration: none;
}

.event_date span{
    letter-spacing: 0.01em;
}

.reward.sized .reward_meta{
    padding: 20px 30px 20px;
}

.mfp-content #entry-body{
    background-color:#FFF !important;
}

@media (max-width:991px) and (min-width:768px){
    .banner.banner-dashboard:first-child {
        padding: 5.6875em 0 2.0625em !important;
    }
}

@media only screen and (max-width: 68.75em){
    .banner_welcome{
        width:calc(100% - 15.313em - 20px);
    }
}

@media only screen and (max-width: 48em){
    .banner_welcome {
        width:100%;
    }

    .banner.banner-dashboard{
        padding-top:30px !important;
    }

    .fender_ranking{
        margin-top:0;
        display:inline-block;
        font-size:1em;
    }

    .fender_ranking small{
        font-size: 0.625rem;
    }

    .banner_iq{
        width:100%;
        border-top:1px solid #393939;
        padding-top:30px;
        text-align:center;
    }

    .separator-wrapper{
        max-width:225px;
        margin:0 auto;
    }

    .dashboard-updates-carousel .feed_link{
        padding: 31px 30px 29px;
    }

    .dashboard-updates-carousel .feed_contents{
        width:100%;
    }

    #dashboard .lms{
        padding: 2.125em 0 3.125em;
    }

    .card .card_btn{
        width:100%;
    }

    .dashboard-chapters-mobile{
        margin-bottom:26px !important;
        padding-left:0 !important;
    }

    .dashboard-chapters-mobile .slick-dots{
        margin-top:30px;
    }

    #dashboard #latest .latest_list.dashboard_latest_list>li .post_img{
        width:100%;
        min-height:initial;
    }

    #dashboard #latest .latest_list.dashboard_latest_list>li .post_copy{
        margin-left:0;
        width:100%;
        margin-top:20px;
    }

    #dashboard #latest .latest_list.dashboard_latest_list>li {
        padding-bottom:0;
        margin-bottom:30px;
    }

    #dashboard #latest .latest_list.dashboard_latest_list>li .btn.js-modal-btn{
        display:none;
    }

    #dashboard #latest .latest_list.dashboard_latest_list>li:last-child {
        border-bottom:1px solid #eee;
    }

    .dashboard-rewards-list .reward_img{
        height:auto;
    }

    .dashboard-rewards-list .reward_img img{
        position:relative;
        top:0;
        transform:none
    }

    .dashboard-rewards-list .card.card-reward {
        padding-bottom:100px;
    }

    .dashboard-rewards-list .slick-dots {
        margin-top:0 !important;
    }
}

.modal-reward .copy ol{
    margin-left: 0;
}
.modal-reward .wrapper{
    padding: 0;
}
.modal-reward .general_body {
    padding: 0 10px;
}

.modal-reward .js-modal-claim{
margin-right: 40px
}
.modal-reward .card-reward .tertiary.certrew {
    margin-right: 40px;
}

.learn-chapters-wrapper{
    border-top: 1px solid #dddddd;
}
.learn-chapters-wrapper .chapters-type{
    text-align: left;
    font-size: 25px;
    line-height: 21px;
    margin-top: 40px;
    text-transform: uppercase;
    font-weight: 900;
    position: relative;
    font-family: "open-sans","Open Sans",sans-serif;
    letter-spacing: 0.01em;
}
@media(max-width: 767px){
    .learn-chapters-wrapper .chapters-type{
        font-size: 18px;
        margin-top: 25px;
    }
}
.learn-chapters-wrapper .chapters-type span.parrent{
    position: absolute;
    right: 0;
    border: 2px solid #dddddd;
    border-radius: 50px;
    width: 44px;
    height: 44px;
    bottom: 0;
    cursor:pointer;
    transition: transform 0.2s ease;
}
@media(max-width: 767px){
    .learn-chapters-wrapper .chapters-type span.parrent{
    width: 32px;
    height: 32px;
    }
}

.learn-chapters-wrapper .chapters-type span.parrent i{
     top: 50%;
    left:50%;
   -webkit-transform:translate(-50%,-50%);
   -ms-transform:translate(-50%,-50%);
   transform:translate(-50%,-50%);
   font-size: 30px;

}
@media(max-width: 767px){
    .learn-chapters-wrapper .chapters-type span.parrent i{
        font-size: 24px;
    }
}
.learn-chapters-wrapper .chapters-type span.parrent {
    color: #f33d33;
}



.learn-chapters-wrapper .chapters-type span.parrent:not(.slide-up) {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.learn-chapters-wrapper  .score-next-chapters{
    margin:19px 0;
    text-align: left;
    line-height: 24px;
}



.learn-chapters-wrapper  .score-next-chapters.last{
    margin-bottom: 58px;
}
@media(max-width: 767px){
    .learn-chapters-wrapper  .score-next-chapters{
        font-size: 13px;
        line-height: 22px;
    }
  

    .learn-chapters-wrapper  .score-next-chapters.last{
        margin-bottom: 40px;
    }
}

.learn-chapters-wrapper .grid_item.inactive article.card figure img,
.learn-chapters-wrapper .grid_item.coming_soon article.card figure img
{
    opacity: 0.2;
}
.learn-chapters-wrapper .grid_item.inactive figure:after{
    background: rgba(255,255,255,0.5)
}
.learn-chapters-wrapper .grid_item.coming_soon article{
    background-color: #f2f2f2;
}

.learn-chapters-wrapper .grid_item.inactive article.card figure img.locked,
.learn-chapters-wrapper .grid_item.inactive article.card figure .locked {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-30%,-50%);
    -ms-transform: translate(-30%,-50%);
    transform: translate(-30%,-50%);
    width: initial;
    opacity: 1;
    color: #555555;
    z-index: 555;
    font-size: 30px;
}
@media(max-width: 991px){
    .learn-chapters-wrapper .grid_item.coming_soon{
        display: none;
    }
}

@media only screen and (max-width: 56.25em){
    .lms_more {
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media(max-width: 767px){
    .learn-chapters-wrapper .grid_item.inactive article.card figure img:first-child{
        height: 190px;
    }
}
.learn-chapters-wrapper .grid_item.coming_soon .card_status.tertiary{
    text-align: center;
    float: none;
    margin: 0 auto;
    display: block;
    /* border:1px solid #1d1d1d; */
}
.learn-chapters-wrapper .grid_item.coming_soon .card .difficulty_level{
    color: #555555
}

.learn-chapters-wrapper .grid_item.coming_soon article.card .card_copy{
    opacity: 0.2;
}

.learn-chapters-wrapper .grid_item.coming_soon .card_status.tertiary a{
    color: #1d1d1d
}
.callout_tag.tertiary.mobile{
    display: none;
}
@media(max-width: 767px){
    body#learn .banner:first-child:not(.lesson_section){
        padding: 0
    }
    body#learn .banner:first-child:not(.lesson_section) .banner_copy span{
        display: none;
    }
    body#learn .banner_wrapper{
        height: 247px;
    } 
    body#learn .banner_bg{
        min-height: auto;
    }
    body#learn .callout_tag.tertiary .date{
        display: none;
    }
    .callout_tag.tertiary.dextop{
        display: none;
    }
    body#learn .callout_tag.tertiary.mobile{
        display: block;
    }
    body#learn span.card_status.tertiary{
        text-align: center;
        float: none;
        display: block;
    }
}

@font-face {
    font-family: 'Fender Icons2';
    src: url("../fonts/icomoon.eot");
    src: url("../fonts/icomoon.eot?#iefix") format("eot"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.ttf") format("truetype"),url("../fonts/icns.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

.fdr2{
    font-family: 'Fender Icons2';
    font-size:0.875rem;
}

html:not(.video-page-html) .viewport, 
html:not(.video-page-html) body, 
html:not(.video-page-html) {
    overflow-x:hidden !important
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 11px;
    margin-right:12px;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top:2px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 13px;
    height: 1px;
}

.hamburger-box .hamburger-inner, .hamburger-box .hamburger-inner:after, .hamburger-box .hamburger-inner:before {
    background-color: #f33d33;
}

.hamburger-box .hamburger-inner {
    top: 0px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 13px;
    height: 1px;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}

.hamburger-inner:before {
    top: 5px;
}

.hamburger-inner:after {
    top: 10px;
}

.lessonMenuOpen.show-menu{
    font-size:12px;
}

.lessonMenuOpen.show-menu:hover span{
    border-color:#f33d33;
}
@media (max-width: 767px){
    .lessonMenuOpen.show-menu{
        display: none !important;
    }
}

#chapter .banner_tag, 
#chatpter .banner_meta {
    color: #999;
}

.banner_wrapper .locked-icon{
    font-size:24px;
    margin-top:20px;
}

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

.page.dark{
    background-color:#f2f2f2;
}

.w-shadow{
    box-shadow:0 0 6px rgba(0,0,0,0.3);
    z-index:2;
}

.intro_head2{
    padding:30px 0;
}

.intro_head2 p{
    margin-bottom:0 !important;
}

#chapter .intro{
    padding-top:5em;
}

#chapter .passed-header{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:20px 0;
}

#chapter .passed-header .tertiary{
    font-size:18px;
    vertical-align: middle;
}

#chapter .passed-header.passed{
    background-color:#3fb36b;
}

#chapter .chapter_status_tag{
    display:inline-block;
    width:auto;
    padding:0;
    overflow:hidden;
    vertical-align: middle;
    margin-left:20px;
}

#chapter .chapter_status_tag.passed .status_label {
    padding:5px 8px;
    float:right;
    display:inline-block;
    background-color:#248747;
    color:#FFF;
    font-size:10px;
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:0.02em;
    height: 20px;
    line-height: 9px;
    border-radius:4px;
}

#chapter .chapter_status_tag.passed .status_label .ok-icon{
    margin-right:6px;
    font-size:12px;
    vertical-align: middle;
}

#chapter .passed-header.not-passed{
    background-color:#999999;
}

#chapter .passed-header.not-passed .ok-icon{
    margin-left:4px;
    font-size:14px;
    vertical-align: middle;
}

.bronze{
    color:#c89653;
}

.silver{
    color:#b9bdc0;
}

.gold{
    color:#d3b255;
}

#chapter .intro_stats.stats ul li{
    padding-left:23px;
    position:relative;
}

#chapter .intro_stats.stats ul li:before{
    content:"c";
    font-family:'Fender Icons';
    color:#bbb;
    font-size:10px;
    display:inline-block;
    position:absolute;
    top:2px;
    left:0;
}

#chapter .intro_meta span{
    font-size:1rem;
    color:#bbb;
    letter-spacing: 0.01em !important;
}

#chapter #learn{
    padding-top:0px;
}

#chapter #learn ol.lessons{
    padding-top:5em;
    border-top:1px solid #ddd;
}

#chapter .intro_meta span strong{
    color:#555;
}

#chapter .card_time:before{
    top:0;
}

.chapter_status_tag.passed-silver .status_label{
    background-color:#eee !important;
}

.chapter_status_tag.passed-gold .status_label{
    background-color:#edcf7a !important;
}

.chapter_status_tag.passed-silver .status_label.white,
.chapter_status_tag.passed-gold .status_label.white{
    color:#121212 !important;
}

.chapter_status_tag.passed-silver .status_label i,
.chapter_status_tag.passed-gold .status_label i{
    color:#3ba764 !important;
}

#chapter .navBar_wrapper {
    padding-left:20px;
}

#chapter .navBar_status.tertiary{
    letter-spacing: 0.01em;
    font-size:14px;
}

#chapter .navBar_status.tertiary em{
    font-size:16px;
}

#chapter .navBar_wrapper .chapter_status_tag{
    vertical-align: top !important;
}

#chapter .lesson_status.card_time{
    width:auto !important;
    padding:0 !important;
}

.quiz_btns .btn.btn-locked{
    width:auto;
}

.fdr2:before,
.fdr2:after{
    content:none !important;
}

.multiple_modals_wrap.hide,
#multiple_modals_wrap.hide{
    display:none !important;
}

.custom-preloader{
    color: #CCC;
    position: fixed;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 5002;
    background:#1d1d1d url(../img/global/icn-loading.gif) center no-repeat;
    background-size: 40px;
    border-radius: 3px;
    height: 60px;
    left: 50%;
    overflow: hidden;
    text-indent: -999em;
    top: 50%;
    width: 60px;
    z-index:5060;
    transform: translateX(-50%) translateY(-50%);
}

.custom-preloader.ready{
    display:none !important;
}

#multiple_modals_wrap .page-entry{
    margin:0 25px;
}

#multiple_modals_wrap .custom-close{
    right:0px;
    width:60px;
    height:60px;
    top:0 !important;
}

/* #multiple_modals_wrap .custom-modal-header{
    position:absolute;
    top:0;
    left:105px;
    right:105px;
    height:60px;
    border-bottom:1px solid #ccc;
    opacity:0;
    transition:opacity 0.1s;
    z-index: 5004;
    line-height:60px;
    padding-left:40px;
    padding-right:100px;
} */

#multiple_modals_wrap .custom-modal-header{
    position:absolute;
    top:0;
    left:40px;
    right:40px;
    height:60px;
    border-bottom:1px solid #ccc;
    opacity:0;
    transition:opacity 0.1s;
    z-index: 5004;
    line-height:60px;
    padding-left:40px;
    padding-right:100px;
}


/* #multiple_modals_wrap .custom-modal-header.ready{
    opacity:1;
} */
@media(max-width: 767px){
    div:not(.multiple_modals_wrap) .header.modal-mobile span{
        display: none;
    }  
}
.multiple_modals_wrap .header.modal-mobile span ,{
    display: none;
}

#multiple_modals_wrap .custom-modal-title,
#multiple_modals_wrap .custom-modal-count{
    font-size:12px;
    text-transform: uppercase;
    font-weight:900;
    letter-spacing: 0.03em;
    color:#1d1d1d;
}

#multiple_modals_wrap .custom-modal-count {
    color:#999999;
    float:right;
}

#multiple_modals_wrap .custom-modal-count strong{
    color:#1d1d1d;
    font-weight:900;
}

#multiple_modals_wrap .banner_back,
#multiple_modals_wrap .banner_next{
    background: none;
    border-radius: 50%;
    height: 39px;
    left: 40px;
    position: absolute;
    width: 39px;
    z-index: 1;
    display: block;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    border: 2px solid #6d6d6d;
}

#multiple_modals_wrap .slick-arrow.slick-disabled,
#multiple_modals_wrap .slick-arrow.slick-hidden{
    
    opacity: 0.2 !important;
    /*opacity:0 !important;
    visibility: hidden !important; */
    pointer-events: none;
    cursor: default;
}

#multiple_modals_wrap .banner_back:hover,
#multiple_modals_wrap .banner_next:hover{
    border-color:#f33d33;
}

#multiple_modals_wrap .banner_back{
    left:9%;
}

#multiple_modals_wrap .banner_next{
    left:9%;
}

#multiple_modals_wrap .banner_back .banner_back_icn,
#multiple_modals_wrap .banner_next .banner_next_icn{
    color:#b1b1b1;
}

#multiple_modals_wrap .banner_back:hover .banner_back_icn,
#multiple_modals_wrap .banner_next:hover .banner_next_icn{
    color:#f33d33;
}

.banner_next_icn:before {
    content: 'r';
    display: inline-block;
    font-size: 10px;
    position: absolute;
    -webkit-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition: color 160ms cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -moz-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    -o-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

.general_hdg.modal-title.modal-title-smaller{
    font-size:25px;
}

#multiple_modals_wrap.mfp-wrap{
    overflow-y:auto !important;
}

#multiple_modals_wrap .mfp-iframe-scaler iframe{
    position:relative !important;
}

#multiple_modals_wrap .slick-slider .slick-list{
    overflow-y:hidden !important;
}

#multiple_modals_wrap .slick-slider .slick-slide{
    padding: 0 40px;
    position:relative;
}

#multiple_modals_wrap .slick-slider .slick-slide.slick-current .custom-modal-header.ready{
    opacity:1;
}

#video .reward_btn+.reward_btn {
    margin-left: 0 !important;
}

#multiple_modals_wrap .mfp-container{
    padding:0 !important;
}

#multiple_modals_wrap.modal-reward .mfp-content{
    max-width:calc(100% - 10px);
}

#multiple_modals_wrap .mfp-container:before{
    width:0px;
}

.mobile-show-inline{
    display:none;
}

#multiple_modals_wrap .banner_mobile_back,
#multiple_modals_wrap .banner_mobile_next{
    color:#FFF;
    display:inline-block;
    width:50px;
    height:30px;
    text-align:center;
    line-height:30px;
    vertical-align: middle;
}

#multiple_modals_wrap .banner_mobile_back i,
#multiple_modals_wrap .banner_mobile_next i{
    font-size:28px;
}

#multiple_modals_wrap .banner_mobile_next{
    border-left:1px solid #7d7d7d;
}

#multiple_modals_wrap .footer_buttons{
    padding: 0 20px;
    text-align: center;
}
@media(max-width: 767px){
    #multiple_modals_wrap .footer_buttons{
        padding-top: 20px;
    }
}

#multiple_modals_wrap .footer_buttons .btn{
    margin-bottom:40px;
}

body.in-modal .wrapper-entry{
    max-width:700px;
}

body.in-modal ul.slick-dots li:before{
    content:none !important;
}

body.in-modal ol, body.in-modal ul{
    padding-left:0;
    margin-left:0;
    list-style-type:none;
}

body.in-modal .chapters_list_modal .card{
    padding-bottom:0 !important;
}

body.in-modal .chapters_list_modal .card .card_body p{
    line-height: 1.642857143em;
    font-size: 0.875rem;
}

body.in-modal .wrapper.wrapper-group.wrapper-certifications-page{
    padding:0px;
}

.grid-rewards-alt.chapters_list_modal{
    margin:35px -10px 0;
}

html.in-modal-html{
    overflow:hidden;

}
@media(min-width: 768px){
    html.in-modal-html body{
        padding-bottom: 50px;  
    }
}
html.in-modal-html .chapters_added,
html.in-modal-html .lesson_added
{
    background-color: #f2f2f2;
}
html.wf-inactive .chapters_added .modal-page.modal-mobile #entry-body,
html.wf-inactive .lesson_added .modal-page.modal-mobile #entry-body
{
    border-bottom: none;
}

.certificate_hdg,
.certificate_name{
    color:#1d1d1d !important;
}

@media(min-width:1025px){
    .modal-quiz .mfp-iframe-scaler{
        max-height:750px;
    }
}

@media(min-width:992px) and (max-height:750px){
    .modal-vid .mfp-content{
        max-width:990px !important;
    }
}

@media only screen and (max-width: 1024px){
    #latest .latest_list li{
        flex: 0 0 48%;
    }

    .bg_img img, .tab_img img, .playlist_img img, .link_bg img, .card-reward .reward_img:before, .post_img img{
        min-height:initial !important;
    }

    #latest .latest_list>li .post_img{
        min-height:initial !important;
    }
}

@media(min-width:768px) and (max-width:1199px){
    #user-nav .dropdown_list{
        left:initial;
        right:0;
    }
}

@media(max-width:48em){
    .chapters_list_modal.grid-resource .grid_item{
        width: 100%;
        flex: none;
        max-width: 100%;
    }

    body.in-modal .slick-list{
        padding:0 10px !important;
    }

    body.in-modal .modal-text-wrapper{
        padding:0 10px !important;
    }

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

    #multiple_modals_wrap .custom-modal-title{
        color:#999;
        margin-left:5px;
    }

    #multiple_modals_wrap .custom-modal-count{
        float:none;
        color:#FFF;
    }

    #multiple_modals_wrap .custom-modal-count strong{
        color:#FFF;
    }

    #multiple_modals_wrap .custom-modal-header{
        left:0;
        right:0;
        z-index:2;
        background:#1d1d1d;
        border-bottom: none;
        padding-left:30px;
        padding-right:60px;
    }

    #multiple_modals_wrap .custom-close{
        left:initial;
        top:0;
        background:#f33d33;
        position:absolute;
    }

    #multiple_modals_wrap .mfp-close:after{
        content:"x";
    }

    #multiple_modals_wrap .mfp-container:before{
        content:none;
    }

    #multiple_modals_wrap.modal-reward .mfp-content{
        max-width:100%;
    }

    #multiple_modals_wrap .slick-slider .slick-slide{
        padding: 0px;
        min-height:100vh;
        background:#FFF;
    }

    #multiple_modals_wrap .mfp-iframe-scaler iframe{
        box-shadow:none !important;
    }

    #multiple_modals_wrap .banner_back,
    #multiple_modals_wrap .banner_next{
        display:none !important;
    }

    .post-video {
        margin: 0 auto;
    }

    .touchevents .vid_pause{
        opacity:0.5 !important;
    }

    .touchevents .vid_pause .vid_icn {
        background-position: -114px 0 !important;
        width: 14px !important;
    }

    .entry_body iframe{
        width:100%;
    }

    .slideshow-wrap .slideshow_icn:before {
        text-shadow: 0 0 3px rgba(0,0,0,0.5);
    }

    #rewards .mfp-iframe-scaler .mfp-close{
        background: #f33d33 !important;
        display:block !important;
    }

    #rewards .mfp-iframe-scaler .mfp-close::after{
        content:'x' !important;
    }

    .intro_head2{
        text-align:center;
    }

    .intro_head2 .intro_btn{
        margin-top:20px;
    }

    #chapter.single .banner_wrapper{
        height:12.625em;
    }

    #chapter .intro{
        padding: 2.5em 0 1.5em;
    }

    #chapter .intro_meta{
        padding-top:1.25em;
    }

    #chapter #learn ol.lessons{
        padding-top: 0;
        border-top:0;
    }

    #chapter .lesson_status.card_time{
        padding-bottom:10px !important;
    }

    #chapter .passed-header{
        padding:10px 0;
    }

    #chapter .passed-header .tertiary{
        font-size:16px;
        letter-spacing: 0.01em;
    }

    #chapter .lms_wrapper .btn-alt{
        border: 1px solid #eee;
        padding: 12px 10px 10px;
        letter-spacing: 0.02em;
    }
}


.fender_ranking.tertiary.user_iq:after{
    content: "";
}

.fender_ranking.tertiary.user_iq:before{
    content: 'i';
    color: #f33d33;
    display: inline-block;
    font-family: "Fender Icons";
    font-style: normal;
    font-weight: normal;
    position: relative;
    text-transform: none;
    padding-right: 10px;
    font-size: 18px;
    top:2px;
}

.wrapper-faq{
    min-height: 300px;
}

.disabled-click article{
    background-color: #eeeeee;
    box-shadow: none;
    border: none;

}

.disabled-click article .lesson_hdg{
    color: #9d9d9d;
}
.disabled-click .card-lesson{
    border: none;
}
.disabled-click .card-lesson:hover{
    box-shadow: none;
   
}
.disabled-click article .mod_body{
     color: #d1d1d1;
}

.disabled-click article .locked-icon{
    color: #bbbbbb;
    font-size: 1.2rem;
}
.disabled-click article .lesson_locked{
     position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}
.disabled-click .card-lesson{
    border-bottom: 1px solid #e6e6e6;
}

.extratext{
    display: inline-block;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.1875rem;
    color: #FFF;
    vertical-align: middle;
    padding: 0 35px;
}

@media(max-width:767px){
    .extratext{
        display:block;
        padding:20px 0;
        text-align:center;
    }
}

/** CERTIFICATE ARCHIVE **/
.nav_progressbar .current-year{
    color:#FFF;
    font-size:12px;
    padding-left:50px;
    text-align:center;
}

.certificates-archive-wrapper .certificates_list{
    display:grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 5%;
}

.certificates-archive-wrapper .certificates_list .certificate_box {
    /* margin-left:5.5%; */
    max-width:100%;
    width:100%;
}

@media(max-width: 1024px) {
    .certificates-archive-wrapper .certificates_list{
        display:flex !important;
        grid-template-columns: auto;
        grid-column-gap: auto;
    }
    
    .certificates-archive-wrapper .certificates_list .certificate_box {
        margin-left:5.5%;
        max-width:350px;
        width:32%;
    }
}

@media (max-width: 479px) {
    .certificates-archive-wrapper .certificates_list .certificate_box {
        max-width: 250px;
    }
}

/* NEW CHANGES 2020 */

#choosebrandpage #page-foot{
    display:none !important;
}

.page-choosebrand-section .brand-hero{
    background: #1d1d1d;
    color: #fff;
    position: relative;
    text-align: center;
    padding:0 !important;
}

.page-choosebrand-section figure {
    z-index: 9999;
}

.page-choosebrand-section .brand-hero-inner {
    z-index: 10000;
}

.page-choosebrand-section .banner_title {
    letter-spacing: 0 !important;
}

.page-choosebrand-section .banner_copy {
    max-width:70em !important;
}

.page-choosebrand-section .banner_subhead {
    margin-top:1em !important;
}

.page-choosebrand-section .banner_subhead p {
    font-size:17px;
    color:#ce2027;
    letter-spacing: 0 !important;
}

@font-face {
    font-family: Fender Icons;
    src: url(../fonts/Fdr.eot?248fbec6fbc91b86a2c7485ccc442248?#iefix) format("embedded-opentype"),url(../fonts/Fdr.woff?248fbec6fbc91b86a2c7485ccc442248) format("woff"),url(../fonts/Fdr.ttf?248fbec6fbc91b86a2c7485ccc442248) format("truetype"),url(../fonts/Fdr.svg?248fbec6fbc91b86a2c7485ccc442248#Fdr) format("svg")
}

.fdr-icon {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fdr-icon:before {
    font-family: Fender Icons!important;
    font-style: normal;
    font-weight: 400!important;
    vertical-align: top
}

.fdr-icon--logo:before {
    content: "\F122"
}

.logo-wrap-flex{
    display:grid;
    gap:100px;
    grid-template-columns: 1fr 1fr 1fr;
}

.logo-wrap-flex.two-cols {
    grid-template-columns: 1fr 1fr
}

.logo-wrap-flex .logo-wrap-holder {
    flex: 0;
}

.logo-wrap-flex img.jackson-logo {
    width:100%;
    display:block;
    margin-bottom:30px;
}

.logo-wrap-flex .fdr-icon--logo {
    font-size:83px;
    color:#fff;
    display:block;
    margin-bottom:20px;
}

.activity-main-image{
    width:100%;
    height:calc((100vw - 440px) / 3 / 1.77);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
}


[class*="jsreplacetext"] {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeHolderShimmer;
    background: #f6f7f8;
    background: linear-gradient(to right, rgba(100,100,100,0.5) 8%, #dddddd 18%, rgba(100,100,100,0.5) 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
    display:inline-block;
    height:auto;
    text-indent: -9999px;
    width:85px;
}

@keyframes placeHolderShimmer {
    0%{ background-position: -468px 0; }
    100%{ background-position: 468px 0; }
}

#dashboard .lms {
    padding-top: 0 !important
}

.callout.transparent-bg {
    box-shadow:none !important;
    margin-bottom:0 !important;
}

.callout.transparent-bg .extratext {
    display:block;
    text-align: center;
    color:#1d1d1d;
    margin-bottom: 25px;
}

.callout.transparent-bg .callout_txt{
    margin-bottom:0;
    letter-spacing: 0;
    margin-top:25px;
}

.nav_item.nav-item-fender,
.nav_item.nav-item-gretsch,
.nav_item.nav-item-presonus,
.nav_item.nav-item-jackson {
    text-indent: -9999px;
    width: 110px;
    background-repeat:no-repeat;
    background-position:center 39%;
    background-size:85%;
    opacity:0.6;
    transition: opacity 0.3s ease;
}

.nav_item.nav-item-fender {
    background-image:url('../img/fender_main_white.png');
}

.nav_item.nav-item-jackson {
    background-image:url('../img/jackson_logo_white.png');
}

.nav_item.nav-item-gretsch {
    background-image:url('../img/gretsch_choose_white.png');
}

.nav_item.nav-item-presonus {
    background-image:url('../img/presonus_choose_white.png');
}

.nav_item.nav-item-fender:hover,
.nav_item.nav-item-gretsch:hover,
.nav_item.nav-item-presonus:hover,
.nav_item.nav-item-jackson:hover {
    opacity:1;
}

@media only screen and (max-width: 1024px) {
    body.body_main_jackson .feed_wrap,
    body.body_main_gretsch .feed_wrap,
    body.body_main_presonus .feed_wrap,
    body.body_main_fender .feed_wrap {
        max-width: calc(100% - 250px);
    }

    body.body_main_jackson .feed::after,
    body.body_main_gretsch .feed::after,
    body.body_main_presonus .feed::after,
    body.body_main_fender .feed::after {
        left:22px;
    }

    .activity-main-image {
        height:calc((100vw - 280px) / 3 / 1.77);
    }
}

@media only screen and (max-width: 767px) {
    body.body_main_jackson .feed_wrap,
    body.body_main_gretsch .feed_wrap,
    body.body_main_presonus .feed_wrap,
    body.body_main_fender .feed_wrap {
        max-width: 70%;
    }

    body.body_main_jackson .feed::after,
    body.body_main_gretsch .feed::after,
    body.body_main_presonus .feed::after,
    body.body_main_fender .feed::after {
        content:'NEW';
        left:22px;
    }

    .activity-main-image {
        height:150px;
    }

    .logo-wrap-flex{
        gap:15px;
        grid-template-columns: 1fr;
    }

    .logo-wrap-flex img.jackson-logo {
        max-width: 140px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        margin-bottom:15px;
    }

    .logo-wrap-flex .fdr-icon--logo {
        font-size:43px;
        margin-bottom: 10px;
    }
}