/*--------------------*/

#title h1
{
    text-transform: uppercase;
    text-align: center;
    color: #ed1c24;
    letter-spacing: 4px;
    position: relative;
  font: 600 48px/60px 'Open Sans', sans-serif;
}

#title h1:after, h1:before
{
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 120px;   
}

#title h1:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

#title h1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}