body{ font-family: 'Droid Serif', serif;}
.clear {clear:both;font-size:1px;}
.wrapper{width:1200px; margin: 0 auto;}
.logo{text-align: center; width: 100%;}
.container{width: 600px; margin: 40px auto 0; border: 1px solid #b2b2b2; padding-bottom: 20px;}
h2{color: #727272; font: 700 25px/34px 'Droid Serif', serif; text-align: center;}
h1{color: #010101; font: 700 22px/34px 'Droid Serif', serif; text-align: center;}
.display{width:98.3%;  margin:0px auto; background: #bbbbbb; position:relative;} 
.display .arrow{ width:100%; height:10px; background: #e7e7e7; text-align: center;position: absolute; z-index: 12;}
.arrow img{ text-align: center; }
.display .government{width: 52%;  height:80px; background: #fe8f00;}
.display .gov-members{ position: absolute; left:0; z-index: 15; padding: 23px 0px 0px 6px;  text-align: left; border:0px solid #CC0000;}
.display .gov-members h2{font: 600 28px/30px 'Droid Serif', serif; color: #fff; margin: 0px; text-align:left}
.display .gov-members p{font: 300 11px/20px 'Droid Serif', serif; color: #fff; margin: 0 0 0 0px; text-align:left} 
.display .opp-members{ position: absolute; right:0; z-index: 16; padding: 23px 6px 0px 0px;  text-align: right; border:0px solid #CC0000;}
.display .opp-members h2{font: 600 28px/30px 'Droid Serif', serif; color: #fff; margin: 0px; text-align:right}
.display .opp-members p{font: 300 11px/20px 'Droid Serif', serif; color: #fff; margin: 0 0 0 0px; text-align:right}
.display_party, .display_party2{margin: 0 auto;}
.gov-parties{background: #000; color: #fff; font: 400 15px/35px 'Droid Serif', serif;}
.opp-parties{background: #000; color: #fff; font: 400 15px/35px 'Droid Serif', serif;}
.party_name{ color: #000; font: 300 15px/30px 'Droid Serif', serif; padding-left: 5px;}
.party_seats{ color: #000; font: 300 15px/30px 'Droid Serif', serif;}
.white{border-right: 5px solid #fff;}
.bjp{color: #fe8f00;}
.border_bottom td{border-bottom: 1px solid #dddddd;}
.vote{margin: 40px auto; width:80%; text-align: center;}
.button {background-color: #fff; border: 1px solid #838383; color: #006fd7; padding: 20px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 1px auto; cursor: pointer; border-radius: 3px; font-family: 'Droid Serif', serif; font-weight: 700}
.container-checkbox{width:100%;}
.select-party {
	float:left;
    width: 75%;
    margin: 0 0 0 5%;
}
.select-party h3{font-size:15px;}
.gap {
    margin-right: 25px;
}
.parties {
    margin: 15px 40px 15px 28px;
}
.seats {
    float: left;
    width: 11%;
}
.seats h3{font-size: 15px;margin-bottom: 28px;}
.button:hover{background:#E7E7E7;}
.form-control {
    border: 1px solid #eaeaea;
    font-weight: 300;
    outline: none;
    box-shadow: none;
    height: 40px;
    width: 100%;
    font-family: 'Droid Serif', serif;
    padding-left: 10px;
}
.containerR{width:90%;text-align: center;margin: 0 auto;}
.containerR p{font-size:18px;}
.btn-submit {
    width: 40%;
    background-color: #FE8F00;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-top: 5px;
    box-shadow: none;
    padding: 10px;
    border: none;
}
#minimum{font-size:15px;text-align: center;
margin-bottom: 0;}
.give_border {
    border-bottom: 1px dotted #000;
}
.my-gov{text-align:center;}
.gov-left{width: 50%; float: left;margin-top: -30px;}
.gov-right{width: 50%; float: left; padding-top: 20px;
padding-bottom: 10px;margin-top: -30px;}
.gov-right p{margin:0;}
.footer{width: 100%;}
.blue{color:#0a7cad;margin-bottom: 0;}
.no-margin{margin-top: 0px;padding-bottom: 10px;}
.inertia{margin:2px;}
.download{width: 130px;
background-color: #FE8F00;
color: #fff;
font-size: 14px;
font-weight: 300;
letter-spacing: 5px;
text-transform: uppercase;
border-radius: 3px;
margin-top: 5px;
box-shadow: none;
padding: 10px;
border: none;}
#my-gov-name{margin-bottom: 5px;}
#para-style{margin:0px}
#para-style2{margin: 1px 0 10px;}
#check{font-size: 12px;}

.seats p {
    margin-bottom: 13px;
    margin-top: 13px;
    text-align: center;
    height: 20px;
}

/*otp*/
.container-otp{width: 800px; text-align: center; margin: 40px auto 0;}
.opt-control{width: 20%;}
.display-gov{margin-top: 40px;}
.btn-submit2 {width: 18%;background-color: #FE8F00;color: #fff;font-size: 14px;font-weight: 300;letter-spacing: 5px;text-transform: uppercase;border-radius: 3px;margin-top: 5px;box-shadow: none;padding: 10px; border:none;}
.btn-submit2:hover, .btn-submit2:focus{color: #fff;outline: none;box-shadow: none;opacity: .8;}

/*-------- media query --------*/
@media screen and (max-width: 1200px) {
.wrapper{width: 100%;}
}
@media screen and (max-width: 800px) {
.container-otp {
    width: 100%;
}
.btn-submit2 {
    width: 130px;
}
.opt-control {
    width: 170px;
}
}
@media screen and (max-width: 600px) {
.container{width: 100%;}
}
@media screen and (max-width: 545px) {
.display {width: 98%;}
}
@media screen and (max-width: 480px) {
h2 {font: 700 20px/34px 'Droid Serif', serif;}
h1{font: 700 25px/34px 'Droid Serif', serif;}
.display .gov-members h2 {font: 600 22px/30px 'Droid Serif', serif;}
.display .opp-members h2 {font: 600 22px/30px 'Droid Serif', serif;}
.gov-parties {font: 400 15px/35px 'Droid Serif', serif;}
.opp-parties {font: 400 15px/35px 'Droid Serif', serif;}
.party_name {font: 300 14px/30px 'Droid Serif', serif;}
.party_seats {font: 300 14px/30px 'Droid Serif', serif;}
}
@media screen and (max-width: 465px) {
.display {width: 97.7%;}
}
@media screen and (max-width: 420px) {
h2 {font: 700 20px/30px 'Droid Serif', serif;}
h1 {font: 700 25px/30px 'Droid Serif', serif;}
.button {padding: 20px 20px; font-size: 15px;}
}
@media screen and (max-width: 406px) {
.display {width: 97.4%;}
}
@media screen and (max-width: 361px) {
.display {width: 97.1%;}
}
@media screen and (max-width: 325px) {
.display {width: 96.8%;}
}