a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix:after,.clearfix:before{content:'';display:table;clear:both}

body{font-family:'Open Sans',sans-serif,'trebuhet ms',HelveticaNeue,arial;height:100%;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.cl:after,.cl:before{content:'';display:table;clear:both}

.pull-right{float:right}
.pull-left{float:left}
header{padding:30px 20px;background:#405264;color:#fff;margin-bottom:20px}
.btn-download{background:#182a3c;color:#7c8ea0;padding:20px 50px;display:inline-block;-o-border-radius:5px;border-radius:5px}
.btn-download:hover{background:#5e7082}
.wrapper{max-width:1000px;margin:0 auto}
footer{margin-top:30px;background:#182a3c;color:#7c8ea0;padding:20px 0;text-align:left;font-size:.9em}

@keyframes anima{from{margin-left:-20px;-webkit-opacity:0;-moz-opacity:0;opacity:0}to{margin-left:0;-webkit-opacity:1;-moz-opacity:1;opacity:1}}

@-webkit-keyframes anima{from{margin-left:-20px;-webkit-opacity:0;-moz-opacity:0;opacity:0}to{margin-left:0;-webkit-opacity:1;-moz-opacity:1;opacity:1}}
@media screen and (max-width:560px){
	.wrapper{padding:20px}
}

.item img {width: 100%;}
.pic a{
	text-decoration:none;
	color: rgba(255,255,255,.85);
	font-size: 1.6em;
	line-height: 0.9em;
	height: 2em;
	display: block;
	font-weight: 100;
	margin: 0;
	overflow: hidden;
	padding-top: 5px;
	margin-bottom: 5px;
}
.pic a:hover{color: rgba(255,255,255,1);}
.pic a i {
	font-size: 0.7em;
	margin: 3px 5px 0 0;
}
.pic-3d{-webkit-perspective:500;-webkit-transform-style:preserve-3d}
.pic-caption{
	cursor:default;
	position:absolute;
	width:100%;
	height:120px;
	background:rgba(/*134,185,48,.92 44,62,80,.92* 201, 6, 14,.7*/ 0,0,0,.8);
	padding:5px 10px;
	text-align:left;
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:1;
	font-family: 'Roboto', sans-serif;
}
.pic-caption .small-text {
	font-size: 0.7em;
	font-family: 'Roboto', sans-serif;
}
.pic-image{position: absolute;
     bottom: 0; left: 0; right: 0;
-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.pic:hover .pic-image{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}

.pic .pic-image,.pic-caption,.pic:hover .pic-caption,.pic:hover img,a,a:hover{-webkit-transition:all .5s ease;transition:all .5s ease}
.pic:hover .bottom-to-top,.pic:hover .come-left,.pic:hover .come-right,.pic:hover .left-to-right,.pic:hover .open-down,.pic:hover .open-left,.pic:hover .open-right,.pic:hover .open-up,.pic:hover .right-to-left,.pic:hover .rotate-in,.pic:hover .rotate-out,.pic:hover .top-to-bottom{-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.bottom-to-top{bottom:-37px;left:0}
.pic:hover .bottom-to-top{bottom:0;left:0}
@media screen and (max-width:560px){.pic{max-width:400px;max-height:300px;display:block;-webkit-animation:none;animation:none;margin:10px auto}}