.view{width:300px;height:216px}.view .slice{width:60px !important}.view .s2, .view .s3, .view .s4, .view .s5{-webkit-transform:translate3d(60px,0,0);-moz-transform:translate3d(60px,0,0);-o-transform:translate3d(60px,0,0);-ms-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}.view .s1{background-position:0px 0px}.view .s2{background-position:-60px 0px}.view .s3{background-position:-120px 0px}.view .s4{background-position:-180.722891566px 0px}.view .s5{background-position:-240px 0px}.view .overlay{width:60px}.view:hover .s2{-webkit-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-45deg);-moz-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-45deg);-o-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-45deg);-ms-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-45deg);transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-45deg)}.view:hover .s3, .view:hover .s5{-webkit-transform:translate3d(59.76095617539px,0,0) rotate3d(0,1,0,90deg);-moz-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,90deg);-o-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,90deg);-ms-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,90deg);transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,90deg)}.view:hover .s4{-webkit-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-90deg);-moz-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-90deg);-o-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-90deg);-ms-transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-90deg);transform:translate3d(59.7609561753px,0,0) rotate3d(0,1,0,-90deg)} @media only screen and (max-width:479px){ .view{ width:300px !important; height:216px !important} .view .slice{ width:60px !important} .view .s2, .view .s3, .view .s4, .view .s5{ -webkit-transform:translate3d(60px,0,0); -moz-transform:translate3d(60px,0,0); -o-transform:translate3d(60px,0,0); -ms-transform:translate3d(60px,0,0); transform:translate3d(60px,0,0)} .view .s1{ background-position:0px 0px} .view .s2{ background-position:-60px 0px} .view .s3{ background-position:-120px 0px} .view .s4{ background-position:-180px 0px} .view .s5{ background-position:-240px 0px} .view .overlay{ width:60px} .view:hover .s2{ -webkit-transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg); -moz-transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg); -o-transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg); -ms-transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg); transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg)} .view:hover .s3, .view:hover .s5{ -webkit-transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg); -moz-transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg); -o-transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg); -ms-transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg); transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg)} .view:hover .s4{ -webkit-transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg); -moz-transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg); -o-transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg); -ms-transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg); transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg)}}.view{margin:25px;float:left;position:relative;background:#333;-webkit-perspective:500px;-moz-perspective:500px;-o-perspective:500px;-ms-perspective:500px;perspective:500px;-webkit-box-shadow:0 8px 6px -6px #2c2c2c;-moz-box-shadow:0 8px 6px -6px #2c2c2c;box-shadow:0 8px 6px -6px #2c2c2c}.view .slice{height:100%;z-index:100;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform 150ms ease-in-out;-moz-transition:-moz-transform 150ms ease-in-out;-o-transition:-o-transform 150ms ease-in-out;-ms-transition:-ms-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}.view div.view-back{width:50%;height:100%;position:absolute;right:0;background:#282828;z-index:0}.view-back span{display:block;float:right;padding:5px 14px 5px;width:100%;text-align:right;font-size:12px;font-weight:normal;color:#ededed;color:rgba(255,255,255,0.6)}.view-back span:first-child{padding-top:20px}.view-back a,.view-back a:visited{display:block;font-size:18px;color:#ededed;color:rgba(255,255,255,0.4);position:absolute;right:15px;bottom:15px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;width:30px;height:30px;line-height:27px;text-align:center;font-weight:700}.view-back a:hover{color:#fff;border-color:#fff}.view-back span[data-icon]:before{color:#ccc; content:attr(data-icon); font-family:'icons'; padding-right:0; position:absolute; right:45px !important; text-shadow:0 0 1px rgba(255,255,255,0.2)}.view .overlay{height:100%;opacity:0;position:absolute;-webkit-transition:opacity 150ms ease-in-out;-moz-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;-ms-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out}.view:hover .overlay{opacity:1}.view img{position:absolute;z-index:0;-webkit-transition:left 0.3s ease-in-out;-o-transition:left 0.3s ease-in-out;-moz-transition:left 0.3s ease-in-out;-ms-transition:left 0.3s ease-in-out;transition:left 0.3s ease-in-out}.view .s1 >.overlay{background:-moz-linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%)}.view .s2 >.overlay{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);background:linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%)}.view .s3 >.overlay{background:-moz-linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);background:-webkit-linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);background:-o-linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);background:-ms-linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);background:linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%)}.view .s4 >.overlay{background:-moz-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%)}.view .s5 >.overlay{background:-moz-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%)}.sidebar li{list-style:none}@font-face{  font-family:'icons';  src:url('http://kollection.mdnw.net/wp-content/themes/kollection/assets/stylesheets/fonts/icons.eot');  src:url('http://kollection.mdnw.net/wp-content/themes/kollection/assets/stylesheets/fonts/icons.eot?') format('embedded-opentype'),       url('http://kollection.mdnw.net/wp-content/themes/kollection/assets/stylesheets/fonts/icons.woff') format('woff'),       url('http://kollection.mdnw.net/wp-content/themes/kollection/assets/stylesheets/fonts/icons.ttf') format('truetype'),       url('http://kollection.mdnw.net/wp-content/themes/kollection/assets/stylesheets/fonts/icons.svg') format('svg'); font-weight:normal;font-style:normal}.module,.module-img{position:relative;overflow:hidden}.module{margin-bottom:0px}.module-meta{display:inline;background:white;width:100%; position:relative}.portfolio-grid .module-meta{top:-14px}.module-img{text-align:center;line-height:0}.module-img .thumbLink,.module-img .lightboxLink{    background:url("../images/post_link.png") no-repeat scroll 0 0 transparent; height:20px !important; width:20px !important; z-index:9 !important;  margin-top:-20px;    position:absolute;    right:0;    display:none}.module-img .lightboxLink{background:url("../images/pop_link.png") no-repeat scroll 0 0 transparent; right:21px}.module-img .thumbLink,.module-img .lightboxLink{ -moz-opacity:0.0; filter:alpha(opacity=0); opacity:0.0; text-indent:-9999px; -moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out; -o-transition:opacity .3s ease-in-out; transition:opacity .3s ease-in-out}.module:hover .thumbLink,.module:hover .lightboxLink{ -moz-opacity:1.0 !important;  filter:alpha(opacity=100) !important; opacity:1.0 !important}.thumbLink:hover,.lightboxLink:hover{ -moz-opacity:0.8 !important;  filter:alpha(opacity=80) !important; opacity:0.8 !important}div#qTip{ padding:3px 8px; border:1px solid #666; border-radius:3px; display:none; background:#444; background:rgba(85,85,85,0.9); color:#ddd; font-size:9px; position:absolute; z-index:1000}.popLink{display:block;height:20px}.module-img img{border:medium none;    margin:0;    outline:medium none;    position:relative;    text-decoration:none;    background:black;    z-index:2}    .module-img:hover img{opacity:0.09}.module-img span{background:url("../images/img-bg-pat.png") repeat scroll center center; height:100%; left:0; position:absolute; top:-6px; width:100%; z-index:1}.view-grid .module-img a{overflow:hidden; display:block; line-height:0; margin-bottom:-15px}.module-container{height:auto !important}.module-meta.list{ top:0px; position:relative}.portfolio-container{ clear:both !important; margin:0 0 0 -23px; padding:0;width:103%}#portfolio-list.content{padding-top:0px}.module-container{  margin:5px; padding:0px}.isotope,.isotope .isotope-item{  -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s}.isotope{ -webkit-transition-property:height,width; -moz-transition-property:height,width; -ms-transition-property:height,width; -o-transition-property:height,width; transition-property:height,width}.isotope .isotope-item{ -webkit-transition-property:-webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; -ms-transition-property: -ms-transform,opacity; -o-transition-property: top,left,opacity; transition-property: transform,opacity}.isotope .isotope-item{  -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s}.isotope .isotope-item{ -webkit-transition-property:-webkit-transform,opacity; -moz-transition-property: -moz-transform,opacity; transition-property: transform,opacity}#portfolio-list,.slide .slide-caption{ -moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out}#portfolio-list .module-meta{display:none}#portfolio-list .module-meta.visible{display:inline}span.list_btn:hover,span.grid_btn:hover,span.hybrid_btn:hover{cursor:pointer}#portfolio-filter{ float:left; width:100%}.portfolio-4 #portfolio-filter,.portfolio-3 #portfolio-filter,.portfolio-2 #portfolio-filter{ float:left; text-align:left !important; width:auto !important}.portfolio-view{float:right}#portfolio-filter span,.portfolio-view span{margin-right:10px}.portfolio-view span{float:left;margin-top:6px}span.grid_btn,span.list_btn,span.hybrid_btn{margin-right:3px;margin-top:0px}.portfolio-nav a.filter-button{ color:#fff; font-size:14px; line-height:2.3em; margin:0 0 20px; padding:5px 10px; text-transform:capitalize;font-style:italic;font-family:'Merriweather Sans',sans-serif}.portfolio-nav a.filter-button:hover{}#portfolio-filter a.current{}.portfolio-nav p{margin-bottom:0}.content .z-meta{height:50px;overflow:hidden}.content .zilla-likes{ position:relative !important; left:2px; top:-2px; float:left; display:inline}.title .zilla-likes,.content .isotope-item .zilla-likes{float:right !important}.title .zilla-likes{ float:right !important; font-size:16px; top:2px}.content .zilla-share{ float:left; margin:-2px 0 0 10px !important}.zilla-share >iframe:last-child{ float:right; position:relative; width:46% !important}.content .z-like{float:left}.content .zilla-share p.zilla-text{ display:inline; font-weight:bold; margin-bottom:1em; margin-right:8px; position:relative; top:-5px}.zilla-likes-count{ padding:2px !important}.quick-flickr-item{ width:30%; float:left; margin:4px 4px 4px 0; height:100px; overflow:hidden}div.wpcf7{margin:0;padding:0}div.wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em}div.wpcf7-mail-sent-ok{border:2px solid #398f14}div.wpcf7-mail-sent-ng{border:2px solid #f00}div.wpcf7-spam-blocked{border:2px solid #ffa500}div.wpcf7-validation-errors{border:2px solid #f7e700}span.wpcf7-form-control-wrap{position:relative}span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;background:#fff;border:1px solid #f00;font-size:10pt;width:280px;padding:2px}span.wpcf7-not-valid-tip-no-ajax{color:#f00;font-size:10pt;display:block}span.wpcf7-list-item{margin-left:0.5em}.wpcf7-display-none{display:none}div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px}div.wpcf7 .watermark{color:#888}.live-link1{display:block;font-size:18px;color:#ededed;color:rgba(255,255,255,0.9);position:absolute;left:15px;bottom:15px;border:2px solid rgba(255,255,255,0.9);border-radius:50%;width:30px;height:30px;line-height:27px;text-align:center;font-weight:700;z-index:1000;display:none}.live-link1:hover{color:#fff;border-color:#fff}