﻿/*
    Jumpeye framework    
	Version: 1.0.0
	www.jumpeye.com
	
	Created by Jumpeye Components
 
 
    Panel style-5
*/

    .panel.style-5{
        background        : url(../../assets/ui/panels/style-005/texture.png);
        -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
        box-shadow        : 1px 1px 3px 0px #292929 inset, -1px -1px 3px 0px #292929 inset;
        -moz-box-shadow   : 1px 1px 3px 0px #292929 inset, -1px -1px 3px 0px #292929 inset;
	    -webkit-box-shadow: 1px 1px 3px 0px #292929 inset, -1px -1px 3px 0px #292929 inset;        
    }
    
    .panel.style-5 > div{
        position             : relative;
        top                  : 0; 
        left                 : 0; 
        margin               : 0; 
        padding              : 0;
        background           : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background           : -moz-linear-gradient(top,  rgba(51,51,51,0.6) 0%, rgba(0,0,0,0.6) 100%);
        background           : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
        background           : -webkit-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%);
        background           : -o-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%);
        background           : -ms-linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%);
        background           : linear-gradient(top,  rgba(51,51,51,0.6) 0%,rgba(0,0,0,0.6) 100%);
        -moz-border-radius   : 5px; 
        -webkit-border-radius: 5px; 
        border-radius        : 5px;
    }
    
    .panel.style-5 div > h5 {
        font-size  : 33px; 
        color      : #fff; 
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.90);
        font-weight: normal;
        margin     : 0; 
        padding    : 27px 37px 17px;
    }    
    
    .panel.style-5 > div > p {
        font-size  : 14px; 
        color      : #999;
        margin     : 0; 
        padding    : 0 38px 33px;
        line-height: 20px;
    }