body{



      box-sizing:border-box;
      background-color: #ccc;
      font-family: 'Open Sans', sans-serif;
      font-family: 'Open Sans', sans-serif;
      background-image: url(../img/.png);
     
     
    }


*{padding: 0;
  margin: 0;
  box-sizing: border-box;}


.logo{ width: 129px;
       height: 33px;
       position: absolute;
       
       
       right:110px;
       top:20px;
        }



.main{ width: 360px;
      height: 1470px;
       margin: auto;
      background-color: #F5F5F5;
     /* box-shadow: -4px 3px 9px 4px rgba(219,219,219,0.46);
      box-shadow: 0px 3px 9px 12px rgba(181,181,181,0.43);*/


        }


.topbar{ width: 360px;
         height: 80px;
          position: relative;
       /*  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); */
        background-color:#fff;}


.bar{ width: 360px;
         height: 22px;
        background-color:;}


.toggle{ width: 26px;
         height: 20px;
         display: block;
        margin: 15px 0 0 20px;
         float: left;
         background-color:;}



 h2{ font-family: 'Roboto', sans-serif;
     display:inline-block;
     color:#000;
     text-align: center;
    font-size: 21px;
    margin: 17px auto;
    float: ;
    font-weight:normal;
    margin: ;}


.filter{ width: 30px;
         height: 20px;
         display: block;
        margin: 12px 0 0 20px;
         float: right;
         background-color:;}




       .heyfootbanner{ width: 360px;
            background-color: ;

            background-image: url("../img/icon_bannerfootball.png");
            background-repeat: no-repeat;
            height: 182px;

            height:; }


/* content section start here  */



.viewallpatrent_div{ width: 360px; background-color:; height: 160px; }




.viewalldiv{ width: 360px;
             height: 33px;
             margin-top:12px;
             
             padding: 0px 12px 0px 12px;

             background-color:; }


 .viewalldiv p{color: #7D7D7D; font-size: 12px; margin-top: 3px;}   


  
 .viewalldiv a { color:#7D7D7D;  text-decoration: none; font-size: 11px; } 

 .viewalldiv a:hover{ color:red; }        



.viewalldiv h6{ font-size: 15px; 
                float: left;
                color:#000000;
              }
.viewalldiv p{ font-size: 12px; 
                float: right;}

/* -- events div start here  --- */



.eventpatent{  width: 350px;
              height: 97px;
              float: right;

              background-color: ; }



.eventsblock {
    width: 140px;
    height: 121px;
    background-color: ;
    /* margin: 0 5px; */
    text-align: center;
    float: left;
    margin-right:7px;
}


.cor{ width: 50px;
               height:97px;
              background-color:#ccc;
             text-align: center;
             
              
              float:left;
              }





.eventsblock h4{ font-size: 14px; color: #000; }


.cor h4{ font-size: 14px; color: #000; }


.promobanner2 {
    width: 340px;
    height: 107px;
    background-image: url(../img/promobanner2.png);
    background-repeat: no-repeat;
    background-color: red;
    display: block;
    margin:16px auto;
    position: relative;
    /* margin: 0 5px; */
    
}

.promobanner2_inner{ width: 200px;
                     height:60px;
                     background-color: ;
                     text-align: center;
                     color: #fff;
                    position: absolute;
                    transform: translate(34%,30%); }

 .redee { position: absolute; margin-top:77px; margin-left:270px; color: #75B5FF; }                  



.vocher{ width: 340px; height: 101px; background-color: #fff; margin: 12px auto; padding:9px 9px; box-shadow: 0px 2px 4px 0px rgba(209,209,209,1);}


.vocher .img_box{ width: 80px; height:85px; background-color: red; float: left; margin-right: 12px;}


.vocher h5{ color: #936943; font-size: px; }



.vocher h4{ color: #000; font-size: px; }

.vocher p { color: #77777A; font-size: 12px;  line-height: 19px;}










{ color: #000; font-size: px; }