/* ================= PORTFOLIO ================== */
 #main {
    margin-bottom:65px;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
#tiles {
    list-style-type:none !important;
    position:relative;
    margin:0px;
    list-style-image: none !important;
}
/* Grid items */
 #tiles li {
    display:none;
    cursor:pointer;
    padding:5px;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.two-columns li {
    width:280px;
}
.two-columns img {
    width:270px;
}
.three-columns li {
    width:185px;
}
.three-columns img {
    width:175px;
}
#tiles li img {
    display:block;
    opacity:1;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    -webkit-backface-visibility:hidden;
}
#tiles li a, #tiles li a img {
    display:block;
    outline:0 !important;
    transform: scale(1);
    -webkit-transform: scale(1);
    overflow:hidden;
}
#tiles li a {
    background-position:center center;
    display:block;
    outline:none;
}
#tiles li a.clb-photo {
    background-image:url('images/search.png');
    background-repeat:no-repeat;
}
#tiles li a.iframe {
    background-image:url('images/video.png');
    background-repeat:no-repeat;
}
#tiles li a.plink {
    background-image:url('images/link.png');
    background-repeat:no-repeat;
}
#tiles li a img:hover {
    opacity:0.1;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
/* Grid item text */
 #tiles li p {
    line-height:24px;
    text-align:center;
    margin:0px !important;
    padding-top:5px;
    padding-bottom:0px;
}
/* Filters */
 .filters-box {
    margin:30px -30px 34px -30px;
    clear:both;
}
#filters {
    list-style-type:none;
    text-align:center;
    display:inline-block;
    margin:0px;
    padding:0px;
    margin-bottom:-4px;
}
#filters li {
    line-height:30px;
    float:left;
    padding:5px 10px 5px 10px;
    cursor:pointer;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    margin:0px;
}
#filters li.active {
    width:auto !important;
}

/* ================= LATEST PROJECTS BOX ================== */
 .da-thumbs {
    list-style:none;
    position:relative;
    margin:0px 0px -2px 0px;
    padding:0px;
    display:inline-block;
}
.da-thumbs li {
    float:left;
    position:relative;
    width:33.3333333%;
}
.da-thumbs li a, .da-thumbs li a img {
    display:block;
    position:relative;
    width:100%;
    height:auto;
}
.da-thumbs li a {
    overflow:hidden;
    outline:none;
}
.da-thumbs li a div {
    position:absolute;
    width:100%;
    height:100%;
    opacity:0.9;
}
.da-thumbs li a div span {
    display:block;
    padding:10px 0;
    margin:20% 20px 0px 20px;
    text-align:center;
}

@media screen and (max-width: 480px) {
    .da-thumbs li {
        width:50%;
    }
}
@media screen and (max-width: 320px) {
    .da-thumbs li {
        width:100%;
    }
}

/* COLORS

#tiles li a { background-color:#eb5656; }
#tiles li { background-color:#ffffff; }
.filters-box { background-color:#313131; }
#filters li.active, #filters li.active:hover, #filters li:hover { background-color:#ffffff; color:#313131; }
.da-thumbs, .da-thumbs li a div { background-color:#313131; }
.da-thumbs li a div span {color: #ffffff;}
.da-thumbs li a div span {border-bottom:#eb5656; border-top:#414141;}

*/