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;
}
/* HTML5 display-role reset for older browsers */
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;
}

body{
	font-family: 'Raleway';
	font-weight: 100;
	font-size:100%;
	background: #403833;
}

.wrapper{
	position:relative;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-mos-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	margin:2em 0;
	width:62.5em;
	height:15.63em;
	background:#fff;
}

.ad {
	position:relative;
	top: 45%;
	left: 25%;
}

.ad2 {
	position:relative;
	top: 25%;
	left: 22%;
}

#axis:hover .move-right{
transform: translate(300px,0);
-webkit-transform: translate(300px,0); /** Chrome & Safari **/
-o-transform: translate(300px,0); /** Opera **/
-moz-transform: translate(300px,0); /** Firefox **/
}

#axis:hover .move-right2{
	transform: translate(200px,-50px);
	-webkit-transform: translate(200px,-50px); /** Chrome & Safari **/
	-o-transform: translate(200px,-50px); /** Opera **/
	-moz-transform: translate(200px,-50px); /** Firefox **/
	}

#axis:hover .move-right2Inv{
	transform: translate(-200px, 20px);
	-webkit-transform: translate(-200px, 20px); /** Chrome & Safari **/
	-o-transform: translate(-200px, 20px); /** Opera **/
	-moz-transform: translate(-200px, 20px); /** Firefox **/
	}

#axis:hover .move-diagonal{
	transform: translate(100px,-100px);
	-webkit-transform: translate(100px,-100px); /** Chrome & Safari **/
	-o-transform: translate(100px,-100px); /** Opera **/
	-moz-transform: translate(100px,-100px); /** Firefox **/
	}

#axis:hover .move-diagonal2 {
	transform: translate(130px,120px);
	-webkit-transform: translate(130px,120px); /** Chrome & Safari **/
	-o-transform: translate(130px,120px); /** Opera **/
	-moz-transform: translate(130px,120px); /** Firefox **/
}

#axis:hover .move-diagonal3 {
	transform: translate(100px,-135px);
	-webkit-transform: translate(100px,-135px); /** Chrome & Safari **/
	-o-transform: translate(100px,-135px); /** Opera **/
	-moz-transform: translate(100px,-135px); /** Firefox **/
}

#axis:hover .move-diagonal4 {
	transform: translate(-120px,-130px);
	-webkit-transform: translate(-120px,-130px); /** Chrome & Safari **/
	-o-transform: translate(-120px,-130px); /** Opera **/
	-moz-transform: translate(-120px,-130px); /** Firefox **/
}

#axis:hover .move-diagonal5 {
	transform: translate(-280px,-70px);
	-webkit-transform: translate(-280px,-70px); /** Chrome & Safari **/
	-o-transform: translate(-280px,-70px); /** Opera **/
	-moz-transform: translate(-280px,-70px); /** Firefox **/
}

#axis:hover .move-diagonal6 {
	transform: translate(-50px,70px);
	-webkit-transform: translate(-50px,70px); /** Chrome & Safari **/
	-o-transform: translate(-50px,70px); /** Opera **/
	-moz-transform: translate(-50px,70px); /** Firefox **/
}

#axis:hover .move-diagonal7 {
	transform: translate(150px,-80px);
	-webkit-transform: translate(150px,-80px); /** Chrome & Safari **/
	-o-transform: translate(150px,-80px); /** Opera **/
	-moz-transform: translate(150px,-80px); /** Firefox **/
}

#axis:hover .move-diagonal8 {
	transform: translate(-150px,100px);
	-webkit-transform: translate(-150px,100px); /** Chrome & Safari **/
	-o-transform: translate(-150px,100px); /** Opera **/
	-moz-transform: translate(-150px,100px); /** Firefox **/
}

#axis:hover .move-diagonal9 {
	transform: translate(-180px,0px);
	-webkit-transform: translate(-180px,0px); /** Chrome & Safari **/
	-o-transform: translate(-180px,0px); /** Opera **/
	-moz-transform: translate(-180px,0px); /** Firefox **/
}


.circulo {
	top: 30%;
	left: 54%;
}

.circuloS {
	top: 33%;
	left: 54%;
}

.circuloAbajo {
	top: 10%;
	left: 0%;
}

.object {
    position: absolute;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 1s ease-in-out; /** Firefox **/
    -o-transition: all 1s ease-in-out; /** Opera **/
}

.object0 {
	
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
	-moz-transition: all 1s ease-in-out; /** Firefox **/
	-o-transition: all 1s ease-in-out; /** Opera **/ 
}

.object1 {
    position: absolute;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 1s ease-in-out; /** Firefox **/
    -o-transition: all 1s ease-in-out; /** Opera **/
}

#axis:hover .larger{
	position: absolute;
	transition: all 2s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2); 
    -moz-transform: scale(1.2);

}

