html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container{height:100%;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.no-data{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.no-data h2{justify-content:center;color:#36404a;font-size:18px;font-family:"Roboto",sans-serif;margin:20px}.no-data p{color:#36404a;font-size:12px;font-family:"Roboto",sans-serif}.portfolio-masonry-box{overflow:hidden;position:relative;padding:10px;text-align:center;max-width:400px;width:100%;height:320px}.portfolio-masonry-box .portfolio-masonry-img{position:relative;overflow:hidden;width:100%;height:300px;background-size:cover;background-position:center center}.portfolio-masonry-box .portfolio-masonry-img:after{content:" ";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(250,250,250,0);transition:all .27s cubic-bezier(0.3, 0.1, 0.58, 1)}.portfolio-masonry-box .portfolio-masonry-img>img{transition:all .3s cubic-bezier(0.3, 0.1, 0.58, 1);border-radius:0}.portfolio-masonry-box .portfolio-masonry-detail{opacity:0;width:100%;padding:20px 20px 0 20px;box-sizing:border-box;position:absolute;left:0;text-align:center;overflow:hidden;transition:all .27s cubic-bezier(0.3, 0.1, 0.58, 1)}.portfolio-masonry-box .portfolio-masonry-detail p{color:#fff !important;font-size:18px;font-family:"Roboto",sans-serif}.portfolio-masonry-box p{margin-top:4px;color:#36404a !important;font-size:18px;font-family:"Roboto",sans-serif}.portfolio-masonry-box:hover .portfolio-masonry-detail{transform:translateY(-100%);z-index:3;opacity:1}.portfolio-masonry-box:hover .portfolio-masonry-img:after{background:rgba(54,64,74,.7)}.portfolio-masonry-box:hover .portfolio-masonry-img>img{transform:scale(1.05)}