html, body {
    width: 100%;
    height: 100%;
    max-width: 100%;
    
}
 
body {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 60%, rgba(151, 185, 202, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(247, 247, 247, 1)), color-stop(100%,rgba(151, 185, 202, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 60%,rgba(151, 185, 202, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(247, 247, 247, 1) 60%,rgba(151, 185, 202, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(247, 247, 247, 1) 60%,rgba(151, 185, 202, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 60%,rgba(151, 185, 202, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#595959',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}


nav, nav.gradient {
    background: rgba(130,130,130,1);
    background: -moz-linear-gradient(0deg, rgba(130,130,130,1) 0%, rgba(233,233,233,1) 50%, rgba(130,130,130,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(226, 221, 221)), color-stop(50%, rgba(233,233,233,1)), color-stop(100%, rgba(130,130,130,1)));
    /* background: -webkit-linear-gradient(0deg, rgba(130,130,130,1) 0%, rgba(233,233,233,1) 50%, rgba(130,130,130,1) 100%); */
    background: -o-linear-gradient(0deg, rgba(130,130,130,1) 0%, rgba(233,233,233,1) 50%, rgba(130,130,130,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(130,130,130,1) 0%, rgba(233,233,233,1) 50%, rgba(130,130,130,1) 100%);
    /* background: linear-gradient(90deg, rgba(130,130,130,1) 0%, rgba(233,233,233,1) 50%, rgba(130,130,130,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#828282',GradientType=1 );
}

.featured-section {
    float: left;
    min-height: 250px;
}

    .featured-section ul li {
        width: 95%;
        min-height: 52px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.featured1-counter {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 150px;
    float: right;
    border: solid 0px red;
    margin-right: 30px;
}

    .featured1-counter p {
    background-color: #96849c;
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
    font-weight: normal;
    border: 1px solid #867f96;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 128px;
    box-shadow: inset 0px 1px 0px #dae4ef, 0px 1px 3px rgba(0,0,0,0.3);
}

.question-stats {
   margin-top: 41px;
    /* background: #fff; */
    margin: 41px 10px 5px;
    border-radius: 5px;
    padding: 5px;
}

.feat-ad {
    display: none;
    border: solid 0px red;
    margin: 0 auto 20px auto;
    float: left;
}

.bot-right-ad {
    border: solid 0px red;
    float: right;
    margin-right: 3px;
    margin-top: 6px;
    position: relative;
    background: none;
}

.botRightAd {
    background: #fff;
    padding: 10px;
    border: none;
}

.mrad-placeholder-bot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 290px;
}



.featured-counter p {
    background-color: #afa4b3;
    padding: 5px;
    top: -34px;
}
.votesection {
     /*width: 360px;*/
}
.map {
    position: relative;
    background: none;
    width:366px;
}

#sticker {
    position: relative;
    margin-right: 0px;
}

.main {
    position: relative;
    border: solid 0px red;
    max-width: 1110px;
    margin: 0 auto;
}

.panel {
    text-align: center;
    padding: 5px 0 5px;
    margin: 5px auto;
}

.side-panel {
    position: relative;
    border: solid 0px blue;
}

#sticker {
    position: relative;
    margin-left: 18px;
    bottom: 0px;
    top: 5px;
}

.panel.gender {
    max-width: 290px;
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
}

#sticker2 {
    background-color: #fff;
    z-index: 9;
}

.mrad-placeholder, .hpad-placeholder {
    margin: 0 auto 8px auto;
}

.pollsection h3 {
    font-family: 'Hind', serif;
    margin: 10px 5px 10px;
    font-size: 35px;
    color: #524f4f;
    text-align: left;
}

.member {
    line-height: 20px;
    top: -19px;
}

.bnad-placeholder {
    background: #fff;
}

.pollsection {
    margin-top: 10px;
}

.gender {
    margin-left: 15px;
}

.fa-user-circle {
    top: 40px;
    left: -52px;
    font-size: 42px;
    color: #0398d3;
}

header img {
    position: relative;
    top: 6px;
    left: 10px;
    max-height: 111px;
    z-index: 10;
}

.featured.bargraph {
    width: 78%;
    margin: 0 auto;
    float: none;
}

.politics .answers {
    width: 86%;
    margin: 0 auto;
    height: 20px;
    margin-left: 12%;
}

.age .answers {
    width: 86%;
    margin: 0 auto;
    height: 20px;
    margin-left: 9%;
}

.featured-section h4 {
    text-align: left;
    margin-left: 30px;
    font-family: 'Cuprum', sans-serif;
    font-size: 18px;
    line-height: 20px;
}


.featured-vote p {
    position: relative;
    margin-top: 10px;
    margin-right: 40px;
    background-color: #9035b6;
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
    font-weight: normal;
    text-align: center;
    top: -30px;
    right: -5px;
    width: 128px;
}

.feat-question {
    float: left;
    width: 70%;
    border: solid 0px red;
    margin-top: -1px;
}

.voteNow {
    margin-right: 30px;
    float: right;
    padding: 10px 5px;
    width: 142px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    z-index: 2;
    border-bottom: 1px solid #3f1c5c;
    border-radius: 6px;
    text-align: center;
    background: linear-gradient(180deg,#f31409 0.24572768904277897%,#ef230e 29.55433932759969%,#b30800 72.08756841282252%,#b50800 100%);
    border: 1px solid #ca130a;
    border-width: 1px 1px 1px 1px;
    box-shadow: inset 0px 1px 0px #dae4ef, 0px 1px 3px rgba(0,0,0,0.3);
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid #7e0a15;
}

header {
    height: 77px;
    
}

nav ul {
    padding-right: 25px;
}

    nav ul li {
        padding-right: 17px;
    }

.fa-exclamation-circle {
    position: absolute;
    top: 27px;
    left: -34px;
    padding: 5px 10px;
    border-radius: 50%;
    background: none;
    color: red;
    font-size: 23px;
}

.MYVCframe {
    position: absolute;
    width: 700px;
    height: 100%;
    top: 10%;
    left: 20%;
}

header img:nth-child(2) {
    width: 20%;
}

footer a, footer a:visited {
    color: #000;
    text-decoration: none;
}

footer {
    color:#000;
}

.last-line {
    border: solid 0px blue;
    width: 79%;
}

#last-par {
    display: none;
}
 .about-content {
text-align: center;
        }

.about-content p {
    padding: 20px 0;
    text-align:left;
}

.about-content h2 {
    padding: 10px 0 20px 0;
    font-family: 'Luckiest Guy', cursive;
    font-size: 37px;
    color: #5e317d;
    margin-left: 20px;
}

.img-holder {
    position: absolute;
    display: inline-block;
    bottom: -66px;
    right: -78px;
}

.about-content {
    position: relative;
    padding: 20px;
    line-height: 25px;
    font-family: hind;
    font-size: 20px;
    width: 92%;
    text-align: left;
}

.page-container {
    max-width: 900px;
    height: auto;
    position: relative;
    border: solid 2px #968c9c;
    width: 67%;
    margin: 5% auto;
    border-radius: 10px;
    -webkit-box-shadow: -1px 1px 18px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 18px -3px rgba(0,0,0,0.75);
    box-shadow: -1px 1px 18px -3px rgba(0,0,0,0.75);
    background: #fff;
}

#last {
    display: none;
}


.err-bubble {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 215px;
    height: 20px;
    font-size: 15px;
    padding: 10px;
    background: #FF1F21;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    z-index: 999999;
    text-align: center;
    color: #fff;
    font-weight: normal;
    letter-spacing: .5px;
    display: none;
    padding-bottom: 20px;
    font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif;
    line-height: 20px;
}

    .err-bubble:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 12px 10px;
        border-color: #FF1F21 transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: -10px;
        left: 32px;
    }


.about-content h3 {
    padding: 10px 0 0px 0;
    font-family: 'Luckiest Guy', cursive;
    font-size: 35px;
    color: #5e317d;
    text-align: left;
}



.title-content {
    border: solid 0px red;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    font-size: 17px;
    margin-left: 35px;
}

    .title-content h4 {
        text-align: left;
        font-weight: bold;
        font-size: larger;
    }

    .title-content div {
        text-align: left;
        margin-top: 5px;
    }





    .page-container form ul {
        width: 85%;
        margin: 0px auto;
        list-style: none;
        padding-bottom: 20px;
    }

        .page-container form ul li {
            position: relative;
            width: 100%;
            height: 30px;
            line-height: 34px;
            margin-bottom: 0px;
            font-size: 18px;
            background-color: #f7fcff;
        }


            .page-container form ul li input, .page-container form ul li select, .page-container form ul li textarea {
                width: 75%;
                max-width: 500px;
                float: right;
                height: 30px;
                font-size: 18px;
                border: 1px solid #a0a0a0;
                background: #f7fcff;
            }

.page-container button {
    position: relative;
    width: 80%;
    max-width: 250px;
    height: 40px;
    border-radius: 5px;
    background: #762A74;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    display: inline-block;
}

.button-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.content {
    margin: 10px 0;
}

.WordSection1 ul {
    margin-left: 20px;
}
.subTitle {
    font-weight:bold;
    font-size: 16px;
}



               .page-container form {
     position:relative;
     display:table;
     width:100%;
     text-align: left;
     margin:0 auto 20px auto;

    
}

  
      

        #last {
            display: none;
        }

       

   .page-container form ul li input, .page-container form ul li select {
    width: 75%;
    max-width: 500px;
    float: right;
    height: 30px;
    font-size: 18px;
    border: 1px solid #a0a0a0;
    background: #f7fcff;
   
}
     

        .page-container form ul li textarea { 
            
            width: 75%;
        max-width: 500px;
        float: right;
        border: 1px solid #a0a0a0;
    background: #f7fcff;
    height:150px;
            }

 .page-container button {
    position: relative;
    width: 80%;
    max-width: 250px;
    height: 40px;
    border-radius: 5px;
    background: #762A74;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
       display: table;
    margin: 0 auto;
}

.button-wrap {
    width: 100%;
    text-align: center;
    margin-bottom:30px;
}

.fa-window-close {
    position: absolute;
    font-size: 35px;
    top: -4px;
    right: -8px;
    color: #762a74;
    cursor: pointer;
}
.gender, .age , .politics, .feat, .totalvotes {
        padding-top: 0px;
    }

@media screen and (max-width: 1103px) {
    .gender {
        margin-left: 0px;
    }

    .feat-ad {
        display: block;
    }

    .bot-right-ad {
        display: none;
    }

    .featured-section {
        float: none;
        width: 96%;
        margin: 0 auto;
    }

    .panel.age {
        max-width: 58%;
        float: left;
        text-align: center;
    }

    .panel.gender {
        max-width: 39%;
        margin-right: 5px;
    }

    

    nav ul {
        padding-right: 25px;
    }

    header img:nth-child(2) {
        width: 20%;
    }
}
.ft.answers {
    width:85%;
    margin:0 auto;
}
@media screen and (max-width: 1025px) {

    .page-container {
        width: 84%;
      
    }
    .MYVCframe {
          left:16%;
    }
}

@media screen and (max-width: 900px) {
    nav ul li {
        padding-right: 10px;
    }
     .MYVCframe {
          left:6%;
    }
}

@media screen and (max-width: 830px) {

    .page-container {
        width: 96%;
    }

    .last-line {
        width: 75%;
    }
}

@media screen and (max-width: 800px) {

    .panel.gender, .panel.age {
        max-width: 95%;
        float: none;
        margin: 10px auto;
    }

    .fa-exclamation-circle {
        position: relative;
        top: -9px;
        right: -10px;
        padding: 5px 10px;
    }

    .map {
        margin-top: 10px;
    }

    .votesection {
        margin: 20px auto;
    }

    .pollsection h3 {
        font-family: 'Hind', serif;
        margin-left: 5px;
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 32px;
        color: #524f4f;
        text-align: left;
    }

    .vote h4 {
        text-align: left;
    }

    .gender {
        margin-left: 0px;
    }

    header img {
        margin-top: 2px;
        margin-left: 10px;
        max-height: 40px;
    }


    header {
        height: 50px;
    }

    .fa-exclamation-circle {
        position: relative;
        top: 2px;
        left: 4px;
        padding: 5px 10px;
        color: red;
    }

    .MYVCframe {
        width: 73%;
        top: 10%;
        left: 12%;
    }

    .sharebutton i {
        top: 11px;
    }

    .sharesection li {
        height: 50px;
    }

    .meter {
        height: 30px;
        margin-bottom: 13px;
    }

    .page-container {
        margin: 13% auto;
    }


    .img-holder {
    
    bottom: -55px;
    right: -9px;
}
    .img-holder img {
        width:80%;

    }
   
}

@media screen and (max-width: 730px) {

    .img-holder, .last-line {
        display: none;
    }

    #last {
        display: block;
    }

    .page-container {
        height: auto;
    }
}