#axis:hover .rotate360ccw {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg); 
    -moz-transform: rotate(-360deg);
}

.circleGrey1 {
	border:solid 1px #86808d; 
	background-color: #86808d;
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleGrey2 {
	border:solid 1px hsl(238, 74%, 65%); 
	background-color: hsl(238, 74%, 65%);
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleBorder {
	border:solid 1px rgb(95, 92, 92); 
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleYellow {
	border:solid 1px #cdb01c; 
	background-color: #CDB01C;
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleRed {
	border:solid 1px #cd4b1c; 
	background-color: #cd4b1c;
	height:175px;
	width: 175px;
	border-radius:100%; 
}

.circlePink {
	border:solid 1px #FF07F4; 
	background-color: #FF07F4;
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleBlue {
	border:solid 1px #9D73E1; 
	background-color: #9D73E1;
	height:175px;
	width: 175px;
	border-radius:100%; 
}
.circleGreen {
	border:solid 1px #00D866; 
	background-color: #00D866;
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleGreen2 {
	border:solid 1px #00D866; 
	background-color: #00D866;
	height:180px;
	width: 180px;
	border-radius:100%; 
}

/* block 1*/

.block-1{
	position:relative;
	width:7em;
	height:7em;
	overflow:hidden;
	
	padding:0;
	margin: auto;
}

.block-1 .thumbs{
	width:100%;
	height:100%;
}

.block-1 .thumbs img{
	position:relative;
	min-width:100%;
	max-height:120%;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:-2;
}

.block-1:hover .thumbs img{
	-webkit-transform: translateY(-3.438em);
	-moz-transform: translateY(-3.438em);
	-mos-transform: translateY(-3.438em);
	-o-transform: translateY(-3.438em);
	transform: translateY(-3.438em);
}

.block-1 figcaption{
	position:absolute;
	width:100%;
	height:2.188em;
	left:0;
	bottom:-4.063em;
	color:#fff;
	background: #00D866;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.block-1:hover figcaption{
	bottom:0;
}

.block-1 figcaption span{
	position:absolute;
	padding:0.625em;
	z-index:3;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	width:14.5em;
}

.block-1 figcaption:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-right: 15em solid #188049;
	border-top: 1.875em solid transparent;
}

.block-1 figcaption:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-left: 15em solid #00D866;
	border-top: 1.875em solid transparent;
	z-index:1;
}

.block-1 .thumbs a{
	position:absolute;
	top:15.94em;/**/
	left:3.5em;
	text-align:center;
	width:5.18331em;
	height:1.575em;
	padding: 0px .83331em 0 0;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	background:#00D866;
	text-decoration:none;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-mos-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.block-1:hover .thumbs a{
	top:5em;
}

.block-1 .thumbs a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #f7f7f7;
	border-bottom: 1.875em solid transparent;
	opacity: 0.25;
	z-index:2;
}

.block-1 .thumbs a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #222222;
	border-top: 1.875em solid transparent;
	opacity: 0.3;
	z-index:2;
}

.block-1 .thumbs a:hover {
	background: #188049;
	-webkit-transition:all 0s ease-in-out 0s;
	-moz-transition:all 0s ease-in-out 0s;
	-mos-transition:all 0s ease-in-out 0s;
	-o-transition:all 0s ease-in-out 0s;
	transition:all 0s ease-in-out 0s;

}


/* block 2*/

.block-2{
	position:relative;
	width:7em;
	height:7em;
	overflow:hidden;
	
	padding:0;
	margin: auto;
}

.block-2 .thumbs{
	width:100%;
	height:100%;
}

.block-2 .thumbs img{
	position:relative;
	min-width:100%;
	max-height:120%;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:-2;
}

.block-2:hover .thumbs img{
	-webkit-transform: translateY(-3.438em);
	-moz-transform: translateY(-3.438em);
	-mos-transform: translateY(-3.438em);
	-o-transform: translateY(-3.438em);
	transform: translateY(-3.438em);
}

.block-2 figcaption{
	position:absolute;
	width:100%;
	height:2.188em;
	left:0;
	bottom:-4.063em;
	color:#fff;
	background: #d87c27;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.block-2:hover figcaption{
	bottom:0;
}

.block-2 figcaption span{
	position:absolute;
	padding:0.625em;
	z-index:3;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	width:14.5em;
}

.block-2 figcaption:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-right: 15em solid #c86306;
	border-top: 1.875em solid transparent;
}

.block-2 figcaption:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-left: 15em solid #d87c27;
	border-top: 1.875em solid transparent;
	z-index:1;
}

.block-2 .thumbs a{
	position:absolute;
	top:15.94em;/**/
	left:3.5em;
	text-align:center;
	width:5.18331em;
	height:1.575em;
	padding: 0px .83331em 0 0;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	background:#d87c27;
	text-decoration:none;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-mos-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.block-2:hover .thumbs a{
	top:5em;
}

.block-2 .thumbs a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #f7f7f7;
	border-bottom: 1.875em solid transparent;
	opacity: 0.25;
	z-index:2;
}

.block-2 .thumbs a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #222222;
	border-top: 1.875em solid transparent;
	opacity: 0.3;
	z-index:2;
}

