*{ margin: 0; padding: 0; border: none; }
img{border: none;}
a{outline: none; text-decoration: none; color: #fff}
.inl{
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1; 
}
.no-display{
    display: none;
}

#football{
    background-color: transparent;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.item{
  /*  background-color:#FF6160;*/
    position: relative;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}
.item:hover{
   /* opacity: 0.9;*/
    cursor: pointer;
}

.item.left{
    margin: 0px 6px 6px 0px;
}
.item.right{
    margin: 0px 0px 6px 0px;
}


.item .gradient{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.item.big .gradient{
   /*
    background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 77%, rgba(0,0,0,0) 78%); 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(77%,rgba(0,0,0,0)), color-stop(78%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,0) 78%);
    background: -o-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,0) 78%); 
    background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,0) 78%);
    background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 77%,rgba(0,0,0,0) 78%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
  */
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}


.item.big:hover .gradient{
    background-color: rgba(0, 0, 0, 0.6);
}


.item.small .gradient{
  /*
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 16%, rgba(0,0,0,0.16) 37%, rgba(0,0,0,0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,rgba(0,0,0,0)), color-stop(37%,rgba(0,0,0,0.16)), color-stop(100%,rgba(0,0,0,0.65)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 16%,rgba(0,0,0,0.16) 37%,rgba(0,0,0,0.65) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 16%,rgba(0,0,0,0.16) 37%,rgba(0,0,0,0.65) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 16%,rgba(0,0,0,0.16) 37%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 16%,rgba(0,0,0,0.16) 37%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
 */
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}
.item.small:hover .gradient{
    background-color: rgba(0, 0, 0, 0.6);
}

.item .play{
    display: block;

    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    background: url("../img/play.png") no-repeat;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.item .play:hover{
    cursor: pointer;
    opacity: 0.85;
}

.item.small img{margin-left: -50%;}



.text-group hr{
    width: 40%;
    height: 1px;
    background-color: #FFFF00;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -ms-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.item:hover hr{
    width: 95%;
}


.text-group{
    background-color: rgba(3,3,5,0.3);
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.item:hover .text-group{
    background-color: rgba(3,3,5,0); 
}



.big .text-group{ display:block; width: 200px; position: absolute;  /*left:25px;*/ bottom: 0;}
.big .text-group h3{font-size: 16px;}
.big .text-group .description{display: block;font-size: 14px; display: none;padding: 4px 0px 10px;}
.small .text-group{ display:block; position: absolute; /*left:25px;*/ bottom: 0;}
.small .text-group h3{font-size: 13px;}
.small .text-group .description{display: block;font-size: 13px; display: none;padding: 1px 0px 5px;}


/*Main padge informer settings*/
#football.main{width: 960px;height: 474px;}
.main .item.big{width: 480px; height: 234px;}
.main .item.small{width: 234px;height: 234px;}
.main .item img{width: 480px;}
/*.main .big .text-group{width: 377px;}*/
.main .big .text-group{width: 377px; padding: 9px 50px 0 51px;}

.main .big hr{margin: 10px 0 15px;}
.main .small hr{margin: 10px 0 12px;}
/*.main .small .text-group{width: 190px; }*/
.main .small .text-group{width: 190px; padding: 7px 22px 0px;}

/*news padge informer settings*/
#football.news{width: 640px;height: 422px;}
.news .item.big{width: 426px;height: 208px;}
.news .item.small{width: 208px;height: 208px;}
.news .item img{width: 426px;}
/*.news .big .text-group{width: 300px;  left: 13px;}*/
 .news .big .text-group{width: 300px; padding: 8px 63px;}
 
.news .text-group hr{margin: 9px 0 18px;}
.news .big hr{margin: 9px 0 12px;}
.news .small hr{margin: 10px 0 10px;}
/*.news .small .text-group{width: 185px; left: 13px;}*/
.news .small .text-group{width: 185px; padding: 7px 11px 0px 12px;}