html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  padding-bottom: 160px;
  line-height: 1.42857143;
  color: #555;
  margin:0px;
  background-color: #444;
  background-size: 100%;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif; color:#000;
  font-size: 14px;
}

h1,h2,h3,h4,h5,h6,h7,p,ul,li {margin:0px; padding:0px;}
img{ border:none; max-width:100%;}
a{text-decoration:none;}
h1{ font-size:55px; line-height:59px; color:#4d0d80; font-weight:700; }
h2{ font-family: 'Oswald', sans-serif; font-size:44px; color: #DC3D24; color: #8F8DC1; font-weight:700; margin-top:10px; padding-left: 1em; padding-right: 1em; }
h3{ font-family: 'Roboto Slab', Oswald, sans-serif; color:#000; font-size:22px; color:#4a4a4a; font-weight:400; margin-top:10px; }
h4{ font-size:14px; color:#000000; font-weight:bold; text-align:center; min-height:50px; }
h5{ font-size:14px; color: maroon; color: #232B2B; color: #555; font-weight: bold; }

.textleft { text-align: left; }
.textcenter { text-align:center; }
p{font-weight:normal; font-size:13px;}
.logo { float: left; font-family: 'Yellowtail', sans-serif; font-size: 3.0em; line-height: 1.40em; text-align: left; color: #555; padding-top: 20px; border: 0px solid green; }
.logo img { }
.address { float: right; text-align: right; width: 360px; color: #555; font-size: 1.1em; padding-top: 22px; }
.main_wrapper { padding:0px; margin-bottom:50px; margin-top:-64px; }
.shadowed { box-shadow:0 0 5px #f3f3f3; }

.container_top {
  margin-right: auto;
  margin-left: auto;
}
.container {
  margin-right: auto;
  margin-left: auto;
}
.clearfix:before,
.clearfix:after,
.container_top:before,
.container_top:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after
{
  display: table;
  content: " ";
}
.clearfix:after,
.container_top:after,
.container:after,
.container-fluid:after
{
  clear: both;
}

#splash_preheader { margin-top: 2em; font-size:12px; font-family: 'Lexend Zetta', verdana, sans-serif; text-align: center; line-height: 1.4em; padding-left: 1em; padding-right: 1em; }
#splash_separator { max-width: 640px; width: 60%; margin-top: 1.0em; margin-bottom: 0em; }
#begin_quiz { padding-top: 1em; padding-bottom: 1em; }
#splash_footer { max-width: 75%; font-family: 'Lexend Zetta', verdana, sans-serif; font-size: 12px; text-align: center; line-height: 1.5em; }

.initiate_survey { cursor: pointer; max-width: 300px; }

.progress-bar {
	border: 1px solid #e2e2e2;
	width: 90%;
	height: 20px;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #f4f4f4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.progress-bar .label {
	position: absolute;
	width: 90%;
	text-align: center;
	font-size: 15px;
	height: 20px;
	padding-top: 2px;
	line-height: 18px;
	font-weight: bold;
}
.progress-bar .fill-container {
	position: relative;
/*	width: 52%; */
	height: 20px;
}
.progress-bar .fill {
	position: absolute;
	background: #C1ADFF;
	border: 1px solid #C1ADFF;
	margin-top: -1px;
	overflow: hidden;
	height: 20px;
	width: 100%;
}
.progress-bar .fill-partial {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.progress-bar .fill-all {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.progress-bar .fill .label {
	margin-top: -1px;
	color: #fff;
}

.strengths, .speeds, .judgements, .warinesses, .readinesses, .toolsets, .confidences { display: inline-block; margin-right: auto; margin-left: auto; border: 0px solid red; }

label { cursor: pointer; display: inline-block; }
.resizable_strength_2cells,
.resizable_speed_2cells,
.resizable_readiness_2cells { margin: 0px 20px; padding-bottom: 4em; }

.quiz_sec,
#crunching {
	background: rgba(255,255,255,0.9); box-shadow: 0px 0px 10px -5px #000000; box-sizing: border-box;
	display: none; padding-top:15px; padding-bottom:25px; text-align:center; padding-left: 0px; padding-right: 0px;
}
.invitation, .thankyou {
	display: none; padding-top:15px; padding-bottom:25px; text-align:center; padding-left: 0px; padding-right: 0px;
}
.quiz_sec.active { display: block; }
.quiz_sec .inner_main { padding-top: 0px; padding-left: 90px; padding-right: 90px; padding-bottom: 20px; border: 0px solid green; }
.quiz_sec h3,
#crunching h3,
.invitation h3, .thankyou h3 {
	font-weight:700;
	color: #555;
	padding: 15px 3% 0px; margin:0px; line-height: 1.2em; border: 0px solid red;
}
.quiz_sec h6,
.invitation h6,
.thankyou h6 { width: 80%; font-size:17px; line-height: 1.4em; font-weight:500; color:#555; padding:5px 20px; margin:10px auto 30px; border: 0px solid green; }
#splash .quiz_sec h6 { margin-top: 0.5em; margin-bottom: 0.5em; font-size: 1.3em; line-height: 1.4em; }

.invitation, .thankyou {
	background: rgba(255,255,255,0.9); box-shadow: 0px 0px 10px -5px #000000; box-sizing: border-box; padding:30px 30px; text-align:center;
}

#intro_left { float: left; max-width: 700px; border: 0px solid red; }
#intro_left h5 { font-size: 1.4em; margin-left: 2em; margin-right: 2em; line-height: 1.6em; margin-top: 0.5em; margin-bottom: 0.5em; border: 0px solid red; }
#intro_left h6,
#intro_left h7 { font-size: 1.2em; max-width: 85%;  padding: 0px; line-height: 1.6em; border: 0px solid red; }
#intro_right { float: left; min-width: 320px; padding-top: 0px; padding-bottom: 0px; text-align: center; border: 0px solid green; font-size: 0.9em; color: #aaaaaa; }
#intro_right a { color: #aaaaaa; }
#intro_right .img { max-width: 94%; height: auto; margin: 3%; display: inline; margin-bottom: 4px; }

#splash_disclaimers {
	float: left; width: 100%; max-width: 700px;
	margin-top: 3em; margin-bottom: 3em;
	background: #ffffff;
	color: #000000; text-align: center; font-size: 0.9em; line-height: 1.2em;
	-moz-opacity: 0.5; /* Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
	opacity: 0.5; /* Good browsers */
	border: 0px solid purple;
}
#splash_disclaimers .link { padding: 10px; }
#splash_disclaimers .link a {
	color: #000000; font-weight: bold;
	-moz-opacity: 1.0; /* Netscape */
	-khtml-opacity: 1.0; /* Safari 1.x */
	opacity: 1.0; /* Good browsers */
}

h6.fineprint { font-size: 1.1em; }

.quiz_sec label {
	display:inline-block;
	min-width: 220px;
	text-align:center; margin-top: 0px; margin-bottom: 0px; cursor:pointer; border: 0px solid blue; padding: auto;
}
.quiz_sec label span.picture_judgement_3cells,
.quiz_sec label span.picture_wariness_3cells {
	display:inline-block;
	width: 170px; height: 170px;
	margin-right: 10px; margin-left: 10px; text-align:center;
	border: 0px solid #A17FFF;
	border-radius: 50%;
	background-size:contain !important;
}
.quiz_sec label.label_3cell span.picture_confidence_3cells,
.quiz_sec label.label_4cell span.picture_toolset_4cells {
	display:inline-block;
	float: left;
	width: 150px; height: 150px;
	margin: 20px;
	border: 0px solid #A17FFF;
	border-radius: 50%;
	background-size:contain !important;
}
.quiz_sec label span.picture_strength_2cells,
.quiz_sec label span.picture_speed_2cells,
.quiz_sec label span.picture_readiness_2cells {
	display:inline-block;
	width: 170px; height: 170px;
	margin-right: 10px; margin-left: 10px; text-align:center;
	border-radius: 50%;
	background-size:contain !important;
}
.quiz_sec label#high_wire .picture_readiness_2cells { border: 3px solid #DEC0C0; }

.quiz_sec label.label_4cell span.picture_toolset_4cells { border: 3px solid #E6DDFF; }

.quiz_sec label img.strength,
.quiz_sec label img.speed,
.quiz_sec label img.judgement,
.quiz_sec label img.wariness,
.quiz_sec label img.readiness { border-radius: 50%; display: none; pointer-events: none; border: 0px solid green; }
.quiz_sec label.label_3cell img.confidence,
.quiz_sec label.label_4cell img.toolset { border-radius: 50%; display: none; pointer-events: none; border: 0px solid green; }

.quiz_sec label.label_4cell img.toolset { border: 2px solid #E6DDFF; }

.quiz_sec label p { font-size:14px; font-weight:400; color:#4a4a4a; text-align:center; margin:15px 0 15px 0; padding:0px; }

.quiz_sec ul { margin:10px 0 0 0; }

.resizable_strength_2cells,
.resizable_speed_2cells,
.resizable_readiness_2cells,
.resizable_judgement_3cells,
.resizable_wariness_3cells {
  position: relative;
  min-height: 1px;
  padding: auto;
}
.resizable_strength_2cells img,
.resizable_speed_2cells img,
.resizable_readiness_2cells img,
.resizable_judgement_3cells img,
.resizable_wariness_3cells img {
	border-radius: 50%;
}

.quiz_sec label#high_wire img { border: 2px solid #DEC0C0; }

.scenario_right img { width: 100%; max-width: 220px; margin-bottom: 1em; padding: 0px; border: 0px solid green; }
.scenario_right.mugshot img { width: 100%; max-width: 200px; margin-top: 20px; margin-bottom: 0px; padding: 0px; border-radius: 50%; border: 0px solid red; }
.scenario_right.mugshot #name { max-width: 140px; font-weight: bold; font-size: 1.1em; font-style: italic; margin: 5px auto; padding: 0px; color: #555; }

.introduction #startQuizButton_aqua,
.form_sec #submitButton_aqua,
.form_sec #expiredButton_aqua { background: #34B8CC; background: -moz-linear-gradient(top,  #34B8CC 20%, #358FC5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#34B8CC), color-stop(100%,#358FC5)); background: -webkit-linear-gradient(top,  #34B8CC 20%,#358FC5 100%); background: -o-linear-gradient(top,  #34B8CC 20%,#358FC5 100%); background: -ms-linear-gradient(top,  #34B8CC 20%,#358FC5 100%); background: linear-gradient(to bottom,  #34B8CC 20%,#358FC5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34B8CC', endColorstr='#358FC5',GradientType=0 ); border: #FFFFFF 4px solid; border-radius: 9px; box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4); box-sizing: border-box; color: #FFF; cursor: pointer; display: block; font-family: "Arial Rounded MT Bold", sans-serif; font-size: 20px; margin: 0 auto; max-width: 460px; padding: 11px 15px; text-decoration: none; text-transform: uppercase; width: 100%; }

.form_sec { max-width:500px; margin:20px auto }
.form_sec .submitButtonPurple {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bab7fd+0,ad9bfb+49,868afa+94,868afa+94 */
background: #bab7fd; /* Old browsers */
background: -moz-linear-gradient(top,  #bab7fd 0%, #ad9bfb 49%, #868afa 94%, #868afa 94%);
background: -webkit-linear-gradient(top,  #bab7fd 0%,#ad9bfb 49%,#868afa 94%,#868afa 94%);
background:      -o-linear-gradient(top,  #bab7fd 0%,#ad9bfb 49%,#868afa 94%,#868afa 94%);
background:     -ms-linear-gradient(top,  #bab7fd 0%,#ad9bfb 49%,#868afa 94%,#868afa 94%);
background:   linear-gradient(to bottom,  #bab7fd 0%,#ad9bfb 49%,#868afa 94%,#868afa 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bab7fd', endColorstr='#868afa',GradientType=0 ); /* IE6-9 */
border: #FFFFFF 4px solid; border-radius: 9px; box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4); box-sizing: border-box; color: #FFF; cursor: pointer; cursor: hand; display: block; font-family: "Arial Rounded MT Bold", sans-serif; font-size: 20px; margin: 0 auto; max-width: 460px; padding: 11px 30px; text-decoration: none; text-transform: uppercase; width: 100%; word-break: break-word; white-space: normal; }

.form_sec label { font-size:17px; font-weight:600; }
.form-group { margin-bottom: 15px; }
.form_sec .fullname,
.form_sec .email {
	border: 1px solid #ccc; box-sizing: border-box; border-radius: 6px; display: block; margin: 10px auto; width: 100%; max-width: 460px; padding: 10px 12px;
	font-size: 1.4em;
}

.next_question {
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 30px;
	margin-bottom: 5px;
	max-width: 820px;
	border: 0px solid purple;
}
.next_question_button {
//	float: right;
	cursor: pointer; margin-top: 1em; margin-bottom: 1em;
	max-width: 140px; min-width: 100px; padding: 6px;
	background-color: #C1ADFF; color: #ffffff; border-radius: 3px;
	font-weight: bold;
}

.choice {
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 2px;
	max-width: 820px;
	text-align: left;
}
.choice a {
	position: relative;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	background-color: #FFC39B;
background-color: #ECDFD6;
	color:#700000;
	font-size:16px;
	border-radius: 4px;
}
.choice > a:hover,
.choice > a:focus {
	text-decoration: none;
	background-color: #DB5700;
background-color: #A17FFF;
	color:#fff;
}

.choice a.is_selected {
	background-color: #A17FFF;
	color:#fff;
}
.choice a.is_unselected {
	background-color: #ECDFD6;
	color:#700000;
}

.center { text-align: center; border: 0px solid red; }
.bold { font-weight: bold; }
.validatingEmail { display: none; font-weight: bold; color: #1F6800; margin-bottom: 1em; margin-top: 2em; padding-bottom: 0px; }
.emailErrorMessage { display: none; font-weight: bold; color: #990000; margin-bottom: 1em; margin-top: 2em; padding-bottom: 0px; }
#loadingText { display: none; padding-top: 1em; font-size: 1.4em; font-weight: bold; color: #278200; }
#loadingIcon { display: none; }
#loadingIcon img { margin-left:auto; margin-right:auto; }

#now_retreiving_in_header { color: #990000; }
#menopause_persona_in_header { display: none; color: #666CAD; }

#thanks { margin-top: 3em; margin-bottom: 1em; }

.quiz_sec label p.option {
	font-size: 16px;
	font-family: tahoma, verdana, sans-serif;
	font-weight: 500;
	color: #555;
}

/* ------------ custom radiobox ------------- */

/* hide the browser's default radio button */
.radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* create a custom checkbox */
.radio-outer {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 4px;
	border-radius: 3px;
	background: #ECF0F1;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 5%;
	margin-right: 5%;
}
.radio-container {
	float: left;
	display: block;
	position: relative;
	padding-left: 35px;
	padding-top: 0px;
	padding-bottom: 2px;
	cursor: pointer;
	font-size: 18px;
	font-family: tahoma, verdana, sans-serif;
	font-weight: 500;
	color: #555;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 97%;
//background-color: pink;
}
.radiomark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #ffffff;
	border-radius: 50%;
	border: 2px solid #555;
}
.radio-outer:hover {
	background-color: #E6DDFF !important;
}
/* on mouse-over, add a grey background color */
.radio-container:hover input ~ .radiomark {
	background-color: #eee;
}
/* when the radio button is checked, add a white background */
.radio-container input:checked ~ .radiomark {
	background-color: #ffffff;
}
/* create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
	content: "";
	position: absolute;
	display: none;
}
/* show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radiomark:after {
	display: block;
}
/* style the indicator (dot/circle) */
.radio-container .radiomark:after {
 	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #555;
}

/* ------------ custom checkbox ------------- */

/* hide the browser's default checkbox */
.checkbox-container input,
.checkbox-container-2 input  {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkbox-container-2 { border: 0px solid purple; }

/* create a custom checkbox */
.checkbox-outer {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 3px;
	background: #ECF0F1;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 5%;
	margin-right: 5%;
}
.checkbox-container {
	float: left;
	display: block;
	position: relative;
	padding-left: 35px;
	padding-top: 2px;
	padding-bottom: 0px;
	cursor: pointer;
	font-size: 16px;
	font-family: tahoma, verdana, sans-serif;
	font-weight: 500;
	color: #555;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 97%;
//background-color: yellow;
}
.checkbox-container-2 {
	display: inline-block;
	position: relative;
	padding-top: 3px;
	padding-bottom: 0px;
	cursor: pointer;
	font-size: 18px;
	font-family: tahoma, verdana, sans-serif;
	font-weight: 500;
	color: #555;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
text-align: left;
text-indent: 55px;
//background-color: yellow;
}
.checkbox_3cell,
.checkbox_4cell { display: inline-block; width: 190px; border: 0px solid red; }

.checkbox-container .checkmark,
.checkbox-container-2 .checkmark {
	position: absolute;
	top: 0;
	height: 16px;
	width: 16px;
	background-color: #ffffff;
	border: 2px solid #555;
	border-radius: 2px;
	margin: 3px;
}
.checkbox-container .checkmark { left: 0; }
.checkbox-container-2 .checkmark { left: 25px; }

.checkbox-outer:hover {
	background-color: #E6DDFF !important;
}
/* on mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
	background-color: #eee;
}
.checkbox-container-2:hover input ~ .checkmark {
	background-color: #eee;
}
/* when the checkbox is checked, add a white background */
.checkbox-container input:checked ~ .checkmark {
	background-color: #ffffff;
}
.checkbox-container-2 input:checked ~ .checkmark {
	background-color: #ffffff;
}
/* create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}
.checkbox-container-2 input:checked ~ .checkmark:after {
	display: block;
}
/* style the checkmark/indicator */
.checkbox-container .checkmark:after,
.checkbox-container-2 .checkmark:after {
	left: 3px;
	top: 3px;
	width: 0px;
	height: 0px;
	border: solid #555;
	border-width: 5px 5px 5px 5px;
	border-radius: 2px;
}

/* ------------ animated progress bar prelim ----------- */

.ui-progress-bar { height: 70px; overflow: hidden; position: relative; display: inline-block; width: 450px; background: #cacaca; border-top: 5px solid #cacaca; border-bottom: 5px solid #cacaca; float: left }
.ui-progress { height: 70px; position: absolute; left: 0; top: 0; background-color: #4d0c82; color: #fff; display: block; overflow: hidden; z-index: 1; border: none; }
.crunching_center {
	text-align: center; margin: 0px auto;
}
#crunching { padding: 30px 10px; text-align: center }
#crunching h1 { text-align: center; font-size: 39px; text-transform: uppercase }

/* ------------ animated progress bar start ----------- */
.html5-progress-bar {
   	padding-top: 40px;
	padding-bottom: 100px;
   	width: 100%;
  	max-width: 500px;
  	margin:0 auto;
	font-family: verdana, sans-serif;
}
.html5-progress-bar p {
   	font-size: 18px;
   	text-align: center;
   	font-weight: 600;
   	color: #515151;
}
.progress_count {
  	float: left;
  	width: 100%;
  	text-align: center;
}
.progress_count .pull-left{
	float: left!important;
  	text-align: left;
  	color: #888888;
  	font-size: 12px;
}
.progress_count .pull-right {
	float: right!important;
	margin-right: 1.0em;
  	text-align: right;
  	color: #888888;
  	font-size: 14px;
}

#progressbar {
  	float: left;
  	position: relative;
	min-height: 26px !important;
  	background: #fff;
  	border: 0 none;
  	box-shadow: none !important;
  	width: 100%;
  	margin: 0px auto;
  	border: 1px solid #888888;
}
#pointer {
  	height: 14px;
	margin: -17px 1% 0px 1%;
	z-index: 1;
}
#bar {
	background: #C1ADFF !important;
	width: 0px;
	height: 30px;
	margin: 8px 1% 6px 1%;
	z-index: 0;
}
#progress {
	width: 98%;
	padding-top: 3px;
	color: #fff !important;
	font-weight: normal;
	margin: auto !important;
	position: absolute;
	text-align: center !important;
	text-shadow: 0 0 0 !important;
	top: 0;
	line-height: 35px;
	z-index: 1;
}

/* ------------ progress bar end ------------- */

/* ------------ device adjustments ------------- */

@media screen and (min-width:481px) {

	.quiz_sec label img.strength,
	.quiz_sec label img.speed,
	.quiz_sec label img.readiness,
	.quiz_sec label img.judgement,
	.quiz_sec label img.wariness { margin-right: 10px; margin-left: 10px; }
	.quiz_sec label.label_3cell img.confidence,
	.quiz_sec label.label_4cell img.toolset { margin-right: 10px; margin-left: 10px; }

	.quiz_sec .inner_main {
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 15px;
		margin-right: 15px;
		border: 0px solid purple;
	}
}
@media screen and (min-width:566px) {
	.scenario_right { float: right; margin-left: 30px; margin-right: 40px; }
}
@media screen and (min-width: 768px) {
	.container, .container_top {
		width: 750px;
	}
	.resizable_strength_2cells,
	.resizable_speed_2cells,
	.resizable_readiness_2cells {
		margin-top: 0px; padding-top: 0px;
		border: 0px solid pink;
	}
	.resizable_judgement_3cells,
	.resizable_wariness_3cells {
		width: 33.33333333%;
		max-width: 200px;
		padding: 9px;
		float: left;
	}

	.quiz_sec label span.picture_strength_2cells,
	.quiz_sec label span.picture_speed_2cells,
	.quiz_sec label span.picture_readiness_2cells { margin-right: 20px; margin-left: 20px; }
	.quiz_sec label span.picture_judgement_3cells,
	.quiz_sec label span.picture_wariness_3cells { margin-right: 0px; margin-left: 0px; }

	.quiz_sec .inner_main { padding-top: 20px; padding-left: 0px; padding-right: 0px; margin-left: 20px; margin-right: 20px; border: 0px solid red; }
	.crunching_center { width: 75%; }
}
@media screen and (min-width: 992px) {
	.container, .container_top {
		width: 970px;
	}
	.resizable_judgement_3cells,
	.resizable_wariness_3cells { max-width: 223px; border: 0px solid red; }

	.quiz_sec label span.picture_judgement_3cells,
	.quiz_sec label span.picture_wariness_3cells,
	.quiz_sec label span.picture_strength_2cells,
	.quiz_sec label span.picture_speed_2cells,
	.quiz_sec label span.picture_readiness_2cells { margin-right: 0px; margin-left: 0px; }

	.quiz_sec .inner_main { padding-top: 20px; padding-left: 0px; padding-right: 0px; margin-left: 100px; margin-right: 100px; border: 0px solid orange; }
	.crunching_center { width: 60%; }

	.strengths, .speeds, .judgements, .warinesses, .readinesses { width: 100%; max-width: 730px; border: 0px solid orange; }
}
@media screen and (min-width: 1024px) {
	.strengths, .speeds, .readinesses { width: 100%; max-width: 840px; }
	.toolsets { width: 100%; max-width: 840px; }
	.confidences { width: 100%; max-width: 640px; border: 0px solid purple; }
}
@media screen and (min-width: 1200px) {
	.container, .container_top { width: 1024px; }
}
@media screen and (max-width: 1200px) {
	.address { display: none; }
	.logo { width:100%; }

	.confidences { border: 0px solid red; }
}
@media screen and (max-width: 991px) {

	.quiz_sec label { min-width: 198px; margin: 0px; padding: 0px 0px 20px 0px; border: 0px solid black; }

	#intro_left { float: none; max-width: 100%; }
	#intro_left h2 { font-size: 40px; }
	#splash_disclaimers { float: none; max-width: 100%; }

	.judgements, .warinesses { width: 80%; border: 0px solid green; }
	.resizable_judgement_3cells,
	.resizable_wariness_3cells { width: 33%; min-width: 160px; margin-top: 15px; padding-top: 0px; padding-left: 0%; padding-right: 0%; border: 0px solid red; }

	.toolsets { max-width: 500px; }
	.confidences { max-width: 250px; }

	.quiz_sec label span.picture_judgement_3cells,
	.quiz_sec label span.picture_wariness_3cells { display: none; }
	.quiz_sec label.label_3cell span.picture_confidence_3cells,
	.quiz_sec label.label_4cell span.picture_toolset_4cells { display: none; }

	.quiz_sec label img.judgement,
	.quiz_sec label img.wariness { display: inline-block; max-width: 140px; border: 0px solid red; }
	.quiz_sec label.label_3cell img.confidence,
	.quiz_sec label.label_4cell img.toolset { display: inline-block; float: left; max-width: 140px; margin: 10px 25px; border: 0px solid red; }
}
@media screen and (max-width:767px) {
	body{background:none #fff;}
	h1{font-size:32px; line-height:40px;}
	h3{ margin-top:10px; }
	h4{font-size:16px; min-height:30px;}
	h5{font-size:13px; line-height:20px;}
	p{font-size:12px;}
	.top_header { height:auto; background:#fff; }
	.top_header {
		padding: 1em;
	}
	.top_header .container_top {
		padding-left: 0;
		padding-right: 0;
	}

	.quiz_sec label span.picture_strength_2cells,
	.quiz_sec label span.picture_speed_2cells,
	.quiz_sec label span.picture_readiness_2cells { display: none; }

	.resizable_strength_2cells,
	.resizable_speed_2cells,
	.resizable_readiness_2cells { margin: 10px auto; padding: 0px 2.5%; border: 0px solid red; }
	.resizable_judgement_3cells,
	.resizable_wariness_3cells { width: 100%; margin: 10px auto; }

	.ui-progress-bar {
		height: 70px; overflow: hidden; position: relative; display: inline-block;
		background: #cacaca; width: 75%;
		border-top: 5px solid #cacaca; border-bottom: 5px solid #cacaca; float: left;
	}
	.ui-progress { height: 70px; position: absolute; left: 0; top: 0; background-color: #4d0c82; display: block; overflow: hidden; z-index: 1; border: none; }
	.crunching_center { width: auto; }

	.invitation, .thankyou { padding:20px }
	.invitation h3, .thankyou h3 { font-weight: bold; font-size: 20px; }
	.invitation h6, .thankyou h6 { font-size:17px; margin-bottom:15px; }

	.quiz_sec { box-shadow: none; }

	.quiz_sec label img.strength,
	.quiz_sec label img.speed,
	.quiz_sec label img.readiness { display: inline-block; max-width: 140px; margin-left:auto; margin-right:auto; }

	.quiz_sec label img.judgement,
	.quiz_sec label img.wariness { max-width: 140px; }
}
@media screen and (max-width:660px) {
	.main_wrapper{ margin-top:-20px; margin-bottom:0; border: 0px solid pink; }

	.quiz_sec label { max-width: 100%; padding: 0px 0px 10px 0px; }

	.toolsets { max-width: 250px; }

	.resizable_strength_2cells,
	.resizable_speed_2cells,
	.resizable_readiness_2cells { width: 100%; }
}
@media screen and (max-width:537px) {

	.top_header { padding: 0px; }
	.container_top { border: 0px solid green; padding: 0px; }
	.logo { text-align: center; padding: 10px 0px; margin-top: 0px; margin-bottom: 0px; border: 0px solid red; font-size: 2em; }

	.main_wrapper{ margin-top:-75px; margin-bottom: 0px; border: 0px solid orange; }
	#intro_left { padding-top: 10px; }
	.quiz_sec { padding-top: 0; }
	.quiz_sec h3 {
		font-size: 24px;
		padding-top: 20px;
		margin-bottom: 10px;
		margin-top: 1em;
	}
	.progress-bar { margin-top: 2em; }
	#thanks { margin-top: 2em; }
}
@media screen and (max-width:480px) {

	.logo { font-size: 2.0em;  }
	#intro_left h2 { font-size: 34px; }
	#splash_separator { display: none; }
	.quiz_sec .inner_main {
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 15px;
		margin-right: 15px;
		border: 0px;
	}
	#crunching h1 { font-size:28px; line-height:34px; }
	.next_question_button {
		float: none; cursor: pointer; cursor: hand;
		max-width: 240px; min-width: 140px; padding: 10px;
		font-size: 1.8em;
	}
	.form_sec #submitButton, .form_sec .submitButtonPurple { font-size: 1.6em; margin:0 auto }
	.form_sec .initiate_survey.submitButtonPurple { width: 80%; }
	.form_sec #subscriberSubmit .submitButtonPurple { width: 80%; }

	.scenario_right { width: 100%; border: 0px solid pink; }

	.scenario_right img { margin-bottom: 0px; border: 0px solid red; }
	.scenario_right.mugshot #name { max-width: 100%; border: 0px solid red; }

	#pointer { margin-left:  2%; margin-right: 2%; }
	#bar { margin-left:  2%; margin-right: 2%; }
	#progress { width: 96%; }

	#intro_left h5 { font-size: 1.2em; }
	.form_sec .email,
	.form_sec .fullname { font-size: 20px; }

	.radio-container { width: 90%; }
	.checkbox-container { width: 90%; }
	.checkbox-container-2 { width: 90%; }
}
@media screen and (max-width:380px) {

	#intro_left h2 { font-size: 28px; }
}

label.label_3cell,
label.label_4cell { border: 0px solid blue; }