.block-2 .thumbs a:hover {
  background: #d87c27;
  -webkit-transition:all 0s ease-in-out 0s;
  -moz-transition:all 0s ease-in-out 0s;
  -mos-transition:all 0s ease-in-out 0s;
  -o-transition:all 0s ease-in-out 0s;
  transition:all 0s ease-in-out 0s;

}


/* block 3*/

.block-3{
	position:relative;
	width:7em;
	height:7em;
	overflow:hidden;
	
	padding:0;
	margin: auto;
}

.block-3 .thumbs{
	width:100%;
	height:100%;
}

.block-3 .thumbs img{
	position:relative;
	min-width:100%;
	max-height:120%;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:-2;
}

.block-3:hover .thumbs img{
	-webkit-transform: translateY(-3.438em);
	-moz-transform: translateY(-3.438em);
	-mos-transform: translateY(-3.438em);
	-o-transform: translateY(-3.438em);
	transform: translateY(-3.438em);
}

.block-3 figcaption{
	position:absolute;
	width:100%;
	height:2.188em;
	left:0;
	bottom:-4.063em;
	color:#fff;
	background: #FF07F4;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.block-3:hover figcaption{
	bottom:0;
}

.block-3 figcaption span{
	position:absolute;
	padding:0.625em;
	z-index:3;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	width:14.5em;
}

.block-3 figcaption:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-right: 15em solid #981c92;
	border-top: 1.875em solid transparent;
}

.block-3 figcaption:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-left: 15em solid #FF07F4;
	border-top: 1.875em solid transparent;
	z-index:1;
}

.block-3 .thumbs a{
	position:absolute;
	top:15.94em;/**/
	left:3.5em;
	text-align:center;
	width:5.18331em;
	height:1.575em;
	padding: 0px .83331em 0 0;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	background:#FF07F4;
	text-decoration:none;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-mos-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.block-3:hover .thumbs a{
	top:5em;
}

.block-3 .thumbs a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #f7f7f7;
	border-bottom: 1.875em solid transparent;
	opacity: 0.25;
	z-index:2;
}

.block-3 .thumbs a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #222222;
	border-top: 1.875em solid transparent;
	opacity: 0.3;
	z-index:2;
}

.block-3 .thumbs a:hover {
  background: #981c92;
  -webkit-transition:all 0s ease-in-out 0s;
  -moz-transition:all 0s ease-in-out 0s;
  -mos-transition:all 0s ease-in-out 0s;
  -o-transition:all 0s ease-in-out 0s;
  transition:all 0s ease-in-out 0s;

}


/* block 4*/

.block-4{
	position:relative;
	width:7em;
	height:7em;
	overflow:hidden;
	
	padding:0;
	margin: auto;
}

.block-4 .thumbs{
	width:100%;
	height:100%;
}

.block-4 .thumbs img{
	position:relative;
	min-width:100%;
	max-height:120%;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:-2;
}

.block-4:hover .thumbs img{
	-webkit-transform: translateY(-3.438em);
	-moz-transform: translateY(-3.438em);
	-mos-transform: translateY(-3.438em);
	-o-transform: translateY(-3.438em);
	transform: translateY(-3.438em);
}

.block-4 figcaption{
	position:absolute;
	width:100%;
	height:2.188em;
	left:0;
	bottom:-4.063em;
	color:#fff;
	background: #9D73E1;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.block-4:hover figcaption{
	bottom:0;
}

.block-4 figcaption span{
	position:absolute;
	padding:0.625em;
	z-index:3;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	width:14.5em;
}

.block-4 figcaption:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-right: 15em solid #71579a;
	border-top: 1.875em solid transparent;
}

.block-4 figcaption:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-left: 15em solid #9D73E1;
	border-top: 1.875em solid transparent;
	z-index:1;
}

.block-4 .thumbs a{
	position:absolute;
	top:15.94em;/**/
	left:3.5em;
	text-align:center;
	width:5.18331em;
	height:1.575em;
	padding: 0px .83331em 0 0;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	background:#9D73E1;
	text-decoration:none;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-mos-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.block-4:hover .thumbs a{
	top:5em;
}

.block-4 .thumbs a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #f7f7f7;
	border-bottom: 1.875em solid transparent;
	opacity: 0.25;
	z-index:2;
}

.block-4 .thumbs a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #222222;
	border-top: 1.875em solid transparent;
	opacity: 0.3;
	z-index:2;
}

