body{



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


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


.logo{ width: 75px;
       height: 33px;
       position: absolute;
       
       
       right:150px;
       top:14px;
        }



.main{ width: 360px;
      height: 1050px;
       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:; }





  .static-card_3block{ width: 360px;
            background-color: #fff;
            padding: 0 12px;
            height: 93px;
         margin-top: 9px;}





.innerbox{ width: auto;
            background-color: ;
            height: 80px;
            float: left;
            text-align: center;
            margin: 0px 12px 0px 20px;
             padding-top: 9px;}


            
            
            }

.innerbox img{ margin-left:9px; }





 .innerbox p{  color: #333333;
            font-family:open Sans;
            margin-top: 5px;
            font-size: 12px;}                



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

             background-color:green; }


 .viewalldiv p{color: #7D7D7D;}   


  
 .viewalldiv a { color:#000;  text-decoration: none;} 

 .viewalldiv a:hover{ color:red; }        



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



.viewalldiv p{ font-size: 12px; 
                float: right;}


.Training_box{ width: 360px;
               height:112px;
              margin: 12px 0 0 0;
              padding: 14px 11px 0 11px;




               background-color: #fff;
                }



.Training_box:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  cursor: pointer;
}




.Training_box h4{ font-size: 14px; }




.traning_boximg{ width: 81px; 
                height: 82px;
                float: left;
                margin: 0 12px 0 0;
               

                background-color:#fff ; }


.clr{ clear: both; }


.Training_box p{ font-family: 'Roboto', sans-serif;
    
     color: rgb(74,74,74, 0.9);
     text-align: ;
    font-size: 12px;
    line-height: 22px;
    
    
    font-weight:normal;
    }



.Training_box2{ width: 360px;
               height:81px;
              margin: 12px 0 0 0;
              background-color:#fff ;
              box-shadow: -5px 11px 5px -12px rgba(166,164,166,0.71);


              padding: 14px 11px 0 11px;}

.traning_boximg2{ width: 60px; 
                height: 58px;
                float: left;
                margin: 0 12px 0 0;
                  box-shadow: 0px 2px 2px  0px;

                background-color:red ; }


.Training_box2 h4{ font-size: 14px; }


.Training_box2 p{ font-family: 'Roboto', sans-serif;
    
     color: rgb(74,74,74, 0.9);
     text-align: ;
    font-size: 12px;
    line-height: 18px;
    
    
    font-weight:normal;
    }