html {
  font-family: Tahoma, sans-serif;
  line-height: 1.5;
  padding: 0.5rem;
}
#start-panel{
    padding: 10px;
}
.col-wrap1 {
width:50%;
}
 
#result{
 padding : 10px;
padding-top : 15px; 
}	
 
 
.col-wrap2 {
width:100%;
margin-right:-100%; /* чтобы IE6 не раздвигал контейнер */
position:relative;
left: 100%;
}
fieldset {	
    font-family: sans-serif;
    border: 1px solid #89cae6;
    border-radius: 10px;
    padding:  25px;
}

.col1 {
float:left;
width:100%;
margin-right:-100%;
position:relative;
left:-100%;
}
 
.clear {
clear:both;
font-size:0;
overflow:hidden; /* тройной презерватив для IE */
}

body{
	background: #d0e3f7;
	height: 100%;
}

.questionHead h3 {
    padding: 15px;
    padding-left: 20px;
	margin-top: 0px;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Orienta', sans-serif;
}

label {
	font-size: 16px;    
	width: 100%;
}

.questionHead{
	background: #007ccf;
}
.answers{
	padding: 10px;
}
.green{
	background: #9FD468;
}
.tomato{
	background: #ff6347;
}

#centerLayer {
	width: 80%;
	margin: 0 auto;
    background: #fff; 
	top: 10%;
    box-shadow: 0 0 6px rgba(0,0,0,0.4); 
   }
.question{
	display : none; 
}
.active{
	display : block;  
}
#btnNext{
	margin: 10px;
	
}
label {
 
}
.answer_field{
	width : 400px;
}

.radio {
  vertical-align: top;
  width: 15px;
  height: 15px;
  margin: 0 3px 0 0;
}
.radio + label {
  cursor: pointer;
}
.radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.radio:not(checked) + label {
  position: relative;
  padding: 0 0 0 35px;
}
.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}
.radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #9FD468;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
  opacity: 0;
  transition: all .2s;
}
.radio:checked + label:after {
  opacity: 1;
}

.accordion {
  margin: 0;
  padding: 0;
  list-style: none;
}

.accordion_item {
  border-bottom: 1px solid #5a95fd;
}
.accordion_item:last-of-type {
  border-bottom: none;
}

.accordion_trigger {
  display: block;
  background-color: #007ccf;
  color: #ddd;
  cursor: pointer;
  padding: 1rem;
}


.accordion_toggle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.accordion_target {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  background-color: #ddd;
  color: #444;   
}

.accordion_toggle:checked + .accordion_target {
  position: static;
  overflow: visible;
  width: auto;
  height: auto;
  margin: auto;
  clip: auto;
  padding: 1rem;
 
 -webkit-animation:fadeIn ease-in 0.7s; 
 -moz-animation:fadeIn ease-in 0.7s;
 animation:fadeIn ease-in 0.7s;   
}
@-moz-keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fadeIn {
    from { opacity: 0; }
to { opacity: 1 }
}
#answerField{
color: #FF9715;
margin: 10px;
}

.flat-button-blue {
  position: relative;
  vertical-align: top;
  width: 300px;
  height: 60px;
  margin-top: 15px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #89cae6;
  border: 0;
  border-bottom: 2px solid #42aad7;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #42aad7;
  box-shadow: inset 0 -2px #42aad7;
}
.flat-button-blue:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flat-button {
  position: relative;
  vertical-align: top;
  width: 300px;
  height: 60px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #27ae60;
  border: 0;
  border-bottom: 2px solid #219d55;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #219d55;
  box-shadow: inset 0 -2px #219d55;
}
.flat-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}