/*
 * 
 * CSS Styles for the Creative Brew Landing Pages.
 * 
 */

/*
 * Table of contents:
 * 
 * # WORKSHOP LANDING PAGE
 * ## Section: Hero Image
 * ## Section: You'll Discover
 * ## Section: Testimonials
 * ## Section: 7 Step
 * ## Section: Breakout Box
 * ## Section: Workshop info
 * ## Section: Ticketing
 * ## Section: Register my interest
 * ## Section: Ebook
 * ## Section: Newsletter
 * ## Section: Process Roadmap
 * ## Section: Partners
 * ## Section: Footer
 * 
 * # EBOOK PAGE
 * ## Section: Ebook header
 * ## Section: Breakout
 * ## Section: Ebook intro
 * 
 * # EBOOK THANK-YOU PAGE
 * ## Section: Thank-you top
 * ## Section: Thank-you bottom
 * 
 * # QUESTIONNAIRE LANDING PAGE
 * ## Questionnaire top
 * ## Form
 * ## Questionnaire bottom
 * 
 * # EBOOK PAGE - Brand Name ebook (10/4/2015)
 * ## Section: Breakout
 * 
 * # WORKBOOK PAGE - Building a Brand, not a business workbook (15/4/2015)
 * 
 * # ONLINE WORKSHOP LANDING PAGE
 * ## Section: Header
 * ## Section: Benefits
 * ## Section: 7 Steps
 * ## Section: 7 Steps, What they do
 * ## Section: Features
 * ## Section: How does it work? (main LP)
 * ## Section: Message from Peter
 * ## Section: Testimonials
 * ## Section: Reviews
 * ## Section: Pricing Tables
 * ## Section: Pricing Tables, New - updated 6th Jan '16
 * ## Infusionsoft Forms
 * ## Section: FAQs

 * 
 * 
 * # ONLINE WORKSHOP "PRELAUNCH" LANDING PAGE
 * ## Section: PL Header
 * ## Section: What is it?
 * ## Section: What is the problem?
 * ## Section: Who is it for?
 * ## Section: How does it work?
 * ## Section: What will I learn?
 * ## Section: Outcomes
 * ## Section: Benefits (Prelaunch)
 * ## Section: What do I get?
 * ## Section: Free Trial
 * ## Section: Pricing Table
 * ## Section: FAQs
 * ## Section: About CB
 * ## Section: Newsletter

 * 
 * 
 * # PERSONALITY MODULE LANDING PAGE
 * ## Section: PM Header
 * ## Section: CTA Strip
 * ## Section: PM Intro
 * ## Section: PM How does it work?
 * 
 */

.cb_container {
    max-width: 1200px;
    display: block;
    margin: 0 auto;
}

