div.results {

    width: auto;
}



#ageIndicator div.sectionH2 {
    color: #006697;
    font-size: 1.1rem;
    font-weight: normal;
    margin:0;
    text-align: center;
}


div#ageIndicatorEchelle {
    background-image: url(/images/brain_graph_background.jpg);
    background-repeat: no-repeat;
    color: #000000;
    font-size: 1.1rem;
    font-weight: normal;
    height: 38px;
    line-height: 0.85;
    padding: 127px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 10px auto 0;
    float: none;
    max-width: 547px;
}


#ageBkg,#ageBkgMobile {
    background-image: url(/images/brain_age_graph_background.gif);
    background-repeat: no-repeat;
    height: 117px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 110px;
    top: 0px;
}

#ageBkgMobile{ display:none; width: 100%; background-position: center;top: 45px;}

#ageBkg span, #ageBkgMobile span {
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	background: rgba(0, 102, 151,0.4);
	border-radius: 20px;
	padding: 1px;
	line-height: initial;
	display: inline-block;
	position: relative;
	top: 29px;
}


div#results_1 div#resultsExplain {
	margin-top: 25px;
	margin-left: 20px;
	font-size: 1.12rem;
	line-height: 1.6;
	margin-bottom: 100px;
	width:90%;
}

#results_1 p, #results_1 p, #results_1 p, #results_1 p {
    margin-top: 15px;
}



div#resultsParameters {
    font-size: 1.6em;
    border-top: thin solid #000;
    border-bottom: thin solid #000;
    top: 0px;
    width: 457px;
    min-height: 440px;
    max-height: 548px;
    background-color: #83C1DE;
    width: 100%;
}

div#resultsParameters div#resultsHeader {
    color: #000;
    padding: 5px;
    background: #fff;
    width: 85%;
    margin: 15px auto;
    border-radius: 10px;
    border: 1px solid #000;
}

div#resultsParameters div.setting {
    background-color: #fff;
    border: thin solid #006697;
    margin: 8px auto;
    width: 96%;
    border-radius: 10px;
    position: relative;
    padding-left: 3px;
    padding-right: 3px;
}


div#resultsParameters div.settingHeader {
    margin-top: 5px;
    margin-left: 1px;
    margin-bottom: 5px;
}

div#resultsParameters div.settingHeader span.title {
    color: #006697;
    font-weight: bold;
    font-size: 1.06em;
    display: inline-block;
    margin-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}




.switch-input {
    display: none;
}



/*  paste */





/* new design for modify your parameters: 2018-11-25 */
div#resultsParameters{ line-height: initial; }
div#resultsParameters{font-size: 1.6em; border-top: thin solid #000;border-bottom: thin solid #000;top: 0px;width: 457px;min-height: 440px;max-height: 548px;background-color: #83C1DE;width:100%;}
div#resultsParameters div{ float: unset; }
div#resultsParameters div#resultsHeader{ color: #000;padding: 5px;background: #fff;width: 85%;margin: 5px auto;border-radius: 10px;border: 1px solid #000; }
div#resultsParameters div.setting{background-color: #fff;border: thin solid #006697;margin: 8px auto;width: 96%; border-radius: 10px;position: relative;padding-left: 3px;padding-right: 3px;}
div#resultsParameters div.settingHeader{margin-top: 5px;margin-left: 1px;margin-bottom: 5px; }
div#resultsParameters div.settingHeader span.title{color: #006697;font-weight: bold;font-size: 1.06em;display: inline-block;margin-left: 5px;padding-top: 5px;padding-bottom: 5px;}
div#resultsParameters div.settingControl{margin-top: 25px;text-align: center; }
div#resultsParameters div#resultsBloodPressure div.settingControl,div#resultsParameters div#resultsLipids div.settingControl{margin-top: 10px;margin-bottom:5px;}
div#resultsParameters div#resultsPhysicalActivity div.settingControl,div#resultsParameters div#resultsWeight div.settingControl{margin-bottom:7px;}
div#resultsExercise div.switch{float:right;}
div#resultsParameters div#resultsPhysicalActivity input[type="range"],div#resultsParameters div#resultsWeight input[type="range"]{border: unset;font-size: initial;height: 17px;text-align: initial;vertical-align: initial;width: 98%;}


