/* Start: Recommended Isotope styles */ #pix-portfolio{ opacity:0; } /*isotope-skin1*/ .isotope-skin1 .isotope-item { width: 19.98%; } /*isotope-skin2*/ .isotope-skin2.portfolio-col-5 .isotope-item{ margin:0 ; width: 17.81% !important; } .isotope-skin2.portfolio-col-4 .isotope-item{ margin:0 ; width: 22.96%; } .isotope-skin2.portfolio-col-3 .isotope-item{ margin:0; width: 31.18%; } .isotope-skin2.portfolio-col-5 .isotope-item , .isotope-skin2.portfolio-col-4 .isotope-item , .isotope-skin2.portfolio-col-3 .isotope-item{ margin:1% ; } .isotope-item img { width: 100%; height: auto; } .btn-portfolio-close i{ color:#000 !important; } #filter { height: 80px; margin-top: -37px; padding-left: 0px; } #filter li { display: inline-block; list-style: none; margin-bottom: 0px; } #filter li a { background: none repeat scroll 0 0 #fff; border: 1px solid #dddddd; color: #999999; display: block; font-size: 13px; font-weight: normal; margin-left: -5px; overflow: hidden; padding: 10px 20px; position: relative; text-transform: uppercase; transition: all 0.4s ease 0s; } #filter li a:hover, #filter li a.current { background: none repeat scroll 0 0 #000; border-color: #000; color: #fff; } .title-action a{ background: none repeat scroll 0 0 #526aff !important; border-color: #526aff !important; color: #fff !important; } .isotope-item:hover .slide-desc { opacity: 1; } .isotope-item .slide-desc { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); left: 0px; position: absolute; top: 0; z-index:899; width: 100%; height: 100%; padding: 20px; color: #fff; opacity: 0; overflow: hidden; text-align:center; } .isotope-item .slide-desc table,.isotope-item .slide-desc td{ border:none; height:100%; width:100%; background:none; }