/* Section 2 styles */
#section_2.section { padding-top:2.5rem; }
#section_2 .content { margin:0 6% 0 6%; padding-top:50px; padding-bottom:80px; float:left; width:38%; }
#section_2 .content.second { padding-bottom:1px; }
#section_2 .content label { display:block; font-family:'jackie_sue_bfregular', helvetica, arial, sans-serif; font-size:30px; line-height:40px; min-height:40px; color:#231f20; margin-bottom:8px; }
#section_2 .content label.one { background:url('../img/red-1.svg') 0 0 no-repeat; background-size:38px 38px; padding-left:48px; }
#section_2 .content label.two { background:url('../img/red-2.svg') 0 0 no-repeat; background-size:38px 38px; padding-left:48px; }
#section_2 .content label.three { background:url('../img/red-3.svg') 0 0 no-repeat; background-size:38px 38px; padding-left:48px; }
#section_2 .content label.four { background:url('../img/red-4.svg') 0 0 no-repeat; background-size:38px 38px; padding-left:48px; }
#section_2 .content label span { display:inline-block; height:13px; width:13px; margin-left:10px; background:url('../img/asterisk.png') 0 0 no-repeat; background-size:cover; text-indent:-5000px; }
#section_2 .radiogroup { margin-bottom:30px; }
#section_2 .radiogroup label { font-family: Helvetica, Arial, sans-serif; font-size:1rem; height:64px; padding-left:80px; line-height:64px; font-weight:bold; 
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#section_2 .radiogroup label#leader_of_self { background:url('../img/leader-of-self.svg') 12px 50% no-repeat; background-size:48px 48px; }
#section_2 .radiogroup label#leader_of_others { background:url('../img/leader-of-others.svg') 12px 50% no-repeat; background-size:48px 48px; }
#section_2 .radiogroup label#leader_of_leaders { background:url('../img/leader-of-leaders.svg') 12px 50% no-repeat; background-size:48px 48px; }
#section_2 .radiogroup label#leader_of_self:hover,
#section_2 .radiogroup label#leader_of_others:hover,
#section_2 .radiogroup label#leader_of_leaders:hover{ cursor:pointer; background-size:64px 64px; background-position:0 50%; }
#section_2 .radiogroup label#leader_of_self.active,
#section_2 .radiogroup label#leader_of_others.active,
#section_2 .radiogroup label#leader_of_leaders.active { background-size:64px 64px; background-position:0 50%; }

#section_2 .content .radiogroup input { display:none; /*margin-bottom:10px; margin-right:10px;*/ }
#section_2 .content select { margin-bottom:0; }
#section_2 .title { top:-30px; left:40px; max-width:355px; max-height:67px; }
#section_2 .section_inner { max-width:980px; }
#section_2 .button { position:absolute; bottom:-30px; right:20px; width:222px; height:98px; background:url('../img/next.svg') 0 0 no-repeat; text-indent:-5000px; }
#section_2 .smallprint { position:absolute; bottom:40px; left:30px; max-width:400px; /*right:auto;*/ text-align:center; clear:both; margin:0 auto 0 auto; padding:0 1rem 1rem 1rem; min-height:20px; font-size:13px; }
#section_2 .smallprint span { /*float:left;*/ display:inline-block; height:16px; width:16px; margin-right:2px; background:url('../img/asterisk.png') 0 0 no-repeat; background-size:cover; text-indent:-5000px; }


#section_2 .element_wrapper { position:relative; display:block; width:260px; max-width:260px; margin-bottom:35px; }
#section_2 .error_arrow { /*display:none;*/ position:absolute; top:1%; right:-97px; height:46px; width:81px; background:url('../img/red-error-arrow.svg') 0 0 no-repeat; background-size:90% 90%; text-indent:-5000px; z-index:999; }
#section_2 .no_error_tick { position:absolute; top:0; right:-75px; height:54px; width:60px; background:url('../img/no-error-tick.svg') 0 0 no-repeat; background-size:90% 90%; text-indent:-5000px; z-index:999; }
#section_2 .element_wrapper.three { width:340px; max-width:340px; margin-bottom:10px; }
#section_2 .element_wrapper.three .no_error_tick { top:0; right:-50px; }
#section_2 .element_wrapper.flex { width:auto; max-width:350px; }
#section_2 .element_wrapper.flex .error_arrow { right:-75px; }
#section_2 .element_wrapper.flex.four { margin-bottom:80px; }
#section_2 .element_wrapper.flex.four .error_arrow { top:40%; right:-75px; }
#section_2 .element_wrapper.flex.four .no_error_tick { top:10%; right:-7px; }
#section_2 .error_button_overlay { /*display:none;*/ position:absolute; bottom:-20px; right:20px; width:281px; height:120px; background:url('../img/error-button-overlay.svg') 50% 50% no-repeat; background-size:90% 90%; text-indent:-5000px; z-index:9999; }


