﻿.porijects-top {
    position:relative;
    height:290px;
    width:100%;
    overflow:hidden;
    text-align:center;
    margin:10px 0;
    background-position:center;
    background-size:cover;
    background-repeat:no-repete;
}
.porijects-top img {
    width:100%;
}
.project-title-wrap {
    margin-bottom:20px;
}
.list-logo {
    margin-top:30px;
    margin-bottom:0;
}
.list-logo li {
    display:inline-block;
    height: 28px;
    padding: 0 3px;
}
    .list-logo li img {
        max-height:28px;
    }
.porijects-top h1 {
    width:100%;
    padding:10px;
    position:absolute;
    top:50%;
    margin-top:-28px;
    z-index:1;
}
.project-cube-box 
{
    border-radius: 20px;
    width: 100%;
    display: table;
    width: 100%;
    height: 300px;
    color: white;
    padding: 0px !important;
    text-align: center;
    font-size: 25px;
    vertical-align:middle;
}

.project-cube-box:hover{
    text-decoration:none;
}
.project-cube-box:active{
    text-decoration:none;
}
.project-cube-box:visited{
    text-decoration:none;
}
.project-cube-box:focus{
    text-decoration:none;
}
.project-cube-box-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 0 26px;
}
.project-article {
    overflow:hidden;
}

.project-cube-box-link {
    overflow:hidden;
    cursor:pointer;
        display: block;
    width: 100%;
        background-size: cover;
    background-position: center;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}
.project-cube-box-link:hover{
    text-decoration:none;
}
.project-cube-box-title {
    font-size: 25px;
    line-height: 1.2em;
    font-weight: 700;
}

.project-cube-box-description {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
}
.project-cube-box-title:hover{

}

.project-cube-box-overlay{
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

.project-cube-box-disabled
{
    cursor: default;
}
/*Color list for Cube Box*/

.cube-background-color1{
    background-color: rgba(27,188,156,0.5);
}
.cube-background-color1:hover{
    background-color:rgba(27,188,156,0.9);
}


.cube-background-color2{
    background-color: rgba(39,174,96,0.5);
}
.cube-background-color2:hover{
    background-color:rgba(39,174,96,0.9);
}


.cube-background-color3{
    background-color:rgba(42, 128, 185,0.5);
}
.cube-background-color3:hover{
    background-color:rgba(42, 128, 185,0.9);
}


.cube-background-color4{
    background-color:rgba(143, 68, 173,0.5);
}
.cube-background-color4:hover{
    background-color:rgba(143, 68, 173,0.9);
}


.cube-background-color5{
    background-color:rgba(45, 62, 80,0.5);
}
.cube-background-color5:hover{
    background-color:rgba(45, 62, 80,0.9);
}


.cube-background-color6{
    background-color:rgba(241, 196, 15,0.5);
}
.cube-background-color6:hover{
    background-color:rgba(241, 196, 15,0.9);
}


.cube-background-color7{
      background-color:rgba(231, 127, 35,0.5);
}
.cube-background-color7:hover{
    background-color:rgba(231, 127, 35,0.9);
}


.cube-background-color8{
      background-color:rgba(232, 76, 61,0.5);
}
.cube-background-color8:hover{
    background-color:rgba(232, 76, 61,0.9);
}


.cube-background-color9{
      background-color:rgba(236, 240, 241,0.5);
}
.cube-background-color9:hover{
    background-color:rgba(236, 240, 241,0.9);
}


.cube-background-color10{
      background-color:rgba(149, 165, 165,0.5);
}
.cube-background-color10:hover{
   background-color:rgba(149, 165, 165,0.9);
}

.project-details{
    /*padding:15px;
    position:absolute;
    top:130px;*/
    float: left;
    width:50%;
    padding: 20px;
}

.label{
    font-weight: 600;
    font-size: 13px;
}

.project-navigations{
    /*padding: 15px;
    position: absolute;
    left: 990px;
    top: 140px;
    width: 800px;*/
    float: left;
    width:50%;
    padding: 20px;
}

.padding20{
    padding-left:20px !important;
}
.padding40{
    padding-left:40px !important;
}

.project-navigations table tr td {
    padding-top: 2px !important;
}

.project-navigations table tr  {
    line-height: 20px !important;
}