body{
    font-family:Rubik,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
    color:#222;
    background:#fff;
    line-height:1.4;
    margin:0;
    padding:0;
    overflow-x:hidden
}
*{
    box-sizing:border-box
}
#p_loading,.p_loading{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    z-index:99;
    background-color:#dadada
}

header{
    padding:6px 0 0 0
}
header date-span{
    font-size:13px;
    font-weight:700;
    color:#111;
    padding-left:25px;
    display:inline-block;
    border-radius:33px;
    position:relative
}
header date-span:before{
    content:'';
    background:url(flag_us.png);
    width:20px;
    height:20px;
    background-size:cover;
    position:absolute;
    left:-2px;
    top:50%;
    margin-top:-10px
}
.name,.survey_button,.survey_button2{
    cursor:pointer
}
#comment1,#comment2,#comment3,#comment4,#comment5,#comment6,#content2,#content3,#q2,#q3,#q4,#q5,#q6,#q7,#result1,#result2,#result3{
    display:none
}
.loading,.survey_button,.survey_button2{
    text-align:center
}
.main-content,.survey_button{
    padding:0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
.name,.result{
    font-weight:700;
    font-size:14px
}
.main-content p{
    font-size:18px
}
p.question{
    font-size:16px
}
.survey_button{
    color:#fff;
    padding:6px 0;
    margin:6px 0
}
.main-content .result{
    margin:0;
    padding:5px 0 5px 5px;
    font-size:15px;
}
.survey_button2{
    background-color:red;
    font-size:20px;
    padding:10px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    color:#fff;
    box-shadow:0 1px 4px 0 #000
}
.date{
    color:#666;
    font-size:13px!important
}
.main-box{
    background:#fff;
    padding:12px 20px 32px 20px;
    margin:0 0px 0 0;
    box-shadow:0 2px 4px 1px rgba(0,0,0,.1);
    text-align:center;
    border-radius:10px
}
.stars{
    width:100%
}
.first{
    position:relative;
    top:0;
    margin-top:24px;
}
.survey_button.shine:after{
    animation:shine 3s ease-in-out infinite;
    animation-fill-mode:forwards;
    content:"";
    position:absolute;
    top:-50%;
    left:-200%;
    width:150%;
    height:500%;
    opacity:0;
    transform:rotate(-10deg);
    background:rgba(255,255,255,.13);
    background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 30%,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,1) 92%,rgba(255,255,255,0) 100%)
}

a,a:hover{
    color:#000
}
.prizebox{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    max-width:830px;
    margin:20px 0 0 0;
    margin:0 auto;
}
.prizebutton{
    width:100%;
    display:block;
    margin-bottom:8px
}
a.prizebutton:hover{
    color:#fff;
    text-decoration:none
}
.column{
    display:flex;
    flex-direction:column;
    flex-basis:100%
}
.blink_me{
    animation:blinker 1.5s linear infinite;
    color:red
}


.load-complete{
  -webkit-animation:none;
  animation:none;
  border-color:#5cb85c;
  transition:border .5s ease-out
}

@media screen and (min-width:800px){
    .column{
        flex:2
    }
    .right{
        flex:2
    }
}
.boxes{
    width:100%
}
.instructions{
    padding:10px;
    background-color:#e11e26;
    border-radius:4px;
    color:#fff;
    margin-top:20px
}
.boxes{
    margin:10px auto;
    max-width:800px
}

.boxes{
    background-size:cover;
    border-radius:20px;
    position:relative;
    text-align:center
}

