/**
 * @license
 * MyFonts Webfont Build ID 3111690, 2015-10-21T12:10:40-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: GillSansMT by Monotype 
 * URL: http://www.myfonts.com/fonts/mti/gill-sans/gill-sans-26543/
 * Copyright: Digitized data copyright The Monotype Corporation 1991-1995. All rights reserved. Gill Sans® is a trademark of The Monotype Corporation which may be registered in certain jurisdictions.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3111690
 * 
 * © 2015 MyFonts Inc
*/
@import url("//hello.myfonts.net/count/2f7b0a");  
@font-face {font-family: 'GillSansMT';src: url('fonts/2F7B0A_0_0.eot');src: url('fonts/2F7B0A_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2F7B0A_0_0.woff2') format('woff2'),url('fonts/2F7B0A_0_0.woff') format('woff'),url('fonts/2F7B0A_0_0.ttf') format('truetype');}

html.normal { font-size:16px; }
html.medium { font-size:18px; }
html.large { font-size:20px; }
body { margin:0; background:#ececec; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }


/* HEADINGS, BUTTONS ETC */
h1 { position:absolute; top:5px; left:20px; margin:0; color:#fff; line-height:90px; font-size:1.75em; font-family: 'GillSansMT', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; }
h2 { margin:0 0 0.5em 35px; color:#333; font-size:1.35em; }
p { margin:0 35px 30px 35px; color:#333; line-height:1.4; font-size:1em; }

a:focus { outline:none; }

#wrapper { padding:0; width:980px; margin:auto; background:#f3f3ee; }

#header { background:#fff; height:90px; position:relative; }
#header .bbc_logo { width:112px; height:32px; position:absolute; top:28px; left:20px; }
#header .text_resizer { width:172px; height:64px; position:absolute; top:36px; right:20px; }
#header .text_resizer_label { width:172px; height:20px; position:absolute; top:8px; right:18px; font-size:14px; color:#888; text-align:center; z-index:5; }
#header .text_resizer_markings { width:172px; height:44px; position:absolute; top:24px; right:18px; }
#header .text_resizer_markings img { width:172px; height:44px; }
#header .text_size_normal { width:22px; height:25px; position:absolute; top:26px; right:174px; font-size:1px; text-indent:-5000px; z-index:90; display:inline-block; }
#header .text_size_medium { width:22px; height:25px; position:absolute; top:26px; right:96px; font-size:1px; text-indent:-5000px; z-index:90; display:inline-block; }
#header .text_size_large { width:22px; height:25px; position:absolute; top:26px; right:15px; font-size:1px; text-indent:-5000px; z-index:90; display:inline-block; }
#header .text_resizer .rangeslider { margin-top:28px; }
#header .text_resizer input { height:32px; }

.subheader { height:100px; margin-bottom:30px; }
.numbers { position:absolute; top:31px; right:37px; margin:0; padding:0; list-style:none; }
.numbers li { width:40px; height:40px; font-size:25px; font-weight:bold; line-height:40px; text-align:center; border-radius:20px; margin:0 0 0 12px; padding:0; display:inline-block; background-color:rgba(255,255,255,0.3); }
.numbers li.active { background-color:rgba(255,255,255,1); }

.pop_bg { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(65,65,65,0.8); z-index:999; width:100%; height:100%; }
.pop_panel { margin:20% auto; width:655px; height:257px; background:#fff; position:relative; }
.pop_panel p { font-weight:bold; margin:0; padding:30px 30px 30px 30px; color:#414141; font-size:1.15em; line-height:1.2; }
.pop_panel a.button { bottom:30px; right:30px; width:100px; }

/* FOOTER */
#footer { position:relative; clear:both; margin:0; width:980px; padding:0; background:#fff; height:74px; }
#footer p.created { display:block; width:505px; height:74px; font-size:18px; color:#666; margin:0; padding:0 0 0 20px; line-height:74px; position:absolute; bottom:0; left:0; font-family: 'GillSansMT', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; }
#footer ul { position:absolute; top:23px; right:20px; margin:0; padding:0; }
#footer ul li { display:inline-block; margin:0 5px 0 0; padding:0 0 0 5px; border-left:1px solid #213a7d; font-size:11px; line-height:11px; }
#footer ul li.first { border-left:none; }
#footer ul li a { margin:0; padding:0; font-size:11px; line-height:11px; color:#213a7d; text-decoration:none; }


.outer { width:980px; margin:0; padding:0; }
.inner { position:relative; background-color:#fff; width:940px; margin:20px 20px 30px 20px; padding-bottom:130px; }

a.button { z-index:50; position:absolute; background-color:#414141; color:#fff; border-radius:2px; padding:1em 0.4em; font-size:1em; font-weight:bold; text-align:center; text-decoration:none; }
a.button:hover { background-color:#000; }
a.next { bottom:37px; right:37px; min-width:100px; z-index:90; color:#fff; }
a.next.off { background-color:#ccc; }
a.previous { bottom:37px; left:37px; min-width:100px; z-index:90; }
a.previous:focus, a.next:focus, a.previous:active, a.next:active { background-color:#000; box-shadow:0 0 10px #444; }

.hide { display:none; }
    

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

.question_count { position:absolute; left:25%; top:22.5%; width:50%; height:10%; margin:0; padding:0; text-align:center; text-transform:uppercase; font-size:32px; color:#fff; }

.radio { width:28%; height:3em; margin:0.75em 0 1em 35px; display:inline-block; overflow:hidden; position:relative; }
.radio input { position:absolute; top:-5000px; }
.radio label { height:3em; position:absolute; top:0; left:0; display:block; width:220px; padding-left:40px; padding-top:3px; color:#666; }
.radio label:hover { cursor:pointer; }
.radio .radio_outer { position:absolute; top:0; left:0; width:24px; height:24px; border:2px solid #ccc; border-radius:26px; padding:0; margin:0; }
.radio .radio_inner { width:20px; height:20px; border-radius:20px; padding:0; margin:2px; }
.radio.checked .radio_inner { background-color:#000; }

.slider_wrapper { width:940px; margin:10px auto; height:9.5em; /*background-color:#eee;*/ position:relative; }
html.medium .slider_wrapper { height:9em; }
html.large .slider_wrapper { height:8em; }
.slider_wrapper.three_lines { margin-top:1.9em; }
.slider_wrapper .slider_text { position:absolute; bottom:60px; width:180px; margin:0; padding-bottom:37px; text-align:center; color:#666; text-decoration:none; z-index:50; /*background-color: rgba(255,0,255,0.5);*/ }
.slider_wrapper .slider_text:hover { text-decoration:none; }
.slider_wrapper .slider_text_1 { left:10px; }
.slider_wrapper .slider_text_2 { left:255px; }
.slider_wrapper .slider_text_3 { left:505px; }
.slider_wrapper .slider_text_4 { left:756px; }
.slider_wrapper .slider_line { position:absolute; bottom:33px; width:12px; height:50px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAyCAAAAABNbmXmAAAAH0lEQVR4AWNoTIODRlTOfySAhXP1KiaHXD2jekb1AAAT2z/7tYq8qAAAAABJRU5ErkJggg=='); }
.slider_wrapper .slider_line_1 { left:93px; }
.slider_wrapper .slider_line_2 { left:340px; }
.slider_wrapper .slider_line_3 { left:587px; }
.slider_wrapper .slider_line_4 { left:835px; }
.slider_wrapper .slider { position:absolute; bottom:30px; left:75px; width:790px; margin:0; }


/* INTRO */
#intro .subheader { background-color:#66bee1; }
#intro p { width:550px; }
#intro .numbers li { color:#fff; }
#intro .numbers li.one { background-color:#8d698e; }
#intro .numbers li.two { background-color:#ff7d48; }
#intro .numbers li.three { background-color:#14799d; }
#intro .signpost { position:absolute; bottom:40px; right:45px; }
#intro a.tcs { bottom:80px; left:37px; right:auto; padding:0 6px 0 14px; min-width:165px; font-size:15px; line-height:33px; font-weight:normal; border-radius:20px; text-align:left; background-color:#00338d; }
#intro a.next { bottom:37px; left:37px; right:auto; padding:0 6px 0 14px; min-width:165px; font-size:15px; line-height:33px; font-weight:normal; border-radius:20px; text-align:left; background-color:#00338d; }
#intro a.next span, #intro a.tcs span { width:21px; height:21px; float:right; margin-top:6px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAQAAAADHm0dAAAA0klEQVQoz5XTvW2EQBCG4ZVOXEri2LkTYieUchIlEFqiD2qgAUogcAM0QGiRIwgeB7ZO/GxwO9nuvpqZb/abEHah1Bpt2IxaZYiFwoBZp1FrdGYMijP4sJhUst1dpjJZPI4gvTxSK9fzhBUWvVuIN3bTW/7bMJj2Gb1dMk+GP9VUu4cPP75OcIUyaM0HMblvjrDMrA1G3aXgFe6MwaaJ6D7BGmtAHdH9bsXn81wTrK9nTeg1YQKvzzXht5I8kOCsg1/vu7t7xK9JW3DYrRXrdbd+AUHPKLZu35IcAAAAAElFTkSuQmCC'); background-position:0 0; background-repeat:no-repeat;  }
html.medium #intro a.next { font-size:17px; }
html.large #intro a.next { font-size:19px; }


/* Q1 */
#q1 .subheader { background-color:#9c739d; }
#q1 .numbers li { color:#9c739d; }
#q1 .radio.checked .radio_inner { background-color:#9c739d; }
#q1 .rangeslider__handle { background-color:#9c739d; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAArUlEQVR4AZ2UtwHDIBAAX52zXWoMtU4LaDb20CpUTpOwwTkp5/+jUjj4AEgTIk44PAGAgMdxIpJhSLnTx520X9iSMUbGtq3EvJjiRdxcZVyptGq1TmBXDvm4toOs0m+TSA4JbdJ/ke8q6U4knEAlwUlwaskJnir9JB/LUlqW76qSeCFAzkFG4AA5QUAtYZQM4ZkKYSy5qbmWbaTfsMajoT+E+uNuvljsV5j+snwD4XVfWhFX0noAAAAASUVORK5CYII='); background-position:11px 11px; background-repeat:no-repeat; }
#q1 .rangeslider__handle.unset { background-color:#ccc; }


/* Q2 */
#q2 .subheader { background-color:#ff7448; }
#q2 .numbers li { color:#ff7448; }
#q2 .rangeslider__handle { background-color:#ff7448; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAA8UlEQVQ4Ee3BPUrDAACA0W9p/FnFC4jQ4pJBr+AFuurSqRScdPcWgiBOgosOrmK19AJdOrhk0dGihLhUED/RUjU0sU1G8T34RwkGNu0Yq4ltG1b4YsWGbRM1tmPTgJ8MjUzrW+OTNfumRYaMGZo4aWAVrDpwUmLIBwMjs/Wct2e2yACwZb5z87UAu5bTBYwtJwYsDTC2nAfAS8s5A2xYzibggvcWd82IdYt6dpUxDy2mzjcDr5zdLmkueuNs9phk4KnTDN0mjzu+mO/ODX7jurdmu3CJaZxz36Fpj24xK1c88c2RVw9cphjXPPbJI6v8Ne8qS7zz+AzgcAAAAABJRU5ErkJggg=='); background-position:9px 9px; background-repeat:no-repeat; }
#q2 .rangeslider__handle.unset { background-color:#ccc; }


/* Q3 */
#q3 .subheader { background-color:#0082ad; }
#q3 .numbers li { color:#0082ad; }
#q3 .radio.checked .radio_inner { background-color:#0082ad; }
#q3 .rangeslider__handle { background-color:#0082ad; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAABIUlEQVR4AY3SMxhQURQA4JuNLbd/uSnXmFuy3Rrm3JRta8q2OWW7lmzzz7ov3P8sR88v/E45Ixz0EB/cs1kfecPfyGGId2KXVf7bAWMAD60xzWKnAbeUDFkaASYr9KPX2GMwPWTZB9ZG3bbgpfzxen4fQIOon9MtUD/7doDyIWIj6BG3CwDqZg5oZaihaoaYk2BmSKUfeKN86gGF3QEz0tYXWOA8eGPBj6j79wP+rNvfDyj+JRqDq4r7EpkfLyaHeyBfSOUwKJh+wA1cSl+vDgalruewA5cVSj1gDO6rlLacy3jcNcpyl9xy1GydlPoyq2iufNkvDR/ErrsAhsYH1PQOz20yw1KHvfO7nSFmgKGK/aiKamGKs9566aBecodvPgLtdncD/9EM6QAAAABJRU5ErkJggg=='); background-position:12px 12px; background-repeat:no-repeat; }
#q3 .rangeslider__handle.unset { background-color:#ccc; }


/* RESULTS */
#results .subheader { background-color:#66bee1; }
#results table#results { width:880px; margin:0 30px 30px 30px; border-collapse:collapse; }
#results table#results tr { border-bottom:1px solid #ccc; }
#results table#results th { color:#666; padding:15px 20px; font-size:1em; }
#results table#results th.increase { text-align:center; }
#results table#results th.explanation { text-align:left; }
#results table#results td { color:#666; padding:15px 20px; vertical-align:top; padding-bottom:2em; line-height:1.4; }
#results table#results td.increase { width:160px; color:#4e4e4e; }
#results table#results td.fill { text-align:center; width:70px; background:#f1f1f0; }
#results table#results td .marker { display:inline-block; width:22px; height:22px; border-radius:30px; background-color:#999; }
#results table#results td.explanation { width:530px; }
#results table#results tfoot tr { border-bottom:none; }
#results table#results tfoot tr td { font-size:0.80em; position:relative; padding:0; height:60px; }
#results table#results tfoot tr td p { color:#666; line-height:1.2; padding:0 20px 0 0; margin:0; position:absolute; top:0; left:0; }
#results table#results tfoot tr td .one { width:305px; position:relative; display:inline-block; margin-right:15px; }
#results table#results tfoot tr td .two { width:265px; position:relative; display:inline-block; margin-right:20px; }
#results table#results tfoot tr td .three { width:265px; position:relative; display:inline-block; }
#results table#results tfoot tr td div .marker { position:absolute; top:0; left:0; }
#results table#results tfoot tr td div p { left:35px; }
#results .panel { width:840px; margin:1em 30px; background:#f1f1f0; padding:20px; }
html.medium #results .panel { margin-top:2em; }
html.large #results .panel { margin-top:3em; }
#results .panel p { margin:0 0 1em 0; padding:0; color:#666; }
#results .panel a { color:#666; text-decoration:underline; }
#results .panel a:hover { color:#333; text-decoration:none; }
#results table#results td .marker { display:inline-block; width:22px; height:22px; border-radius:30px; background-color:#999; background-repeat:no-repeat; background-position:0 0; }
#results table#results tfoot tr td .marker { position:absolute; top:1.1em; left:0; }
#results table#results td .marker.plus { background-color:#27af81; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAAbUlEQVR4AWOgARgF/43+n/+vQpxS2/8f////fxaXNOP/9P9sULbH/29ApQ9xmvx/MVB6E0j5/9D/v4DsG/9lcFtc8R8ENgHN/wukz/0XBYniUw4DR/7zE/bWNLDSW/+5iAuFHf8f/+ehciyMAgAiwk4QfAqBowAAAABJRU5ErkJggg=='); }
#results table#results td .marker.minus { background-color:#f9b550; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAAK0lEQVR4AWMY5GAU/BcAQ+H/CmCo/t8An2IMQFjxv/8fwPD1/wfDK+RGAQC2CS1tQeQFAQAAAABJRU5ErkJggg=='); }
#results table#results td .marker.cross { background-color:#eb614a; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAAUElEQVR4AWOgEhgF/3X/n/+vAmapAFm6+BVf/P///5P/KkD4BMi6SMjk10BFL4DwP5ClS8ghaiCFYA1q6HJMGKoZMVmUOwPTg6QHHeVgFAAAGmdRyWo3+jkAAAAASUVORK5CYII='); }

.footnote { color:#666; font-size:0.9em; margin-bottom:0; }

/* RANGE SLIDER CSS */
.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #ccc;
  position: relative;
}

.rangeslider--horizontal {
  height: 5px;
  width: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #ccc;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider__handle {
  background: #66bde0;
  cursor: pointer;
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.text_resizer .rangeslider__handle {
  background: #66bde0;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider--horizontal .rangeslider__handle {
  top: -22px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.text_resizer .rangeslider--horizontal .rangeslider__handle {
  top: -6px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px #66bde0;
  -webkit-box-shadow: 0 0 8px #66bde0;
  box-shadow: 0 0 8px #66bde0;
}