#section_2 .content select:not(.dot_slider) {
    width:100% !important;
    height:2.9125rem !important;
    padding:17px !important;

}

.customSelect { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
    background-image:url('../img/dropdown.svg');
    background-position:100% center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    height:2.9125rem;
    width:97%;
    padding:17px;
}

.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.customSelectInner {
/* You can style the inner box too */
    width:calc(100% - 40px) !important;
    font-family:inherit;
    font-size:0.875rem;
    font-weight:bold;
    white-space:nowrap;
    overflow:hidden;
}



#section_2 .content select::-ms-expand {
    display:none;
}

/* CUSTOM SLIDER WIDGET */
.dot_slider { display:none; }
.dot_slider_widget { margin:20px 0 20px 44px; padding:0; overflow:hidden; list-style:none; }
.dot_slider_widget li { float:left; list-style:none; }
.dot_slider_widget a { display:block; width:50px; height:50px; background:url('../img/dot-outer.svg') 50% 50% no-repeat; text-indent:-5000px; margin-right:5px; background-size:40px 40px; }
.dot_slider_widget a.active { background:url('../img/dot-filled.svg') 50% 50% no-repeat; background-size:40px 40px; }
.dot_slider_widget a:focus, .dot_slider_widget a:hover { background:url('../img/dot-filled.svg') 50% 50% no-repeat; background-size:50px 50px; }
/* 841px - 1023px - Fix for dots wrapping at this break point */
@media only screen and (min-width: 52.563em) and (max-width: 63.938em) {
    .dot_slider_widget a { width:40px; height:40px; background-size:30px 30px; margin-right:1px; }
    .dot_slider_widget a.active { background-size:30px 30px; }
    .dot_slider_widget a:focus, .dot_slider_widget a:hover { background:url('../img/dot-filled.svg') 50% 50% no-repeat; background-size:40px 40px; }
    #section_2 .content label { font-size:26px; }
    #section_2 .radiogroup label { font-size:1rem; }
    #section_2 .element_wrapper.three .no_error_tick { top:0; right:-40px; }
}

/* 840px */
@media only screen and (max-width: 52.5em) {
    #section_2 .title { top:-20px; left:20px; max-width:295px; }
    #section_2 .content { margin:0 6% 0 6%; padding-top:50px; padding-bottom:0; float:none; width:92%; }
    #section_2 .content.second { padding-top:0; padding-bottom:10px; }
    #section_2 .smallprint { bottom:60px; right:30px; font-size:12px; }
    #section_2 .element_wrapper.flex.four { margin-bottom:110px; }
}

/* 768px */
@media only screen and (max-width: 48em) {
    #section_2 .title { top:-20px; left:20px; max-width:295px; }
    #section_2 .content label { font-size:26px; line-height:1.4; }
    #section_2 .radiogroup label { font-size:1rem; line-height:74px; }
}

/* 639px */
@media only screen and (max-width: 39.938em) {
    
}

/* 460px */
@media only screen and (max-width: 28.75em) {
    #section_2 .button { right:20px; width:153px; height:75px; }
    #section_2 .smallprint { min-width:50%; left:20px; right:20px; }
    .dot_slider_widget { margin:20px 0 50px 0; }
    #section_2 .smallprint { bottom:40px; left:15px; right:15px; font-size:12px; }
}

/* 375px */
@media only screen and (max-width: 23.438em) {
    #section_2 .title { left:10px; max-width:275px; }
    #section_2 .button { right:5px; }
    
}