html, 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;
}

.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%;
  }

#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-right-short{
	transform: translate(230px,0);
	-webkit-transform: translate(230px,0); /** Chrome & Safari **/
	-o-transform: translate(230px,0); /** Opera **/
	-moz-transform: translate(230px,0); /** Firefox **/
	}
#axis:hover .move-left{
    transform: translate(-120px,0);
    -webkit-transform: translate(-120px,0); /** Chrome & Safari **/
    -o-transform: translate(-120px,0); /** Opera **/
    -moz-transform: translate(-120px,0); /** Firefox **/
    }

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

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

#axis:hover .move-diagonal{
	transform: translate(100px,-110px);
	-webkit-transform: translate(100px,-110px); /** Chrome & Safari **/
	-o-transform: translate(100px,-110px); /** Opera **/
	-moz-transform: translate(100px,-110px); /** 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,130px);
	-webkit-transform: translate(-100px,130px); /** Chrome & Safari **/
	-o-transform: translate(-100px,130px); /** Opera **/
	-moz-transform: translate(-100px,130px); /** Firefox **/
}

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

#axis:hover .move-diagonal5 {
	transform: translate(-170px,-140px);
	-webkit-transform: translate(-170px,-140px); /** Chrome & Safari **/
	-o-transform: translate(-170px,-140px); /** Opera **/
	-moz-transform: translate(-170px,-140px); /** 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,900px);
	-webkit-transform: translate(-150px,90px); /** Chrome & Safari **/
	-o-transform: translate(-150px,90px); /** Opera **/
	-moz-transform: translate(-150px,90px); /** Firefox **/
}

.circulo {
	top: 40%;
	left: 55%;
}

.circulo2 {
	top: 13%;
	left: 55%;
}

.circulo3 {
	top: 45%;
	left: 53%;
}

.textoHome {
    position:relative;
	top: 20%;
	left: 15%;
}

.circuloAbajo {
	top: 88%;
	left: 47%;
}

.circuloContacto {
	top: 28%;
	left: 28%;
}


.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 **/
}

.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(2);
    -webkit-transform: scale(1.3);
    -o-transform: scale(2); 
    -moz-transform: scale(2);

}

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

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

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

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

.circleGrey1 {
	border:solid 1px #86808d; 
    background-image: url(../img/PlantaConjunto.jpg);
    background-size: 130% 100%;
	
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleBlue {
	border:solid 1px grey; 
    background-image: url(../img/Collage.jpg);
    background-size: 130% 100%;
    
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circlePink {
	border:solid 1px grey; 
	background-image: url(../img/Casas2.jpg);
    background-size: 130% 100%;
    
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleGrey2 {
	border:solid 1px grey; 
	background-image: url(../img/Depas2.jpg);
    background-size: 130% 100%;
    
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleBorder {
	border:solid 1px grey; 
	
	height:200px;
	width: 200px;
	border-radius:100%; 
}


.circleYellow {
	border:solid 1px grey; 
	background-image: url(../img/Casas1.png);
    background-size: 160% 100%;
    
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleRed {
	border:solid 1px var(--main-color); 
	background-color: var(--main-color);
	height:200px;
	width: 200px;
	border-radius:100%; 
}

.circleDown {
	border:solid 1px var(--gris-color); 
	background-image: url(../img/Depas2.jpg);
	background-size: 160% 100%;
	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:10em;
	height:10em;
	overflow:hidden;
	margin:0.3125em;
	padding:0;
	float:left;
}

.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:10em;
	height:10em;
	overflow:hidden;
	margin:0.3125em;
	padding:0;
	float:left;
}

.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: #CDB01C;
	-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 #ac941b;
	border-top: 1.875em solid transparent;
}

.block-2 figcaption:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 1.563em;
	right: 0;
	border-left: 15em solid #CDB01C;
	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:#d0b117;
	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: #ac941b;
  -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:10em;
	height:10em;
	overflow:hidden;
	margin:0.3125em;
	padding:0;
	float:left;
}

.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:10em;
	height:10em;
	overflow:hidden;
	margin:0.3125em;
	padding:0;
	float:left;
}

.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:10em;
	height:10em;
	overflow:hidden;
	margin:0.3125em;
	padding:0;
	float:left;
}

.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;

}