@media screen and (max-width: 700px) {

    .feat-question {
        float: none;
        width: 90%;
        padding: 5px;
        margin: 0 auto 10px auto;
    }

        .feat-question h4 {
            margin: 0 auto;
        }

    .featured1-counter {
        float: none;
        margin: 0;
        width: 93%;
        text-align: right;
    }

    .question-stats {
        margin-top: 6px;
    }
}

@media screen and (max-width: 600px) {

    .map {
        width: 320px;
    }

    .MYVCframe {
    width: 91%;
    top: 10%;
    left: 4%;
}

    .fa-window-close {
     
    right: -14px;
    top:-1px;
   
}

    .page-container form ul {
        width: 100%;
        margin: 0px auto 10px auto;
        list-style: none;
    }

        .page-container form ul li input, .page-container form ul li select, .page-container form ul li textarea {
            width: 65%;
            font-size: 16px;
        }

        .page-container form ul li {
            font-size: 16px;
        }

    .title-content {
        border: solid 0px red;
        width: 100%;
        margin: 0px auto;
        padding: 15px 0 15px 0px;
        font-size: 17px;
        text-align: justify;
    }

    .about-content h3 {
        font-size: 24px;
    }

    .title-content h4 {
        font-size: large;
    }
     .title-content span {
        display:none;
    }
}

