/* ================= PORTFOLIO ================== */

 .dysania-filters {

    list-style:none !important;

    padding-left:0px !important;

    padding-right:0px !important;

    padding-top:0px !important;

    margin-left:0px !important;

    margin-right:0px !important;

    margin-top:0px !important;

    display:inline-block;

    width:100%;

    vertical-align:bottom;

}

.dysania-filters li {

    float:left;

    margin:0px !important;

    cursor:pointer;

    vertical-align:bottom;

}

.dysania-filters li a {

    -webkit-transition: background-color 0.2s ease-in-out;

    -moz-transition: background-color 0.2s ease-in-out;

    -o-transition: background-color 0.2s ease-in-out;

    -ms-transition: background-color 0.2s ease-in-out;

    vertical-align:bottom;

}

.dysania-filters li a:hover {

    text-decoration:none;

}

.dysania-grid {

    list-style:none !important;

    position:relative;

    margin:0px !important;

    padding:0px !important;

    display:inline-block;

    vertical-align: bottom;

    width:100%;

}

.dysania-grid li {

    float:left;

    position:relative;

    -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);

    margin:0px !important;

    padding:0px !important;

    overflow: hidden!important;

}

.dysania-grid li .dysaniacaption {

    position: absolute;

    z-index: 100;

    -webkit-transition:all 0.4s linear;

	-moz-transition:all 0.4s linear;

	-o-transition:all 0.4s linear;

	-ms-transition:all 0.4s linear;

	transition:all 0.4s linear;

    left: 0;

    height: 30px;

    width: 100%;

    display: block;

    bottom: -30px;

    line-height: 30px;

    text-align: center;

}

.dysania-grid li:hover .dysaniacaption {

    -moz-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

}

.dysania-grid li:before, .dysania-grid li:after, .dysania-grid li a img:before, .dysania-grid li a img:after {

    display:none !important;    

}

.dysania-grid li.onecolumn {

    width:100%;

}

.dysania-grid li.twocolumns {

    width:50%;

}

.dysania-grid li.threecolumns {

    width:33.333333333333%;

}

.dysania-grid li.fourcolumns {

    width:25%;

}

.dysania-grid li.fivecolumns {

    width:20%;

}

.dysania-grid li a, .dysania-grid li a img {

    display:block;

    position:relative;

    width:100% !important;

    height:auto !important;

    border-radius:0px !important;

    overflow:hidden;

    outline:0 !important;

    margin:0px !important;

    padding:0px !important;

}

.dysania-grid li a {

    overflow:hidden !important;

    opacity:1;

}

.dysania-grid li a.dysania-photo,.dysania-grid li a.dysania-iframe {

    overflow:hidden;

    background-position:center center;

    background-repeat:no-repeat;

}

.dysania-grid li a.dysania-iframe {

    overflow:hidden;

    background-position:center center;

    background-repeat:no-repeat;

}

.dysania-grid li a.dysania-link {

    overflow:hidden;

    background-position:center center;

    background-repeat:no-repeat;

}

.dysania-grid li a img {

    transform: scale(1) rotate(0deg);

    -webkit-transform: scale(1) rotate(0deg);

    -ms-transform: scale(1) rotate(0deg);

}

.dysania-grid li.no-effect{

    pointer-events:none !important;

  -webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

       -o-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

          transform: rotate(360deg);

    opacity:0.3;

}

.clear {

    clear:both;

}

@media screen and (max-width: 640px) {

.dysania-grid li .dysaniacaption {

font-size:11px !important;

}

}

@media screen and (max-width: 480px) {

.dysania-grid li, .dysania-grid li.twocolumns, .dysania-grid li.threecolumns,.dysania-grid li.fourcolumns, .dysania-grid li.fivecolumns {

    width:100% !important;

}

.dysania-grid li .dysaniacaption {

font-size:14px !important;    

}