*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
    direction: rtl;
    background: #fff;
    min-width: 320px;
    color: #000;
    text-align: right;
   
}

.continer{
    margin: 0 auto;
    max-width: 1000px;
}
header{
    overflow: hidden;
    margin: 5px;
}

header .image_left{
    float: left;
}
header .image_right{
    float: right;
    position: absolute;
    top: 20px;
}
.cclear{
     clear: both;
}
nav{
    direction: ltr;
    border-bottom: 1px solid #ebebeb;
    font-size: 1.2em;
    color: #f04908;
}
nav .under_line{
    border-bottom: 3px solid #f04908;
    width: 25%;
    text-align: left;
}
.spacer{
    height: 20px;
}
.box_text{
    width: 95%;
    margin: 0 auto;
    box-shadow: 0 0 2px 2px #e9e9e9;
    -webkit-box-shadow: 0 0 2px 2px #e9e9e9;
    -moz-box-shadow: 0 0 2px 2px #e9e9e9;
}
.box_text .top{
    padding: 10px;
}
.box_text .logo{
    float: right;
    width: 42px;
}
.box_text .title{
    font-size: medium;
    float: right;
}
.box_text .sdate{
    font-size: x-small;
    color: #9fa2a6;
}
.box_text .text_worb{
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
p.first{
   display:inline;
}
p.first,p.second,p.theard , #today{
    color: #000;
    font-size: small;
}
p {
    color: #737373;
    font-size: small;
}
hr{
    opacity: .2;
}
#today{
    display: inline;
    
}
.waiting{
    width: 100%;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #737373;
    font-size: small;
    
}
.question{
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
#q2, #q3, #q4, #v1b, #v1c, #v2b, #v2c, #v3b, #v3c, #v4s, #vfinal, .prize, .validate {
    display: none;
}
#v4{
    position: static;
}
.answer {
    cursor: pointer;
    text-align: center;
    border: 0 solid #f04908;
    padding: 10px 0;
    width: 80%;
    display: inline-block;
    margin: 5px;
    font-size: medium;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: -moz-linear-gradient(top,#f04908 0,#e74a0e 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f04908),color-stop(100%,#e74a0e));
    background: -webkit-linear-gradient(top,#f04908 0,#e74a0e 100%);
    background: -o-linear-gradient(top,#f04908 0,#e74a0e 100%);
    background: -ms-linear-gradient(top,#f04908 0,#e74a0e 100%);
    background: linear-gradient(to bottom,#f04908 0,#e74a0e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f04908', endColorstr='#4787ed', GradientType=0);
}
.validate{
    width: 100%;
}
.validate .continer{
    width: 96%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.continer .percent_left{
    float: left;
}
.continer .percent_right{
    direction: ltr;
    padding-bottom: 10px;
}
#szlider {
    width: 100%;
    height: 4px;
    background: #dadada;
}
#szliderbar {
    width: 100;
    height: 4px;
    background: #f04908;
    float: right;
}
#szazalek {
    color: #858585;
    font-size: small;
}
.search {
    padding-top: 10px;
    direction: ltr;
}
.search ul{
    list-style: none;
}
.search ul li{
    line-height: 25px;
}
ul .animation{
    display: inline-flex;
}
.prize{
    width: 100%;
}
.prize h3 {
    font-size: 1.5em;
    padding: 5px 0;
    text-align: center;
}
.prize h3,.answer,.waiting,span .q{
    font-weight: 300;
}
.pbox{
    width: 100%;
    overflow: hidden;
    padding: 10px;
    cursor: pointer;
}
.pbox .pbox_right{
    width: 50%;
    float: right;
}
.pbox .pbox_left{
    width: 50%;
    float: left;
    text-align: center;
}
h2{
    color: #0054a4;
}
.prize h2{
    font-size: 1.2em;
}
.prizebtn{
    border: 0 solid #b13606;
    width: 80%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f04908;
    color: #fff;
    text-align: center;
    padding: 4px 0;
    margin: 8px 4px 4px;
    font-size: .9em;
}
.desactive{
    background-color: #aaa;
}
.comments h2{
    color: grey;
    font-size: 1.2em;
    font-weight: 300;
    padding: 20px 0 5px;
}
.comments .name{
    font-weight: 700;
    color: #eb490b;
    font-size: small;
}
.comments .comment_user{
    padding: 5px;
}
.comments1{
    padding: 7px;
    display: inline-flex;
    display: -webkit-inline-flex;  /* Safari */
}
.comments .comments1_right,.comments2_right,.comments3_right,.comments4_right,.comments5_right,.comments6_right,.comments7_right,.comments8_right{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-repeat: no-repeat;
    padding: 10px;
}
.comments .comments1_right{
    background-image: url(comment0.jpg);
     
}
.comments .comments2_right{
    background-image: url(comment1.jpg);
     
}
.comments .comments3_right{
    background-image: url(comment2.jpg);
     
}
.comments .comments4_right{
    background-image: url(comment3.jpg);
     
}
.comments .comments5_right{
    background-image: url(comment4.jpg);
     
}
.comments .comments6_right{
    background-image: url(comment5.jpg);
     
}
.comments .comments7_right{
    background-image: url(comment6.jpg);
     
}
.comments .comments8_right{
    background-image: url(comment7.jpg);
     
}
.item_img{
    background-color: #fff;
    border-radius: 4px;
    max-width: 210px;
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid grey;
    margin: 10px 0 5px;
}
#month_c0,#month_c1,#month_c11,#month_c2,#month_c3,#month_c4,#month_c44,#month_c5{
    font-size: small;
    margin-top: 43px;
    color: #0054a4;
    font-style: italic;
    display: inline-block;
}

@media screen and (max-width: 768px) {
nav .under_line{
    width: 80%;
    margin-left: 10px;
    }
.comments{
        margin: 10px;
    }
.prize,.validate{
    width: 95%;
    }    
}