header.header h1 a {
        padding: 0;
        line-height: 60px;
}
header.header h1 a span {   
        color: #D53319; 
        font-family: "Roboto Condensed", Roboto, sans-serif;
        font-size: 40px;        
        font-weight: 200; 
        display: inline-block; 
        padding: 0 5px 0 0;
}    

.content .desctop {    
        background: #434142 url(/filmopedia/_i/bg-image-03.jpg) no-repeat top center;
        background-size: cover;  
}  
.content .desctop .desctop-list.content-list {    
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
}          

.page-route-login .login-form {    
        background: #434142 url(/filmopedia/_i/bg-image-03.jpg) no-repeat top center;
}       
.page-route-login .login-form div {  
        background: rgba(107, 103, 100, 0.6);
}            

#page-main .years {
        padding: 15px;
}
#page-main .year {  
        margin: 0;   
        width: 33%;   
        float: left;       
}        
#page-main .year div {  
        background-color: #FBFBFB;
        border: #F6F6F6 1px solid;    
        height: 240px; 
        margin: 15px;     
        padding: 15px 15px 0 15px;  
        text-align: center;
        box-sizing: border-box;
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px; 
        -ms-border-radius: 3px; 
        -o-border-radius: 3px; 
        border-radius: 3px;   
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;   
}      
#page-main .year div:hover {  
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  
        -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);        
        -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  
}         
#page-main .year h3 {  
        padding: 0 0 15px 0;  
        margin: 0 0 15px 0;   
        border-bottom: #F6F6F6 1px solid;    
}          
#page-main .year h3 a {  
        color: #999;
}        
#page-main .year a {  
        text-decoration: none;   
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -transition: all 0.2s ease-in-out;    
        transition: all 0.2s ease-in-out;  
}               
#page-main .year a:hover {  
        color: #333;
}           
#page-main .year span {  
        display: none;
}                  
#page-main .year div ul { 
        margin: 0;  
        padding: 0;    
        line-height: 25px;
        list-style: none;     
        text-align: left;  
}        
#page-main .year div ul li {  
        display: inline-block;
        width: 8%;             
        min-width: 42px;       
        text-align: center;   
        margin: 0;  
        padding: 0;    
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px; 
        -ms-border-radius: 3px; 
        -o-border-radius: 3px; 
        border-radius: 3px;   
}       
#page-main .year div ul li a {  
        display: block;    
        color: #333;
}           
#page-main .year div ul li:hover {  
        background: #EEE;
}                            
#page-main .year div ul li a:hover,
#page-main .year div ul li:hover a { 
        color: #111;
}