/*
.switch-field {overflow: hidden;}
.switch-title {margin-bottom: 6px;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.switch-field label {display: inline-block;background-color: #e4e4e4;color: rgba(0, 0, 0, 0.6);font-size: 1.5em;font-weight: normal;text-align: center;text-shadow: none;padding: 6px 14px;border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);-webkit-transition: all 0.1s ease-in-out;-moz-transition:    all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {background-color: #006697;-webkit-box-shadow: none;box-shadow: none;color: #fff;}
.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
.switch-field input:checked + label.radioNone,
.switch-field input:checked + label.radioNone{background-color: #ea7272;}
*/
div.settingControl div.switch-field label{font-size:1em;}

input[type="range"].slider {-webkit-appearance: none;width: 98%;margin: 0px 0;}
input[type="range"].slider:focus {outline: none;}
input[type="range"].slider::-webkit-slider-runnable-track {width: 100%;height: 32px;cursor: pointer;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;background: rgba(170, 170, 170, 0.41);border-radius: 0px;border: 0px solid #010101;}
input[type="range"].slider::-webkit-slider-thumb {box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);border: 1.9px solid rgba(0, 30, 0, 0.57);height: 32px;width: 32px;border-radius: 4px;background: #006697;cursor: pointer;-webkit-appearance: none;margin-top: 0px;}
input[type="range"].slider:focus::-webkit-slider-runnable-track {background: rgba(183, 183, 183, 0.41);}
input[type="range"].slider::-moz-range-track {width: 100%;height: 32px;cursor: pointer;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;background: rgba(170, 170, 170, 0.41);border-radius: 0px;border: 0px solid #010101;}
input[type="range"].slider::-moz-range-thumb {box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);border: 1.9px solid rgba(0, 30, 0, 0.57);height: 32px;width: 32px;border-radius: 4px;background: #006697;cursor: pointer;}
input[type="range"].slider::-ms-track {width: 99.7%;height: 32px;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}
input[type="range"].slider::-ms-fill-lower {background: rgba(157, 157, 157, 0.41);border: 0px solid #010101;border-radius: 0px;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
input[type="range"].slider::-ms-fill-upper {background: rgba(170, 170, 170, 0.41);border: 0px solid #010101;border-radius: 0px;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
input[type="range"].slider::-ms-thumb {box-shadow: 0.8px 0.8px 1.9px rgba(0, 0, 62, 0.67), 0px 0px 0.8px rgba(0, 0, 88, 0.67);border: 1.9px solid rgba(0, 30, 0, 0.57);width: 32px;border-radius: 4px;background: #006697;cursor: pointer;height: 32px;}
input[type="range"].slider:focus::-ms-fill-lower {background: rgba(170, 170, 170, 0.41);}
input[type="range"].slider:focus::-ms-fill-upper {background: rgba(183, 183, 183, 0.41);}
output {display: inline-block;position: absolute;background-image: linear-gradient(#006697, #006697);height: 30px;text-align: center;color: white;border-radius: 10px;bottom: 175%;left: 0;margin-left: -1%;top: 33px;padding-left: 12px;padding-right: 12px;line-height: 30px;white-space: nowrap;}
input[type="range"]:active + output {transform: translateX(-5%); }
output:after {content: "";position: absolute;width: 0;height: 0;border-top: 10px solid #006697;border-left: 5px solid transparent;border-right: 5px solid transparent;top: 100%;left: 50%;margin-left: -5px;margin-top: -1px;}
input[type="range"]::-ms-tooltip {display: none;}
.sliderticks {display: flex;justify-content: space-between;padding: 0 10px;color:#aaa;font-size:1.2em;}
.sliderticks p {position: relative;display: flex;justify-content: center;text-align: center;width: 1px;background: #D3D3D3;height: 13px;line-height: 0px;margin: 5px;}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {output { top:32px; } .sliderticks{padding:0 15px;} input[type="range"].slider{padding:0;} div#resultsParameters div#resultsPhysicalActivity div#resultsParameters div#resultsPhysicalActivity div.settingControl, div#resultsParameters div#resultsWeight div.settingControl{ margin-bottom:0px;  margin-top:20px; } .sliderticks p{height:8px;}}

.switch {position: relative;margin: 0;height: 26px;width: 120px;background: rgba(0, 0, 0, 0.25);border-radius: 3px;-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);float:right;margin-right: 3px;}
.switch-label {position: relative;z-index: 2;float: left;width: 58px;line-height: 26px;font-size: 1.2em;color: rgba(0, 0, 0, 0.6);text-align: center;cursor: pointer;}
.switch-label:active {font-weight: bold;}
.switch-label-off {padding-left: 2px;}
.switch-label-on {padding-right: 2px;}
.switch-input {display: none;}
.switch-input:checked + .switch-label {text-shadow: 0 1px rgba(255, 255, 255, 0.25);-webkit-transition: 0.15s ease-out;-moz-transition: 0.15s ease-out;-o-transition: 0.15s ease-out;transition: 0.15s ease-out;background:#006697;color:#fff;}
.switch-input:checked + .switch-label-on ~ .switch-selection {/* Note: left: 50% doesn't transition in WebKit */left: 60px;}
.switch-selection {display: block;position: absolute;z-index: 1;top: 2px;left: 2px;width: 58px;height: 22px;background: #bfbfbf;border-radius: 3px;background-image: -webkit-linear-gradient(top, #bfbfbf, #bfbfbf);background-image: -moz-linear-gradient(top, #bfbfbf, #bfbfbf);background-image: -o-linear-gradient(top, #bfbfbf, #bfbfbf);background-image: linear-gradient(to bottom, #bfbfbf, #bfbfbf);-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);-webkit-transition: left 0.15s ease-out;-moz-transition: left 0.15s ease-out;-o-transition: left 0.15s ease-out;transition: left 0.15s ease-out;}
.switch-blue .switch-selection {background: #3aa2d0;background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);}
.switch-yellow .switch-selection {background: #c4bb61;background-image: -webkit-linear-gradient(top, #e0dd94, #c4bb61);background-image: -moz-linear-gradient(top, #e0dd94, #c4bb61);background-image: -o-linear-gradient(top, #e0dd94, #c4bb61);background-image: linear-gradient(to bottom, #e0dd94, #c4bb61);}
.switch-input:checked + .switch-label-off { background: #ea7272; }


div#resultsExercise{ display:none; }
div#resultsExercise.active{ display:block; }



div#loading{
    width: 102%;
    position: relative;
    z-index: 10010;
    background-color: #83C1DE;
    opacity: 0.4;
    border-radius: 10px;
    margin-top: 19px;
    display:none;
}

div#results_2.loading div#loading{display:block;}

div#loading div.loader {
  	font-size: 2.5em;
  	width: 1em;
  	height: 1em;
  	border-radius: 50%;
  	position: relative;
  	-webkit-animation: load5 1.1s infinite ease;
  	animation: load5 1.1s infinite ease;
  	-webkit-transform: translateZ(0);
  	-ms-transform: translateZ(0);
  	transform: translateZ(0);
  	float: none;
  	padding: 0;
  	margin: 25% auto;
}

div#loading div.loader span{
    display: inline-block;
    font-size: 1.8em;
    width: 100%;
    position: absolute;
    top: -98px;
    left: -183px;
}

#current_results div.mtb_age, #modified_results div.mtb_age, #yearsGained_arrow, #yearsLost_arrow {
    background-color: #fff;
    background-image: url(/images/brain_graph_background.jpg);
    background-position: 13px 2px;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-size: 2.4em;
    font-weight: bold;
    height: 80px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

#current_results, #modified_results, #yearsGained, #yearsLost {
    position: relative;
    top: 0px;
    left: 0px;
    border: thin solid #000;
    width: 100px;
    height: 100px;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1000;
    float: left;
    margin-right:10px;
}
#current_results .top, #modified_results .top, #yearsGained .top, #yearsLost .top {
    background-color: #006697;
    height: 20px;
    width: 100%;
    border-bottom: #000;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
}
#current_results div.mtb_age, #modified_results div.mtb_age, #yearsGained_arrow, #yearsLost_arrow{
    background-image: url("../images/coeur_smaller.png");
    background-position: 13px 2px;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-size: 2.4em;
    font-weight: bold;
    height: 80px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
.leftPanel {
	padding-left:10px;
}
.leftPanel h1 {
    color: #006697;
    font-size: 2.1em; 
    font-weight: bold;
    margin-bottom: 20px;
}
.leftPanel p {
    font-size: 1.5em;
    line-height: 20px;
    text-align: left;
    margin-top: 0;
}
#wait_gif {
    background-image: url("../images/wait_transparent.gif");
    background-position: 1px 2px;
    background-repeat: no-repeat;
    display: block;
    font-size: 1.2em;
    height: 235px;
    left: 90px;
    padding-top: 100px;
    position: absolute;
    text-align: center;
    top: 245px;
    width: 235px;
}
#wait_gif.notvisible {
    display: none;
}

#moreOptions {
    border-top: thin solid #000;
    padding-top: 5px;
    clear: both;
    position:relative;
    top:8px;
}

#preview_afterEffect{display:block;}

#preview_results, #preview_yearsGained, #preview_yearsLost {
    clear: both;
    height: 100px;
    margin-top: 20px;
    display:block;
}
#yearsGained_arrow {
    background-image: url("../images/up_arrow.png");
    background-position: 10px 2px;
    padding-top: 20px;
}
#yearsGained .top {
    background-color: #047e04;
    height: 35px;
}
ol, ul {
    list-style: none;
}
div#modifiers {
    display: none;
}
.footNote{font-size: 1.2em;margin-top: 45px;}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}


#results_1 p, #results_4 p {
	margin-top: 15px;
}	


