.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
.clearfix { display:block; }/* end hide from IE-mac */

#content { position:relative; padding-left:260px; }
.thumbs { width:33.333333%; float:left; position:relative; margin:0; height:auto }
.element { overflow:hidden; }

.images { display:block; position:relative; }
.images img { width:100%; display: block; max-width: 100% !important; z-index:9 }
img { box-shadow: #fff 0 0 0 }
.sliphoveritemTitle div { display:block; font-size:20px; font-weight:700; line-height:1.5; font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; position:absolute; bottom:-3px; width:150px; }
.sliphoveritemTitle i { display:block; font:30px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; right:-3px; font-style:normal !important; position:absolute; line-height:1.5; bottom:-5px; text-decoration:none !important }







#ajax-content { height: 100%; width: 100%; background: #000; position: fixed; opacity: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; visibility: hidden; }
#ajax-content.visible { height: 100%; z-index: 9999; opacity: 1; visibility: visible; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#ajax-content .ajax-sidebar { width: 0; background: #fff; height: 100%; float: right; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; z-index: 999; }
#ajax-content.visible .ajax-sidebar { float: right; width: 380px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition-delay: 0.3s; /* Safari */ transition-delay: 0.3s; }
.ajax-sidebar #project-title { padding: 55px 20px; margin-top: 20px; width: 380px; }
.ajax-sidebar #project-title h3{font-size: 16px; margin-bottom: 10px;}
#ajax-content .ajax-slider { opacity: 0; float: left; width: auto; height: 100%; }
#ajax-content.visible .ajax-slider { width: auto; float: left; height: 100%; opacity: 1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transition-delay: 0.4s; /* Safari */ transition-delay: 0.4s; }
#ajax-content.visible .ajax-slider figure.images { text-align: center; }
#ajax-content.visible .ajax-slider figure.images img { display: inline-block; width: auto; }
.ajax-close { width: 48px; height: 48px; display: inline-block; position: absolute; top: 28px; right: 28px; /*background: #888;*/ cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 999999; background: url(img/icons/bg-close@2x.png) center no-repeat #fff; background-size: 36px 36px; }
.ajax-prev { background: url(img/icons/bg-prev@2x.png) center no-repeat #fff; background-size: 48px 48px; display: block; position: absolute; width: 54px; height: 74px; top: 50%; margin-top: -34px; left: 25px; }
.ajax-next { background: url(img/icons/bg-next@2x.png) center no-repeat #fff; background-size: 48px 48px; display: block; position: absolute; width: 54px; height: 74px; top: 50%; margin-top: -34px; right: 25px; }
#project-slider { position: relative; }
.ajax-more { display: none; }

 @media only screen and (max-width : 768px) {
     .ajax-more {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 50px;
        background: #333;
        color: #fff;
        font-family: 'Nanum Gothic','Merriweather', Georgia, "Times New Roman", Times, serif;
        text-align: center;
        padding-top: 15px;
        cursor: pointer;
        z-index: 99999;
     }
     #ajax-content.visible .ajax-sidebar {
         position: absolute;
         width: 0;
         right: 0;
     }
     #ajax-content.visible .ajax-sidebar.collapsed {
         width: 100%;
     }
     #ajax-content.visible .ajax-slider {
         width: 100%;
         -webkit-transition: all 0s ease-in-out;
         -moz-transition: all 0.0s ease-in-out;
         -o-transition: all 0.0s ease-in-out;
         transition: all 0.0s ease-in-out;
     }
}