.block-4 .thumbs a:hover {
  background: #71579a;
  -webkit-transition:all 0s ease-in-out 0s;
  -moz-transition:all 0s ease-in-out 0s;
  -mos-transition:all 0s ease-in-out 0s;
  -o-transition:all 0s ease-in-out 0s;
  transition:all 0s ease-in-out 0s;

}

/* block 5*/

.block-5{
	position:relative;
	width:7em;
	height:7em;
	overflow:hidden;
	
	padding:0;
	margin: auto;
}

.block-5 .thumbs{
	width:100%;
	height:100%;
}

.block-5 .thumbs img{
	position:relative;
	min-width:100%;
	max-height:120%;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:-2;
}

.block-5:hover .thumbs img{
	-webkit-transform: translateY(-3.438em);
	-moz-transform: translateY(-3.438em);
	-mos-transform: translateY(-3.438em);
	-o-transform: translateY(-3.438em);
	transform: translateY(-3.438em);
}

.block-5 figcaption{
	position:absolute;
	width:100%;
	height:2.188em;
	left:0;
	bottom:-4.063em;
	color:#fff;
	background: hsl(238, 74%, 65%);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.block-5:hover figcaption{
	bottom:0;
}

.block-5 figcaption span{
	position:absolute;
	padding:0.625em;
	z-index:3;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	width:14.5em;
}

.block-5 figcaption:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-right: 15em solid hsl(238, 35%, 52%);
	border-top: 1.875em solid transparent;
}

.block-5 figcaption:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-left: 15em solid hsl(238, 74%, 65%);
	border-top: 1.875em solid transparent;
	z-index:1;
}

.block-5 .thumbs a{
	position:absolute;
	top:15.94em;/**/
	left:3.5em;
	text-align:center;
	width:5.18331em;
	height:1.575em;
	padding: 0px .83331em 0 0;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	background:hsl(238, 17%, 43%);
	text-decoration:none;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-mos-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.block-5:hover .thumbs a{
	top:5em;
}

.block-5 .thumbs a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #f7f7f7;
	border-bottom: 1.875em solid transparent;
	opacity: 0.25;
	z-index:2;
}

.block-5 .thumbs a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #222222;
	border-top: 1.875em solid transparent;
	opacity: 0.3;
	z-index:2;
}

.block-5 .thumbs a:hover {
  background: #71579a;
  -webkit-transition:all 0s ease-in-out 0s;
  -moz-transition:all 0s ease-in-out 0s;
  -mos-transition:all 0s ease-in-out 0s;
  -o-transition:all 0s ease-in-out 0s;
  transition:all 0s ease-in-out 0s;

}

.block-6{
	position:relative;
	width:7em;
	height:7em;
	overflow:hidden;
	
	padding:0;
	margin: auto;
}

.block-6 .thumbs{
	width:100%;
	height:100%;
}

.block-6 .thumbs img{
	position:relative;
	min-width:100%;
	max-height:120%;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:-2;
}

.block-6:hover .thumbs img{
	-webkit-transform: translateY(-3.438em);
	-moz-transform: translateY(-3.438em);
	-mos-transform: translateY(-3.438em);
	-o-transform: translateY(-3.438em);
	transform: translateY(-3.438em);
}

.block-6 figcaption{
	position:absolute;
	width:100%;
	height:2.188em;
	left:0;
	bottom:-4.063em;
	color:#fff;
	background: #f5463d;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-mos-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	z-index:5;
}

.block-6:hover figcaption{
	bottom:0;
}

.block-6 figcaption span{
	position:absolute;
	padding:0.625em;
	z-index:3;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	width:14.5em;
}

.block-6 figcaption:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-right: 15em solid #da1a10;
	border-top: 1.875em solid transparent;
}

.block-6 figcaption:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-left: 15em solid #f5463d;
	border-top: 1.875em solid transparent;
	z-index:1;
}

.block-6 .thumbs a{
	position:absolute;
	top:15.94em;/**/
	left:3.5em;
	text-align:center;
	width:5.18331em;
	height:1.575em;
	padding: 0px .83331em 0 0;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	background:#f5463d;
	text-decoration:none;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-mos-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.block-6:hover .thumbs a{
	top:5em;
}

.block-6 .thumbs a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #f7f7f7;
	border-bottom: 1.875em solid transparent;
	opacity: 0.25;
	z-index:2;
}

.block-6 .thumbs a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1.875em solid #222222;
	border-top: 1.875em solid transparent;
	opacity: 0.3;
	z-index:2;
}

.block-6 .thumbs a:hover {
  background: #f5463d;
  -webkit-transition:all 0s ease-in-out 0s;
  -moz-transition:all 0s ease-in-out 0s;
  -mos-transition:all 0s ease-in-out 0s;
  -o-transition:all 0s ease-in-out 0s;
  transition:all 0s ease-in-out 0s;

}