@charset "utf-8";

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}

/* not selected : script, noscript, template */
html, body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, header, footer, address, p, hr, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, div, main, a, em, strong, small, s, cite, q, dfn, abbr, data, time, code, var, samp, kbd, sub, sup, i, b, u, mark, ruby, rb, rt, rtc, rp, bdi, bdo, span, br, wbr, ins, del, img, iframe, embed, object, param, video, audio, source, track, map, area, table, caption, colgroup, col, tbody, thead, tfoot, tr, td, th, form, label, input, button, select, datalist, optgroup, option, textarea, keygen, output, progress, meter, fieldset, legend, canvas {
border:0;
margin:0;
outline:0;
padding:0;
background:transparent;
font:inherit;
font-family:arial, helvetica, sans-serif;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}


html {font-size:62.5%; width:100%; height:100%;}

body {
/* background:#000; */
color:#1a1a1a;
font-family:arial, helvetica, sans-serif;
font-size:14px;
font-size:1.4rem;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
font-smoothing:antialiased;
width:100%;
height:100%;
}

article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

input,
select {vertical-align:middle;}

a,
a:link,
a:visited,
a:hover,
a:active {
color:#1a1a1a;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent rgba(0,0,0,0);
	-o-tap-highlight-color:transparent rgba(0,0,0,0);
	tap-highlight-color:transparent rgba(0,0,0,0);
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
text-decoration:none;
}

a:hover {color:#999;}
#isotope {width:100%; text-align:center; clear:both; display:block; margin:0;}
#isotope .item {float:left; display:inline-block; width:20%; height:auto; padding:0; margin:0; overflow:hidden; position:relative; z-index:20;}
#isotope .item img {width:100%; max-width:100%; height:auto;}

#isotope .item a {
display:block; width:100%; height:100%;
	-webkit-transition:1.8s linear;
	-moz-transition:1.8s linear;
	-ms-transition:1.8s linear;
	-o-transition:1.8s linear;
	transition:1.8s linear;
position:relative;
cursor:pointer;
}

#isotope .item a:hover {
opacity:1;
	-webkit-transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3);
	-o-transform:scale(1.3,1.3);
	transform:scale(1.3,1.3);
}

#isotope .item .figcaption {
position:absolute; top:0; left:0; padding:0; vertical-align:middle; text-align:center;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
text-align:center;
display:none;
opacity:0;
}
#isotope .item a:hover .figcaption {display:block; opacity:1;}

#isotope .item a .figcaption div {
position:relative;
padding:0 20px;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
top:50%;
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%);
width:100%;
}

#isotope .item a span {display:block; word-wrap:break-word; position:relative;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
#isotope .item a .fig-title {color:#fff; font-size:21px; font-size:2.1rem; position:relative; top:-20px; opacity:0.5; display:block;
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
#isotope .item a .fig-text  {color:#fff; font-size:18px; font-size:1.8rem; display:block;}
#isotope .item a .fig-type  {color:#fff; font-size:11px; font-size:1.2rem; top:20px; opacity:0.5; display:block; line-height:20px;
-webkit-transform:scale(2);
-moz-transform:scale(2);
-ms-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}
#isotope .item a .fig-description {display:none;}
#isotope .item a .fig-hr {height:1px; background:#fff; width:0%; display:block; margin:4px auto 12px auto; clear:both;}
#isotope .item a:hover .fig-hr {
	-webkit-animation:isoitem-2 1.3s;
	-moz-animation:isoitem-2 1.3s;
	-ms-animation:isoitem-2 1.3s;
	-o-animation:isoitem-2 1.3s;
	animation:isoitem-2 1.3s;
width:65%;
}
#isotope .item a:hover .fig-title {
	-webkit-animation:isoitem-1 0.8s;
	-moz-animation:isoitem-1 0.8s;
	-ms-animation:isoitem-1 0.8s;
	-o-animation:isoitem-1 0.8s;
	animation:isoitem-1 0.8s;
opacity:1; top:0;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
#isotope .item a:hover .fig-type  {
	-webkit-animation:isoitem-3 0.8s;
	-moz-animation:isoitem-3 0.8s;
	-ms-animation:isoitem-3 0.8s;
	-o-animation:isoitem-3 0.8s;
	animation:isoitem-3 0.8s;
opacity:1; top:0;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}