div#results_onerisk_title{font-weight:bold; margin-top:15px;}


div#resultsExplain{font-size:1.1rem;}

p.footnote {
    bottom: 25px;
}

p.footnote span {
    font-size: 1.2em;
}

div#resultsGraph{ 	
	width:97%;
}

div#results_4 div#resultsExplain {
	font-size: 1rem;
	line-height: 1.4;
	margin-left: 10px;
	margin-bottom: 100px;
	width: 90%;
}

div#results_4 #riskFactorsAll {
    font-weight: bold;
    padding-bottom: 10px;
}



div#results_4 ul{
	list-style-type: disc;
	list-style-position: outside;
	padding-left:20px;
	margin-top:3px;	
}

#resultsPhysicalActivitySliderOut, #resultsWeightSliderOut{ left: 0px; margin-left: 0%;}


div.resultsExplain p.noModifiableRiskFactors{display:none;}
div.resultsExplain.noRiskFactors p.clickToReview{display:none;}
div.resultsExplain.noRiskFactors p.noModifiableRiskFactors{display:block;}

div.results div.resultsData {
	padding-bottom:100px;
	height:auto;
}


div.results div.resultsLabel h1{
	color: #006697;
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 20px;
	text-align:center;
}

div.results div.resultsItem {
	margin-bottom: 100px;
	border-top: 1px solid #808080;
	padding-top: 10px;
}