.placeholder_section {
    margin: 30px 0;
}
.placeholder_section .cb_container {
    border: 1px solid #ccc;
    padding: 20px 30px;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.mobile_show {
    display: none !important;
}
.mobile_hide {
    display: block !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

p.no_padding {
    padding: 0;
}



/*
 *
 * # WORKSHOP LANDING PAGE
 *
 ******************************************************************************/

/* ## Section: Hero Image */
.hero_image {
    background: url('../images/workshop/hero_image.jpg') no-repeat top center;
    height: 680px;
}
.hero_image .the_header_content {
    padding-left: 50px;
    position: relative;
}
.hero_image .the_content {
    width: 750px;
    padding-left: 50px;
    position: relative;
}
.hero_image h1 {
    font: 400 53px/53px 'Roboto Slab';
    background-color: #f0ab00;
    text-transform: none;
    display: inline-block;
    margin-bottom: 0;
    font-family: 'Roboto Slab' !important;
    position: absolute;
    top: 90px;
    left: 0px;
    z-index: 995;
    padding: 5px 10px 3px 10px;
}
.hero_image h1.line1 {
    top: 60px;
    left: 15px;
}
.hero_image h1.line2 {
    top: 112px;
    left: 0px;
    z-index: 993;
}
.hero_image h1.small {
    font: 100 35px/35px 'Roboto Slab';
    font-weight: 100 !Important;
    top: 30px; 
    left: 50px;
    z-index: 999;
    padding: 4px 10px 3px 10px;
}
.hero_image h2 {
    font: 100 40px/40px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 100 !important;
    background-color: #fff;
    text-transform: none;
    display: inline-block;
    position: absolute;
    top: 162px; 
    left: 50px;
    z-index: 990;
    padding: 15px 11px 7px 10px;
}
.hero_image h3 {
    font: 400 25px/32px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    color: #fff;
    text-transform: none;
    max-width: 630px;
    padding-top: 225px;
    margin-bottom: 15px;
}
.hero_image ul {
    padding-left: 25px;
    margin-bottom: 15px;
}
.hero_image ul li {
    font: normal 17px/22px 'Roboto Slab';
    color: #fff;
    margin-bottom: 8px;
}
.hero_image p {
    font: normal 17px/22px 'Roboto Slab';
    color: #fff;
}
.hero_image .left {
    float: left;
    width: 40%;
    margin-right: 3.5%;
}
.hero_image .right {
    float: left;
    width: 45%;
    padding-left: 1.5%;
    margin-top: 25px;
    border-left: 1px solid #94c2bf;
    padding-bottom: 6px;
}

.hero_image .right .line {
    font: 100 17px/28px 'Roboto Slab';
    color: #fff;
}
.hero_image .right .line.line1 {
    font-size: 17px;
}
.hero_image .right .line.line2 {
    font-size: 18px;
}
.hero_image .right .line.line3 {
    font-size: 19px;
}
.hero_image .right em {
    font: 700 26px/28px 'Roboto Slab';
}
.hero_image .cta_button {
    display: block;
    width: 270px; /* 325px - 55px */
    height: 96px; /* 130px - 34px */
    background: url('../images/workshop/button_cta.png') no-repeat left top;
    font: normal 28px/35px 'Roboto Slab';
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 34px 0 0 55px;
}
.hero_image .cta_button:hover{
    color: #f0ab00;
}




/* ## Section: You'll Discover */
.youll_discover {
    background: #f8d580;
    border: 0px solid #f0ab00;
    border-width: 12px 0;
    padding: 30px 0 50px 0;
}
.youll_discover h3 {
    font: normal 38px/45px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    color: #222;
    text-align: center;
    text-transform: none !important;
}
.youll_discover .cb_row {
    max-width: 960px;
    display: block;
    margin: 0 auto;
}
.youll_discover .cb_col {
    float: left;
    width: 21.33%;
    margin-right: 2%;
    font: 300 20px/26px 'Roboto Slab';
    color: #222;
    padding-left: 12%;
    min-height: 90px;
    
    margin-right: 1.5%;
}
.youll_discover .cb_col.col1 { width: 16.3%; }
.youll_discover .cb_col.col2 { width: 21.8%; }
.youll_discover .cb_col.col3 { width: 22.9%; }
    
.youll_discover .cb_container .cb_col:last-child {
    margin-right: 0;
}
.youll_discover .cb_col.hand       { background: url('../images/workshop/icon_hand.png') no-repeat left center; }
.youll_discover .cb_col.speech     { background: url('../images/workshop/icon_speech.png') no-repeat left center; }
.youll_discover .cb_col.brochure   { background: url('../images/workshop/icon_brochure.png') no-repeat left center; }




/* ## Section: Testimonials */
.testimonials {
    background: #fff;
    padding: 30px 0 50px 0;
}
.testimonials .video_row {
    max-width: 864px;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.testimonials h3 {
    font: normal 38px/45px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    margin-bottom: 30px;
    color: #019e95;
    text-align: center;
    text-transform: none !important;
}
.testimonials .testimonial {
    width: 47%;
    float: left;
}
.testimonials .testimonial:first-child {
    margin-right: 3%;
}
.testimonials .testimonial:last-child {
    margin-left: 3%;
    background-position: right top;
}
.testimonials .testimonial .photo {
    width: 24%;
    margin: 0 3%;
    float: left;
}
.testimonials .testimonial .photo.right {
    float: right;
}
.testimonials .testimonial .photo img {
    max-width: 95%;
    border-radius: 100px;
}
.testimonials .testimonial .testimonial_copy {
    width: 70%;
    float: left;
}
.testimonials .testimonial p {
    font: 300 16px/20px 'Verb';
    font-style: italic;
    border-left: 0;
    padding-left: 0;
}
.testimonials .testimonial .person {
    font: 700 16px/20px 'Verb';
    color: #019e95;
}




/* ## Section: 7 Step */
.seven_steps {
    background: #bfeefc;
    padding: 30px 0;
}
.seven_steps h3 {
    font: normal 33px/42px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    margin-bottom: 30px;
    color: #00bbf4;
    text-align: center;
    text-transform: none !important;
    max-width: 780px;
    margin: 0 auto;
}
.seven_steps h3 a {
    color: inherit;
    font-weight: 700;
}
.seven_steps h3 a:hover {
    color: #000;
}
.seven_steps h4 {
    font: 700 26px/35px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 700 !important;
    margin-bottom: 30px;
    color: #222222;
    text-align: center;
    text-transform: none !important;
    max-width: 960px;
    margin: 0 auto;
}
.seven_steps em {
    font: 700 23px/35px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 700 !important;
    font-style: normal;
    color: #fff;
    background: #00bbf4;
    text-align: center;
    text-transform: none !important;
    padding: 5px 10px;
    max-width: 800px;
    display: block;
    margin: 30px auto;
}
.seven_steps ul {
    max-width: 880px;
    margin: 20px auto;
    padding-left: 25px;
}
.seven_steps ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    font: normal 18px/23px 'Roboto Slab';
    color: #222;
    margin-bottom: 15px;
}
.seven_steps ul li:nth-child(2n+2) {
    margin-right: 0;
}
/* The steps "pyramid" */
.seven_steps .steps_pyramid {
    max-width: 820px;
    margin: 50px auto 20px auto;
}
.seven_steps .steps_pyramid .cb_left {
    float: left;
    width: 50%;
    background: url('../images/workshop/steps_pyramid.png') no-repeat top center;
    height: 100%;
    min-height: 394px;
}
.seven_steps .steps_pyramid .cb_right {
    float: left;
    width: 50%;
    font: bold 26px/56px 'Roboto Slab';
    color: #222;
    text-transform: uppercase;
}
.seven_steps .steps_pyramid p {
    padding-bottom: 0;
}
.seven_steps .steps_pyramid p.step7 { margin-left: -150px; }
.seven_steps .steps_pyramid p.step6 { margin-left: -120px; }
.seven_steps .steps_pyramid p.step5 { margin-left: -90px; }
.seven_steps .steps_pyramid p.step4 { margin-left: -60px; }
.seven_steps .steps_pyramid p.step3 { margin-left: -30px; }
.seven_steps .steps_pyramid p.step2 { margin-left: 0px; }
.seven_steps .steps_pyramid p.step1 { margin-left: 30px; }
/* The accordian*/
.accordion {
    list-style: none;
    margin: 50px auto;
    padding: 0;
    height: 270px;
    width: 930px;
    overflow: hidden;
    
    height: 205px;
}
.accordion .panel {
    float: left;
    display: block;
    height: 270px;
    width: 53px;
    overflow: hidden;
    color: #555;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    
    height: 205px;
}
.accordion .panel.active {
    width: 545px;
    
    width: 612px;
}
.accordion .panelContent {
    padding: 20px 25px 15px 74px;
    height: 240px;
    width: 466px;
    background: #fff;
    font: 300 20px/24px 'Roboto Slab';
    
    width: 513px;
    height: 170px;
}
.accordion .header {
    width: 51px;
    height: 270px;
    float: left;
    background: #00bbf4;
    border-right: 2px solid #8fe1fa;
    cursor: pointer;
    
    height: 205px;
}
.accordion .active .header {
    cursor: auto;
}
.accordion .last {
    border: none;
}
.accordion .panelContent h4 {
    text-align: left;
    text-transform: uppercase !important;
    margin-bottom: 15px;
}
.accordion .step1 .panelContent h4 { color: #912685; }
.accordion .step2 .panelContent h4 { color: #174a93; }
.accordion .step3 .panelContent h4 { color: #28b9ec; }
.accordion .step4 .panelContent h4 { color: #009e95; }
.accordion .step5 .panelContent h4 { color: #efab1f; }
.accordion .step6 .panelContent h4 { color: #d86639; }
.accordion .step7 .panelContent h4 { color: #981e33; }
.accordion .step1 .header { background: #912685 url('../images/workshop/step1.png') no-repeat center center; }
.accordion .step2 .header { background: #174a93 url('../images/workshop/step2.png') no-repeat center center; }
.accordion .step3 .header { background: #28b9ec url('../images/workshop/step3.png') no-repeat center center; }
.accordion .step4 .header { background: #009e95 url('../images/workshop/step4.png') no-repeat center center; }
.accordion .step5 .header { background: #efab1f url('../images/workshop/step5.png') no-repeat center center; }
.accordion .step6 .header { background: #d86639 url('../images/workshop/step6.png') no-repeat center center; }
.accordion .step7 .header { background: #981e33 url('../images/workshop/step7.png') no-repeat center center; }
.accordion .step1:hover .header { background: #912685 url('../images/workshop/step1_active.png') no-repeat center center; }
.accordion .step2:hover .header { background: #174a93 url('../images/workshop/step2_active.png') no-repeat center center; }
.accordion .step3:hover .header { background: #28b9ec url('../images/workshop/step3_active.png') no-repeat center center; }
.accordion .step4:hover .header { background: #009e95 url('../images/workshop/step4_active.png') no-repeat center center; }
.accordion .step5:hover .header { background: #efab1f url('../images/workshop/step5_active.png') no-repeat center center; }
.accordion .step6:hover .header { background: #d86639 url('../images/workshop/step6_active.png') no-repeat center center; }
.accordion .step7:hover .header { background: #981e33 url('../images/workshop/step7_active.png') no-repeat center center; }
.accordion .step1.active .header { background: #912685 url('../images/workshop/step1_active.png') no-repeat center center; }
.accordion .step2.active .header { background: #174a93 url('../images/workshop/step2_active.png') no-repeat center center; }
.accordion .step3.active .header { background: #28b9ec url('../images/workshop/step3_active.png') no-repeat center center; }
.accordion .step4.active .header { background: #009e95 url('../images/workshop/step4_active.png') no-repeat center center; }
.accordion .step5.active .header { background: #efab1f url('../images/workshop/step5_active.png') no-repeat center center; }
.accordion .step6.active .header { background: #d86639 url('../images/workshop/step6_active.png') no-repeat center center; }
.accordion .step7.active .header { background: #981e33 url('../images/workshop/step7_active.png') no-repeat center center; }
.accordion .next {
    font: 700 21px/21px 'Verb';
    color: #000;
    float: right;
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: none;
}
.accordion .next:hover {
    color: #f0ab00;
}
.accordion .header .mobile_show {
    font: 700 22px/50px 'Roboto Slab';
    color: #fff;
    padding-left: 50px;
    text-transform: uppercase;
}
.accordion .mobile_header {
    font: 700 22px/50px 'Roboto Slab';
    color: #fff;
    padding-left: 50px;
    text-transform: uppercase;
    background: #00bbf4;
    border-bottom: 2px solid #8fe1fa;
    cursor: pointer;
    display: none;
    background-size: 25px auto !important;
}
.accordion .mobile_header.step1 { background: #912685 url('../images/workshop/step1_active.png') no-repeat 12px center; }
.accordion .mobile_header.step2 { background: #174a93 url('../images/workshop/step2_active.png') no-repeat 12px center; }
.accordion .mobile_header.step3 { background: #28b9ec url('../images/workshop/step3_active.png') no-repeat 12px center; }
.accordion .mobile_header.step4 { background: #009e95 url('../images/workshop/step4_active.png') no-repeat 12px center; }
.accordion .mobile_header.step5 { background: #efab1f url('../images/workshop/step5_active.png') no-repeat 12px center; }
.accordion .mobile_header.step6 { background: #d86639 url('../images/workshop/step6_active.png') no-repeat 12px center; }
.accordion .mobile_header.step7 { background: #981e33 url('../images/workshop/step7_active.png') no-repeat 12px center; }

/* ## Section: Breakout Box */
.breakout_box {
    background: #950086;
    border: 0px solid #b71db7;
    border-width: 25px 0;
    text-align: center;
    color: #fff;
    padding: 50px 0;
}
.breakout_box p {
    font: 300 22px/30px 'Roboto Slab';
    margin-bottom: 15px;
    padding-bottom: 0;
}
.breakout_box em {
    font: 300 31px/45px 'Roboto Slab';
    font-style: normal;
    color: #222;
    background: #f0ab00;
    padding: 4px 12px;
    margin-top: 10px;
    display: inline-block;
}





/* ## Section: Workshop info */
.workshop_info {
    text-align: center;
    padding: 50px 0;
}
.workshop_info h3 {
    font: normal 38px/45px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    text-transform: uppercase;
    padding: 5px 16px;
    display: inline-block;
    margin: 0 auto 40px auto;
    background: #019e95;
    color: #fff;
}
.workshop_info h4 {
    font: normal 29px/35px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    text-transform: none !important;
    color: #222;
}
.workshop_info h5 {
    font: normal 22px/28px 'Roboto Slab';
    font-weight: 700 !important;
    font-family: 'Roboto Slab' !important;
    color: #222;
    min-height: 56px;
    margin-bottom: 15px;
}
.workshop_info .outcomes_container {
    padding: 30px 0;
    border-bottom: 1px solid #cccccc;
}
.workshop_info .outcome {
    float: left;
    width: 30%;
    margin-right: 5%;
    padding-top: 160px;
    text-align: left;
}
.workshop_info .outcome:last-child {
    margin-right: 0;
}
.workshop_info .outcome.reimagine_your_brand { 
    background: url('../images/workshop/icon_rocket.png') no-repeat top center; 
}
.workshop_info .outcome.point_of_difference { 
    background: url('../images/workshop/icon_shoes.png') no-repeat top center; 
    background-position: center 40px;
}
.workshop_info .outcome.right_for_you { 
    background: url('../images/workshop/icon_silhouette.png') no-repeat top center; 
}
.workshop_info .outcome p { 
    font: 300 16px/21px 'Roboto Slab';
}

.workshop_info .upcoming_workshops {
    padding: 60px 0 20px 0;
}
.workshop_info .description {
    padding: 15px 15px 15px 120px;
    position: relative;
    text-align: left;
    margin-left: 100px;
}
.workshop_info .description p {
    font: 300 16px/21px 'Roboto Slab';
}
.workshop_info .description p:last-child {
    padding-bottom: 0;
}
.workshop_info .description ul {
    padding-left: 25px;
}
.workshop_info .description ul li {
    font: 300 16px/21px 'Roboto Slab';
    margin-bottom: 5px;
}
.workshop_info .one_day_workshops {
    float: left;
    width: 49%;
}
.workshop_info .two_day_workshops {
    float: right;
    width: 49%;
}
.workshop_info .upcoming_workshops h4 {
    text-align: center;
    text-transform: uppercase !important;
    color: #fff;
    font: 700 20px/24px 'Roboto Slab';
    font-weight: 700 !important;
    font-family: 'Roboto Slab' !important;
    height: 200px;
    width: 200px;
    border-radius: 200px;
    display: inline-block;
    padding-top: 52px;
    position: absolute;
    top: -18px;
    left: -100px;
    box-sizing: border-box;
}
.workshop_info .upcoming_workshops h4 em {
    font-style: normal;
    font-weight: normal !important;;
    font-size: 50px;
    line-height: 58px;
    text-transform: none !important;
}
.workshop_info .upcoming_workshops .one_day_workshops h4 {
    background: #00bbf4;
}
.workshop_info .upcoming_workshops .one_day_workshops .description {
    background: #ccf1fd;
}
.workshop_info .upcoming_workshops .two_day_workshops h4 {
    background: #f0ab00;
}
.workshop_info .upcoming_workshops .two_day_workshops .description {
    background: #fceecc;
}
.workshop_info .upcoming_workshops .workshop_list {
    margin-top: 60px;
    padding-left: 100px;
    text-align: left;
}
.workshop_info .upcoming_workshops h5 {
    text-transform: none !important;
    color: #00bbf4;
    font: 700 20px/24px 'Roboto Slab';
    font-weight: 700 !important;
    font-family: 'Roboto Slab' !important;
    margin-top: 35px;
    margin-bottom: 8px;
}
.workshop_info .upcoming_workshops h5.small {
    font-size: 17px;
}
.workshop_info .upcoming_workshops .two_day_workshops h5 {
    color: #f0ab00;
}
.workshop_info .upcoming_workshop {
    background: #e5e5e5;
    font-family: 'Roboto Slab';
    position: relative;
    padding: 6px 6px 6px 15px;
    height: 41px;
    margin-bottom: 5px;
}
.workshop_info .upcoming_workshop.none_scheduled,
.workshop_info .upcoming_workshop.coming_soon {
    min-height: 34px;
    height: auto;
    font-size: 14px;
    line-height: 18px;
    padding-right: 180px;
}
.workshop_info .upcoming_workshops h6 {
    text-transform: none !important;
    color: #222;
    font: 700 16px/20px 'Roboto Slab';
    font-weight: 700 !important;
    font-family: 'Roboto Slab' !important;
    margin: 0;
}
.workshop_info .upcoming_workshops .upcoming_workshop.coming_soon h6 {
    line-height: 34px;
}
.workshop_info .upcoming_workshop p {
    padding-bottom: 0;
    font-size: 14px;
    line-height: 18px;
}
.workshop_info .upcoming_workshops .cta_button {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    height: 48px;
    width: 136px;
    display: block;
    
    padding-top: 22px;
    padding-left: 31px;
    font-size: 14px;
    line-height: 18px;
    
    position: absolute;
    top: -14px;
    right: -4px;
}
.workshop_info .upcoming_workshops .cta_button.book {
    background: url('../images/workshop/button_cta_small.png') no-repeat top left;
}
.workshop_info .upcoming_workshops .cta_button.register_interest {
    background: url('../images/workshop/button_cta_register.png') no-repeat top center;
    padding-top: 7px;
    padding-left: 0;
    font-size: 13px;
    line-height: 16px;
    top: -1px;
    right: -5px;
}
.workshop_info .upcoming_workshops .cta_button:hover {
    color: #f0ab00;
}
.workshop_info p .underline {
    border-bottom: 1px solid #454545;
}
.workshop_info .workshops_space_filler {
    height: 120px;
}


/* ## Section: Ticketing */
.ticketing {
    background: #e5e5e5;
    padding: 50px 0;
    text-align: center;
}
.ticketing h3 {
    font: normal 38px/45px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    text-transform: none !important;
    padding: 5px 16px;
    display: inline-block;
    margin: 0 auto 40px auto;
    background: #950086;
    color: #fff;
}
.ticketing .venue_container {
    text-align: left;
    width: 650px;
    max-width: 100%;
    margin: 20px auto;
    background: #fff;
    color: #222;
}
.ticketing .venue_container .title_strip {
    background: #019e95;
    background: #00bbf4;
    color: #fff;
    font: 700 34px/34px 'Roboto Slab';
    padding: 20px 35px;
    position: relative;
}
.ticketing .venue_container .title_strip.no_workshops {
    font: 300 19px/27px 'Roboto Slab';
    text-align: center;
}
.ticketing .venue_container .title_strip .date {
    font: 300 25px/25px 'Roboto Slab';
}
.ticketing .venue_container .title_strip .arrow {
    position: absolute;
    right: 35px;
    top: 25px;
    width: 37px;
    height: 26px;
    display: block;
    background: url('../images/workshop/arrow_down_blue.png') no-repeat center center;
    background-size: 100% auto;
}
.ticketing .venue_container .venue_information {
    padding: 25px 35px;
    padding: 35px;
    font: 300 14px/20px 'Roboto Slab';
}
.ticketing .venue_container .venue_information p {
    padding-bottom: 0;
    margin-bottom: 15px;
}
.ticketing .venue_container .venue_information em {
    font: 300 18px/24px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 700 !important;
    font-style: normal;
    text-transform: none;
    margin-bottom: 0;
}
.ticketing .venue_container .venue_information .day_title {
    font-weight: 700;
    display: inline-block;
    width: 55px;
}
.ticketing .venue_container .eventbrite_form_container {
    padding: 10px 35px 15px 35px;
}
.ticketing .venue_container .cf7_form_container {
    padding: 50px 35px 25px 35px;
}
.ticketing .venue_container .cf7_form_container form label {
    width: 30%;
    font-weight: 700;
}
.ticketing .venue_container .cf7_form_container input, .ticketing .venue_container .cf7_form_container select {
    width: 70%;
    padding: 6px 8px;
    border-color: #ccc;
}
.ticketing .venue_container .cf7_form_container input.register_interest_button {
    cursor: pointer;
    text-indent: -9999px;
    background: url('../images/workshop/register_interest_button.png') no-repeat top center;
    background-size: 100% auto;
    border: 0;
    height: 75px;
    width: 308px;
    margin-left: 23%;
}
.ticketing .venue_container .cf7_form_container .wpcf7-not-valid-tip {
    margin-left: 30%;
    font-size: 13px;
}
.ticketing .venue_container .cf7_form_container div.wpcf7-validation-errors {
    font-size: 13px;
}
.ticketing .venue_container .cf7_form_container div.wpcf7-mail-sent-ok {
    font-size: 13px;
    border-width: 0;
    color: #398f14;
}
.ticketing .venue_container .cf7_form_container p {
    margin-bottom: 0;
}
.ticketing .venue_container .guarantee {
    background: #019e95;
    color: #fff;
    padding: 10px;
}
.ticketing .venue_container .guarantee .content_container {
    background: #019e95;
    color: #fff;
    padding: 25px 30px;
    border: 1px solid #80cfca;
}
.ticketing .venue_container .guarantee h5 {
    font: normal 25px/30px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    text-transform: none;
    color: #fff;
    margin-bottom: 20px;
}
.ticketing .venue_container .guarantee p {
    font: 300 14px/22px 'Roboto Slab';
    color: #fff;
    padding: 0;
    margin: 6px 0;
}
.ticketing .venue_container .guarantee p.signoff {
    font: 700 18px/22px 'Roboto Slab';
    color: #fff;
}
.ticketing .eventbrite_form_container {
    padding: 10px;
}



/* ## Section: Register my interest */
.register_interest {
    background: #e5e5e5;
    padding: 0 0 50px 0;
    text-align: center;
}
.register_interest .form_container {
    text-align: left;
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    color: #222;
}
.register_interest h3 {
    font: normal 15px/45px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    text-transform: none !important;
    text-align: center;
    padding: 5px 16px;
    margin: 0 auto 40px auto;
    background: #950086;
    color: #fff;
}
.register_interest .infusion-form input, .register_interest .infusion-form select {
    width: 67%;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.register_interest .form_container .infusion-form input[type=submit] {
    background-image: url('../images/workshop/button_cta.png');
    text-indent: 0;
    font-size: 20px;
    line-height: 25px;
    text-transform: none;
    font-weight: 400;
}
.register_interest .form_container .infusion-form input[type=submit]:hover {
    color: #f0ab00;
}
.register_interest .form_container .infusion-form input[type=checkbox] {
    width: auto;
}
.register_interest .form_container .infusion-form label.checkbox_label {
    float: none;
    font-weight: normal;
    line-height: 15px;
    text-align: left;
    margin-left: 12px;
}
.form_container .infusion-form label.small {
    font-size: 13px;
}
.form_container .infusion-form .no_margin {
    margin-bottom: 0;
}


/* ## Section: Ebook */
.ebook {
    background-color: #222222;
}
.ebook .cb_container {
    max-width: 800px;
}
.ebook .left {
    float: left;
    width: 30%;
}
.ebook .right {
    float: left;
    width: 70%;
}
.ebook h3 {
    color: #f0ab00;
    font: 700 33px/40px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    text-transform: none;
    margin-bottom: 10px;
    padding-left: 13px;
}
.ebook h4 {
    color: #fff;
    font: 700 25px/32px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    text-transform: none;
    margin-top: 30px;
    margin-bottom: 0;
    padding-left: 13px;
}
.ebook .cb_button {
    background: url('../images/workshop/button_ebook.png') no-repeat top left;
    display: block;
    width: 356px;
    height: 79px;
    color: #222;
    text-transform: uppercase;
    font: 300 20px/74px 'Roboto Slab';
    text-align: center;
    transition: none;
}
.ebook .cb_button:hover, .ebook .cb_button:hover strong {
    color: #f0ab00;
    transition: none;
    color: #fff;
}
.ebook img.ebook_cover {
    margin-top: -20px;
    margin-bottom: -50px;
}




/* ## Section: Newsletter */
.newsletter {
    background: #00bbf4;
    border: 0px solid #7fddf9;
    border-width: 33px 0;
    padding: 40px 0 20px 0;
    text-align: center;
}
.newsletter .cb_container {
    max-width: 470px;
    margin: 0 auto;
}
.newsletter h3 {
    font: normal 31px/40px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    text-transform: none;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
}
.newsletter p {
    font: 300 18px/25px 'Roboto Slab';
    color: #222;
    margin: 0 auto;
    max-width: 400px;
}
.newsletter p .creative_brew {
    font: 600 20px/25px 'Open Sans';
}
.newsletter form {
    margin: 20px 0;
}
.newsletter label {
    font: 500 19px/34px 'Verb';
    color: #fff;
    width: 40%;
    padding-right: 2%;
    display: inline-block;
}
.newsletter input[type=text], .newsletter select {
    font: 400 15px/17px 'Verb' !important;
    color: #222;
    width: 60%;
    display: inline-block;
    padding: 7px 6px;
    margin-bottom: 8px;
    border: 0;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.newsletter input[type=submit] {
    font: 400 21px/40px 'Roboto Slab';
    text-transform: none;
    color: #fff;
    margin-left: 40%;
    width: 184px;
    height: 58px;
    display: block;
    background: transparent url('../images/workshop/button_newsletter.png') no-repeat top left;
    cursor: pointer;
    border: 0;
}
.newsletter input[type=submit]:hover {
    color: #f0ab00;
    background: transparent url('../images/workshop/button_newsletter.png') no-repeat top left;
}



/* ## Section: Process Roadmap */
.process_roadmap {
    background: #bfeefc;
    padding: 30px 0;
}
.process_roadmap .process_roadmap_content_container {
    max-width: 860px;
    margin: 0 auto;
    display: block;
    position: relative;
}
.process_roadmap .cb_header {
    background: #222;
    color: #fff;
    padding: 25px 0;
    position: absolute;
    top: 20px;
}
.process_roadmap .cb_header .cb_left {
    float: left;
    width: 23%;
    padding: 0 2%;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}
.process_roadmap .cb_header .cb_right {
    float: left;
    width: 67%;
    padding: 15px 5% 0px 5%;
}
.process_roadmap .cb_header .cb_right h3 {
    font-family: 'Roboto Slab' !important;
    color: #fff;
    text-transform: none;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 12px;
}
.process_roadmap .cb_header .cb_right p {
    font: 100 16px/21px 'Roboto Slab';
    color: #fff;
    padding-bottom: 0;
}
.process_roadmap .cb_content {
    background: #fff;
    padding: 240px 5% 20px 5%;
    margin-left: 23%;
    width: 65%;
    margin-right: 2%;
}

.process_roadmap_content {
    position: relative;
}
.process_roadmap .process_roadmap_content_container .ribbon {
    position: absolute;
    width: 210px;
    padding-right: 20px;
    left: -242px;
    top: 5px;
    height: 49px;
    font: 400 22px/49px 'Roboto Slab';
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: url('../images/workshop/ribbon_red.png') no-repeat right center;
}
#main .process_roadmap_content .header.container {
    padding: 0;
}
.process_roadmap_content h4 {
    font-family: 'Roboto Slab' !important;
    color: #000;
    font-size: 19px;
    line-height: 25px;
    text-transform: none;
    padding: 4px 6px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.process_roadmap_content .step1 h4 { background: #f0ab00 url('../images/workshop/indicator_step1.png') no-repeat top left; background-size: 50px auto; }
.process_roadmap_content .step2 h4 { background: #950086 url('../images/workshop/indicator_step2.png') no-repeat center left; background-size: 50px auto; color: #fff; }
.process_roadmap_content .step3 h4 { background: #019e95 url('../images/workshop/indicator_step3.png') no-repeat bottom left; background-size: 50px auto; color: #fff; }
.process_roadmap_content p.detail { 
    font: 400 16px/21px 'Roboto Slab';
    color: #222;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
}
.process_roadmap_content h4 {
    background-image: none !important; 
}
#main .process_roadmap_content .header.container {
    padding-left: 50px;
}
#main .process_roadmap_content .header.container.step1 { 
    background: #fff url('../images/workshop/indicator_step1.png') no-repeat top left; 
    background-size: 50px auto; 
    padding-bottom: 5px;
}
#main .process_roadmap_content .header.container.step1_blank { 
    background: #fff url('../images/workshop/indicator_step1_blank.png') no-repeat top left; 
    background-size: 50px auto; 
    padding-bottom: 5px;
    height: 20px;
}
#main .process_roadmap_content .header.container.step2 { 
    background: #fff url('../images/workshop/indicator_step2.png') repeat-y center left; 
    background-size: 50px auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
#main .process_roadmap_content .header.container.step3 { 
    background: #fff url('../images/workshop/indicator_step3.png') no-repeat bottom left; 
    background-size: 50px auto;
    padding-top: 20px;
}

/* ## Section: Partners */
.partners {
    background: #bcbcbc;
    padding: 35px 0;
}
.partners .cb_left {
    float: left;
    width: 23%;
    margin-left: 10%;
    padding-top: 6px;
    font: normal 18px/24px 'Roboto Slab';
}
.partners .cb_right {
    float: left;
    width: 67%;
    border-left: 1px solid #656565;
    box-sizing: border-box;
}
.partners .partner {
    float: left;
    width: 30%;
    height: 60px;
    padding: 0 1.5%;
    background-size: auto 100% !important;
}
.partners .partner.ikon                 { background: url('../images/workshop/partner_ikon.png') no-repeat top center; }
.partners .partner.the_entourage        { background: url('../images/workshop/partner_the_entourage.png') no-repeat top center; }
.partners .partner.queens_collective    { background: url('../images/workshop/partner_queens_collective.png') no-repeat top center; }




/* ## Section: Footer */
.cb_footer {
    background: #000;
    color: #fff;
    padding: 15px 0 10px 0;
}
.cb_footer .col {
    float: left;
    width: 30%;
    margin-right: 5%;
}
.cb_footer .col:last-child {
    margin-right: 0;
}
.cb_footer .col1 {
    text-align: left;
    padding-top: 10px;
}
.cb_footer .col2 {
    padding-top: 55px;
    text-align: center;
    color: #ccc;
}
.cb_footer .col3 {
    float: right;
    text-align: right;
}
.cb_footer .phone {
    font: 300 37px/50px 'Roboto Slab';
}
.cb_footer .col3 a {
    color: #fff;
    font: 300 20px/32px 'Roboto Slab';
}
.cb_footer .col3 a:hover {
    color: #f0ab00;
}



/*
 *
 * # EBOOK PAGE
 *
 ******************************************************************************/

/* ------ COLOURS FOR THE VARIOUS LANDING PAGES ------- */
.ebook_brand_name .breakout {
    background: #174a93;
}
.ebook_brand_name .ebook_form {
    background: #981e33;
    border-color: #ad4b5c;
}

/* ------ COLOURS FOR THE VARIOUS THANK-YOU PAGES ------- */
.ebook_7_ingredients.ebook_brand_name .thank_you_bottom {
    background: #981e33;
    border-color: #ad4b5c;
}
.ebook_7_ingredients.ebook_brand_name .thank_you_bottom p {
    color: #fff;
}

/* ------- BOOK IMAGE SIZES FOR VARIOUS PAGES ------- */
.ebook_7_ingredients.ebook_brand_name .thank_you_bottom .cb_right img {
    max-width: 352px;
}





/* ## Section: Ebook header */
.ebook_7_ingredients .ebook_header, 
.ebook_brand_name .ebook_header, 
.workbook_building_a_brand .ebook_header, 
.cbow_thank_you .ebook_header,
.overhang_header,
.lp_header
{
    background: #000;
}
.ebook_7_ingredients .ebook_header .cb_container, 
.ebook_brand_name .ebook_header .cb_container, 
.workbook_building_a_brand .ebook_header .cb_container, 
.cbow_thank_yoecourse u.ebook_header .cb_container, 
.overhang_header .cb_container,
.lp_header .cb_container 
{
    position: relative;
    min-height: 50px;
}
.ebook_7_ingredients .ebook_header .logo, 
.ebook_brand_name .ebook_header .logo, 
.workbook_building_a_brand .ebook_header .logo, 
.cbow_thank_you .ebook_header .logo, 
.overhang_header .logo, 
.lp_header .logo 
{
    position: absolute;
    bottom: -8px;
    left: 5px;
}
.cb_section.lp_header {
}



/* ## Section: Breakout */
.breakout {
    background: #981e32;
    padding: 25px 0;
    margin: 25px 0;
    text-align: center;
}
.breakout h2 {
    font-family: 'Roboto Slab' !important;
    font-weight: 100 !important;
    font-size: 31px;
    line-height: 38px;
    text-transform: none;
    color: #fff;
    margin-bottom: 0;
}
.breakout h2 .line {
    display: block;
}



/* ##Section: Ebook intro */
.ebook_intro {
    background: #f1ab1c;
    border: 0px solid #f8d680;
    border-width: 10px 0;
    padding: 40px 0;
    
    background: #fff;
    border-width: 0;
}
.ebook_intro .cb_left {
    width: 55%;
    float: left;
}
.ebook_intro .cb_right {
    width: 45%;
    float: right;
    overflow: visible;
    
    position: relative;
}
.ebook_intro .cb_right img {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: -140px;
    width: 74%;
    
    position: absolute;
    z-index: 10;
    left: 60px;
}
.ebook_intro h1 {
    font: 700 50px/56px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 700 !important;
    text-transform: none;
    color: #222;
}
.ebook_intro h1 .ebook {
    font-weight: 300 !important;
    background: transparent;
}
.ebook_intro p {
    font: 400 26px/36px 'Roboto Slab';
    color: #222;
    margin-bottom: 12px;
}
.ebook_intro p a {
    color: #019e95;
    text-decoration: underline;
}
.ebook_intro p a:hover {
    color: #04877f;
}

.ebook_form {
    padding-bottom: 30px;
    
    background: #f1ab1c;
    border: 0px solid #f8d680;
    border-width: 10px 0;
}
.ebook_form .cb_left {
    float: left;
    width: 50%;
    padding: 40px 0;
}
.ebook_form .cb_right {
    float: right;
    width: 50%;
    position: relative;
}
.ebook_form .cb_left .cb_copy,
.ebook_form .cb_left .cb_copy p,
.ebook_form .cb_left .cb_copy ul li {
    font: 300 24px/32px 'Roboto Slab';
    color: #fff;
    margin-bottom: 6px;
}
.ebook_form .cb_left .cb_copy p a {
    color: inherit;
    text-decoration: underline;
    
    text-decoration: none;
    font-weight: bold;
}
.ebook_form .cb_left .cb_copy p a:hover {
    color: #000;
}
.ebook_form .cb_left .cb_copy {
    margin-bottom: 25px;
}
.ebook_form .cb_left .cb_copy ul {
    padding-left: 25px;
}
.ebook_form .cb_left .cb_copy ul li {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 12px;
}
.ebook_form .cb_left p {
    font: 300 24px/32px 'Roboto Slab';
    color: #222;
    margin-bottom: 6px;
}
.ebook_form .cb_left p.breakout {
    background-color: #f1ab1c;
    font-size: 32px;
    line-height: 38px;
    padding: 8px 12px;
}
.ebook_form .form_container {
    background: url('../images/ebook/form_background.png') no-repeat bottom center;
    background-size: 100% auto;
    padding: 50px 20px 15px 20px;
    max-width: 420px;
    width: 420px;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 50px;
    z-index: 1;
}
.ebook_form .form_container .infusion-form label {
    width: 100%;
    text-align: left;
}
.ebook_form .form_container input.infusion-field-input-container {
    width: 100%;
}
.ebook_form .form_container input.infusion-field-input-container {
    border-radius: 0 !important;
}
.ebook_form .form_container .infusion-form input[type=submit] {
    width: 100%;
    margin-left: 0;
    
    background: url('../images/ebook/button_cta.png') no-repeat top center;
    background: url('../images/ebook/button_cta_purple.png') no-repeat top center;
    background-size: 100% auto !important;
    max-width: 240px;
    display: block;
    margin: 0 auto;
    height: 92px;
    padding-left: 60px;
    text-align: center;
    text-indent: 0;
    font: 300 22px/24px 'Roboto Slab';
    white-space: normal;
    padding-top: 20px;
    
    padding-top: 12px;
    padding-left: 60px;
    max-width: 237px;
    padding-right: 20px;
    font: 300 21px/22px 'Roboto Slab';
    height: 82px;
}
.ebook_form .form_container .infusion-form input[type=submit].yellow {
    background: url('../images/ebook/button_cta_yellow.png') no-repeat top center;
}
.ebook_form .form_container .infusion-form input[type=submit].orange {
    background: url('../images/ebook/button_cta_orange.png') no-repeat top center;
}
.ebook_form .form_container .infusion-form input[type=submit].red {
    background: url('../images/ebook/button_cta_red.png') no-repeat top center;
}
.ebook_form .form_container .infusion-form input[type=submit].blue {
    background: url('../images/ebook/button_cta_blue.png') no-repeat top center;
}
.ebook_form .form_container .infusion-form input[type=submit].darkblue {
    background: url('../images/ebook/button_cta_darkblue.png') no-repeat top center;
}
.ebook_form .form_container .infusion-form input[type=submit].green {
    background: url('../images/ebook/button_cta_green.png') no-repeat top center;
}
.ebook_form .form_container .infusion-form input[type=checkbox] {
    width: auto;
}
.ebook_form .form_container .infusion-form input[type=checkbox] + label {
    width: auto;
    font-weight: normal;
    float: none;
    font-size: 13px;
    margin-left: 15px;
    display: inline-block;
}

.ebook_form .testimonial {
    
}
.ebook_form .testimonial .cb_left {
    width: 15%;
    margin-right: 0;
    padding: 0;
}
.ebook_form .testimonial .cb_right {
    float: left;
    width: 70%;
}
.ebook_form .testimonial .cb_left img {
    width: 60px;
    height: auto;
    margin: 0 auto;
    display: block;
}
.ebook_form .testimonial .cb_right p {
    font: normal 17px/24px 'Noto Sans';
    font-style: italic;
    color: #fff;
}
.ebook_form .testimonial .cb_right p.name {
    font-style: normal;
    font-weight: bold;
}

.ebook_form .ribbon {
    font: 300 35px/50px 'Roboto Slab';
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    color: #fff;
    background: url('../images/ebook/ribbon.png') no-repeat right center;
    padding: 0px 52px 0px 32px;
    display: inline-block;
    width: auto;
    
}
.ebook_form .ribbon strong {
    font-weight: 700;
    text-decoration: underline;
}


.ebook_form .form_breakout {
    font: 300 24px/50px 'Roboto Slab';
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    color: #fff;
    background: #950086;
    display: inline-block;
    width: auto;
    margin: -10px -20px 10px -20px;
    width: 460px;
}
.ebook_form .form_breakout strong {
    font-weight: 700;
    text-decoration: underline;
}



/* # EBOOK THANK-YOU PAGE */
/* ## Section: Thank-you top */
.ebook_7_ingredients .thank_you_top {
    padding: 60px 0 30px 0;
}
.ebook_7_ingredients .thank_you_top h2 {
    font: 700 28px/34px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 400 !important;
    text-transform: none;
    color: #019e95;
    margin-bottom: 12px;
    max-width: 35%;
}
.ebook_7_ingredients .thank_you_top h1 {
    font: 700 42px/52px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 700 !important;
    text-transform: none;
    color: #222;
    max-width: 55%;
}
.ebook_7_ingredients .thank_you_top h1 .ebook {
    font-weight: 300 !important;
    background: transparent;
}
.ebook_7_ingredients .thank_you_top h3 {
    font: 300 20px/24px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 300 !important;
    text-transform: none;
    color: #222;
}
.ebook_7_ingredients .thank_you_top a.download_link img {
    vertical-align: middle;
}
.ebook_7_ingredients .thank_you_top a.download_link:hover {
    opacity: 0.9;
}
.ebook_7_ingredients .thank_you_top .pdf_message {
    vertical-align: middle;
    line-height: 74px;
    display: inline-block;
    margin-left: 20px;
}

/* ## Section: Thank-you bottom */
.ebook_7_ingredients .thank_you_bottom {
    background: #f1ab1c;
    border: 0px solid #f8d680;
    border-width: 10px 0;
    padding: 40px 0;
}
.ebook_7_ingredients .thank_you_bottom .cb_left {
    float: left;
    width: 50%;
}
.ebook_7_ingredients .thank_you_bottom .cb_right {
    float: right;
    width: 50%;
}
.ebook_7_ingredients .thank_you_bottom .cb_right img {
    max-width: 411px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: -300px;
}
.ebook_7_ingredients .thank_you_bottom p {
    font: 300 22px/30px 'Roboto Slab';
    color: #222;
}
.ebook_7_ingredients .thank_you_bottom p.smaller {
    font-size: 19px;
    line-height: 27px;
}
.ebook_7_ingredients .thank_you_bottom p a {
    color: inherit;
    text-decoration: underline;
    
    text-decoration: none;
    font-weight: bold;
}
.ebook_7_ingredients .thank_you_bottom p a:hover {
    color: #000;
    color: #fff;
}
.ebook_7_ingredients .thank_you_bottom ul {
    list-style-type: none;
}
.ebook_7_ingredients .thank_you_bottom ul li {
    font: 700 22px/28px 'Roboto Slab';
    color: #222;
    margin-bottom: 4px;
}



/*
 *
 * # QUESTIONNAIRE LANDING PAGE
 *
 ******************************************************************************/
.brand_challenge_questionnaire {
    
}
.brand_challenge_questionnaire .cb_left {
    float: left;
    width: 55%;
    margin-right: 7%;
    position: relative;
}
.brand_challenge_questionnaire .cb_right {
    float: left;
    width: 38%;
}

/* ## Questionnaire top */
.brand_challenge_questionnaire .questionnaire_top {
    padding: 80px 0 50px 0;
}
.brand_challenge_questionnaire .questionnaire_top h1 {
    font-family: 'Roboto Slab' !important;
    font-weight: 400 !important;
    font-size: 62px;
    line-height: 62px;
    text-transform: uppercase;
    background-color: #019e95;
    color: #fff;
    padding: 4px 10px;
    margin-bottom: 12px;
    display: block;
    text-align: center;
}
.brand_challenge_questionnaire .questionnaire_top h1.small {
    font-weight: 100 !important;
    font-size: 32px;
    line-height: 32px;
    text-transform: none;
    margin-bottom: 0;
    position: absolute;
    left: 40px;
    top: -17px;
    display: inline-block;
}
.brand_challenge_questionnaire .questionnaire_top h2 {
    font-family: 'Roboto Slab' !important;
    font-weight: 400 !important;
    font-size: 33px;
    line-height: 33px;
    text-transform: none;
    color: #000;
}
.brand_challenge_questionnaire .questionnaire_top .panel {
    background: #f2f2f2;
    padding: 25px 0;
    margin-top: 60px;
}
.brand_challenge_questionnaire .questionnaire_top .panel .cb_left {
    width: 31%;
    margin-right: 0;
}
.brand_challenge_questionnaire .questionnaire_top .panel .cb_right {
    width: 67%;
    padding: 0 2% 0 0;
    font-family: 'Roboto Slab' !important;
    color: #000;
    font-size: 20px;
    line-height: 28px;
}
.brand_challenge_questionnaire .questionnaire_top .panel .cb_right em {
    font-style: normal;
    text-decoration: underline;
    
}
.brand_challenge_questionnaire .questionnaire_top .panel .cb_left img {
    display: block;
    margin: -49px auto -60px auto;
}

/* ## Form */
.form_container {
    margin-bottom: -300px;
}
.form_container .form_header {
    background: #f0ab00;
    padding: 20px 10px;
    border-radius: 20px 20px 0 0;
    border-bottom: 2px solid #f7d070;
}
.form_container .form_body {
    background: #f4c040;
    padding: 10px 30px;
    border-radius: 0 0 20px 20px;
}
.form_container .form_header h3 {
    font-family: 'Roboto Slab' !important;
    text-align: center;
    color: #000;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 0;
}
.form_container .form_header h4 {
    font-family: 'Roboto Slab' !important;
    font-weight: 300 !important;
    text-align: center;
    text-transform: none;
    color: #fff;
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 0;
}
.form_container .form_header h4 em {
    font-style: normal;
    text-decoration: underline;
}
.form_container .form_body ul {
    padding-left: 0;
    list-style-type: none;
}
.form_container .form_body ul li {
    background: url('../images/quiz/bullet_tick.png') no-repeat left 0.5em;
    padding: 4px 0 5px 55px;
    font: normal 17px/22px 'Roboto Slab';
    color: #222;
    margin-bottom: 6px;
    min-height: 36px;
}
.form_container .form_body ul li.extra_top_padding {
    padding-top: 15px;
}
.form_container .infusion-form {
    margin-top: 20px;
}
.form_container .infusion-form label {
    line-height: 35px;
    padding-right: 12px;
    color: #222;
    width: 33%;
}
.form_container input.infusion-field-input-container {
    border-radius: 0 !important;
    padding: 8px 10px;
    width: 67%;
}
.form_container .infusion-form input[type=submit] {
    width: 100%;
    margin-left: 0;
    background: url('../images/quiz/button_background.png') no-repeat top center;
    background-size: 100% auto;
    max-width: 240px;
    display: block;
    margin: 0 auto;
    height: 92px;
    padding-left: 60px;
    text-align: center;
    text-indent: -9999px;
    font: 300 22px/24px 'Roboto Slab';
    white-space: normal;
    padding-top: 20px;
}
.form_container p.form_footnote {
    text-align: center;
    font: normal 19px/22px 'Roboto Slab';
    color: #222;
    padding-bottom: 0;
    margin-top: -20px;
}

/* ## Questionnaire bottom */
.brand_challenge_questionnaire .questionnaire_bottom {
    background: #ccc;
    color: #000;
    padding: 60px 0;
}
.brand_challenge_questionnaire .questionnaire_bottom h4 {
    font: 700 19px/26px 'Roboto Slab';
    font-family: 'Roboto Slab' !important;
    font-weight: 700 !important;
    text-transform: none;
    color: #000;
    margin-bottom: 20px;
}
.brand_challenge_questionnaire .questionnaire_bottom p {
    font-size: 20px;
    font: normal 16px/20px 'Roboto Slab';
    text-align: right;
    padding-bottom: 0;
}
.brand_challenge_questionnaire .questionnaire_bottom p.education {
    font-size: 15px;
}


/*
 *
 * # EBOOK PAGE - Brand Name ebook (10/4/2015)
 *
 ******************************************************************************/

/* ## Section: Breakout */
.ebook_brand_name .breakout h2 {
    font-size: 29px;
    line-height: 36px;
}

.ebook_brand_name .ebook_intro h1 {
    font-size: 46px;
    line-height: 52px;
}

.ebook_brand_name .ebook_intro .cb_right img {
    width: 64%;
    margin-top: -10px;
    left: 50px;
}

.ebook_brand_name .ebook_form .form_container {
    padding-top: 70px;
}
.ebook_brand_name .ebook_form .form_container label {
    display: block;
    width: 100%;
    text-align: left;
    font: 700 15px/35px 'Noto Sans';
    color: #222;
}
.ebook_brand_name .ebook_form .form_container input[type=text],
.ebook_brand_name .ebook_form .form_container input[type=email] {
    display: block;
    width: 100%;
    font: normal 13px/20px 'Noto Sans';
    padding: 8px 10px;
}
.ebook_brand_name .ebook_form .form_container input.get_your_copy_button {
    width: 100%;
    margin-left: 0;
    
    background: url('../images/ebook/button_cta.png') no-repeat top center;
    background-size: 100% auto;
    max-width: 240px;
    display: block;
    margin: 0 auto;
    height: 92px;
    padding-left: 60px;
    padding-right: 14px;
    text-align: center;
    text-indent: 0;
    font: 300 22px/24px 'Roboto Slab';
    color: #fff;
    text-transform: uppercase;
    white-space: normal;
    padding-top: 10px;
    cursor: pointer;
}
.ebook_brand_name div.wpcf7-mail-sent-ok {
    display: none !important;
}
.form_container .note {
    font-size: 13px;
    font-style: italic;
}

/*
 *
 * # WORKBOOK PAGE - Building a Brand, not a business workbook (15/4/2015)
 *
 ******************************************************************************/
.workbook_building_a_brand {
    
}
.workbook_building_a_brand h2 {
    font-weight: 700 !important;
    font-family: 'Roboto Slab' !important;
    font-size: 20px;
    line-height: 25px;
    text-transform: none;
    color: #f1ab1c;
    margin-bottom: 15px;
}
.workbook_building_a_brand .breakout h2 {
    font-size: 29px;
    font-weight: 100 !important;
    line-height: 36px;
    color: #fff;
    margin-bottom: 0;
}
.workbook_building_a_brand .ebook_intro p {
    font-size: 20px;
    line-height: 30px;
}
.workbook_building_a_brand .ebook_intro p a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}
.workbook_building_a_brand .ebook_intro p a:hover {
    color: #f1ab1c;
}
.workbook_building_a_brand .ebook_form .cb_left .cb_copy, 
.workbook_building_a_brand .ebook_form .cb_left .cb_copy p, 
.workbook_building_a_brand .ebook_form .cb_left .cb_copy ol li {
    font-size: 19px;
    line-height: 27px;
}
.workbook_building_a_brand .ebook_form .cb_left .cb_copy ol {
    padding-left: 30px;
    padding-bottom: 20px;
}
.workbook_building_a_brand .form_container {
    padding-top: 30px;
    padding-bottom: 40px;
}
.workbook_building_a_brand .gform_wrapper .top_label .gfield_label {
    width: 100%;
    text-align: left;
    display: block;
}
.workbook_building_a_brand .gform_wrapper .top_label input.large, 
.workbook_building_a_brand .gform_wrapper .top_label select.large, 
.workbook_building_a_brand .gform_wrapper .hidden_label input.large, 
.workbook_building_a_brand .gform_wrapper .hidden_label select.large {
    width: 100%;
    max-width: 100%;
}
.workbook_building_a_brand .gform_wrapper input.gf_coupon_code {
    width: 70%;
    max-width: 70%;
}
.workbook_building_a_brand .gform_wrapper input#gf_coupon_button.button {
    width: 25%;
    max-width: 25%;
    float: right;
}
.workbook_building_a_brand .gform_wrapper .gform_footer input.button, 
.workbook_building_a_brand .gform_wrapper .gform_footer input[type=submit], 
.workbook_building_a_brand .gform_wrapper .gform_footer input[type=image] {
    max-width: 100%;
    width: 100%;
    height: auto;
    cursor: pointer;
    background: #950086;
    font: 400 20px/42px 'Roboto Slab';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 0;
}
.workbook_building_a_brand .gform_wrapper .gform_footer input.button:hover, 
.workbook_building_a_brand .gform_wrapper .gform_footer input[type=submit]:hover, 
.workbook_building_a_brand .gform_wrapper .gform_footer input[type=image]:hover {
    background: #7a056e;
}

/* Form error state */
.workbook_building_a_brand .gform_wrapper div.validation_error {
    border-width: 0;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding: 0;
}




/*
 *
 * # ONLINE WORKSHOP LANDING PAGE
 *
 ******************************************************************************/

.cb_online_workshop_lp {
    color: #222;
    font-family: 'Noto Sans';
    letter-spacing: 0;
}
.cb_section {
    width: 100%;
}
.cbow_7_steps_what_they_do .cbow_7_steps_wtd {
    padding-left: 100px;
}


/* ## Section: Header */
.cbow_header {
    
}
.cbow_header .cbow_hero {
    height: 700px;
    background: url('../images/online_workshop/bybf_header.jpg') no-repeat top center;
    position: relative;
}
.cbow_header .cbow_hero .cb_container {
    position: relative;
}
.cbow_header .cbow_hero h1 {
    margin-bottom: 0;
    font: normal 47px/47px 'Roboto Slab' !important;
    text-transform: none;
    padding: 3px 12px 8px 12px;
    background: #efab1f;
    display: inline-block;
    position: absolute;
    top: 51px;
    left: 20px;
    z-index: 50;
}
.cbow_header .cbow_hero h1.small {
    font: 100 24px/24px 'Roboto Slab' !important;
    top: 25px;
    left: 50px;
    z-index: 20;
}
.cbow_header .cbow_hero h2 {
    margin-bottom: 0;
    font: 100 32px/32px 'Roboto Slab' !important;
    text-transform: none;
    padding: 10px 12px 7px 12px;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 102px;
    left: 50px;
    z-index: 20;
}
.cbow_header .cbow_hero h3 {
    margin-bottom: 0;
    font: 400 20px/20px 'Roboto Slab' !important;
    text-transform: none;
    position: absolute;
    top: 164px;
    left: 50px;
}
.cbow_header .video_and_intro_container {
    width: 500px;
    float: left;
    position: absolute;
    top: 210px;
    left: 50px;
}
.cbow_header .video_and_intro_container .arrowhead {
    display: block;
    width: 24px;
    height: 70px;
    position: absolute;
    bottom: 0;
    right: -24px;
    background: url('../images/online_workshop/arrowhead_right_white.png') no-repeat bottom left;
}
.cbow_header .video_container {
    width: 100%;
    height: 300px;
    /* background: url('../images/online_workshop/placeholdit_500_300.png') no-repeat top center; */
}
.cbow_header .intro {
    background: #fff;
    padding: 10px 20px 15px 20px;
    position: relative;
}
.cbow_header .intro h3 {
    position: static;
    font: 700 33px/36px 'Roboto Slab' !important;
    color: #efab1f;
    margin-bottom: 14px;
}
.cbow_header .intro h4 {
    margin-bottom: 0;
    font: 400 20px/26px 'Roboto Slab' !important;
    text-transform: none;
    color: #009e95;
}
.cbow_header .intro h5 {
    margin-bottom: 0;
    font: 700 18px/22px 'Noto Sans' !important;
    text-transform: none;
    margin-bottom: 6px;
}
.cbow_header .intro ul {
    padding-left: 25px;
}
.cbow_header .intro ul li {
    font: normal 14px/22px 'Noto Sans';
    margin-bottom: 6px;
}
.cbow_header .intro ul li:last-child {
    margin-bottom: 0;
}

.cbow_header .date_strip {
    background: #efab1f;
}
.cbow_header .date_strip .cb_right {
    width: 50%;
    float: right;
    font: normal 20px/42px 'Roboto Slab';
    color: #222;
    text-align: center;
}
.cbow_header .call_to_action {
    background: #009e95 url('../images/online_workshop/background_green_texture.jpg');
}
.cbow_header .call_to_action .cb_right {
    width: 50%;
    float: right;
    text-align: center;
}
.cbow_header .call_to_action .cb_right a {
    background: url('../images/online_workshop/cta_button.png') no-repeat top center;
    background-size: 100% auto;
    text-align: center;
    font: normal 18px/22px 'Roboto Slab';
    text-transform: uppercase;
    color: #fff;
    display: block;
    width: 446px;
    height: 64px; /* 87px - 23px padding */
    margin: 30px auto;
    padding-top: 23px;
    cursor: pointer;
}
.cbow_header .call_to_action .cb_right a.header_cta_button2 {
    background: #d86639;
    border: 2px solid #994629;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
    margin: 45px auto 30px auto;
    padding: 8px 0;
    width: 300px;
    height: auto;
    position: relative;
}
.cbow_header .call_to_action .cb_right a.header_cta_button2:after {
    position: absolute;
    content: url('../images/online_workshop/cta_arrow_purple.png');
    top: -15px;
    right: -45px;
}
.cbow_header .call_to_action .cb_right a.header_cta_button2:hover {
    background: #994629;
}
.cbow_header .call_to_action .cb_right a:hover {
    color: #fff;
}



/* ## Section: 7 Steps */
.cbow_7_steps {
    background: #94d7f0;
    padding: 30px 0;
}
.cbow_7_steps .cloud {
    background: url('../images/online_workshop/cloud.png') no-repeat bottom center;
    background-size: 100% auto;
    text-align: center;
    padding-top: 100px;
    height: 174px;
}
.cbow_7_steps .rain {
    background: url('../images/online_workshop/rain.png') no-repeat top center;
    background-size: 92% auto;
    background-position-x: 32%;
    color: #fff;
    padding-top: 32px;
    height: 142px; /* 174px - 32px */
}
.cbow_7_steps .rain p {
    color: #fff;
    font: bold 22px/30px 'Noto Sans';
    margin: 0 auto;
    display: block;
    max-width: 800px;
    text-align: center;
}
.cbow_7_steps h3 {
    color: #fff;
    background: #e4a01f;
    border-radius: 14px;
    padding: 7px 30px;
    font: bold 46px/55px 'Roboto Slab' !important;
    text-transform: none;
    text-align: center;
    display: inline-block;
    margin: 3px 0;
}
.cbow_7_steps h4 {
    color: #222;
    text-transform: none;
    font: bold 26px/26px 'Roboto Slab' !important;
    text-align: center;
    margin: 3px 0;
}

.cbow_7_steps .cbow_steps {
    margin-top: -50px;
}
.cbow_7_steps .step_container {
    background: #aaa;
    padding: 25px 0;
    padding: 0;
    height: 70px;
    font: bold 24px/24px 'Roboto Slab';
    color: #fff;
    margin-top: 60px;
    margin-bottom: 0;
    position: relative;
    
    margin-left: -1000px;
    padding-left: 1000px;
    
    cursor: pointer;
}
.cbow_7_steps .step_container:first-child {
    margin-top: 0;
}
.cbow_7_steps .step_container .bookend {
    background: rgba(255, 255, 255, 0.35);
    width: 9px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
}
.cbow_7_steps .cb_col {
    float: left;
    width: 25%;
}
.cbow_7_steps .cb_col.number {
    width: 7%;
    text-align: center;
    font-size: 36px;
    line-height: 30px;
    padding-top: 20px;
}
.cbow_7_steps .cb_col.badge {
    width: 13%;
    position: relative;
    height: 20px;
}
.cbow_7_steps .cb_col.badge .cb_badge {
    width: 15%;
    background-size: 100% auto;
    height: 120px;
    width: 120px;
    margin-top: -25px;
    
    margin-top: 0;
    position: absolute;
    top: -25px;
}


.cbow_7_steps .cb_col.header {
    width: 70%;
    font-size: 24px;
    line-height: 30px;
    padding-top: 20px;
    
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    padding-top: 12px;
}
.cbow_7_steps .step8 .cb_col.header {
    padding-top: 23px;
}
.cbow_7_steps .cb_col.header h4 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 2px;
    
    font: bold 15px/15px 'Noto Sans' !important;
}
.cbow_7_steps .cb_col.header p {
    margin-bottom: 0;
    padding-bottom: 0;
}
.cbow_7_steps .cb_col.controls {
    width: 7%; /* 10% - 3% */
    position: relative;
    padding-right: 3%;
}
.cbow_7_steps .cb_col.controls .cb_control {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 20px;
}
.cbow_7_steps .cb_col.controls .show {
    background: url('../images/online_workshop/arrow_down_white.png') no-repeat center center;
    cursor: pointer;
}
.cbow_7_steps .cb_col.controls .hide {
    background: url('../images/online_workshop/cross_white.png') no-repeat center center;
    display: none;
    cursor: pointer;
}

/* Step colours */
.cbow_7_steps .step_container.step1 { background: #912685; }
.cbow_7_steps .step_container.step2 { background: #174a93; }
.cbow_7_steps .step_container.step3 { background: #28b9ec; }
.cbow_7_steps .step_container.step4 { background: #009e95; }
.cbow_7_steps .step_container.step5 { background: #efab1f; }
.cbow_7_steps .step_container.step6 { background: #d86639; }
.cbow_7_steps .step_container.step7 { background: #981e32; }
.cbow_7_steps .step_container.step8 { background: #222; }
.cbow_7_steps .step_container.step1 .cb_badge { background: url('../images/online_workshop/badge_1_purpose.png') no-repeat center center; }
.cbow_7_steps .step_container.step2 .cb_badge { background: url('../images/online_workshop/badge_2_persona.png') no-repeat center center; }
.cbow_7_steps .step_container.step3 .cb_badge { background: url('../images/online_workshop/badge_3_positioning.png') no-repeat center center; }
.cbow_7_steps .step_container.step4 .cb_badge { background: url('../images/online_workshop/badge_4_pillars.png') no-repeat center center; }
.cbow_7_steps .step_container.step5 .cb_badge { background: url('../images/online_workshop/badge_5_promise.png') no-repeat center center; }
.cbow_7_steps .step_container.step6 .cb_badge { background: url('../images/online_workshop/badge_6_vision.png') no-repeat center center; }
.cbow_7_steps .step_container.step7 .cb_badge { background: url('../images/online_workshop/badge_7_personality.png') no-repeat center center; }
.cbow_7_steps .step_container.step8 .cb_badge { background: url('../images/online_workshop/badge_8_brand_action_plan.png') no-repeat center center; }


.cbow_7_steps .step_content {
    background: #fff;
    color: #222;
    padding: 30px 40px;
    margin-left: 17%;
    
    display: none;
    padding: 0;
    padding: 0 3%;
}
.cbow_7_steps .step_content .wrapper {
    padding: 30px 40px;
    padding-left: 3%;
    
    padding: 0;
    padding: 30px 0;
}



.cbow_7_steps h5 {
    color: #222;
    text-transform: none;
    margin-top: 30px;
    margin: 60px 0 15px 0;
    font: bold 26px/40px 'Roboto Slab' !important;
    text-align: center;
}
.cbow_7_steps .step_content h5 {
    font: bold 15px/20px 'Roboto Slab' !important;
    margin-top: 0;
    margin-bottom: 12px;
    text-align: left;
}
.cbow_7_steps .step_content p {
    background: #fff;
    color: #222;
    font: normal 15px/20px 'Roboto Slab' !important;
    margin-bottom: 12px;
    padding-bottom: 0;
}
.cbow_7_steps .step_content p:last-child {
    margin-bottom: 0;
}




/* ## Section: 7 Steps, What they do */
.cbow_7_steps_what_they_do {
    background: #94d7f0;
    padding-bottom: 60px;
}
.cbow_7_steps_what_they_do .cb_container {
    position: relative;
    padding-top: 60px;
}
.cbow_7_steps_what_they_do .arrow_tail {
    width: 347px;
    height: 323px;
    background: url('../images/online_workshop/rainbow_arrow_tail.png') no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    top: -60px;
    right: 0;
    width: 230px;
    z-index: 50;
}
.cbow_7_steps_what_they_do .cloud {
    box-sizing: border-box;
    width: 1090px;
    max-width: 100%;
    margin: 0 auto;
    background: url('../images/online_workshop/cloud2.png') no-repeat top center;
    background-size: 100% auto;
    text-align: center;
    padding: 65px 30px 0 30px;
    height: 177px;
    position: relative;
    z-index: 100;
    
    text-align: left;
    background: url('../images/online_workshop/cloud3.png') no-repeat top center;
    background-size: 100% auto;
    height: 225px;
}
.cbow_7_steps_what_they_do .cloud p {    
    color: #909090;
    font: normal 17px/24px 'Noto Sans';
    font-style: italic;
    max-width: 1000px;
    margin: 0 auto;
    
    padding-bottom: 0;
    padding-left: 70px;
    padding-right: 200px;
}
.cbow_7_steps_what_they_do .cloud p em {
    color: #222;
}
.cbow_7_steps_what_they_do .cloud h5 {    
    color: #222;
    font: bold 25px/25px 'Noto Sans' !important;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}
.cbow_7_steps_what_they_do .cloud .rainbow_arrow {
    display: block;
    width: 102px;
    height: 112px;
    background: url('../images/online_workshop/arrow_down_rainbow.png') no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    bottom: -65px;
    left: 118px;
}
.cbow_7_steps_what_they_do .cloud .pdfs {
    display: block;
    width: 175px;
    height: 148px;
    background: url('../images/online_workshop/pdfs.png') no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    bottom: 25px;
    right: 50px;
}

.cbow_7_steps_what_they_do .cbow_7_steps_wtd_container {
    width: 890px;
    margin: 0 auto;
    background: #c5e9f7;
    padding: 70px 30px 15px 30px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
.cbow_7_steps_what_they_do .cbow_7_steps_wtd_container h4 {
    color: #174a88;
    font: bold 22px/28px 'Roboto Slab' !important;
    text-transform: none;
    margin-bottom: 8px;
}
.cbow_7_steps_what_they_do .cbow_7_steps_wtd_container p {
    color: #174a88;
    font: normal 14px/20px 'Roboto Slab' !important;
}
.cbow_7_steps_what_they_do .cbow_7_steps_wtd {
    margin-bottom: 20px;
    padding-left: 160px;
    background-position: center left;
    min-height: 100px;
}
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.grow_your_brand_rapidly        { background: url('../images/online_workshop/icon_7steps_GrowYourBrand.png') no-repeat center left; }
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.attract_more_loyal_customers   { background: url('../images/online_workshop/icon_7steps_AttractMoreLoyalCustomers.png') no-repeat center left; }
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.become_the_clear_choice        { background: url('../images/online_workshop/icon_7steps_BecomeTheClearChoice.png') no-repeat center left; }
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.build_a_website                { background: url('../images/online_workshop/icon_7steps_BuildAWesbite.png') no-repeat center left; }
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.create_powerful_messages       { background: url('../images/online_workshop/icon_7steps_CreatePowerfulMessages.png') no-repeat center left; }
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.look_and_feel                  { background: url('../images/online_workshop/icon_7steps_LookAndFeel.png') no-repeat center left; }
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.attract_a_great_team           { background: url('../images/online_workshop/icon_7steps_AttractAGreatTeam.png') no-repeat center left; }
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.grow_through_partnerships      { background: url('../images/online_workshop/icon_7steps_GrowThroughPartnerships.png') no-repeat center left; }
.cbow_7_steps_what_they_do .cbow_7_steps_wtd.get_a_higher_roi               { background: url('../images/online_workshop/icon_7steps_GrowYourBrandRapidly.png') no-repeat center left; }

.cbow_7_steps_what_they_do .think_act_grow {
    background: #28aee1;
    height: 119px; /* 144px - 25px */
    border-radius: 72px;
    text-align: center;
    padding: 25px 40px 0 200px;
    position: relative;
}
.cbow_7_steps_what_they_do .think_act_grow .icon {
    background: url('../images/online_workshop/icon_7steps_ThinkActAndGrow.png') no-repeat center left;
    background-size: 100% auto;
    display: block;
    width: 149px;
    height: 142px;
    position: absolute;
    left: -2px;
    top: -5px;
}
.cbow_7_steps_what_they_do .think_act_grow h4 {
    color: #fff;
    font-size: 28px !important;
}
.cbow_7_steps_what_they_do .think_act_grow p {
    color: #fff;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 0;
    margin: 0;
}


/* ## Section: Benefits */
.benefits {
    margin: 40px 0;
}
.benefits .cb_row {
    max-width: 960px;
    display: block;
    margin: 0 auto;
}
.benefits .cb_col {
    float: left;
    width: 26%;
    margin-right: 11%;
    text-align: center;
    padding-top: 140px;
}
.benefits .cb_col:last-child, .benefits .cb_col.last {
    margin-right: 0;
}
.benefits .cb_col.insider_knowledge {
    background: url('../images/online_workshop/icon_insider_knowledge.png') no-repeat top center;
}
.benefits .cb_col.learn_your_way {
    background: url('../images/online_workshop/icon_learn_your_way.png') no-repeat top center;
}
.benefits .cb_col.great_value {
    background: url('../images/online_workshop/icon_great_value.png') no-repeat top center;
}
.benefits h4 {
    text-transform: none;
    font: bold 20px/24px 'Noto Sans' !important;
    margin-bottom: 6px;
}
.benefits p {
    line-height: 21px;
}

/* ## Section: Features */
.features {
    padding: 50px 0;
}
.features .cb_row {
    max-width: 960px;
    display: block;
    margin: 0 auto;
}
.features .cb_col {
    float: left;
    width: 26%;
    margin-right: 11%;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;
    padding-top: 130px;
    font: bold 16px/21px 'Noto Sans';
}
.features .cb_col.seven_modules {
    background: url('../images/online_workshop/icon_seven_modules.png') no-repeat top center;
}
.features .cb_col.live_coaching {
    background: url('../images/online_workshop/icon_live_coaching.png') no-repeat top center;
}
.features .cb_col.community_forums {
    background: url('../images/online_workshop/icon_community_forums.png') no-repeat top center;
}
.features .cb_col.brand_examples {
    background: url('../images/online_workshop/icon_brand_examples.png') no-repeat top center;
}
.features .cb_col.unlimited_access {
    background: url('../images/online_workshop/icon_unlimited_access.png') no-repeat top center;
}
.features .cb_col.one_on_one_review {
    background: url('../images/online_workshop/icon_one_on_one_review.png') no-repeat top center;
}
.features .cb_col:last-child, .features .cb_col.last {
    margin-right: 0;
}
.features h3 {
    font: bold 50px/50px 'Roboto Slab' !important;
    color: #872881;
    text-align: center;
    margin-bottom: 40px;
    text-transform: none;
}
.features h4 {
    font: bold 25px/25px 'Roboto Slab' !important;
    color: #222;
    text-align: center;
    margin-bottom: 5px;
    text-transform: none;
}
.features .note {
    font: normal 13px/15px 'Noto Sans';
    color: #222;
    text-align: center;
}


/* ## Section: How does it work? (main LP) */
.how_does_it_work {   
    margin: 40px 0 25px 0;
}
.how_does_it_work h3 {   
    font: bold 40px/40px 'Roboto Slab' !important;
    color: #872881;
    text-align: center;
    margin-bottom: 40px;
    text-transform: none;
}
.how_does_it_work h4 { 
    font: bold 22px/28px 'Roboto Slab' !important;
    color: #222;
    text-align: center;
    margin-bottom: 0;
    text-transform: none;
}
.how_does_it_work h5 { 
    font: bold 17px/22px 'Roboto Slab' !important;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    text-transform: none;
    text-align: center;
}
.how_does_it_work .how_it_works_container {
    display: block;
    max-width: 850px;
    margin: 30px auto 0 auto;
    padding: 0;
}
.how_does_it_work .how_it_works {
    float: left;
    width: 30%;
    margin-right: 5%;
    font: bold 17px/25px 'Roboto Slab';
    text-align: center;
    padding: 210px 30px 20px 30px;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.how_does_it_work .how_it_works:nth-child(3n+3) {
    margin-right: 0;
}
.how_does_it_work .how_it_works.system           { background: url('../images/online_workshop_prelaunch/feature_system.png') no-repeat center top; }
.how_does_it_work .how_it_works.examples         { background: url('../images/online_workshop_prelaunch/feature_examples.png') no-repeat center top; }
.how_does_it_work .how_it_works.quotes           { background: url('../images/online_workshop_prelaunch/feature_quotes.png') no-repeat center top; }
.how_does_it_work .how_it_works.tools            { background: url('../images/online_workshop_prelaunch/feature_tools.png') no-repeat center top; }
.how_does_it_work .how_it_works.idea_generators  { background: url('../images/online_workshop_prelaunch/feature_idea_generators.png') no-repeat center top; }
.how_does_it_work .how_it_works.videos           { background: url('../images/online_workshop_prelaunch/feature_videos.png') no-repeat center top; }
.how_does_it_work .how_it_works.content          { background: url('../images/online_workshop_prelaunch/feature_content.png') no-repeat center top; }
.how_does_it_work .how_it_works.user_profiles    { background: url('../images/online_workshop_prelaunch/feature_user_profiles.png') no-repeat center top; }
.how_does_it_work .how_it_works.forums           { background: url('../images/online_workshop_prelaunch/feature_forums.png') no-repeat center top; }
.how_does_it_work .how_it_works.compatibility    { background: url('../images/online_workshop_prelaunch/feature_compatibility.png') no-repeat center top; }

/* ## Section: Message from Peter */
.message_from_peter {
    padding: 50px 0 30px 0;
    background: #174a88;
    color: #fff;
}
.message_from_peter .cb_container {
    position: relative;
}
.message_from_peter .peter_headshot {
    background: url('../images/online_workshop/peter_engelhardt.png') no-repeat bottom left;
    width: 309px;
    height: 233px;
    position: absolute;
    bottom: -30px;
    left: -15px;
}
.message_from_peter .message_container {
    border: 3px solid #fff;
    border-radius: 25px;
    background: #5ec2e9;
    position: relative;
    padding: 15px 35px 15px 25px;
    
    width: 390px;
    margin-right: 50px;
    float: right;
}
.message_from_peter .message_container .message_container_tip {
    background: url('../images/online_workshop/speech_bubble_tip.png') no-repeat center center;
    display: block;
    width: 56px;
    height: 54px;
    position: absolute;
    top: -3px;
    left: -33px;
}
.message_from_peter .message_container .award_badge {
    background: url('../images/online_workshop/edupreneur_award.png') no-repeat center center;
    display: block;
    width: 123px;
    height: 123px;
    position: absolute;
    bottom: -20px;
    right: -90px;
}
.message_from_peter h3 {
    color: #28aee1;
    font: bold 30px/32px 'Roboto Slab' !important;
    text-transform: none;
    text-align: center;
}
.message_from_peter .cb_left {
    float: left;
    width: 62%;
}
.message_from_peter .cb_right {
    float: right;
    width: 33%;
}
.message_from_peter .cb_right h4 {
    font: bold 19px/27px 'Roboto Slab' !important;
    color: #28b9ec;
    margin-bottom: 10px;
    text-transform: none;
}

.message_from_peter .message_container .message {
    font: normal 15px/20px 'Noto Sans';
    font-style: italic;
} 
.message_from_peter .message_container .name {
    font: bold 20px/20px 'Roboto Slab';
    color: #174a88;
    padding-bottom: 3px;
} 
.message_from_peter .message_container .subtitle {
    font: bold 14px/20px 'Roboto Slab';
    color: #222;
    padding-bottom: 0;
}

.message_from_peter ul {
    padding-left: 25px;
}
.message_from_peter ul li {
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 20px;
}


/* ## Section: Testimonials */
.cbow_reviews {
    background: #ebb857;
    border-top: 12px solid #e4a01f;
}
.cbow_reviews .cb_left {
    float: left;
    width: 62%;
}
.cbow_reviews .cb_right {
    float: right;
    width: 33%;
}

.cbow_reviews h3 {
    color: #cd6639;
    font: bold 42px/50px 'Roboto Slab' !important;
    margin-bottom: 10px;
    text-transform: none;
}
.cbow_reviews h4 {
    color: #222;
    font: normal 24px/28px 'Roboto Slab' !important;
    margin-bottom: 10px;
    text-transform: none;
    margin-top: 50px;
}

.cbow_reviews .ribbon {
    width: 372px;
    max-width: 100%;
    box-sizing: border-box;
    background: #00938a;
    margin: -12px auto 0 auto;
    padding: 0 30px 15px 30px;
    border-top: 12px solid #085953;
    text-align: center;
}
.cbow_reviews .ribbon_bottom {
    width: 100%;
    height: 60px;
    background: url('../images/online_workshop/ribbon_green_bottom.png') no-repeat bottom center;
    margin-bottom: 20px;
}
.cbow_reviews .ribbon h4 {
    color: #fff;
    font: bold 29px/32px 'Noto Sans' !important;
    text-transform: none;
    margin-bottom: 20px;
}
.cbow_reviews .ribbon p {
    color: #085953;
    font: normal 21px/28px 'Noto Sans';
}
.cbow_reviews .ribbon p.money_back {
    color: #fff;
    font: normal 21px/28px 'Noto Sans';
    
    font-size: 16px;
    line-height: 25px;
}
.cbow_reviews .ribbon p.guarantee_tooltip {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 0;
}
.cbow_reviews .ribbon p.promise {
    color: #e4a01f;
    font: normal 26px/28px 'Roboto Slab';
}
.cbow_reviews .ribbon .money_icon {
    background: url('../images/online_workshop/icon_money.png') no-repeat center center;
    display: block;
    width: 142px;
    height: 85px;
    margin: 10px auto 20px auto;
}

.cbow_reviews .reviews_container {
    background: #fff;
    width: 100%;
    min-height: 350px;
    padding: 30px;
    box-sizing: border-box;
    margin-top: 20px;
}

/* New: change to testimonials */
.cbow_reviews #testimonials_container {
    margin: 40px 0 15px 0;
}
.cbow_reviews .testimonial .cb_left {
    width: 22%;
    margin-right: 5%;
}
.cbow_reviews .testimonial .cb_right {
    width: 70%;
    float: left;
}
.cbow_reviews .testimonial img {
    width: 165px;
    height: 165px;
    border-radius: 150px;
}
.cbow_reviews .testimonial .cb_right p {
    font-style: italic;
    text-align: left;
}
.cbow_reviews .testimonial .cb_right p.name {
    font-style: normal;
    font: bold 18px/22px 'Roboto Slab';
    padding-bottom: 0;
    color: #cd6639;
}
.cbow_reviews .testimonial .cb_right p.tagline {
    font-style: normal;
    font-size: 14px;
}
.cbow_reviews .owl-theme .owl-controls .owl-page span {
    background: #616462;
}


/* ## Section: Pricing Table */
.cbow_pricing_table {
    padding: 40px 0;
    text-align: center;
    background: #c9ebf7 url('../images/online_workshop/background_clouds.png') repeat-x;
    overflow: hidden;
}
.cbow_pricing_table h3 {
    display: inline-block;
    margin: 0 auto 15px auto;
    padding: 5px 18px 9px 18px;
    color: #fff;
    font: bold 38px/38px 'Roboto Slab' !important;
    text-transform: none;
    background: #862680;
}
.cbow_pricing_table h4 {
    color: #222;
    font: normal 22px/32px 'Roboto Slab' !important;
    text-transform: none;
}

.pricing_options_tabs {
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px 0;
    font-weight: bold;
}
.pricing_options_tabs a {
    margin: 5px;
    color: #59b9b3;
    font: bold 14px/22px 'Roboto Slab';
    background: #cff6f4;
    background: #fff;
    border-radius: 10px;
    padding: 5px 8px;
    border: 1px solid #59b9b3;
    
    display: inline-block;
}
.pricing_options_tabs a:hover, .pricing_options_tabs a.active {
    background: #59b9b3;
    color: #fff;
}

.cbow_pricing_table .pricing_option_col {
    float: left;
    width: 24%;
    margin-right: 1.33%;
    box-sizing: border-box;
    display: block;
}
.cbow_pricing_table .pricing_option {
    text-align: left;
    float: left;
    width: 24%;
    margin-right: 1.33%;
    margin-top: 50px;
    box-sizing: border-box;
    padding: 12px;
    color: #fff;
    
    float: none;
    width: 100%;
    margin-right: 0;
}
.cbow_pricing_table .pricing_option.option1 {
    background: #59b9b3;
}
.cbow_pricing_table .pricing_option.option2 {
    background: #00938a;
}
.cbow_pricing_table .pricing_option.option3 {
    background: #085953;
}
.cbow_pricing_table .pricing_option.option4 {
    background: #063a35;
}
.cbow_pricing_table .pricing_option.value {
    margin-top: 0;
}
.cbow_pricing_table .pricing_option .value {
    background: #8d1e33;
    color: #fff;
    text-align: center;
    font: bold 24px/50px 'Noto Sans';
    margin: -12px -12px 12px -12px;
}
.cbow_pricing_table .pricing_option_col:last-child, .cbow_pricing_table .pricing_option_col.last {
    margin-right: 0;
    padding-right: 12px !important;
}
.cbow_pricing_table .pricing_option .option_title {
    min-height: 170px;
}
.cbow_pricing_table .pricing_option h4 {
    color: #fff;
    font: bold 23px/28px 'Roboto Slab' !important;
    text-align: center;
    text-transform: none;
    margin-bottom: 0;
}
.cbow_pricing_table .pricing_option h6 {
    color: #fff;
    font: normal 16px/17px 'Noto Sans' !important;
    text-align: center;
    text-transform: none;
    margin-bottom: 18px;
}
.cbow_pricing_table .pricing_option .location {
    font-size: 14px;
    font-style: italic;
    text-align: center;
    padding-bottom: 0;
    margin-top: 4px;
}
.cbow_pricing_table .pricing_option ul {
    background: #fff;
    padding: 15px;
    padding-left: 33px;
    color: #222;
    min-height: 630px;
}
.cbow_pricing_table .pricing_option ul li {
    font: normal 15px/20px 'Noto Sans';
    margin-bottom: 10px;
}
.cbow_pricing_table .pricing_option .price {
    font: bold 38px/38px 'Roboto Slab';
    margin: 20px 0 10px 0;
    text-align: center;
}
.cbow_pricing_table .pricing_option .quote {
    font: bold 16px/19px 'Roboto Slab';
    margin: 20px 0 10px 0;
    text-align: center;
}
.cbow_pricing_table .pricing_option .option_feature {
    font: 300 17px/18px 'Roboto Slab';
    margin: 10px 0 20px 0;
    text-align: center;
}
.cbow_pricing_table .cbow_button {
    font: bold 16px/25px 'Noto Sans';
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #862680;
    padding: 8px 12px;
    display: block;
}
.cbow_pricing_table .cbow_button:hover {
    background: #a4299c;
}
.cbow_pricing_table .cbow_button.inactive {
    background: #c1c1c1;
    color: #555;
}
.cbow_pricing_table .cbow_button.inactive:hover {
    color: #fff;
    background: #a4299c;
}


.cbow_pricing_table .hide_option_container {
    padding-top: 10px;
    padding-bottom: 11px;
    display: none;
    /*
    background: url('../images/online_workshop/triangle_option2.png') no-repeat bottom center;
    background-size: 100% auto;
    */
}
.cbow_pricing_table .hide_option_button {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;    
    background: transparent;
    color: #fff;
    opacity: 0.7;
}
.cbow_pricing_table .hide_option_button i {
    color: #fff;
    opacity: 0.7;
}
.cbow_pricing_table .hide_option_button:hover i {
    opacity: 1.0;
}

.cbow_pricing_table .triangle {
    display: none;
    width: 100%;
    height: 33px;
    background-size: 288px auto;
}
.cbow_pricing_table .triangle.option2 {
    background: url('../images/online_workshop/triangle_option2.png') no-repeat bottom center;
}
.cbow_pricing_table .triangle.option3 {
    background: url('../images/online_workshop/triangle_option3.png') no-repeat bottom center;
}
.cbow_pricing_table .triangle.option4 {
    background: url('../images/online_workshop/triangle_option4.png') no-repeat bottom center;
}

/* Registration show/hide sections */
.cbow_pricing_table .register_info {
    display: none;
}
.cbow_pricing_table .register_info .registration {
    margin-top: 40px;
    margin-left: -1000px;
    padding-left: 1000px;
}
.cbow_pricing_table .register_info .cb_left {
    float: left;
    width: 40%;
    margin-left: -1000px;
    padding-left: 1000px;
    text-align: left;
}
.cbow_pricing_table .register_info .cb_right {
    float: right;
    width: 60%;
    margin-right: -1000px;
    padding-right: 1000px;
    background: #e4a01f;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}
.cbow_pricing_table .register_info .cb_right .cb_content {
    width: 80%;
}
/* Registration show/hide, info & buttons */
.cbow_pricing_table .register_info h4 {
    font: bold 30px/38px 'Roboto Slab' !important;
    margin-bottom: 5px;
    color: #fff;
    text-transform: none;
    max-width: 80%;
}
.cbow_pricing_table .register_info h5 {
    font: normal 19px/25px 'Noto Sans' !important;
    margin-bottom: 5px;
    color: #fff;
    text-transform: none;
}
.cbow_pricing_table .register_info p {
    padding-bottom: 0;
}

.cbow_pricing_table .register_info .cb_right h5 {
    font: bold 20px/24px 'Noto Sans' !important;
    color: #222;
}
.cbow_pricing_table .register_info .cb_right .rocket {
    position: absolute;
    top: -10px;
    right: 1000px;
    display: block;
    width: 102px;
    height: 244px;
    background: url('../images/online_workshop/rocket.png') no-repeat top right;
    background-size: 100% auto;
}
.cbow_pricing_table .register_info .cbow_button {
    font: bold 16px/20px 'Noto Sans';
    text-align: center;
    text-transform: none;
    color: #fff;
    background: #862680;
    padding: 8px 12px;
    display: inline-block;
    margin: 8px 10px;
}
.cbow_pricing_table .register_info .cbow_button:hover {
    background: #a4299c;
}
.cbow_pricing_table .register_info .cbow_button.large {
    font-size: 22px;
    padding: 8px 22px;
}
.cbow_pricing_table .register_info .cbow_button .date {
    font-size: 20px;
    line-height: 25px;
    display: block;
    margin-bottom: 5px;
}


/* Registration show/hide, register interest (blue background) */
.cbow_pricing_table .register_info .register_interest {
    background: #174a88;
    margin: 30px -1000px 0 -1000px;
    padding: 20px 1000px;
}
.cbow_pricing_table .register_info .register_interest .cb_left {
    background: transparent !important;
    width: 35%;
    padding-top: 0 !important;
}
.cbow_pricing_table .register_info .register_interest .cb_right {
    background: transparent !important;
    width: 65%;
    padding-top: 0 !important;
    padding-bottom: 0;
}
.cbow_pricing_table .register_info .register_interest h5 {
    font: bold 23px/29px 'Roboto Slab' !important;
    margin-bottom: 5px;
    color: #fff;
    text-transform: none;
}
.cbow_pricing_table .register_info .register_interest p {
    font: 300 18px/22px 'Roboto Slab';
    padding-bottom: 0;
    color: #fff;
}
.cbow_pricing_table .register_info .register_interest form {
    margin-top: 7px;
}
.cbow_pricing_table .register_info .register_interest label {
    font: 400 13px/16px 'Noto Sans';
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4px;
    display: block;
    width: 100%;
    float: none;
    text-align: left;
}
.cbow_pricing_table .register_info .register_interest input, .cbow_pricing_table .register_info .register_interest textarea {
    padding: 3px 6px;
    height: auto;
    font: normal 15px/15px 'Noto Sans';
    border-width: 0;
    display: block;
    width: 100%;
}
.cbow_pricing_table .register_info .register_interest input[type=submit] {
    height: 25px;
    background: #28aee1;
    color: #fff;
    font: bold 14px/14px 'Noto Sans';
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px 25px;
}
.cbow_pricing_table .register_info .register_interest input[type=submit]:hover {
    background: #3dbff0;
}
.cbow_pricing_table .register_info .register_interest .cb_col {
    float: left;
    width: 30%;
    margin-right: 5%;
}
.cbow_pricing_table .register_info .register_interest .cb_col.last, .cbow_pricing_table .register_info .register_interest .cb_col:last-child {
    margin-right: 0;
}

/* 2nd Option - supported eCourse */
.cbow_pricing_table .register_info.option2 {
    
}
.cbow_pricing_table .register_info.option2 .registration {
    background: #00938a;
}
.cbow_pricing_table .register_info.option2 .cb_left {
    background: #00938a;
    padding-top: 40px;
}
.cbow_pricing_table .register_info.option2 .cb_right {
    background: #e4a01f url('../images/online_workshop/arrow_right_green1.png') no-repeat center left;
}

/* 3rd Option - half day eCourse */
.cbow_pricing_table .register_info.option3 {
    
}
.cbow_pricing_table .register_info.option3 .registration {
    background: #085953;
}
.cbow_pricing_table .register_info.option3 .cb_left {
    background: #085953;
    padding-top: 50px;
}
.cbow_pricing_table .register_info.option3 .cb_right {
    background: #e4a01f url('../images/online_workshop/arrow_right_green2.png') no-repeat center left;
}

/* 4th Option - business */
.cbow_pricing_table .register_info.option3 {
    
}
.cbow_pricing_table .register_info.option4 .registration {
    background: #063a35;
}
.cbow_pricing_table .register_info.option4 .cb_left {
    background: #063a35;
    padding-top: 50px;
}
.cbow_pricing_table .register_info.option4 .cb_right {
    background: #e4a01f url('../images/online_workshop/arrow_right_green3.png') no-repeat center left;
}

/* ## Infusionsoft Forms */
.cbow_pricing_table .infusionsoft_form_container {
    
}
.cbow_pricing_table .infusionsoft_form_container h4 {
    margin-left: 30%;
    text-align: center;
    width: 70%;
    color: #222;
    font-size: 24px !important;
}
.cbow_pricing_table .infusion-form label {
    font-weight: normal;
    text-transform: uppercase;
    padding-right: 15px;
    font-size: 14px;
    line-height: 30px;
}
.cbow_pricing_table .infusion-form input.infusion-field-input-container {
    border-radius: 0 !important;
    border: 0;
}
.cbow_pricing_table .infusion-submit {
    text-align: right;
}
.cbow_pricing_table .infusion-form input[type=submit] {
    background: #862680;
    border-radius: 0;
    font: bold 16px/16px 'Noto Sans';
    width: auto;
    margin-left: 0;
    padding: 8px 25px;
}


/* Section: Pricing Tables, New - updated 6th Jan '16 */
.cbow_pricing_table_new {
    padding: 40px 0;
    text-align: center;
    background: #c9ebf7 url('../images/online_workshop/background_clouds.png') repeat-x;
    overflow: hidden;
}
.cbow_pricing_table_new h3 {
    display: inline-block;
    margin: 0 auto 15px auto;
    padding: 5px 18px 9px 18px;
    color: #fff;
    font: bold 38px/38px 'Roboto Slab' !important;
    text-transform: none;
    background: #862680;
}
.cbow_pricing_table_new h4 {
    color: #222;
    font: normal 22px/32px 'Roboto Slab' !important;
    text-transform: none;
}
.cbow_pricing_table_new .pricing_options_container {
    background: rgb(229,245,252);
    background: rgba(255, 255, 255, 0.7);
}
.cbow_pricing_table_new .pricing_option_col {
    float: left;
    width: 66.67%;
    display: block;
    box-sizing: border-box;
    padding: 40px 0 0 0;
    background: transparent;
}
.cbow_pricing_table_new .pricing_option_col.lighter {
    background: rgb(220,228,237);
    background: rgba(199,212,226, 0.6);
    width: 33.33%;
    float: right;
}
.cbow_pricing_table_new .pricing_option {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-left: 0;
    padding: 0px 40px;
}
.cbow_pricing_table_new .pricing_option.last {
    border-left: 1px solid #ccc;
    padding-right: 40px !important;
}
.cbow_pricing_table_new .pricing_option_col.lighter .pricing_option {
    width: 100%;
    border-left: 0;
}


.cbow_pricing_table_new .pricing_option .header {
    height: 240px;
    padding-top: 165px;
    box-sizing: border-box;
    display: block;
    margin-top: 42px;
    font: bold 28px/32px 'Noto Sans';
}
.cbow_pricing_table_new .pricing_option.go_solo .header {
    background: url('../images/online_workshop/stream_go_solo.png') no-repeat center top;
    background-size: 100% auto;
}
.cbow_pricing_table_new .pricing_option.supported .header {
    background: url('../images/online_workshop/stream_supported.png') no-repeat center top;
    background-size: 100% auto;
    height: 285px;
    padding-top: 208px;
    margin-top: 0;
}
.cbow_pricing_table_new .pricing_option.company_workshop .header {
    background: url('../images/online_workshop/stream_company_workshops.png') no-repeat center top;
    background-size: 100% auto;
}

.cbow_pricing_table_new ul {
    margin: 10px 0;
}
.cbow_pricing_table_new ul li {
    list-style-type: none;
    font: bold 15px/18px 'Noto Sans';
    margin-bottom: 12px;
}
.cbow_pricing_table_new .cb_button {
    display: inline-block;
    font: bold 14px/24px 'Roboto Slab';
    color: #fff;
    background: #d86639;
    border: 2px solid #994629;
    border-radius: 12px;
    text-transform: uppercase;
    padding: 5px 22px;
    transition: all 0.2s ease-in-out;
}
.cbow_pricing_table_new .cb_button:hover {
    background: #994629;
}
.cbow_pricing_table_new .supported_dates {
    margin-top: 30px;
}
.cbow_pricing_table_new .supported_dates .cb_left {
    float: left;
    width: 65%;
    margin-right: 5%;
    box-sizing: border-box;
    font: bold 17px/34px 'Noto Sans';
    margin: 6px 0;
    text-align: left;
}
.cbow_pricing_table_new .supported_dates .cb_right {
    float: left;
    width: 30%;
    box-sizing: border-box;
    margin: 6px 0;
}

.cbow_pricing_table_new .infusionsoft_form_container h4 {
    font: normal 18px/24px 'Roboto Slab' !important;
    margin-bottom: 12px;
}
.cbow_pricing_table_new .infusion-form {
    max-width: 240px;
}
.cbow_pricing_table_new .infusion-form label {
    width: 100%;
    display: block;
    font: normal 13px/15px 'Noto Sans';
    padding: 0;
    margin: 5px 0 3px 0;
    text-align: left;
}
.cbow_pricing_table_new .infusion-form input {
    width: 100%;
    display: block;
    font: normal 14px/15px 'Noto Sans';
    border-radius: 0 !important;
    padding: 8px;
}
.cbow_pricing_table_new .infusion-form input[type=submit] {
    margin-top: 20px;
    margin-left: 0;
    padding: 10px 0;
    
    font: bold 14px/24px 'Roboto Slab';
    color: #fff;
    background: #d86639;
    border: 2px solid #994629;
    border-radius: 12px !important;
    text-transform: uppercase;
    padding: 5px 22px;
    transition: all 0.2s ease-in-out;
}
.cbow_pricing_table_new .infusion-form input[type=submit]:hover {
    background: #994629;
}


/* Section: FAQs */
.cb_online_workshop_lp .faqs {
    margin: 25px 0;
}
.cb_online_workshop_lp .faqs .cb_container {
    max-width: 900px;
}
.cb_online_workshop_lp .faqs h4 {
    text-transform: none;
    font: bold 22px/27px 'Roboto Slab' !important;
    text-align: center;
    margin: 40px 0 20px 0;
}
.cb_online_workshop_lp .cb_section.faqs .faq_title h4 {
    font: bold 16px/24px 'Noto Sans', sans-serif !important;
    text-align: left;
    margin: 0;
}


/* Register interest form */
.cbow_pricing_table .register_interest .infusion-form {
    max-width: 100%;
}


/* ## CBOW - Thank-you pages */
.cbow_thank_you {
    margin-bottom: 200px;
}
.cbow_thank_you h2 {
    color: #009e95;
    font: bold 38px/38px 'Roboto Slab' !important;
    text-transform: none;
    margin: 110px 0 20px 0;
}
.cbow_thank_you h4 {
    color: #222;
    font: normal 22px/30px 'Noto Sans' !important;
    text-transform: none;
    margin: 6px 0 15px 0;
}
.cbow_thank_you p {
    color: #222;
    font: normal 16px/22px 'Noto Sans';
}
.cbow_thank_you a {
    color: #efab1f;
}

.cbow_thank_you .infusion-form {
    margin-left: 0;
    padding: 20px;
    box-sizing: border-box;
    background: #efdfed;
}
.cbow_thank_you .infusion-form label {
    text-align: left;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    color: #222;
}
.cbow_thank_you .infusion-form input {
    border: 0;
    padding: 9px 12px;
    border-radius: 0 !important;
    width: 100%;
}
.cbow_thank_you .infusion-form input[type=submit] {
    width: 100%;
    margin-top: 12px;
    margin-left: 0;
    border-radius: 0 !important;
    background: #912685;
    font-size: 14px;
    padding: 12px 5px;
}
.cbow_thank_you .infusion-form input[type=submit]:hover {
    background: #b324a3;
}




/*
 *
 * # ONLINE WORKSHOP "PRELAUNCH" LANDING PAGE
 *
 ******************************************************************************/
#main.landing-page-template {
    overflow: hidden;
}
.cb_bybf_prelaunch_lp {
    color: #222;
    letter-spacing: 0;
    font-family: 'Noto Sans', sans-serif;
    width: 1000px;
    margin: 0 auto;
}
.cb_bybf_prelaunch_lp .cb_section {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}
.cb_bybf_prelaunch_lp .cb_section.no_border {
    border-bottom-width: 0;
}
.cb_bybf_prelaunch_lp .cb_section.no_margin {
    margin-bottom: 0;
}
.cb_bybf_prelaunch_lp .cb_container {
    
}
.cb_bybf_prelaunch_lp .cb_container.section_border {
    border-bottom: 1px solid #e5e5e5;
}

.cb_bybf_prelaunch_lp .cb_section h3 {
    text-transform: none;
    font: bold 25px/30px 'Roboto Slab' !important;
    text-align: center;
    margin: 60px 0 25px 0;
}
.cb_bybf_prelaunch_lp .cb_section h3 em {
    font-style: normal;
}
.cb_bybf_prelaunch_lp .cb_section h4 {
    text-transform: none;
    font: bold 22px/27px 'Roboto Slab' !important;
    text-align: center;
    margin: 40px 0 20px 0;
}
.cb_bybf_prelaunch_lp .cta_button {
    display: inline-block;
    font: bold 22px/24px 'Roboto Slab';
    color: #fff;
    background: #d86639;
    border: 2px solid #994629;
    border-radius: 8px;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 8px 12px;
    transition: all 0.2s ease-in-out;
}
.cb_bybf_prelaunch_lp .cta_button:hover {
    background: #994629;
}
.cb_bybf_prelaunch_lp p {
    text-align: center;
}
.cb_bybf_prelaunch_lp p.emphasise {
    font: bold 18px/24px 'Roboto Slab';
}
.scroll_to_peter {
    border-bottom: 1px solid #222;
    cursor: pointer;
}


/* ## Section: Header Strip */
.cbowpl_header_strip {
    background: url('../images/online_workshop_prelaunch/background_green_texture_150.jpg') repeat-x top center;
    min-height: 150px;
    margin-left: -100%;
    width: 300%;
}


/* ## Section: PL Header */
.cbowpl_header {
    /* background: url('../images/online_workshop_prelaunch/background_green_texture_150.jpg') repeat-x top center; */
    margin-top: -180px;
}
.cbowpl_header .cb_container {
    position: relative;
}

.cbowpl_header .babb_logo {
    position: absolute;
    width: 100%;
}


.cbowpl_header h1 {
    font: normal 45px/49px 'Roboto Slab' !important;
    color: #000;
    background: #e19c00;
    display: inline-block;
    position: absolute;
    text-transform: none;
    top: 120px;
    left: 273px;
    padding: 3px 12px;
}
.cbowpl_header h1.small {
    top: 96px;
    left: 310px;
    font: 300 26px/30px 'Roboto Slab' !important;
    padding: 2px 8px 0px 8px;
    z-index: 999;
}
.cbowpl_header h1.white {
    font: 300 33px/37px 'Roboto Slab' !important;
    color: #222;
    background: #fff;
    border: 1px solid #e5e5e5;
    top: 170px;
    left: 490px;
    z-index: -100;
}
.cbowpl_header .cb_logo_row {
    position: absolute;
    top: 42px;
    left: 372px;
}
.cbowpl_header .cb_logo {
    display: inline-block;
    width: 112px;
    height: 71px;
    background: url('../images/online_workshop_prelaunch/cb_logo_white.png') no-repeat center center;
    background-size: 100% auto;
}
.cbowpl_header h2 {
    display: inline-block;
    font: 300 18px/22px 'Roboto Slab' !important;
    text-transform: none;
    color: #fff;
    margin-left: 2px;
}
.cb_bybf_prelaunch_lp .cb_section.cbowpl_header h3 {
    margin-top: 225px;
    margin-bottom: 45px;
    font: 300 20px/25px 'Roboto Slab' !important;
    text-transform: none;
    color: #222;
    text-align: center;
}
.cbowpl_header .intro {
    display: block;
    margin: 30px auto 0 auto;
    max-width: 600px;
    text-align: center;
    font: bold 23px/28px 'Roboto Slab' !important;
}
.cbowpl_header .intro em {
    font-style: normal;
    color: #009e95;
}
.cbowpl_header .cb_left {
    float: left;
    width: 65%;
    margin-left: 3%;
    box-sizing: border-box;
    padding-right: 30px;
}
.cbowpl_header .cb_right {
    float: left;
    width: 32%;
    text-align: center;
}
.cbowpl_header .cb_left img {
    float: left;
}
.cbowpl_header .cb_left .offer_ends {
    background: #981e33;
    padding: 10px 18px;
    border-radius: 100px;
    color: #fff;
    font: bold 40px/45px 'Roboto Slab';
    max-width: 375px;
    margin: 0 auto;
    display: block;
}
.cbowpl_header .cb_left .offer_ends .cb_left {
    float: left;
    width: 50%;
    line-height: 36px;
    margin-bottom: 0;
    text-align: center;
    padding: 0 30px;
}
.cbowpl_header .cb_left .offer_ends .cb_right {
    float: right;
    width: 50%;
    line-height: 20px;
}
.cbowpl_header .cb_left .offer_ends .smaller {
    font-size: 18px;
    line-height: 20px;
}
.cbowpl_header .cb_left .offer_ends .date {
    font-size: 40px;
    line-height: 40px;
}
.cbowpl_header .cb_right .prelaunch {
    font: bold 38px/34px 'Roboto Slab';
    margin-bottom: 3px;
}
.cbowpl_header .cb_right .sale {
    display: inline-block;
    font: bold 59px/38px 'Roboto Slab';
    text-transform: uppercase;
    padding: 5px 12px 10px 12px;
    margin-bottom: 18px;
    color: #981e33;
    border: 3px solid #ccc;
    border-width: 0;
    padding: 0;
}
.cbowpl_header .cb_right p {
    font: normal 17px/22px 'Roboto Slab';
}
.cbowpl_header .cb_right p.small {
    font-size: 15px;
    max-width: 230px;
    margin: 0 auto;
    display: block;
    
    max-width: 100%;
    font-size: 17px;
}
.cbowpl_header .cb_right p.small strong {
    font-size: 20px;
    
    font-size: 17px;
}
.cbowpl_header .offer_ends {
    margin-top: 20px;
    font: bold 18px/22px 'Noto Sans', sans-serif;
    text-align: center;
}

.cbowpl_header .free_trial_promo {
    margin: 30px 0;
    background: #f2f2f2;
    border: 3px solid #c8c8c8;
    border-radius: 8px;
    padding: 8px 20px 8px 220px;
    position: relative;
}
.cbowpl_header .free_trial_promo .cb_col {
    float: left;
}
.cbowpl_header .free_trial_promo .cb_col.button {
    float: right;
}
.cbowpl_header .free_trial_promo .personality_module {
    display: block;
    width: 180px;
    height: 91px;
    background: url('../images/online_workshop_prelaunch/personality_module_header_only.png') no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    left: 20px;
    top: -17px;
}
.cbowpl_header .free_trial_promo p {
    text-transform: uppercase;
    font: bold 19px/40px 'Noto Sans', sans-serif;
    padding-bottom: 0;
}
.cbowpl_header .free_trial_promo p em {
    font-style: normal;
    color: #981e33;
}
.cbowpl_header .free_trial_promo p .underline {
    border-bottom: 3px solid #000;
}
.cbowpl_header .free_trial_promo .free_trial_button {
    background: #981e33;
    border-color: #721023;
    font-size: 19px;
    margin: 0;
    padding: 6px 10px;
}
.cbowpl_header .free_trial_promo .free_trial_button:hover {
    background: #721023;
}


/* ## Section: What is it? */
.what_is_it {
    margin: 25px 0;
    padding-bottom: 30px;
}
.what_is_it h3 em {
    color: #009e95;
}
.what_is_it .ecourse_description_container {
    background: url('../images/online_workshop_prelaunch/mac_with_ecourse.png') no-repeat left bottom;
    min-height: 320px;
    padding-bottom: 40px;
}
.what_is_it .ecourse_description {
    padding-top: 20px;
    float: right;
    width: 52%;
    margin-right: 7%;
}
.what_is_it .ecourse_description p {
    text-align: left;
    font-size: 17px;
}
.what_is_it .ecourse_description p.emphasise {
    color: #009e95;
}
.what_is_it .ecourse_description p.emphasise .scroll_to_brand_foundations {
    border-bottom: 1px solid #009e95;
    cursor: pointer;
}
.cb_bybf_prelaunch_lp .cb_section.what_is_it h4 {
    margin-top: 75px;
}


/* ## Section: What is the problem? */
.what_is_the_problem {
    padding-top: 1px;
    width: 300%;
    margin-left: -100%;
    background: #f2f2f2;
}
.what_is_the_problem h3 em {
    color: #9f2d41;
}
.what_is_the_problem p {
    font-size: 17px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.what_is_the_problem p.emphasise {
    color: #9f2d41;
}


/* ## Section: Who is it for? */
.who_is_it_for {
    width: 300%;
    margin-left: -100%;
    background: #f2f2f2;
    padding-top: 1px;
}
.who_is_it_for h3 em {
    color: #efab1f;
}
.who_is_it_for p {
    font-size: 17px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.who_is_it_for p.emphasise {
    color: #efab1f;
}
.who_is_it_for ul {
    padding-left: 25px;
    box-sizing: border-box;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}
.who_is_it_for ul li {
    font-size: 17px;
    margin-bottom: 15px;
}
.who_is_it_for .bullets2 {
    max-width: 880px;
    display: block;
    margin: 0 auto;
}
.who_is_it_for .cb_left {
    float: left;
    width: 52%;
}
.who_is_it_for .cb_right {
    float: right;
    width: 45%;
}


/* ## Section: How does it work? */
.how_does_it_work {
    
}
.how_does_it_work h3 em {
    color: #912685;
}
.how_does_it_work ul {
    margin: 0 auto 50px auto;
    max-width: 700px;
    padding-left: 30px;
    box-sizing: border-box;
}
.how_does_it_work ul li {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}
.how_does_it_work p {
    font-size: 17px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}
.how_does_it_work p.emphasise {
    color: #912685;
}
.how_does_it_work .features {
    display: block;
    max-width: 850px;
    margin: 30px auto 0 auto;
    padding: 0;
}
.how_does_it_work .feature {
    float: left;
    width: 30%;
    margin-right: 5%;
    font: bold 17px/25px 'Roboto Slab';
    text-align: center;
    padding: 210px 30px 20px 30px;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.how_does_it_work .feature:nth-child(3n+3) {
    margin-right: 0;
}
.how_does_it_work .feature.system           { background: url('../images/online_workshop_prelaunch/feature_system.png') no-repeat center top; }
.how_does_it_work .feature.examples         { background: url('../images/online_workshop_prelaunch/feature_examples.png') no-repeat center top; }
.how_does_it_work .feature.quotes           { background: url('../images/online_workshop_prelaunch/feature_quotes.png') no-repeat center top; }
.how_does_it_work .feature.tools            { background: url('../images/online_workshop_prelaunch/feature_tools.png') no-repeat center top; }
.how_does_it_work .feature.idea_generators  { background: url('../images/online_workshop_prelaunch/feature_idea_generators.png') no-repeat center top; }
.how_does_it_work .feature.videos           { background: url('../images/online_workshop_prelaunch/feature_videos.png') no-repeat center top; }
.how_does_it_work .feature.content          { background: url('../images/online_workshop_prelaunch/feature_content.png') no-repeat center top; }
.how_does_it_work .feature.user_profiles    { background: url('../images/online_workshop_prelaunch/feature_user_profiles.png') no-repeat center top; }
.how_does_it_work .feature.forums           { background: url('../images/online_workshop_prelaunch/feature_forums.png') no-repeat center top; }
.how_does_it_work .feature.compatibility    { background: url('../images/online_workshop_prelaunch/feature_compatibility.png') no-repeat center top; }



/* ## Section: What will I learn? */
.what_will_i_learn {
    margin: 25px 0;
}
.what_will_i_learn h3 em {
    color: #912685;
}
.what_will_i_learn p {
    font-size: 17px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.what_will_i_learn p em {
    font-style: normal;
    font-weight: bold;
    color: #912685;
}
.what_will_i_learn ul {
    margin: 15px auto 25px auto;
    max-width: 600px;
    padding-left: 30px;
    box-sizing: border-box;
}
.what_will_i_learn ul li {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}
.what_will_i_learn .topics_list {
    margin: 0 auto 40px auto;
    display: block;
    max-width: 850px;
}
.what_will_i_learn .cb_left {
    float: left;
    width: 49%;
    margin-right: 2%;
}
.what_will_i_learn .cb_right {
    float: left;
    width: 49%;
}
.what_will_i_learn .emphasise {
    margin-top: 20px;
}
.what_will_i_learn .topic {
    padding: 0;
    margin: 0;
    
    margin-bottom: 15px;
    width: 100%;
    text-align: right;
    min-height: 90px;
    box-sizing: border-box;
    padding-right: 60px;
    display: table;
}
.what_will_i_learn .cb_right .topic {
    text-align: left;
    background-position: left center !important;
    padding-right: 0;
    padding-left: 60px;
}
.what_will_i_learn .topic .topic_content {
}
.what_will_i_learn .cb_right .topic .topic_content {
}

.what_will_i_learn .rocket_divider {
    border-top: 1px solid #e5e5e5;
    position: relative;
    margin: 100px 0 100px 0;
}
.what_will_i_learn .rocket_divider .rocket {
    position: absolute;
    width: 149px;
    height: 142px;
    top: -80px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    background: url('../images/online_workshop_prelaunch/icon_rocket.png') no-repeat center center;
    background-size: 100% auto;
}

.cb_bybf_prelaunch_lp .what_will_i_learn h4 {
    font: bold 18px/24px 'Roboto Slab' !important;
    margin-bottom: 30px;
}
.what_will_i_learn .topic h4 {
    font: bold 16px/20px 'Roboto Slab' !important;
    text-align: right;
    margin: 0;
    margin-bottom: 5px;
}
.what_will_i_learn .cb_right .topic h4 {
    text-align: left;
}
.what_will_i_learn .topic p {
    text-align: right;
    /* display: table-cell;
    vertical-align: middle; */
    padding: 0;
    font-size: 14px;
    line-height: 21px;
}
.what_will_i_learn .cb_right .topic p {
    text-align: left;
}
.what_will_i_learn .topic.purpose {
    background: url('../images/online_workshop_prelaunch/badge_purpose.png') no-repeat right center;
}
.what_will_i_learn .topic.promise {
    background: url('../images/online_workshop_prelaunch/badge_promise.png') no-repeat right center;
}
.what_will_i_learn .topic.persona {
    background: url('../images/online_workshop_prelaunch/badge_persona.png') no-repeat right center;
}
.what_will_i_learn .topic.vision {
    background: url('../images/online_workshop_prelaunch/badge_vision.png') no-repeat right center;
}
.what_will_i_learn .topic.position {
    background: url('../images/online_workshop_prelaunch/badge_position.png') no-repeat right center;
}
.what_will_i_learn .topic.personality {
    background: url('../images/online_workshop_prelaunch/badge_personality.png') no-repeat right center;
}
.what_will_i_learn .topic.pillars {
    background: url('../images/online_workshop_prelaunch/badge_pillars.png') no-repeat right center;
}
.what_will_i_learn .topic.brand_plan {
    background: url('../images/online_workshop_prelaunch/badge_brand_plan.png') no-repeat right center;
}
.what_will_i_learn .topic.purpose h4 {
    color: #912685;
}
.what_will_i_learn .topic.promise h4 {
    color: #f3c15b;
}
.what_will_i_learn .topic.persona h4 {
    color: #174a93;
}
.what_will_i_learn .topic.vision h4 {
    color: #d86639;
}
.what_will_i_learn .topic.position h4 {
    color: #28b9ec;
}
.what_will_i_learn .topic.personality h4 {
    color: #981e33;
}
.what_will_i_learn .topic.pillars h4 {
    color: #009e95;
}
.what_will_i_learn .topic.brand_plan h4 {
    color: #222;
}

.what_will_i_learn .pdf_outcomes {
    background: #f2f2f2;
    width: 900px;
    max-width: 100%;
    margin: 35px auto 50px auto;
    border-radius: 30px;
    padding: 25px 310px 25px 35px;
    box-sizing: border-box;
    font: normal 19px/25px 'Noto Sans', sans-serif;
    position: relative;
    
    background: transparent;
}
.what_will_i_learn .pdf_outcomes p {
    text-align: left;
    padding-bottom: 0;
}
.what_will_i_learn .pdfs {
    display: block;
    width: 291px;
    height: 246px;
    position: absolute;
    top: -20px;
    right: 40px;
    background: url('../images/online_workshop_prelaunch/pdfs.png') no-repeat center center;
    background-size: 100% auto;
    
    width: 233px;
    height: 197px;
}



/* ## Section: Benefits (Prelaunch) */
.benefits_prelaunch {
    background: #dcf1f8 url('../images/online_workshop_prelaunch/arrow_down_white.png') no-repeat center top;
    width: 300%;
    margin-left: -100%;
    padding: 1px 0 30px 0;
}
.benefits_prelaunch .cb_container {
    margin: 0 auto;
    max-width: 1000px;
}
.benefits_prelaunch h3 em {
    color: #174a93;
}
.benefits_prelaunch .benefit {
    padding-left: 150px;
    text-align: left;
}
.benefits_prelaunch .benefit h4 {
    text-align: left;
    font: bold 19px/24px 'Roboto Slab' !important;
    margin-bottom: 6px;
}
.benefits_prelaunch .benefit p {
    text-align: left;
}
.benefits_prelaunch .benefit.grow_your_brand            { background: url('../images/online_workshop_prelaunch/benefit_grow_your_brand.png')            no-repeat left -15px; }
.benefits_prelaunch .benefit.attract_loyal_customers    { background: url('../images/online_workshop_prelaunch/benefit_attract_loyal_customers.png')    no-repeat left -15px; }
.benefits_prelaunch .benefit.clear_choice               { background: url('../images/online_workshop_prelaunch/benefit_clear_choice.png')               no-repeat left -15px; }
.benefits_prelaunch .benefit.website                    { background: url('../images/online_workshop_prelaunch/benefit_website.png')                    no-repeat left -15px; }
.benefits_prelaunch .benefit.messages                   { background: url('../images/online_workshop_prelaunch/benefit_messages.png')                   no-repeat left -15px; }
.benefits_prelaunch .benefit.look_and_feel              { background: url('../images/online_workshop_prelaunch/benefit_look_and_feel.png')              no-repeat left -15px; }
.benefits_prelaunch .benefit.team                       { background: url('../images/online_workshop_prelaunch/benefit_team.png')                       no-repeat left -15px; }
.benefits_prelaunch .benefit.partnerships               { background: url('../images/online_workshop_prelaunch/benefit_partnerships.png')               no-repeat left -15px; }
.benefits_prelaunch .benefit.roi                        { background: url('../images/online_workshop_prelaunch/benefit_roi.png')                        no-repeat left -15px; }

.benefits_prelaunch .brand_foundations {
    font: bold 16px/25px 'Roboto Slab';
    color: #fff;
    background: #174a93;
    padding: 15px 30px;
    border-radius: 25px;
}


/* ## Section: CTA section */
.cb_section.cta {
    background: url('../images/online_workshop_prelaunch/arrow_down_blue.png') no-repeat center top;
    padding-top: 60px;
    padding-bottom: 20px;
}
.cb_section.cta .button_container {
    text-align: center;
}

/* ## Section: Outcomes */
.outcomes {
    padding-bottom: 40px;
}
.outcomes h3 em {
    color: #981e32;
}
.outcomes p {
    font-size: 17px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.outcomes ul {
    margin: 10px auto 25px auto;
    max-width: 740px;
    padding-left: 30px;
    box-sizing: border-box;
    
}
.outcomes ul li {
    text-align: left;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
}



.outcomes .button_container {
    text-align: center;
}


/* ## Section: What are the benefits? */
.cbowpl_benefits h3 {
    color: #009e95;
}



/* ## Section: What do I get? */
.what_do_i_get {
    padding-bottom: 30px;
}
.what_do_i_get h3 em {
    color: #efab1f;
}
.what_do_i_get .cb_row {
    max-width: 860px;
    margin: 40px auto;
}
.what_do_i_get .cb_col {
    float: left;
    width: 30%;
    margin-right: 5%;
    border: 1px solid #ccc;
    min-height: 215px;
    box-sizing: border-box;
    padding: 120px 20px 20px 20px;
    font: normal 16px/22px 'Roboto Slab';
    text-align: center;
}
.what_do_i_get .cb_col.last {
    margin-right: 0;
    padding-right: 20px !important;
}
.what_do_i_get .cb_col.seven_modules           { background: url('../images/online_workshop_prelaunch/icon_seven_modules.png')         no-repeat center 38px; }
.what_do_i_get .cb_col.live_coaching           { background: url('../images/online_workshop_prelaunch/icon_live_coaching.png')         no-repeat center 35px; }
.what_do_i_get .cb_col.community_forums        { background: url('../images/online_workshop_prelaunch/icon_community_forums.png')      no-repeat center 35px; }
.what_do_i_get .cb_col.unlimited_access        { background: url('../images/online_workshop_prelaunch/icon_unlimited_access.png')      no-repeat center 35px; }
.what_do_i_get .cb_col.brand_examples          { background: url('../images/online_workshop_prelaunch/icon_brand_examples.png')        no-repeat center 35px; }
.what_do_i_get .cb_col.browser_compatibility   { background: url('../images/online_workshop_prelaunch/icon_browser_compatibility.png') no-repeat center 32px; }
.what_do_i_get .cb_col.review_with_peter       { background: url('../images/online_workshop_prelaunch/icon_one_on_one_review.png')     no-repeat center 37px; }
.what_do_i_get .note {
    text-align: center;
    font: normal 14px/20px 'Noto Sans', sans-serif;
}


/* ## Section: Free Trial */
.free_trial {
    margin: 25px 0;
    padding-bottom: 30px;
}
.free_trial .personality_module_container {
    background: #f2f2f2;
    border: 3px solid #c8c8c8;
    border-radius: 8px;
    margin: 40px 0 40px 0;
    padding: 8px 20px 8px 235px;
    position: relative;
}
.free_trial .personality_module_container .personality_module {
    display: block;
    width: 180px;
    height: 91px;
    background: url('../images/online_workshop_prelaunch/personality_module_header_only.png') no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    left: 20px;
    top: -17px;
}
.free_trial .personality_module_container p {
    text-transform: uppercase;
    font: bold 26px/40px 'Noto Sans', sans-serif;
    padding-bottom: 0;
    text-align: left;
}
.free_trial .personality_module_container p em {
    font-style: normal;
    color: #981e33;
}
.free_trial .personality_module_container p .underline {
    border-bottom: 3px solid #000;
}
.free_trial .free_trial_row {
    font: bold 16px/40px 'Noto Sans', sans-serif; 
    padding-left: 20px;
}
.free_trial p.mobile_show {
    font: bold 16px/20px 'Noto Sans', sans-serif; 
}
.free_trial .free_trial_button_external {
    float: right;
    margin-left: 25px;
    margin-top: 0;
    background: #981e33;
    border-color: #721023;
    font-size: 19px;
    padding: 6px 10px;
}
.free_trial .free_trial_button_external:hover {
    background: #721023;
}


/* ## Section: Pricing Table */
.pricing_table {
    margin: 25px 0;
}
.pricing_table .cb_col {
    float: left;
    width: 60%;
}
.pricing_table .cb_col.badge_col {
    width: 20%;
}
.pricing_table .header_container {
    max-width: 600px;
    margin: 0 auto;
}
.pricing_table .header_container .badge {
    border-radius: 100px;
    text-align: center;
    box-sizing: border-box;
    height: 90px;
    width: 90px;
    margin: 0 auto;
}
.pricing_table .header_container .sale {
    background: #981e33;
    padding: 21px 12px 0 12px;
    color: #fff;
    font: 700 28px/24px 'Roboto Slab';
    text-transform: uppercase;
}
.pricing_table .header_container .offer_ends {
    border: 2px solid #000;
    padding: 18px 2px 0 2px;
    color: #000;
    font: 700 14px/17px 'Noto Sans', sans-serif;
    
    border-width: 0;
    color: #fff;
    background: #981e33;
}
.cb_bybf_prelaunch_lp .cb_section.pricing_table h3 {
    margin: 20px 0 5px 0;
    font: 700 36px/40px 'Roboto Slab' !important;
    text-transform: uppercase;
}
.pricing_table h3 em {
    color: #981e33;
    font-style: normal;
}
.cb_bybf_prelaunch_lp .cb_section.pricing_table h4 {
    margin: 12px 0 0 0;
    font: 400 23px/24px 'Roboto Slab' !important;
}
.cb_bybf_prelaunch_lp .cb_section.pricing_table h4 em {
    font-style: normal;
    font-weight: 700;
}
.pricing_table .pricing_table_container {
    margin-top: 40px;
    
    max-width: 786px;
    margin-left: auto;
    margin-right: auto;
}
.pricing_table .pricing_table_container .stream {
    float: left;
    width: 21.4%;
    box-sizing: border-box;
    padding: 20px 8px 0 8px;
    text-align: center;
    
    width: 27.1%;
    
    width: 50%;
    padding: 20px 40px 0 40px;
    position: relative;
}
.pricing_table .pricing_table_container .stream .places_limited_badge {
    position: absolute;
    top: 0px;
    right: 66px;
    color: #fff;
    background: #912685;
    padding: 12px;
    border-radius: 25px;
    font: bold 13px/15px 'Noto Sans', sans-serif;
    text-transform: uppercase;
    
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    top: -13px;
}
.pricing_table .pricing_table_container .stream.personality_module {
    display: none;
}
.pricing_table .pricing_table_container .stream.wide {
    width: 35.8%;
    
    width: 45.8%;
}
.pricing_table .pricing_table_container .stream.last {
    border-left: 1px solid #ccc;
    padding-right: 40px !important;
}
.pricing_table .pricing_table_container .stream .header {
    height: 148px;
    padding-top: 106px;
    box-sizing: border-box;
    max-width: 196px;
    margin: 0 auto;
    display: block;
}
.pricing_table .pricing_table_container .stream.personality_module .header {
    background: url('../images/online_workshop_prelaunch/personality_module.png') no-repeat center top;
    background-size: 100% auto;
}
.pricing_table .pricing_table_container .stream.go_solo .header {
    background: url('../images/online_workshop_prelaunch/stream_go_solo.png') no-repeat center top;
    background-size: 100% auto;
}
.pricing_table .pricing_table_container .stream.supported .header {
    background: url('../images/online_workshop_prelaunch/stream_supported.png') no-repeat center top;
    background-size: 100% auto;
}
.pricing_table .pricing_table_container .stream.supported_plus_workshop .header {
    background: url('../images/online_workshop_prelaunch/stream_supported_plus_workshop.png') no-repeat center top;
    background-size: 100% auto;
}
.pricing_table .pricing_table_container .stream .header .cb_left {
    float: left;
    width: 30%;
    padding-right: 0;
    box-sizing: border-box;
    text-align: right;
}
.pricing_table .pricing_table_container .stream .header .cb_right {
    float: left;
    width: 70%;
    padding-left: 10px;
    box-sizing: border-box;
    text-align: left;
}
.pricing_table .pricing_table_container .stream .header .sale_price {
    color: #222;
    font: 700 16px/24px 'Noto Sans', sans-serif;
    text-decoration: line-through;
}
.pricing_table .pricing_table_container .stream .header .price {
    color: #981e33;
    width: 80px;
    width: auto;
    height: 23px;
    font: 700 28px/20px 'Noto Sans', sans-serif;
}
.pricing_table .pricing_table_container .stream .header .price .currency {
    font-size: 14px;
}
.pricing_table .pricing_table_container .stream .saving {
    color: #981e33;
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
    line-height: 13px;
    padding-bottom: 0;
}
.pricing_table .pricing_table_container .stream .cta_button {
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
    font-size: 16px;
}
.pricing_table .pricing_table_container .stream.wide .cta_button {
    width: auto;
}
.pricing_table .pricing_table_container .personality_module_message {
    font: bold 13px/16px 'Roboto Slab';
    text-transform: uppercase;
}
.pricing_table .pricing_table_container .personality_module_message em {
    font-style: normal;
    color: #981e33;
    display: block;
}
.pricing_table .pricing_table_container .stream .intro_content {
    margin-top: 12px;
    padding-top: 15px;
    height: auto !important;
    position: relative;
    margin-bottom: 25px;
}
.pricing_table .pricing_table_container .stream .intro_content h4 {
    font: 700 19px/23px 'Noto Sans', sans-serif !important;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #009e95;
}
.pricing_table .pricing_table_container .stream .intro_content p {
    font: 400 14px/20px 'Noto Sans', sans-serif;
}
.pricing_table .pricing_table_container .stream .intro_content .timing {
    background: #d9f1ef;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    font: 700 15px/25px 'Roboto Slab';
    text-transform: uppercase;
    padding: 4px 0;
}
.pricing_table .pricing_table_container .stream h5 {
    font: 700 18px/23px 'Noto Sans', sans-serif !important;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #009e95;
}
.pricing_table .pricing_table_container .stream ul {
    padding-left: 0;
    list-style-type: none;
}
.pricing_table .pricing_table_container .stream ul li {
    font: 700 14px/18px 'Noto Sans', sans-serif;
    margin-bottom: 12px;
}
.pricing_table .pricing_table_container .payment {
    font: 400 13px/18px 'Noto Sans', sans-serif;
    font-style: italic;
    margin-top: 30px;
}
.pricing_table .pricing_table_container .payment img {
    max-width: 100%;
}





/* ## Section: FAQs */
.cb_bybf_prelaunch_lp .cb_section.faqs {
    margin: 25px 0;
    padding: 10px 0 50px 0;
    border-bottom-width: 0;
}
.faqs .faq_title {
    margin-top: 20px;
    background: #f2f2f2;
    padding: 8px 50px 8px 20px;
    position: relative;
    cursor: pointer;
}
.cb_bybf_prelaunch_lp .cb_section.faqs .faq_title h4 {
    font: bold 16px/24px 'Noto Sans', sans-serif !important;
    text-align: left;
    margin: 0;
}
.faqs .faq_title .faq_icon {
    background: url('../images/online_workshop_prelaunch/icon_minus.png') no-repeat center center;
    position: absolute;
    top: 14px;
    right: 20px;
    display: block;
    width: 15px;
    height: 15px;
}
.faqs .faq_title.inactive .faq_icon {
    background: url('../images/online_workshop_prelaunch/icon_plus.png') no-repeat center center;
}
.faqs .faq_content {
    padding: 10px 20px 0px 20px;
    border: 2px solid #f2f2f2;
    border-top-width: 0;
}
.faqs .faq_content {
    display: none;
}
.faqs .faq_content p {
    text-align: left;
}
.faqs .faq_content p em {
    font-style: normal;
    font-weight: bold;
    color: #009e95;
}
.faqs .faq_content ul {
    margin-bottom: 25px;
    padding-left: 25px;
}
.faqs .faq_content h5 {
    text-transform: none;
    margin: 2px 0 6px 0;
    font: bold 16px/18px 'Roboto Slab' !important;
}





/* ## Section: Testimonials */
.testimonials_section {
    padding: 30px 0;
    background: #f2f2f2;
    margin-left: -100%;
    width: 300%;
}
.testimonials_section .cb_container {
    max-width: 1000px;
}
.testimonials_section h3 em {
    color: #981e32;
}
.testimonials_section .testimonial {
    max-width: 780px;
    margin: 0 auto;
    display: block;
}
.testimonials_section .testimonial .cb_left {
    float: left;
    width: 30%;
    margin-right: 5%;
    text-align: right;
}
.testimonials_section .testimonial .cb_right {
    float: right;
    width: 65%;
}
.testimonials_section .testimonial .cb_left img {
    width: 165px;
    height: 165px;
    border-radius: 150px;
}
.testimonials_section .testimonial .cb_right p {
    font-style: italic;
    text-align: left;
}
.testimonials_section .testimonial .cb_right p.name {
    font-style: normal;
    font: bold 18px/22px 'Roboto Slab';
    padding-bottom: 0;
    color: #981e32;
}
.testimonials_section .testimonial .cb_right p.tagline {
    font-style: normal;
    font-size: 14px;
}




/* ## Section: About Peter */
.about_peter {
    max-width: 760px;
    margin: 0 auto;
    display: block;
}
.cb_bybf_prelaunch_lp .cb_section h3.about_peter_heading em {
    color: #28b9ec;
}
.about_peter .cb_left {
    float: left;
    width: 35%;
}
.about_peter .cb_right {
    float: right;
    width: 62%;
}
.about_peter .peter_headshot {
    background: url('../images/online_workshop_prelaunch/peter_engelhardt_updated_headshot.jpg') no-repeat bottom left;
    background-size: 261px auto;
    width: 309px;
    height: 233px;
}
.about_peter .message_container {
    border: 3px solid #fff;
    border-radius: 25px;
    background: #5ec2e9;
    position: relative;
    padding: 15px 35px 15px 25px;
    width: 390px;
}
.cb_bybf_prelaunch_lp .about_peter .message_container p {
    text-align: left;
}
.about_peter .message_container .message {
    font: normal 15px/20px 'Noto Sans', sans-serif;
    font-style: italic;
    color: #fff;
}
.about_peter .message_container .name {
    font: bold 20px/20px 'Roboto Slab';
    color: #174a88;
    padding-bottom: 3px;
}
.about_peter .message_container .subtitle {
    font: bold 14px/20px 'Roboto Slab';
    color: #222;
    padding-bottom: 0;
}
.about_peter .message_container .message_container_tip {
    background: url('../images/online_workshop_prelaunch/speech_bubble_tip.png') no-repeat center center;
    display: block;
    width: 56px;
    height: 54px;
    position: absolute;
    top: -3px;
    left: -33px;
}
.about_peter .award_badge {
    background: url('../images/online_workshop_prelaunch/edupreneur_award.png') no-repeat center center;
    display: block;
    width: 123px;
    height: 123px;
    position: absolute;
    bottom: -30px;
    right: -90px;
}
.cb_bybf_prelaunch_lp .cb_section.about_peter h4 {
    font-size: 19px !important;
    color: #28b9ec;
    margin-bottom: 10px;
}
.about_peter ul {
    margin-bottom: 25px;
    padding-left: 25px;
    max-width: 100%;
    box-sizing: border-box;
}
.about_peter ul li {
    text-align: left;
    color: #174a88;
    font: bold 16px/23px 'Roboto Slab';
    margin-bottom: 12px;
}




/* ## Section: About CB */
.cb_bybf_prelaunch_lp .cb_section.about_cb {
    
}
.about_cb h3 em {
    color: #009e95;
}
.about_cb .about_content {
    display: block;
    margin: 0 auto;
    max-width: 900px;
}
.about_cb .cb_left {
    float: left;
    width: 19%;
    margin-right: 3%;
}
.about_cb .cb_right {
    float: right;
    width: 78%;
}
.about_cb .cb_right p {
    text-align: left;
}
.about_cb .cb_right p em {
    font-style: normal;
    font-weight: bold;
    color: #009e95;
}


/* ## Section: Newsletter */
.cbowpl_newsletter {
    margin: 25px auto;
    padding: 0 20px;
    max-width: 900px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.cbowpl_newsletter .cb_container {
    max-width: 100%;
}
.cbowpl_newsletter h4 {
    color: #efab1f;
    font-size: 25px !important;
}
.cbowpl_newsletter p {
    font-size: 17px;
    max-width: 700px;
    margin: 0 auto;
}
.cbowpl_newsletter .infusion-form {
    max-width: 840px;
    margin: 25px auto;
}
.cbowpl_newsletter .infusion-field {
    float: left;
    width: 48%;
    margin-right: 2%;
}
.cbowpl_newsletter .infusion-form label {
    width: 30%;
    box-sizing: border-box;
    padding-right: 12px;
    line-height: 31px;
    font-family: 'Roboto Slab';
}
.cbowpl_newsletter .infusion-form .infusion-field-input-container {
    width: 70%;
    border: 2px solid #f2f2f2;
    border-radius: 0 !important;
}
.cbowpl_newsletter .infusion-form input[type=submit] {
    display: inline-block;
    font: bold 22px/24px 'Roboto Slab';
    color: #fff;
    background: #efab1f;
    border: 2px solid #88620c;
    border-radius: 8px;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 8px 12px;
    transition: all 0.2s ease-in-out;
    
    margin: 0 auto;
    width: auto;
    display: block;
}
.cbowpl_newsletter .infusion-form input[type=submit]:hover {
    background: #dc9910;
}




/*
 *
 * # PERSONALITY MODULE LANDING PAGE
 *
 ******************************************************************************/
.cb_personality_module_lp {
    color: #222;
    letter-spacing: 0;
    font-family: 'Noto Sans', sans-serif;
}
.cb_personality_module_lp .cb_section {
    margin-bottom: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.cb_personality_module_lp .cbpm_header .cb_section,
.cb_personality_module_lp .cb_section.cbpm_header {
    max-width: 100%;
}


.cb_personality_module_lp p {
    padding-bottom: 0;
    margin-bottom: 15px;
}

.cb_personality_module_lp .cta_button_container {
    text-align: center;
    position: relative;
}
.cb_personality_module_lp .cta_button {
    font: 300 22px/22px 'Roboto Slab';
    color: #fff;
    background: #39b54a;
    border: 4px solid #006837;
    border-radius: 12px;
    padding: 13px 20px;
    text-transform: uppercase;
}
.cb_personality_module_lp .cta_button:hover {
    background: #299638;
}
.cb_personality_module_lp .cta_badge {
    color: #fff;
    background: #981e33;
    text-transform: uppercase;
    font: bold 20px/23px 'Roboto Slab';
    padding: 2px 0;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    pointer-events: none;
}

/* ## Section: PM Header */
.cbpm_hero {
    background: #cad4c0 url('../images/personality_module/personality_module_header.jpg') no-repeat top center;
    padding: 65px 0 0 60px;
    box-sizing: border-box;
    height: 325px;
}
.cbpm_hero .copy_container {
    max-width: 50%;
}
.cbpm_hero h1 {
    font: bold 42px/42px 'Roboto Slab' !important;
    text-transform: none;
    margin: 0 0 30px 0;
    color: #222;
}
.cbpm_hero h2 {
    font: bold 23px/23px 'Roboto Slab' !important;
    text-transform: none;
    margin: 6px 0 20px 0;
    color: #981e33;
}
.cbpm_hero h3 {
    font: bold 23px/23px 'Roboto Slab' !important;
    text-transform: none;
    margin: 0;
    color: #222;
}
.cbpm_hero p {
    font: normal 23px/25px 'Roboto Slab';
    color: #222;
}
.cbpm_hero p em {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background: #981e33;
    padding: 0 5px;
    font-style: normal;
}

/* ## Section: CTA Strip */
.cta_strip {
    padding: 20px 0;
    background: #981e33;
    position: relative;
}
.cta_strip .cb_container {
    text-align: center;
}
.cta_strip .arrow {
    background: url('../images/personality_module/cta_arrow_pm.png') no-repeat center center;
    background-size: 100% auto;
    width: 105px;
    height: 94px;
    position: absolute;
    top: -55px;
    left: 43%;
    pointer-events: none;
}
.cta_strip .cta_button {
    margin: 0 30px;
    display: inline-block;
    vertical-align: middle;
}
.cta_strip .personality_icons {
    display: inline-block;
    vertical-align: middle;
}
.cta_strip .personality_icons.first {
    background: url('../images/personality_module/pm_faces1.png') no-repeat center center;
    background-size: 100% auto;
    width: 112px;
    height: 64px;
}
.cta_strip .personality_icons.second {
    background: url('../images/personality_module/pm_faces2.png') no-repeat center center;
    background-size: 100% auto;
    width: 119px;
    height: 62px;
}

/* ## Section: PM Intro */
.cb_personality_module_lp .cb_section.cbpm_intro {
    margin: 50px auto;
}
.cbpm_intro p {
    max-width: 820px;
    margin: 0 auto;
    font: normal 17px/26px 'Roboto Slab';
    text-align: center;
}

/* ## Section: PM Benefits */
.cbpm_benefits {
    border-top: 1px solid #888;
    padding: 50px 0 90px 0;
}
.cbpm_benefits h3 {
    font: bold 24px/30px 'Noto Sans' !important;
    color: #981e33;
    text-align: center;
    text-transform: none;
}
.cbpm_benefits .benefits .benefit {
    float: left;
    width: 30%;
    margin-right: 5%;
    height: 200px;
    text-align: center;
    padding-top: 85px;
    box-sizing: border-box;
}
.cbpm_benefits .benefits .benefit:nth-child(3n+3) {
    margin-right: 0;
}
.cbpm_benefits .benefits .benefit h4 {
    font: bold 16px/22px 'Noto Sans' !important;
    text-transform: uppercase;
    margin-bottom: 0;
}
.cbpm_benefits .benefits .benefit p {
    font: normal 15px/22px 'Noto Sans';
}
.cbpm_benefits .benefits .benefit.stand_out     { background: url('../images/personality_module/benefit_stand_out.png')     no-repeat center top; }
.cbpm_benefits .benefits .benefit.connections   { background: url('../images/personality_module/benefit_connections.png')   no-repeat center top; }
.cbpm_benefits .benefits .benefit.loyalty       { background: url('../images/personality_module/benefit_loyalty.png')       no-repeat center top; }
.cbpm_benefits .benefits .benefit.followers     { background: url('../images/personality_module/benefit_followers.png')     no-repeat center top; }
.cbpm_benefits .benefits .benefit.results       { background: url('../images/personality_module/benefit_results.png')       no-repeat center top; }
.cbpm_benefits .benefits .benefit.content       { background: url('../images/personality_module/benefit_content.png')       no-repeat center top; }



/* ## Section: PM How does it work? */
.cbpm_how_does_it_work {
    background: #f2f2f2;
    width: 100%;
    padding: 70px 0;
}
.cbpm_how_does_it_work .laptop {
    background: url('../images/personality_module/laptop.png') no-repeat left bottom;
    padding-bottom: 70px;
}
.cbpm_how_does_it_work .copy_container {
    padding: 20px 20px 15px 20px;
    border: 2px solid #ccc;
    border-radius: 15px;
    position: relative;
    background: #fff;
    float: right;
    width: 60%;
    margin-right: 3%;
}
.cbpm_how_does_it_work h3 {
    font: bold 23px/30px 'Noto Sans' !important;
    color: #981e33;
    text-transform: none;
    margin-bottom: 6px;
}
.cbpm_how_does_it_work p {
    font: normal 16px/22px 'Roboto Slab';
    margin-bottom: 6px;
}
.cbpm_how_does_it_work ul {
    padding-left: 25px;
}
.cbpm_how_does_it_work ul li {
    font: bold 15px/22px 'Roboto Slab';
    margin-bottom: 5px;
}
.cbpm_how_does_it_work .copy_container .speech_bubble_tip {
    background: url('../images/personality_module/speech_bubble_tip.png') no-repeat center center;
    width: 22px;
    height: 36px;
    position: absolute;
    left: -2px;
    bottom: -23px;
}
.cbpm_how_does_it_work .features {
    padding: 75px 0 50px 0;
}
.cbpm_how_does_it_work .feature {
    float: left;
    width: 15%;
    margin-right: 2%;
    text-align: center;
    font: bold 14px/20px 'Noto Sans';
    box-sizing: border-box;
    padding-top: 140px;
    height: 230px;
    
    width: 16%;
    margin-right: 0.8%;
}
.cbpm_how_does_it_work .feature.last {
    margin-right: 0;
}
.cbpm_how_does_it_work .feature.tools           { background: url('../images/personality_module/feature_tools.png')         no-repeat center top; }
.cbpm_how_does_it_work .feature.content         { background: url('../images/personality_module/feature_content.png')       no-repeat center top; }
.cbpm_how_does_it_work .feature.ideas           { background: url('../images/personality_module/feature_ideas.png')         no-repeat center top; }
.cbpm_how_does_it_work .feature.quotes          { background: url('../images/personality_module/feature_quotes.png')        no-repeat center top; }
.cbpm_how_does_it_work .feature.examples        { background: url('../images/personality_module/feature_examples.png')      no-repeat center top; }
.cbpm_how_does_it_work .feature.compatibility   { background: url('../images/personality_module/feature_compatibility.png') no-repeat center top; }



/* ## Section: eCourse info */
.cbpm_ecourse_info_container {
    background: #f2f2f2;
    padding: 30px 0 60px 0;
}
.cbpm_ecourse_info {
    background: #c8c8c8 url('../images/personality_module/ecourse_background.jpg') no-repeat center top;
    height: 325px;
    box-sizing: border-box;
    padding-top: 40px;
    border: 8px solid #c8c8c8;
    
    background: url('../images/personality_module/ecourse_background.jpg') no-repeat center top;
    max-width: 1500px;
    margin: 0 auto;
}
.cbpm_ecourse_info .cb_section {
    padding-left: 150px;
}
.cbpm_ecourse_info h3, .cbpm_ecourse_info h4, .cbpm_ecourse_info h5 {
    margin: 0;
    text-transform: none;
}
.cbpm_ecourse_info h5 {
    font: normal 21px/24px 'Roboto Slab' !important;
    color: #222;
}
.cbpm_ecourse_info h5 strong {
    color: #981e33;
    font-weight: bold;
}
.cbpm_ecourse_info .ecourse_logo {
    position: relative;
    height: 90px;
    margin: 12px 0 20px 0;
}
.cbpm_ecourse_info .ecourse_logo h3, .cbpm_ecourse_info .ecourse_logo h3.small, .cbpm_ecourse_info .ecourse_logo h4 {
    position: absolute;
}
.cbpm_ecourse_info .ecourse_logo h3 {
    font: 400 34px/34px 'Roboto Slab' !important;
    background: #e29d00;
    display: inline-block;
    padding: 3px 5px;
    top: 20px;
    left: 0;
    z-index: 50;
}
.cbpm_ecourse_info .ecourse_logo h3.small {
    font: 300 19px/19px 'Roboto Slab' !important;
    background: #e29d00;
    display: inline-block;
    padding: 3px 5px 0 5px;
    top: 0;
    left: 28px;
    z-index: 100;
}
.cbpm_ecourse_info .ecourse_logo h4 {
    font: 100 25px/25px 'Roboto Slab' !important;
    color: #222;
    background: #fff;
    display: inline-block;
    padding: 3px 5px;
    top: 56px;
    left: 28px;
    z-index: 20;
}
.cbpm_ecourse_info p {
    padding-left: 28px;
    font: normal 22px/26px 'Roboto Slab';
    color: #fff;
    margin-bottom: 0;
    text-shadow: 2px 2px 2px #878787;
    text-shadow: 2px 2px 2px rgba(99, 99, 99, 0.4);
}
.cbpm_ecourse_info p.emphasise {
    color: #efab1f;
    font-weight: bold;
}
.cbpm_ecourse_info .button_container {
    margin: 20px 0;
}
.cbpm_ecourse_info .cta_button.main_ecourse {
    margin-left: 28px;
    margin-top: 12px;
    background: #009e95;
    border: 2px solid #085953;
    padding: 6px 10px;
    font: 400 16px/18px 'Roboto Slab';
    border-radius: 8px;
}
.cbpm_ecourse_info .cta_button.main_ecourse:hover {
    background: #04857e;
}