@media screen and (max-width: 560px) {

   

    .page-container form ul {
        width: 100%;
        margin: 0px auto 10px auto;
        list-style: none;
    }

    .page-container {
        margin: 18% auto;
    }

        .page-container form ul li input, .page-container form ul li select {
            width: 65%;
            font-size: 16px;
        }

        .page-container form ul li textarea {
            width: 68%;
        }

        .page-container form ul li {
            font-size: 16px;
            
        }

    .title-content {
        border: solid 0px red;
        width: 100%;
        margin: 0px auto;
        padding: 15px 0 15px 0px;
        font-size: 17px;
        text-align: justify;
    }

    .about-content h3 {
        font-size: 24px;
    }
    .about-content p {
    padding: 5px;
    
}
     .cross {
            line-height:50px;
            
        }

     .about-content {
         padding-bottom: 0;
     }
   
}

@media screen and (max-width: 500px) {
 .about-content p {
            padding: 10px 15px;
            text-align: left;
            text-align:justify;
        }
        .about-content h2 {
            padding: 30px 0 10px 20px;
        }
    .about-content {
        padding: 0;
        margin: 0 auto;
    }

    .about-content h2 {
    font-size:30px;
    margin-left: -9px;
}

    .popThis {
         
        background-color: rgba(0, 0, 0, 0.85);
    }

    .featured.bargraph {
        width: 95%;
    }
    .ft.answers {
        width: 100%;
    }
    .feat-question {
        margin:0 auto;
    }
    .question-stats {
        padding:0;
    }
}