@import url("genericon/genericons.css");

.-skin-default *, .-skin-default *:before, .-skin-default *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.-filters{width:100%; margin:0 0 50px 0; float:left;}

.-filters ul{width:100%; text-align:center; float:left;}

.-skin-default .-filters .-filter {
    padding:10px 40px;
    border: 1px solid #ccc; 
    text-decoration: none;
    outline: none; text-transform:uppercase;  color:#e11e26; font-size:16px; background:#f3f3f3;
}
.-skin-default .-filters a:hover{color: #e11e26;}

.-skin-default .-filters .-filter.active {
    color: #fff; background:#e11e26;
}

.-skin-default .-items {  
    position: relative; width:100%; float:left;
}
.-skin-default .-items .-item {
    float:left;
    width: 31.33%;
    margin:1%;
	-moz-box-shadow: 0 0 10px -5px #C0C0C0;
-webkit-box-shadow: 0 0 10px -5px #C0C0C0;
box-shadow: 0 0 10px -5px #C0C0C0;
border:solid 5px #ddd;
}

.-skin-default .-items .-item.hidden {
    display: none;
    position: absolute;
}

@media screen and (max-width: 480px) {
    .-skin-default.-columns2 .-items .-item,
    .-skin-default.-columns3 .-items .-item,
    .-skin-default.-columns4 .-items .-item,
    .-skin-default.-columns5 .-items .-item,
    .-skin-default .-items .-item {
        width: 98%;
    }

    .-skin-default.-columns4 .-items .-item .-links a ,
    .-skin-default.-columns5 .-items .-item .-links a {
        font-size: 14px ;
    }
}

.-skin-default .-items .-item .itembox {
    width:100%;
    background: #FFFFFF;
    position: relative;
    margin: 0 auto; padding:0 0 1px 0;
}
.-skin-default .-items .-item .itembox img{width:100%;}

.-skin-default.-skin-default-square .-items .-item .itembox {
    padding-bottom: 90%;
    height:0;
    overflow: hidden;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.-skin-default.-skin-default-round .-items .-item .itembox {
    padding-bottom: 90%;
    height:0;
    overflow: hidden;
}

.-skin-default .-items .-item .itembox:hover .-mask,
.-skin-default .-items .-item .itembox:hover .genericon,
.-skin-default .-items .-item .itembox:hover .title2,
.-skin-default .-items .-item .itembox:hover .line,
.-skin-default .-items .-item .itembox:hover .cat,
.-skin-default .-items .-item .itembox:hover .owner,
.-skin-default .-items .-item .itembox:hover .viewproject,
.-skin-default .-items .-item .itembox:hover .viewproject a {
    display: block;
}

.-skin-default .-items .-item .itembox .-mask,
.-skin-default .-items .-item .itembox .genericon,
.-skin-default .-items .-item .itembox .line,
.-skin-default .-items .-item .itembox .cat,
.-skin-default .-items .-item .itembox .owner,
.-skin-default .-items .-item .itembox .title2,
.-skin-default .-items .-item .itembox .viewproject {
    background:rgba(225, 30, 38, 0.9);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-decoration: none;
}

.-skin-default .-items .-item .itembox .line {
    height: 5px;
    left: 30%;
    position: absolute;
    top:45%;
    width: 84px;
	background:#fff;	   
}

.-skin-default .-items .-item .itembox .cat {
    height: 5px;
    left:0%;
    position: absolute;
    top:30%;
    width:100%; text-align:center; color:#fff;  text-transform:uppercase;  background:none; 
}

.-skin-default .-items .-item .itembox .owner {
    height: 5px;
    left:0%;
    position: absolute;
    top:80%;
    width:100%; text-align:center; color:#fff;  background:none; 
}

.-skin-default .-items .-item .itembox .viewproject {
    color: #fff;
    left:50%;
    opacity: 1.0;
    position: absolute;
    top:40%;
    overflow: hidden;
    font-size:0px;
	width:37px;
    height:37px;
   background:url(images/icon-viewproject.jpg) no-repeat; margin:25px 0 0 1px;
    
}

.-skin-default .-items .-item .itembox .viewproject a {
    left:0;
    position: absolute;
    top:0;
    width:37px;
    height:37px;	   
}

.-skin-default .-items .-item .itembox .title2 {
    color: #fff;
    left:0%;
    opacity: 1.0;
    position: absolute;
    top:15%;
    overflow: hidden;
    font-size:16px;
    width:100%;
    height:30px;
   text-align:center; background:none;
}

.-skin-default .-items .-item .itembox .genericon {
    color: #7b7b7b;
    
    opacity: 1.0;
    background:#fff;
    position: absolute;
    top:45px; bottom:0; left:70px;
    overflow: hidden;
    font-size:24px;
    width:37px;
    height:37px;
    margin:auto; text-align:center; padding:4px 0 0 0;
}

.-skin-default .-items .-item .-links .-link {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 2% 0;
    text-align: center;
}

.-skin-default .-items .-item .-links .-link a{
    text-decoration: none;
}

.-skin-default .-items .-item .-links .-onlyonelink{
    width: 100%;
}

.-skin-default .-item .title {
    font-size:14px;
    margin: 5px 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.-skin-default.-columns2 .-item{
    width: 48% ;
}

.-skin-default.-columns3 .-item{
    width: 31.33% ;
}

.-skin-default.-columns4 .-item{
    width: 23% ;
}

.-skin-default.-columns5 .-item{
    width: 18% ;
}

.-skin-default.-columns4 .-item .-links a {
    font-size: 12px;
}

.-skin-default.-columns5 .-item .-links a {
    font-size: 11px;
}