div.results div.resultsItem div.resultsBox {
	width: 125px;
	background-color: #fff;
	float: left;
	border-radius: 20px;
	margin-left: 10px;
	margin-right: 15px;
	border: 1px solid #000;
	border-top: 0;
}

div.results div.resultsItem div.resultsBox div.resultsBoxHeading {
	background-color: #006697;
	height: 20px;
	width: 100%;
	border-bottom: #000;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}

div.results div.resultsItem div.resultsBox div.resultsBoxValue {
	background-image: url(/images/brain_age_graph_background.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 80px;
	padding-top: 20px;
	text-align: center;
	width: 100%;
}

div.results div.resultsItem div.resultsBox div.resultsBoxValue span {
	color: #fff;
	font-size: 2.75em;
	font-weight: bold;
	text-align: center;
	background: rgba(0, 102, 151,0.4);
	border-radius: 10px;
	padding: 1px;
	line-height: initial;
	display: inline-block;
	position: relative;
	top: 8px;
}

div.results div.resultsItem p.resultsText {
	font-size: 1.75em;
	line-height: 23px;
	text-align: left;
	width: 90%;
	padding-left: 10px;
	margin: 0;
}


/* risk factors */
div#resultsExplain div#resultsRiskFactors{ display:none; }
div#resultsExplain div#resultsRiskNone{ display:block; }

div#resultsExplain.risk div#resultsRiskFactors{ display:block; }
div#resultsExplain.risk div#resultsRiskNone{ display:none; }

ul#riskFactors{margin-top: 5px;}
ul#riskFactors li::before {content: "\2043";  display: inline-block; width: 1em; margin-left: -1em; }
ul#riskFactors li{ display:none; }

ul#riskFactors.sleep li#riskSleep,
ul#riskFactors.loneliness li#riskLoneliness,
ul#riskFactors.falls li#riskFalls,
ul#riskFactors.sports li#riskSports,
ul#riskFactors.exercise li#riskExerciseVigorus,
ul#riskFactors.exercise li#riskExerciseModerate,
ul#riskFactors.moods li#riskMoods,
ul#riskFactors.tea li#riskTea{display:list-item;}



@media screen and (max-width: 546px) {
	#ageBkg {display:none;}
	#ageBkgMobile {display:block;width:35%;background-size:contain;top:0;}
	#ageIndicatorEchelle{ background:unset;}
	#ageIndicatorEchelle.good{ background-color: #C7F2B5;background: linear-gradient(0.25turn, #91db79 30%, #fffa6a , #f57f75 70%);}
	#ageIndicatorEchelle.average{background-color: #FFFE99;background: linear-gradient(0.25turn, #91db79 30%, #fffa6a , #f57f75 70%);}
	#ageIndicatorEchelle.poor{ background: #FECBC4; background: linear-gradient(0.25turn, #91db79 30%, #fffa6a , #f57f75 70%)}

	#ageIndicatorEchelle.good #ageBkgMobile{left: 10%;}
	#ageIndicatorEchelle.average #ageBkgMobile{left: 33%;}
	#ageIndicatorEchelle.poor #ageBkgMobile{left: 60%;}

	div.results div.resultsItem{margin-bottom:50px;}

	span#realAgeContainer { float: left;width: 100%;margin-top: 50px;margin-bottom: 20px;border-bottom: 1px solid silver;padding-bottom: 10px;}	
	#brainageCalculator div#displayAccessCode, div#displayAccessCode {margin-top:-15px;}
}

@media screen and (max-width: 400px) {
    #ageIndicatorEchelle { padding: 115px 0 0; }
    
}


@media screen and (max-width: 450px) {
    div#resultsGraph{width:100%;}   
    
}




@media screen and (max-width: 400px) {
	#logo, .logo{ width:100% }
	#logo span, .logo span {font-size: 1.5rem;margin-left: 10px;line-height: 2.5;}
	#ageIndicator div.sectionH2 {width: 75%;margin: auto;	font-size: 1.2rem;}
}