body,html {
    height:100%;
}


#voteinner {
    max-width:360px;
    margin:auto;
    padding:2rem 0 6rem 0;
}

#outersite {

    margin:auto;
    background:#e3f2fd url(../images/cloud.png) no-repeat;
    background-position: center  top;
    overflow:hidden;
    min-height:100%;
}

.page4 #outersite {
    background:#fff;
}


/* HEADER */

#headscrollerinner {
    text-align:center;
    
}

#headscrollerinner img{
    width:14.750em;
    
}


#scrollerframe2 {
    width:300px;
    margin:auto;
    font-weight:600;
    font-size:1rem;
    padding-top:2rem;
}

.sliderbuttons {
    text-align:center;
    margin:1.2rem 0;
    padding:0;
}

.sliderbuttons li{
    display:inline-block;
    margin:0 0.2rem;
    padding:0;
}

.sliderbuttons li a{
    display:block;
    width:12px;
    height:12px;
    background:#bcbcbc;
    border-radius:20px;
    text-indent:-20000px;
}

.sliderbuttons li a.slideron{
    background:#454545;
}

#staticheader {
    text-align:center;
}


#staticheader img{
    width:8.750rem;
}

.errorarea {
    font-size:1rem;
    padding:0.7rem 1rem 1rem 1rem;
    color:#f00;
}


/* STRIPE CSS */

#stripe_card_number,#stripe_card_expiry,#stripe_card_cvc {
    background: #f2f2f2;

box-sizing: border-box;

margin-bottom: 0.7rem;
border-radius: 2rem;
padding:0.6rem 1.0rem;
clear:both;
}

#stripe_card_expiry,#stripe_card_cvc {
    width:50%;
}
#payment-request-button {
    margin-top:1rem;
}



/* FOOTER */

footer {
    background:#221f1f;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    padding-top:0.6rem;
    padding-bottom:0.6rem;
}

footer img{
    max-width:8.000rem;
    display:inline-block;
    vertical-align:middle;
}

#poweredby {
    display:inline-block;
    vertical-align:top;
    margin-right:0.250em;
}

#copydate {
    font-size:10px;
    color:#fff;
    padding-top:0.2rem;
}

#copydate a{
    font-size:10px;
    text-decoration:none;
    color:#fff;
}


/* BODY  - see also shared layout.less */

main {
    padding-left:20px;
    padding-right:20px;
}


@media (max-width: 358px) {
   main {
        padding-left:12px;
        padding-right:12px;
    }
}
    
    
#privacypolicy {
    position:fixed;
    text-align:center;
    bottom:4.1rem;
    left:0;
    right:0;
    font-size:0.875rem;
    text-decoration:underline;
    color:#E60000;
    font-weight:500;
    display:none;
}


/* PAGINATION */


#section2 {
    display:none;
    text-align:center;
    margin-top:3rem;
}

#section3,#section4,#section5,#section6,#section7,#section8,#section9  {
    display:none;
}

.page4 #voteinner {
    padding-top:1rem;
    
}

.page1 #staticheader,
.page4 #staticheader,
.page8 #staticheader,
.page9 #staticheader{
    display:none;
}

.page2 #staticheader,
.page3 #staticheader,
.page5 #staticheader,
.page6 #staticheader,
.page7 #staticheader
{
    display:block
}

.page2 #headerscroller,
.page3 #headerscroller,
.page4 #headerscroller,
.page5 #headerscroller,
.page6 #headerscroller,
.page7 #headerscroller{
    display:none;
}

.page2 #section1,
.page3 #section1,
.page4 #section1,
.page5 #section1,
.page6 #section1,
.page7 #section1,
.page8 #section1,
.page9 #section1{
    display:none;
}

.page2 #section2,
.page3 #section3,
.page4 #section4,
.page5 #section5,
.page6 #section6,
.page7 #section7,
.page8 #section8,
.page9 #section9{
    display:block;
}


.page5 #privacypolicy,
.page6 #privacypolicy,
.page7 #privacypolicy,
.page8 #privacypolicy,
.page9 #privacypolicy{
    display:block;
}

@media (max-height: 630px) {
   #voteinner {
        padding-top:1rem;
   }
    
   
}


@media (max-height: 590px) {

    #privacypolicy {
        position:relative;
    }
    
    #outersite {
        padding-bottom:4rem;
    }
    
   
}