#comments .comments .author .info .name span.verified{
    display:inline-block;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important
}
.comment{
    background:#f9f9f9;
    padding:13px;
    border-radius:12px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;
    font-size:14px;
    text-align: left;
}
#comments h3{
    text-align:center;
    font-weight:700;
    font-size:20px;
    padding-top:32px
}
#comments .comments{
    padding:25px 0;
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:20px;
    row-gap:20px
}
#comments .comments .author{
    display:flex;
    align-items:center
}
#comments .comments .author .picture{
    display:block;
    width:48px;
    height:48px;
    background:url(sprites.jpg) no-repeat;
    border-radius:50%;
    overflow:hidden
}
#comments .comments .author .picture.p1{
    background-position:0 0
}
#comments .comments .author .picture.p2{
    background-position:-48px 0
}
#comments .comments .author .picture.p3{
    background-position:-96px 0
}
#comments .comments .author .picture.p4{
    background-position:-144px 0
}
#comments .comments .author .picture.p5{
    background-position:0 -48px
}
#comments .comments .author .picture.p6{
    background-position:-48px -48px
}
#comments .comments .author .picture.p7{
    background-position:-96px -48px
}
#comments .comments .author .picture.p8{
    background-position:-144px -48px
}
#comments .comments .author .picture.p9{
    background-position:0 -96px
}
#comments .comments .author .picture.p10{
    background-position:-48px -96px
}
#comments .comments .author .picture.p11{
    background-position:-96px -96px
}
#comments .comments .author .picture.p12{
    background-position:-144px -96px
}
#comments .comments .author .picture.p13{
    background-position:0 -144px
}
#comments .comments .author .picture.p14{
    background-position:-48px -144px
}
#comments .comments .author .picture.p15{
    background-position:-96px -144px
}
#comments .comments .author .picture.p16{
    background-position:-144px -144px
}
#comments .comments .author .info{
    padding-left:15px
}
#comments .comments .author .info .name{
    font-size:14px;
    font-weight:700
}
#comments .comments .author .info .name span.verified{
    color:#67ac5c;
    margin-left:5px;
    padding-left:18px;
    font-weight:400;
    font-style:italic;
    font-size:12px;
    position:relative
}
#comments .comments .author .info .name span.verified:before{
    content:'';
    background:url(verified.png);
    width:15px;
    height:15px;
    background-size:contain;
    position:absolute;
    left:0;
    top:0;
    margin-top:-2px
}
#comments .comments .author .info .rating{
    width:70px
}
#comments .comments .author .info .time{
    font-size:12px;
    margin-top:2px;
    white-space:nowrap;
    color:#666
}
#comments .comments .text{
    padding:13px 0;
    line-height:1.4;
    font-size: 1.1em;
}
#comment-form{
    padding:25px 0 5px;
    border-top:1px solid #dfdfdf
}
#comment-form .input{
    color:#555;
    background-color:#fff;
    border:1px solid #e1e1e1;
    font-family:sans-serif;
    font-size:14px;
    font-weight:700;
    padding:10px;
    border-radius:3px;
    width:100%;
    vertical-align:middle;
    outline:0!important;
    margin-bottom:10px
}
::-webkit-input-placeholder{
    color:#000
}
::-moz-placeholder{
    color:#000
}
:-moz-placeholder{
    color:#000
}
:-ms-input-placeholder{
    color:#000
}
#comment-form .input.name{
    min-height:40px
}
#comment-form .input.text{
    min-height:120px
}
#comment-form .photo{
    display:inline-block;
    color:#757575;
    background:#e8e8e9;
    border-radius:3px;
    padding:12px 10px;
    white-space:nowrap;
    cursor:pointer;
    font-weight:700;
    font-size:12px
}
#comment-form .photo input{
    display:none;
    color:transparent
}
#comment-form .button-area{
    padding-top:10px;
    text-align:right
}
#comment-form .button-area .button{
    max-width:250px
}
@media only screen and (max-width:600px){
    #comments .comments{
        grid-template-columns:1fr
    }
}
footer{
    padding:25px 0;
    margin-top:20px;
    text-align:center;
    color:#000;
    font-size:12px;
    line-height:1.5;
    font-weight: 300;
}
footer .legal{
    font-size:12px;
    padding:15px 0;
    color:#000
}
.header-text{
    margin:0 auto;
    color:#fff
}
.container{
    max-width:940px
}
.timer_block.top_bar{
    height:auto
}

.pulse{
    animation-name:pulse_animation;
    animation-duration:1.5s;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}
#banner{
    text-align:center
}
@media only screen and (min-width:800px){
    #banner{
        display:block
    }
}