/* CSS Document */
@font-face {
    font-family:'rock';
    src: url('impact.ttf');
    font-style:normal;
}

body{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
padding:0;
margin:0;
}

.main_header{
width:100%;
height:auto;
//background-color:#999999;
background-image:url(images/header_label.jpg);
background-position:left;
background-repeat:no-repeat;
}

.header{
width:78%;
height:auto;
//background-color:#FFFFFF;
margin:0 auto;

}

.header img{
width: 95%;
height:auto;
}

.middle_area{
width:90%;
height:auto;
margin:0 auto;

}
.middle_area2{
width:100%;
height:auto;
background-image:url(images/bg2.jpg);
}

.middle_area5{
width:100%;
height:auto;

}

.para{
font-size:130%;
text-align:left;
line-height:120%;
}

.status{
width:55%;
}
.textbox{
width:40%;
height:30px;
}

.textbox2{
width:20%;
height:30px;
}

.middle_main{
width:95%;
height:auto;
overflow:hidden;
//background-color:#CCCCCC;
margin:0 auto;
}

.middle_main img{
width:28%;
}

.middle_main5{
width:85%;
height:auto;
//background-color:#CCCCCC;
margin:0 auto;
}

.heading{
font-size:170%;
font-weight:bold;
color:#FFFFFF;
font-family:'rock';
}

.heading2{
font-size:36px;
font-weight:bold;
color:#FFFFFF;
font-family:'rock';
}

.heading3{
font-size:60px;
font-weight:bold;
color:#FFFFFF;
font-family:'rock';
}

.round_div{
width:28%;
height:150px;
background-image:url(images/circle_bg.png);
float:left;
margin-left:30px;
border-radius:50%;
margin-top:20px;
border:#FFFFFF 5px solid;
padding-top:140px;
text-align:center;
}

.round_div3{
width:350px;
height:250px;
background-image:url(images/circle_bg.png);
float:left;
margin-left:30px;
border-radius:50%;
margin-top:20px;
border:#FFFFFF 5px solid;
padding-top:100px;
text-align:center;
}

.round_div:hover{
background-image:none;
background-color:#000000;
border-bottom-color:#FF0000;
border-left-color:#009933;
border-right-color:#009933;
}

.round_div3:hover{
background-image:none;
background-color:#000000;
border-bottom-color:#FF0000;
border-left-color:#009933;
border-right-color:#009933;
}


.content_area{
width:100%;
height:auto;
overflow:hidden;
background-color:#FFFFFF;
padding-top: 10px;
}

.content_area2{
width:100%;
height:auto;
overflow:hidden;
background-color:#FFFFFF;
padding-top: 10px;
background-image:url(images/1603263-White-background-HD.jpg);
}

.sectors{
width:85%;
height:auto;
overflow:hidden;
//border: 4px dashed #666666;
margin:0 auto;
margin-bottom: 10px;
padding-top:10px;


}

.input_div{
width:50%; height:auto; float:left; margin-bottom:1%;
}

.submit_button{
background-image:url(images/button2.png); width:356px; height:78px; border-radius:23px; cursor:pointer; 
}

.sector1{
width:85%;
height:auto;
//border: 4px dashed #666666;
margin:0 auto;
margin-top:-30px;
margin-bottom: 10px;

}

.bullet{
width:13%;
height:auto;
//background-image:url(images/numbering-arrow1.jpg);
float:left;

}
.bullet img{
width:100%;
}


.content_heading{
width:80%;
height:auto;
border:3px #000000 solid;
float:left;
}

.content_heading img{
width:60%;

}

.question{
width:100%;
height:auto;
float:left;
font-size:90%;
//font-style:italic;
font-weight:bold;
color:#3281DD;
}

.answers{
width:100%;
height:auto;
float:left;
font-size:22px;
//font-style:italic;
//font-weight:bold;
color:#333333;
margin-top:15px;
margin-bottom:30px;
border-bottom:#999999 dashed 1px;
padding-bottom:15px;
letter-spacing:200%;
}
.radio{
width:8%;
float:left;
}
.button1{

width:auto;
  font-weight:bold;
 padding:2%;
 font-size:25px;
 border:1px solid #62A311;
 border-radius:5px; 
 cursor:pointer;
 color:#FFFFFF;
 background:-webkit-linear-gradient(top,#99D617,#62A311);
background:-moz-linear-gradient(top,#99D617,#62A311);
}

.result_block{
float:left; width:50%; height:auto
}


@media only screen and (min-width: 280px) and (max-width: 990px){
.arrow-bend{
display:none;
}
.header{
width:100%;
}

.middle_area{
background-image:none;

}

.input_div{
width:100%;
}
.textbox{
width:100%;
}

.textbox2{
width:100%;
}

.status{
width:100%;
}

.submit_button{
background-image:url(images/button2.png); width:310px; height:78px; border-radius:23px; cursor:pointer; 
}

.content_area2{
background-color:#fff;
background-image:none;
}

.radio{
width:32%;
margin-bottom:2%;
}



.submit_button{
background-image:url(images/button4.png); width:100%; height:78px; border-radius:23px; cursor:pointer; background-repeat:no-repeat;
}

.result_block{
float:left; width:100%; height:auto
}

.middle_area2{
width:100%;
height:auto;
background-image:none;
background-color:#333333;
}

}