tiles
/*@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,700,700i&subset=latin-ext');
*/
@font-face {
	 font-family: 'Raleway', serif;
}

/* Reset */

keyframes autopopup {
   from {opacity: 0;margin-top:-200px;}
   to {opacity: 1;}
}


#popup {
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   /* Animación que durará 2 segundos*/
   animation:autopopup 2s;
}

#popup:target {
   visibility:visible;
   opacity: 1;
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   transition:all 1s;
}
.popup-contenedor {
   position: relative;
   margin:7% auto;
   padding:30px 50px;
   background-color: #fafafa;
   color:#333;
   border-radius: 3px;
   width:50%;
}
a.popup-cerrar {
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}


#divCookies{position:fixed; z-index:1000;background:#333; color:#aaa;  width:100%; bottom:0; left:0; font-size:.9rem;border-top: solid 1px rgba(255,255,255,.05);display:none }
#divCookies>div{position:relative}
#divCookies>div>p{padding:.2rem 0}
#divCookies a{color:#aaa}
#divCookies #btnCerrarCookies{position:absolute; right:0;width:40px; height:40px; line-height:40px; font-size:1.2rem; top:0; text-align:center; color:#aaa; margin-top:-.5rem }
#divCookies #btnCerrarCookies:hover{color:#fff}
#divCookies #divInfoCookies{display:none}

 body {
        font-family: Raleway;
       
      }

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

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background: #003585;
	z-index: 100;
	padding-left: 60px;
	padding-right: 64px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	background-color: #003585;
		
}
.header.scrolled
{
	height: 60px;
}
.header_inner
{
	width: 100%;
	height: 100%;
}

/*********************************
3.1 Header - Logo
*********************************/

.logo a
{
	
	color: #000000;
}

/*********************************
3.2 Header - Main Navigation
*********************************/

.main_nav
{
	padding-left: 202px;
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	-o-transform: translateY(4px);
	transform: translateY(4px);
}
.main_nav ul li
{
	display: inline-block;
	margin-right: 50px;
}
.main_nav ul li:last-child
{
	margin-right: 0;
}
.main_nav ul li a
{
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 0.2em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav ul li a:hover
{
	color: #CCC;
}




/*********************************
3.5 Header - Burger
*********************************/

.burger_container
{
	position: absolute;
	top: calc(50% + 4px);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 16px;
	width: 22px;
	height: 16px;
	cursor: pointer;
	color: #ffffff;
	
}
.burger_container div
{
	width: 100%;
	height: 2px;
	background: #ffffff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	pointer-events: none;
}
.burger_container:hover div
{
	background: #cccccc;
}

/*********************************
5. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100vh;
	background: #FFFFFF;
	z-index: 101;
	padding-right: 60px;
	padding-top: 87px;
	padding-left: 50px;
	color: #ffffff;
	background-color: #003585
}
.menu.active
{
	right: 0;
}
.menu_close_container
{
	position: absolute;
	top: 30px;
	right: 60px;
	width: 18px;
	height: 18px;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}
.menu_close
{
	width: 100%;
	height: 100%;
	transform-style: preserve-3D;
}
.menu_close div
{
	width: 100%;
	height: 2px;
	background: #ffffff;
	top: 8px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close div:last-of-type
{
	-webkit-transform: rotate(90deg) translateX(-2px);
	-moz-transform: rotate(90deg) translateX(-2px);
	-ms-transform: rotate(90deg) translateX(-2px);
	-o-transform: rotate(90deg) translateX(-2px);
	transform: rotate(90deg) translateX(-2px);
	transform-origin: center;
}
.menu_close:hover div
{
	background: #cccccc;
}
.menu .logo
{
	margin-bottom: 30px;
}
.menu_nav ul li
{
	margin-bottom: 11px;
}
.menu_nav ul li a
{
	font-size: 14x;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 0.2em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_nav ul li a:hover
{
	color: #00063c2;
}
.menu .search
{
	width: 100%;
	margin-bottom: 67px;
}


/*********************/
/* footer            */
/*********************/

footer{
	
	background-color:66b2e4;
	
	}
	
	
	h1 {
		
			font-family: 'Raleway', serif;
			font-size: 3.5rem;
			line-height: 1em;
  			
		}
		
		


	article, aside, details, figcaption, figure, footer, header, hgroup, menu, section {
		display: block;
	}

	body {
		line-height: 1;
	
        font-family: 'Raleway', serif;
        font-size: 48px;
      }

	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 {
		-webkit-text-size-adjust: none;
	}
	
	a {
		text-decoration: none;}



/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 125%;
		min-width: 100%;
	}

	.container.\37 5\25 {
		width: 75%;
	}

	.container.\35 0\25 {
		width: 50%;
	}

	.container.\32 5\25 {
		width: 25%;
	}

	.container {
		width: 100%;
	}
	
	

	@media screen and (min-width: 737px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100%;
		}

	}

	@media screen and (min-width: 1201px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100%;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100%;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1000px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100%;
		}

	}

	@media screen and (max-width: 736px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 125%;
			min-width: 100%;
		}

		.container.\37 5\25 {
			width: 75%;
		}

		.container.\35 0\25 {
			width: 50%;
		}

		.container.\32 5\25 {
			width: 25%;
		}

		.container {
			width: 100% !important;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row.uniform.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.uniform.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row > * {
		padding: 50px 0 0 50px;
	}

	.row {
		margin: -50px 0 -1px -50px;
	}

	.row.uniform > * {
		padding: 50px 0 0 50px;
	}

	.row.uniform {
		margin: -50px 0 -1px -50px;
	}

	.row.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 100px 0 0 100px;
	}

	.row.uniform.\32 00\25 {
		margin: -100px 0 -1px -100px;
	}

	.row.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 75px 0 0 75px;
	}

	.row.uniform.\31 50\25 {
		margin: -75px 0 -1px -75px;
	}

	.row.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 25px 0 0 25px;
	}

	.row.uniform.\35 0\25 {
		margin: -25px 0 -1px -25px;
	}

	.row.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 12.5px 0 0 12.5px;
	}

	.row.uniform.\32 5\25 {
		margin: -12.5px 0 -1px -12.5px;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (min-width: 737px) {

		.row > * {
			padding: 50px 0 0 50px;
		}

		.row {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform {
			margin: -50px 0 -1px -50px;
		}

		.row.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.uniform.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.uniform.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28desktop\29 + *,
		.\31 1u\24\28desktop\29 + *,
		.\31 0u\24\28desktop\29 + *,
		.\39 u\24\28desktop\29 + *,
		.\38 u\24\28desktop\29 + *,
		.\37 u\24\28desktop\29 + *,
		.\36 u\24\28desktop\29 + *,
		.\35 u\24\28desktop\29 + *,
		.\34 u\24\28desktop\29 + *,
		.\33 u\24\28desktop\29 + *,
		.\32 u\24\28desktop\29 + *,
		.\31 u\24\28desktop\29 + * {
			clear: left;
		}

		.\-11u\28desktop\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28desktop\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28desktop\29 {
			margin-left: 75%;
		}

		.\-8u\28desktop\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28desktop\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28desktop\29 {
			margin-left: 50%;
		}

		.\-5u\28desktop\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28desktop\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28desktop\29 {
			margin-left: 25%;
		}

		.\-2u\28desktop\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28desktop\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 1201px) {

		.row > * {
			padding: 50px 0 0 50px;
		}

		.row {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform {
			margin: -50px 0 -1px -50px;
		}

		.row.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.uniform.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.uniform.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.\31 2u\28wide\29, .\31 2u\24\28wide\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28wide\29, .\31 1u\24\28wide\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28wide\29, .\31 0u\24\28wide\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28wide\29, .\39 u\24\28wide\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28wide\29, .\38 u\24\28wide\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28wide\29, .\37 u\24\28wide\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28wide\29, .\36 u\24\28wide\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28wide\29, .\35 u\24\28wide\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28wide\29, .\34 u\24\28wide\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28wide\29, .\33 u\24\28wide\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28wide\29, .\32 u\24\28wide\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28wide\29, .\31 u\24\28wide\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28wide\29 + *,
		.\31 1u\24\28wide\29 + *,
		.\31 0u\24\28wide\29 + *,
		.\39 u\24\28wide\29 + *,
		.\38 u\24\28wide\29 + *,
		.\37 u\24\28wide\29 + *,
		.\36 u\24\28wide\29 + *,
		.\35 u\24\28wide\29 + *,
		.\34 u\24\28wide\29 + *,
		.\33 u\24\28wide\29 + *,
		.\32 u\24\28wide\29 + *,
		.\31 u\24\28wide\29 + * {
			clear: left;
		}

		.\-11u\28wide\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28wide\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28wide\29 {
			margin-left: 75%;
		}

		.\-8u\28wide\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28wide\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28wide\29 {
			margin-left: 50%;
		}

		.\-5u\28wide\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28wide\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28wide\29 {
			margin-left: 25%;
		}

		.\-2u\28wide\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28wide\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		.row > * {
			padding: 50px 0 0 50px;
		}

		.row {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform {
			margin: -50px 0 -1px -50px;
		}

		.row.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.uniform.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.uniform.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.\31 2u\28narrow\29, .\31 2u\24\28narrow\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28narrow\29, .\31 1u\24\28narrow\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28narrow\29, .\31 0u\24\28narrow\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28narrow\29, .\39 u\24\28narrow\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28narrow\29, .\38 u\24\28narrow\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28narrow\29, .\37 u\24\28narrow\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28narrow\29, .\36 u\24\28narrow\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28narrow\29, .\35 u\24\28narrow\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28narrow\29, .\34 u\24\28narrow\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28narrow\29, .\33 u\24\28narrow\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28narrow\29, .\32 u\24\28narrow\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28narrow\29, .\31 u\24\28narrow\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28narrow\29 + *,
		.\31 1u\24\28narrow\29 + *,
		.\31 0u\24\28narrow\29 + *,
		.\39 u\24\28narrow\29 + *,
		.\38 u\24\28narrow\29 + *,
		.\37 u\24\28narrow\29 + *,
		.\36 u\24\28narrow\29 + *,
		.\35 u\24\28narrow\29 + *,
		.\34 u\24\28narrow\29 + *,
		.\33 u\24\28narrow\29 + *,
		.\32 u\24\28narrow\29 + *,
		.\31 u\24\28narrow\29 + * {
			clear: left;
		}

		.\-11u\28narrow\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28narrow\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28narrow\29 {
			margin-left: 75%;
		}

		.\-8u\28narrow\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28narrow\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28narrow\29 {
			margin-left: 50%;
		}

		.\-5u\28narrow\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28narrow\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28narrow\29 {
			margin-left: 25%;
		}

		.\-2u\28narrow\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28narrow\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1000px) {

		.row > * {
			padding: 50px 0 0 50px;
		}

		.row {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform {
			margin: -50px 0 -1px -50px;
		}

		.row.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.uniform.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.uniform.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.\31 2u\28narrower\29, .\31 2u\24\28narrower\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28narrower\29, .\31 1u\24\28narrower\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28narrower\29, .\31 0u\24\28narrower\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28narrower\29, .\39 u\24\28narrower\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28narrower\29, .\38 u\24\28narrower\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28narrower\29, .\37 u\24\28narrower\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28narrower\29, .\36 u\24\28narrower\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28narrower\29, .\35 u\24\28narrower\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28narrower\29, .\34 u\24\28narrower\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28narrower\29, .\33 u\24\28narrower\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28narrower\29, .\32 u\24\28narrower\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28narrower\29, .\31 u\24\28narrower\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28narrower\29 + *,
		.\31 1u\24\28narrower\29 + *,
		.\31 0u\24\28narrower\29 + *,
		.\39 u\24\28narrower\29 + *,
		.\38 u\24\28narrower\29 + *,
		.\37 u\24\28narrower\29 + *,
		.\36 u\24\28narrower\29 + *,
		.\35 u\24\28narrower\29 + *,
		.\34 u\24\28narrower\29 + *,
		.\33 u\24\28narrower\29 + *,
		.\32 u\24\28narrower\29 + *,
		.\31 u\24\28narrower\29 + * {
			clear: left;
		}

		.\-11u\28narrower\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28narrower\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28narrower\29 {
			margin-left: 75%;
		}

		.\-8u\28narrower\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28narrower\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28narrower\29 {
			margin-left: 50%;
		}

		.\-5u\28narrower\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28narrower\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28narrower\29 {
			margin-left: 25%;
		}

		.\-2u\28narrower\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28narrower\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 736px) {

		.row > * {
			padding: 50px 0 0 50px;
		}

		.row {
			margin: -50px 0 -1px -50px;
		}

		.row.uniform > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform {
			margin: -50px 0 -1px -50px;
		}

		.row.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 100px 0 0 100px;
		}

		.row.uniform.\32 00\25 {
			margin: -100px 0 -1px -100px;
		}

		.row.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 75px 0 0 75px;
		}

		.row.uniform.\31 50\25 {
			margin: -75px 0 -1px -75px;
		}

		.row.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform.\35 0\25 {
			margin: -25px 0 -1px -25px;
		}

		.row.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\32 5\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28mobile\29 + *,
		.\31 1u\24\28mobile\29 + *,
		.\31 0u\24\28mobile\29 + *,
		.\39 u\24\28mobile\29 + *,
		.\38 u\24\28mobile\29 + *,
		.\37 u\24\28mobile\29 + *,
		.\36 u\24\28mobile\29 + *,
		.\35 u\24\28mobile\29 + *,
		.\34 u\24\28mobile\29 + *,
		.\33 u\24\28mobile\29 + *,
		.\32 u\24\28mobile\29 + *,
		.\31 u\24\28mobile\29 + * {
			clear: left;
		}

		.\-11u\28mobile\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28mobile\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28mobile\29 {
			margin-left: 75%;
		}

		.\-8u\28mobile\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28mobile\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28mobile\29 {
			margin-left: 50%;
		}

		.\-5u\28mobile\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28mobile\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28mobile\29 {
			margin-left: 25%;
		}

		.\-2u\28mobile\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28mobile\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */



	body {
		
		font-family: 'Raleway', serif;
		font-weight: 400;
		color: #565656;
	}

		body.is-loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	input, textarea, select {
		font-family: 'Raleway', serif;
		font-weight: 400;
		
	}

	a {
		color: #c94663;
	}

	strong, b {
		font-weight: 700;
		color: #232323;
	}

	h2, h3, h4, h5, h6 {
		font-family: 'Raleway', serif;
		font-weight: 500;
		color: #232323;
	}

	h2 a, h4 a, h5 a, h6 a {
		text-decoration: none;
		color: inherit;
	}

	blockquote {
		border-left: solid 5px #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	em, i {
		font-style: italic;
	}

	hr {
		border: 0;
		border-top: solid 0px #ddd;
		padding: 0.1em 0 0 0;
		margin: 0.75em 0 0 0;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	br.clear {
		clear: both;
	}

	p, ul, ol, dl {
	margin-bottom: 1em;
	font-family: Raleway;
	}

/* Table */

	table {
		margin-bottom: 1em;
		width: 100%;
	}

		table.default tbody tr:nth-child(2n+2) {
			background: #f4f4f4;
		}

		table.default td {
			padding: 0.5em 1em 0.5em 1em;
		}

		table.default th {
			text-align: left;
			font-weight: 700;
			padding: 0.75em 1em 0.75em 1em;
		}

		table.default thead {
			border-bottom: solid 1px #ddd;
		}

		table.default tfoot {
			border-top: solid 1px #ddd;
			background: #eee;
		}

/* Form */

	form label {
		font-family: 'Raleway', serif;
		font-weight: 700;
		color: #232323;
		margin: 0 0 0.75em 0;
	}

	.input2 {
		display: block;
		border-radius: 0em;
		-webkit-appearance: none;
		border: solid 1px #000000;
		padding: 0.5em 0.75em;
		width: 50%;
		line-height: 1.25em;
	}
	
	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form input[type="file"],
	form select,
	form textarea {
		display: block;
		border-radius: 0em;
		-webkit-appearance: none;
		border: solid 1px #000000;
		padding: 0.5em 0.75em;
		width: 100%;
		line-height: 1.25em;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form input[type="file"]:focus,
		form select:focus,
		form textarea:focus {
			box-shadow: 0px 0px 1px 1px #000000;
		}
		
		form input .input2[type="text"]:focus,
		form input .input2[type="email"]:focus,
		form input .input2[type="password"]:focus,
		form input .input2[type="file"]:focus,
		form .input2 select:focus,
		form .input2 textarea:focus {
			box-shadow: 0px 0px 1px 1px #000000;
		}

	form ::-webkit-input-placeholder {
		color: #aaa;
	}

	form :-moz-placeholder {
		color: #aaa;
	}

	form ::-moz-placeholder {
		color: #aaa;
	}

	form :-ms-input-placeholder {
		color: #aaa;
	}

/* Section/Article */

	header {
		margin: 0 0 2em 0;
	}

		header > p {
			font-family: 'Raleway', serif;
			font-weight: 300;
			display: block;
			margin-top: 1em;
			color: #999;
		}

	section, article {
		margin-bottom: 2.5em;
	}

		section > :last-child,
		section > .inner > :last-child, section:last-child, article > :last-child,
		article > .inner > :last-child, article:last-child {
			margin-bottom: 0;
		}

/* Image */

	.image {
		display: inline-block;
	}

		.image img {
			display: block;
			width: 100%;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}


			

/* List */

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}


/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		cursor: pointer;
		background-color:  #003585;
		background-image: url("images/bg01.png");
		border-radius: 0em;
		text-align: center;
		box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
		color: #fff;
		font-family: 'Raleway', serif;
		font-weight: 500;
		text-decoration: none;
		-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
		transition: background-color .25s ease-in-out, color .25s ease-in-out;
		text-shadow: -1px -1px 0px rgba(0, 0, 0, 0);
	}

		input[type="button"]:disabled, input[type="button"].disabled,
		input[type="submit"]:disabled,
		input[type="submit"].disabled,
		input[type="reset"]:disabled,
		input[type="reset"].disabled,
		button:disabled,
		button.disabled,
		.button:disabled,
		.button.disabled {
			opacity: 1;
			cursor: default;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background-color: #003585;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background-color:  #000449;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background-color:  #010B73;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color:  #03107A;
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color:  #160808;
			}
			


/* Pagination */

	.pagination .pages {
		display: inline-block;
		font-family: 'Raleway', serif;
		font-weight: 700;
	}

		.pagination .pages span {
			display: inline-block;
			width: 1.5em;
			text-align: center;
			margin: 0 0.4em 0 0;
		}

		.pagination .pages a {
			cursor: pointer;
			display: inline-block;
			text-align: center;
			text-decoration: none;
			color: inherit;
			background-color: #e8e8e8;
			background-image: url("images/bg02.png");
			color: #565656;
			margin: 0 0.4em 0 0;
			border-radius: 0em;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
			box-shadow: inset 0 0.075em 0.25em 0 rgba(0, 0, 0, 0.1);
		}

			.pagination .pages a:hover {
				background-color: #dadada;
			}

			.pagination .pages a.active {
				background-color: #364050;
				color: #fff;
				box-shadow: none;
				text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5);
			}


/* Icons */

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}





/* Content */

	#content {
		margin-top: 8em;
		position: relative;
		/*background-color: #fff;*/
		
	}

		#content > .inner {
			position: relative;
			z-index: 1;
		}

	#content2 {
		margin-top: 7em;
		width: 500px;
    	height: 300px;
		background-color: #fff;
		opacity: 0.8;
		
		display: -webkit-flex;
    	display: flex;
    	-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
    	-webkit-align-content: center;
    	align-content: center;
		
	}

		#content2 > .inner {
			position: absolute;
			z-index: 1;
		}

/* Copyright */

	#copyright {
		padding-bottom: 2em;
	}

		#copyright p {
			opacity: 0.75;
		}

		#copyright a {
			color: inherit !important;
		}

		#copyright:before {
			content: '';
			border-top: solid 1px;
			border-bottom: solid 1px;
			border-color: #171E29;
			border-color: rgba(0, 0, 0, 0.25);
			box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075), 0px 1px 0px 0px rgba(255, 255, 255, 0.075);
			display: block;
		}

/* Desktop */

	@media screen and (min-width: 737px) {

		/* Basic */

			body {
				height: 100%;
				line-height: 1.75em;
			}

			input, textarea, select {
				line-height: 1.75em;
			}

			h2 {
				font-size: 1.2em;
			}

			h3, h4, h5, h6 {
				font-size: 1em;
			}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			.button,
			button {
				display: inline-block;
				padding: 0.5em 2em 0.5em 2em;
			}

				input[type="button"].small,
				input[type="submit"].small,
				input[type="reset"].small,
				.button.small,
				button.small {
					font-size: 0.85em;
					padding: 0.35em 1.5em 0.35em 1.5em;
				}

				input[type="button"].big,
				input[type="submit"].big,
				input[type="reset"].big,
				.button.big,
				button.big {
					font-size: 1.25em;
					padding: 0.75em 2em 0.75em 2em;
				}

				input[type="button"].huge,
				input[type="submit"].huge,
				input[type="reset"].huge,
				.button.huge,
				button.huge {
					font-size: 1.5em;
					padding: 0.75em 2em 0.75em 2em;
				}
				
				
		/* Button */

			input[type="button2"],
			input[type="submit"],
			input[type="reset"],
			.button2,
			button2 {
				display: inline-block;
				padding: 0.5em 2em 0.5em 2em;
			}

				input[type="button2"].small,
				input[type="submit"].small,
				input[type="reset"].small,
				.button2.small,
				button2.small {
					font-size: 0.85em;
					padding: 0.35em 1.5em 0.35em 1.5em;
				}

				input[type="button2"].big,
				input[type="submit"].big,
				input[type="reset"].big,
				.button2.big,
				button2.big {
					font-size: 1.25em;
					padding: 0.75em 2em 0.75em 2em;
				}

				input[type="button2"].huge,
				input[type="submit"].huge,
				input[type="reset"].huge,
				.button2.huge,
				button2.huge {
					font-size: 1.5em;
					padding: 0.75em 2em 0.75em 2em;
				}



		/* Pagination */

			.pagination {
				padding: 3em 0 0 0;
			}

				.pagination .previous {
					margin-right: 0.6em;
				}

				.pagination .next {
					margin-left: 0.2em;
				}

				.pagination .pages a {
					width: 2.75em;
					height: 2.75em;
					line-height: 2.75em;
				}

				.pagination .button {
					height: 2.75em;
					padding-top: 0;
					padding-bottom: 0;
					line-height: 2.75em;
				}


		/* Logo */

			#logo {
				font-family: 'Raleway', serif;
				font-weight: 700;
				font-size: 2em;
				letter-spacing: 0.1em;
			}

			#logo a {
					display: inline;
					/*background-color: #c94663;*/
					/*background-image: url("images/bg01.png");*/
					padding: 1.875em 0.1em;
					border-radius: 0em;
					text-align: center;
					/*box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15), 0 0.025em 0.15em 0em rgba(0, 0, 0, 0.25);*/
					text-decoration: none;
					color: #fff;
				}

		/* Content */

			#content {
				/*box-shadow: 0 0 0.25em 0em rgba(0, 0, 0, 0.25);*/
			}

				#content > .inner {

					/*
						This sets an upper limit on your page content to prevent it
						from looking insane on really wide displays. It's currently set
						to the width of the sample post images, but you can change it to
						whatever you like (or remove it entirely).
					*/

					max-width: 1038px;
					padding-bottom: 6em;
				}

		

		/* Copyright */

			#copyright {
				margin: 2em 0 0 0;
				text-align: center;
			}

				#copyright p {
					font-size: 0.8em;
					line-height: 2em;
				}

				#copyright:before {
					height: 0.5em;
					margin: 0 0 2em 0;
				}

	}

/* Wide */

	@media screen and (min-width: 1201px) {

		/* Basic */

			body {
				min-width: 1200px;
				font-size: 12pt;
			}

			input, textarea, select {
				font-size: 12pt;
			}

		

		/* Content */

			#content {
				padding: 3em 5em 8em 5em;
				margin-left: 0em;
			}
		
			#content2 {
				padding: 1em 3em 5em 3em;
				margin-left: 0em;
			}

	}

/* Narrow */

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		/* Basic */

			body {
				min-width: 1000px;
				font-size: 11pt;
			}

			input, textarea, select {
				font-size: 11pt;
			}

		/* Box */

			.box.post h2 {
				font-size: 3.25em;
				line-height: 1.25em;
			}

			.box.post header {
				padding: 1.5em 0 0 0;
				margin: 0 0 3em 0;
			}

				.box.post header > p {
					font-size: 1.75em;
					line-height: 1.5em;
					position: relative;
					top: -0.75em;
					margin-bottom: -0.75em;
				}

			.box.post .info {
				width: 100%;
				padding: 1em 0 0 0;
				position: relative;
				top: -2em;
			}

				.box.post .info .date {
					display: inline;
				}

				.box.post .info .stats {
					display: inline;
					border-left: solid 1px #ddd;
					margin-left: 1em;
					padding-left: 1em;
				}

					.box.post .info .stats li {
						display: inline-block;
						margin-left: 0.25em;
					}

						.box.post .info .stats li a {
							display: inline-block;
							padding-right: 0.5em;
						}

							.box.post .info .stats li a:before {
								position: relative;
								width: 1.75em;
								text-align: center;
								margin-right: 0.35em;
								opacity: 0.35;
							}

		/* Content */

			#content {
				padding: 2em 3em 6em 3em;
				margin-left: 0em;
			}
		
			#content2 {
				padding: 1em 2em 3em 2em;
			}

	}

/* Narrower */

	@media screen and (min-width: 737px) and (max-width: 1000px) {

		/* Basic */

			body {
				min-width: 641px;
				font-size: 14pt;
			}

			input, textarea, select {
				font-size: 14pt;
			}

		/* Logo */

			#logo {
				display: none;
			}

		/* Nav */

			#nav {
				margin-top: 0 !important;
			}

				#nav:before {
					display: none !important;
				}

				#nav li:hover a {
					background: none;
				}

		

		

	}

/* Mobile */

	@media screen and (max-width: 736px) {

		/* Basic */

			body, input, textarea, select {
				line-height: 1.75em;
				font-size: 11pt;
				letter-spacing: 0;
			}

			h2, h3, h4, h5, h6 {
				font-size: 1.5em;
			}

		/* Section/Article */

			section, article {
				clear: both;
			}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				display: block;
				width: 100%;
				font-size: 1.25em;
				padding: 0.75em 0 0.75em 0;
				margin: 0.5em 0 0.5em 0;
			}
			
			
			
		

		/* Pagination */

			.pagination .pages {
				display: none;
			}

		/* Box */

			.box.post {
				padding-bottom: 5em;
				margin-bottom: 6em;
			}

				.box.post header > p {
					font-size: 1em;
					font-family: 'Raleway', serif;
					line-height: 1.5em;
				}

				.box.post .info {
					width: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					border-top: solid 1px #ddd;
					padding-top: 0.5em;
				}

					.box.post .info .date {
						display: inline;
					}

						.box.post .info .date .year, .box.post .info .date .month span {
							display: none;
						}

					.box.post .info .stats {
						display: inline;
						border-left: solid 1px #ddd;
						margin-left: 0.75em;
						padding-left: 0.75em;
					}

						.box.post .info .stats li {
							display: inline-block;
							margin-right: 0.85em;
						}

							.box.post .info .stats li a {
								display: inline-block;
								opacity: 0.5;
							}

								.box.post .info .stats li a:before {
									position: relative;
									top: 0.1em;
									margin-right: 0.5em;
									opacity: 0.35;
								}

								.box.post .info .stats li a:active {
									opacity: 1.0;
								}

		/* Logo */

			#logo {
				display: none;
			}

		/* Nav */

			#nav {
				margin-top: 0 !important;
			}

				#nav:before {
					display: none !important;
				}

				#nav li:hover a {
					background: none;
				}

		/* Content */

			#content {
				margin-top: 44px;
				padding: 3em 20px 2em 20px;
			}

		/* Sidebar */

			#sidebar {
				padding: 20px 12px 20px 10px;
				box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.15), inset -0.1em 0 0.5em 0 rgba(0, 0, 0, 0.25);
			}

		/* Copyright */

			#copyright {
				margin: 2em 0 0 0;
				text-align: center;
			}

				#copyright p {
					font-size: 0.9em;
					line-height: 2em;
				}

				#copyright:before {
					height: 0.5em;
					margin: 0 0 2em 0;
				}

	}

/* Off-Canvas Sidebar */

	@media screen and (max-width: 1000px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

		/* Content */

			#content {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				margin-top: 44px;
				margin-left: 0;
				margin-right: 0;
				min-height: 0 !important;
			}

		/* Sidebar */

			#titleBar {
				display: block;
			}

			#sidebar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100% !important;
				min-height: 0 !important;
				overflow-y: auto;
				position: fixed;
				top: 0;
				z-index: 10002;
				-moz-transform: translateX(-14em);
				-webkit-transform: translateX(-14em);
				-ms-transform: translateX(-14em);
				transform: translateX(-14em);
			}

			body.sidebar-visible #content, body.sidebar-visible #titleBar {
				-moz-transform: translateX(14em);
				-webkit-transform: translateX(14em);
				-ms-transform: translateX(14em);
				transform: translateX(14em);
			}

			body.sidebar-visible #sidebar {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}
	
	
	
	/* tiles */

	.tiles {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 0em 0 2.5em 2.5em;
	}

		.tiles article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(30.33333% - 1.5em);
			margin: 2.5em 0 0 2.5em;
		}

			.tiles article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles article > .image img {
					display: block;
					width: 100%;
				}

				.tiles article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles article > a > :last-child {
					margin: 0;
				}

				.tiles article > a:hover {
					color: #ffffff !important;
				}

				.tiles article > a h2 {
					margin: 0;
				}
				
				.tiles article > h2 {
					margin: 0;
					font-size: 1.7em;
					text-align: 1em;
					
					
				}

				.tiles article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles article.style1 > .image:before {
				/*background-color: #f2849e;*/
			}


		@media screen and (max-width: 1280px) {

			.tiles {
				margin: 1.5em 1em 0 0em;
			}

				.tiles article {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles {
				margin: 2em 1em 0 1.25em;
			}

				.tiles article {
					width: calc(33.3333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles {
				margin: 1em 1.25 0 1.25em;
			}

				.tiles article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1em;
				}

					.tiles article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles {
				margin: 1em 1.5 0 1.5em;
			}

				.tiles article {
					width: 100%;
					margin: 1em;
				}

		}
		



	
.btn-ver-ofertas{
	background-color:#003585;
	border:1px solid #003585;
	color:#fff;
	padding:10px 20px 10px 10px;
	display:block;
	width:90%;
	margin-bottom:20px}

.btn-ver-ofertas
	p{margin:0;text-align:center}

.btn-ver-ofertas
	i{position:absolute;margin:-8px 0;font-size:24px}

.btn-ver-ofertas:hover{
	color:#003585;
	background-color:#fff}

@media only screen and (max-width:768px){
	.btn-ver-ofertas{margin:20px auto}m}

.btn-ver-ocasion{
	background-color:#fff;
	border:1px solid #003585;
	color:#003585;
	padding:10px 20px 10px 10px;
	display:block;
	width:90%;
	margin-bottom:20px}

.btn-ver-ocasion
p{margin:0;text-align:center}

.btn-ver-ocasion
i{position:absolute;margin:-8px 0;font-size:24px}

.btn-ver-ocasion:hover{color:#fff;background-color:#003585;}

@media only screen and (max-width:768px){
.btn-ver-ocasion{margin:20px auto}}


.btn-cita-taller{background-color:#003585;border:1px
solid #003585;color:#fff;padding:10px
30px 10px 10px;display:block;width:90%;margin-bottom:20px}

.btn-cita-taller
p{margin:0;text-align:center}

.btn-cita-taller
i{position:absolute;margin:-8px 0;font-size:24px}

.btn-cita-taller:hover{color:#761472;background-color:#fff}@media only screen and (max-width:768px){
.btn-cita-taller{margin:20px auto}}


.btn-postventa{background-color:#00A18C;
	border:1px solid #00A18C;color:#fff;
	padding:10px 30px 10px 10px;
	display:block;width:90%;margin-bottom:20px;margin-left: 15px;}

.btn-postventa p{margin:0;text-align:center}

.btn-postventa i{position:absolute;margin:-8px 0;font-size:24px}

.btn-postventa:hover{color:#00A18C;background-color:#fff}@media only screen and (max-width:768px){
.btn-postventa{margin:20px auto}}



.btn-club{
	background-color:#fff;
	border:1px solid #007c92;color:#007c92;
	padding:10px 30px 10px 10px;
	display:block;width:90%;margin-bottom:20px;margin-right: 30px;}

.btn-club p{margin:0;text-align:center}

.btn-club i{position:absolute;margin:-8px 0;font-size:24px}

.btn-club:hover{color:#fff;background-color:#007c92}@media only screen and (max-width:768px){
.btn-club{margin:20px auto}}



/* 		 Tiles 20		*/	

	.tiles20 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 2.5em 3em 0 3em;
	}

		.tiles20 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(20% - 3.5em);
			margin: 2.5em 0 0 2.5em;
		}

			.tiles20 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles20 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles20 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles20 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles20 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles20 article > a > :last-child {
					margin: 0;
				}

				.tiles20 article > a:hover {
					color: #ffffff !important;
				}

				.tiles20 article > a h2 {
					margin: 0;
				}
				
				.tiles20 article > h2 {
					margin: 0;
					font-size: 1.7em;
					text-align: 1em;
					
					
				}

.modelsGallery-mas {border:1px
solid #0063C2;color:#063C2;font-size:14px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.modelsGallery-mas a{border:0px
solid #0063C2;color:#0063C2;font-color:#000000;font-size:14px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.modelsGallery-mas:hover{border:1px
solid #6FD4E2;color:#6FD4E2}

.modelsGallery-mas a:hover{border:0px
solid #6FD4E2;color:#6FD4E2; text-decoration: none;}

				.tiles20 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles20 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles20 article.style1 > .image:before {
				/*background-color: #f2849e;*/
			}


					@media screen and (max-width: 1280px) {

			.tiles20 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles20 article {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles20 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles20 article {
					width: calc(33.3333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles20 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles20 article {
					width: 50%;
					margin: 1.25em 0 0 0em;
				}

					.tiles20 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles20 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles20 article {
					width: 100%;
					margin: 1em;
				}

		}
		




/******tiles2**************/
			
			.tiles2 article.style1 .h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.5rem;
				color: #000000;
				
			
			}
			
			
			.tiles2 article > h4 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2rem;
				color: #333;
				line-height: 1.5em;
				
			
			}

			.tiles2 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles2 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles2 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles2 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles2 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}

				body:not(.is-touch) .tiles article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles2 {
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles2 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles2 article {
					width: calc(33.33333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles2 {
				margin: -1.25em 0 0 -1.25em;
			}

				.tiles2 article {
					width: calc(33.3333% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles2 {
				margin: 0em;
			}

				.tiles2 article {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

					.tiles2 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles2 {
				margin: 0;
			}

				.tiles2 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}
		
		

/* tiles 2 */

	.tiles2 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 2.5em 2em 0 2.5em;
	}

		.tiles2 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(30% - 0.5em);
			margin: 0.5em 0em 1em 3em;
			color:#000;
		}
		
		
		
		.tiles2 article1 {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(62% - 0.5em);
			margin: 0.5em 0em 1em 1em;
			background-color: #E4E4E4;
		}

			.tiles2 article1 > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles2 article1 > .image img {
					display: block;
					width: 100%;
					text-align:center;
				}

				.tiles2 article1 > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles2 article1 > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}
				
			
				.tiles2 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1.6rem;
				margin-left: 0.5rem;
				margin-right: 2rem;
				color:#000000;
				font-size:1rem;
			}

			.tiles2 article1 > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1.6rem;
				margin-left: 0.5rem;
				margin-right: 2rem;
				color:#000000;
				font-size:1rem;
			}
			
			.tiles2 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.5rem;
				margin-top: 0.7rem;
				font-size:1.5rem;
				color: #000000;
				
			
			}
			
			.tiles2 article1 > h3 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.5rem;
				color: #000000;
				line-height: 1.2em;
				
			
			}
			
			.tiles2 article1 > h4 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:1.2rem;
				color: #000000;
				line-height: 1.5em;
				
			
			}
			
			.tiles2 article > hr {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				height: 0.25em;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.5rem;
				color:#000000;
			}

				.tiles2 article > .image img {
					display: block;
					width: 100%;
				}
			
			

			.tiles2 article > a {
				
				color:#000;
				text-decoration:none;
		
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 1em;
				border-radius: 4px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles2 article > a > :last-child {
					margin: 0;
				}

				.tiles2 article > a:hover {
					color: #ffffff !important;
				}

				.tiles2 article > a h2 {
					margin: 0;
				}

				.tiles2 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles2 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles2 article.style1 > .image:before {
				/*background-color: #f2849e;*/
			}

			.tiles2 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles2 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles2 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles2 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles2 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles2 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles2 article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}

				body:not(.is-touch) .tiles2 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles2 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles2 {
			margin-top: 1em;
		}

		body.is-loading .tiles2 article {
		/*	-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);*/
			opacity: 0;
		}

		body.is-touch .tiles2 article .content {
			max-height: 15em;
			opacity: 1;
		}

		@media screen and (max-width: 1280px) {

			.tiles2 {
				margin: 0em 0 0 -1.25em;
			}

				.tiles2 article {
					width: calc(33% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				
				.tiles2 article1 {
					width: calc(17% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles2 {
				margin: 0em 0 0 -2.5em;
			}

				.tiles2 article {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 2.5em;
				}
				
				.tiles2 article1 {
					width: calc(50% - 2.5em);
					margin: 2.5em 0 0 2.5em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles2 {
				margin: 0em 0 0 -1.25em;
			}

				.tiles2 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

					.tiles2 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}
					
					.tiles2 article1 {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

					.tiles2 article1:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles2 {
				margin: 0;
			}

				.tiles2 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}
				
				.tiles2 article1 {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}


/* tiles 300 */

	.tiles300 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 0em 0em 0em 0em;
		
		
		
	}

		.tiles300 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: 90%;
			opacity: 0.7;
			margin: 0em 0em 0em 4em;
			background: #FFFFFF;
			align-content: center;
			
		}


		.tiles300 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				text-align:justify;
				width: 98%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1em;
				
				color:#000;
				font-size:1em;
			}
			
			.tiles300 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:center;
				margin-left: 1.2rem;
				margin-right: 1.2rem;
				margin-top: 0.7rem;
				font-size: 3.2rem;
				color: #303030;
				line-height: 1.5em;

			}
			
			

			

				

	.tiles300 article > a {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em;
	border-radius: 4px;
	border-bottom: 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	z-index: 3;
			}

				.tiles300 article > a > :last-child {
					margin: 0;
				}

				.tiles300 article > a:hover {
					color: #ffffff !important;
				}

				.tiles300 article > a h2 {
					margin: 0;
				}

				.tiles300 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles300 article > a .content > :last-child {
						margin-bottom: 0;
					}

			

			body:not(.is-touch) .tiles300 article:hover .content {
				max-height: 15em;
				opacity: 0;
			}

		

		body.is-loading .tiles300 article {
		/*	-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);*/
			
		}

		body.is-touch .tiles300 article .content {
			max-height: 15em;
			
		}

		@media screen and (max-width: 1280px) {

			.tiles300 {
				margin: 0em;
			}

				.tiles300 article {
					width: 100%;
					margin: 0em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles300 {
				margin: 0em;
			}

				.tiles300 article {
					width: 100%;
					margin: 0em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles300 {
				margin: 0em;
			}

				.tiles300 article {
					width: 100%;
					margin: 0em;
				}

					.tiles300 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}
			
			.tiles300 article > h2 {
								
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:center;
				margin-left: 0.5rem;
				margin-right: 1.2rem;
				margin-top: 0.7rem;
				font-size: 2.2rem;
				color: #303030;
				line-height: 2em;

			}
			
			.tiles300 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				text-align:justify;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1em;
				color:#000;
				font-size:1em;
			}

		}

		@media screen and (max-width: 480px) {

			.tiles300 {
				margin: 0em;
			}

				.tiles300 article {
					width: 100%;
					margin: 0em;
				}
			
			.tiles300 article > h2 {
								
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:center;
				margin-left: 0.5rem;
				margin-right: 0.5rem;
				margin-top: 0.7rem;
				font-size: 1.8rem;
				color: #303030;
				line-height: 2em;

			}
			
			.tiles300 article > h2 {
								
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:center;
				margin-left: 0.5rem;
				margin-right: 0.8rem;
				margin-top: 0.7rem;
				font-size: 1.8rem;
				color: #303030;
				line-height: 2em;

			}
			
			.tiles300 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				text-align:justify;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1em;
				color:#000;
				font-size:1em;
			}

		}				




/* tiles 30 */

	.tiles30 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 0em 0 2.5em 2.5em;
	}

		.tiles30 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: 100%;
			margin: 2.5em 0 0 2.5em;
		}


		.tiles30 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				text-align:center;
				width: 80%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 0.5em;
				margin-left: 0.2rem;
				margin-right: 0.4rem;
				color:#000;
				font-size:1.8em;
			}
			
			.tiles30 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.2rem;
				margin-right: 0.2rem;
				margin-top: 0.7rem;
				font-size:3.2rem;
				color: #303030;
				line-height: 1.2em;
				
			
			}
			
			.tiles30 article > h3 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.2rem;
				margin-top: 0.2rem;
				font-size:2.0rem;
				color: #303030;
				line-height: 1.5em;
				
			
			}
			
			.tiles30 article > hr {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				height: 0.25em;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.5rem;
				
				color:#66B2E4;
			}

			.tiles30 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles30 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles30 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.2;
				}

				.tiles30 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0;
					z-index: 2;
				}

			.tiles30 article > a {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em;
	border-radius: 4px;
	border-bottom: 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	z-index: 3;
			}

				.tiles30 article > a > :last-child {
					margin: 0;
				}

				.tiles30 article > a:hover {
					color: #ffffff !important;
				}

				.tiles30 article > a h2 {
					margin: 0;
				}

				.tiles30 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles30 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles30 article.style1 > .image:before {
				/*background-color: #f2849e;*/
			}

			.tiles30 article.style2  {
				color: #d71f85;
				margin-left: 0.2em;
				margin-right: 0.2em;
				font-size: 3em;
				line-height: 1em;
				
			}
			
			

			.tiles30 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles30 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles30 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles30 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles30 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles30 article:hover > .image:before {
					background-color: #999999;
					opacity: 0.25;
				}

				body:not(.is-touch) .tiles30 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles30 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles30 {
			margin-top: 1em;
		}

		body.is-loading .tiles30 article {
		/*	-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);*/
			opacity: 0;
		}

		body.is-touch .tiles30 article .content {
			max-height: 15em;
			opacity: 1;
		}

		@media screen and (max-width: 1280px) {

			.tiles30 {
				margin: 0em 0 1em 0em;
			}

				.tiles30 article {
					width: 100%;
					margin: -1.25em 0 0 0em;
				}
			
			.tiles30 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.2rem;
				margin-right: 0.2rem;
				margin-top: 0.7rem;
				font-size: 2rem;
				color: #303030;
				line-height: 1.2em;
				
			
			}

		}

		@media screen and (max-width: 980px) {

			.tiles30 {
				margin: 0em 0 1em 0em;
			}

				.tiles30 article {
					width: 100%;
					margin: -1.25em 0 0 0;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles30 {
				margin: 4em 0 1em 0em;
			}

				.tiles30 article {
					width: 100%;
					margin: 0.25em 0 0 0em;
				}

					.tiles30 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles30 {
				margin: 0;
			}

				.tile30 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}
			
			.tiles30 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.2rem;
				margin-right: 0.2rem;
				margin-top: 0.7rem;
				font-size: 1.5rem;
				color: #303030;
				line-height: 1.2em;
				
			
			}
			

		}				


/* tiles 3 */

	.tiles3 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 2.5em 6em 0 2.5em;
		
	}

		.tiles3 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: 100%;
			margin: 0.5em 2em 0 3em;
	
		}


		.tiles3 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				text-align:center;
				width: 80%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 0.5em;
				margin-left: 0.2rem;
				margin-right: 0.4rem;
				color:#000;
				font-size:1.8em;
			}
			
			.tiles3 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.2rem;
				margin-right: 0.2rem;
				margin-top: 0.7rem;
				font-size:2rem;
				color: #303030;
				line-height: 1.2em;
				
			
			}
			
			.tiles3 article > h3 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:center;
				margin-left: 0.2rem;
				margin-top: 2.2rem;
				font-size:1.2rem;
				color: #303030;
				line-height: 1.2em;
				
			
			}

			.tiles3 article > h4 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align: center;
				margin-left: 0.2rem;
				margin-top: 0.2rem;
				font-size:1.0rem;
				color: #999999;
				line-height: 1.0em;
				
			
			}
			
			.tiles3 article > hr {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				height: 0.25em;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.5rem;
				
				color:#66B2E4;
			}

			.tiles3 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				
			}

				.tiles3 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles3 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.2;
				}

				.tiles3 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0;
					z-index: 2;
				}


			.tiles3 article > .image2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				
			}

				.tiles3 article > .image2 img {
					display: block;
					width: 100%;
				}

				.tiles3 article > .image2:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.2;
				}

				.tiles3 article > .image2:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0;
					z-index: 2;
				}




			.tiles3 article > a {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em;
	border-radius: 4px;
	border-bottom: 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	z-index: 3;
			}

				.tiles3 article > a > :last-child {
					margin: 0;
				}

				.tiles3 article > a:hover {
					color: #ffffff !important;
				}

				.tiles3 article > a h2 {
					margin: 0;
				}

				.tiles3 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles3 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles3 article.style1 > .image:before {
				/*background-color: #f2849e;*/
			}

			.tiles3 article.style2  {
				color: #d71f85;
				margin-left: 0.2em;
				margin-right: 0.2em;
				font-size: 3em;
				line-height: 1em;
				
			}
			
			

			.tiles3 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles3 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles3 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles3 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles3 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles3 article:hover > .image:before {
				
				}

				body:not(.is-touch) .tiles3 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles3 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles3 {
			margin-top: 1em;
		}

		body.is-loading .tiles3 article {
		/*	-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);*/
			opacity: 0;
		}

		body.is-touch .tiles3 article .content {
			max-height: 15em;
			opacity: 1;
		}

		@media screen and (max-width: 1280px) {

			.tiles3 {
				margin: 0em 0 1em 0em;
			}

				.tiles3 article {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles3 {
				margin: 0em 0 1em 0em;
			}

				.tiles3 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles3 {
				margin: 0;
			}

				.tiles3 article {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

					.tiles3 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles3 {
				margin: 0;
			}

				.tiles3 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}
			
			
			.tiles3 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.2rem;
				margin-right: 0.2rem;
				margin-top: 0.7rem;
				font-size:1.2rem;
				color: #303030;
				line-height: 1.2em;
				
			
			}

		}		
		


/* tiles 4 */

	.tiles4 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 2.5em 6em 0 2.5em;
	}
	
	

		.tiles4 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(50% - 1.5em);
			margin: 4.5em 0 0 1.5em;
			
	
		}
		
		.tiles4 article1 {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(50% - 1.5em);
			margin: 4.5em 0 0 1.5em;
			border: 1px solid #000000;
	
		}

			.tiles4 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles4 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles4 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles4 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}
				
			
			.tiles4 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

		.tiles4 article1 > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1.6rem;
				margin-left: 0.7rem;
				margin-right: 2rem;
				color:#000;
				font-size:1rem;
			}
			
			.tiles4 article1 > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.3rem;
				line-height: 1.2em;
				color: #303030;
				
			
			}
			
			.tiles4 article1 > h3 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.5rem;
				color: #66B2E4;
				line-height: 1.5em;
				
			
			}	
				
				
				

			.tiles4 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

		.tiles4 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1.6rem;
				margin-left: 0.7rem;
				margin-right: 2rem;
				color:#000;
				font-size:1rem;
			}
			
			.tiles4 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.3rem;
				line-height: 1.2em;
				color: #303030;
				
			
			}
			
			
			.tiles4 article > h4 hover {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:1.5em;
				line-height: 1.2em;
				color: #999;
				
			
			}
			
			.tiles4 article > h4 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:1.5em;
				line-height: 1.2em;
				color: #303030;
				
			
			}
			
			.tiles4 article > h3 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.5rem;
				color: #66B2E4;
				line-height: 1.5em;
				
			
			}


				.tiles4 article > a > :last-child {
					margin: 0;
				}

				.tiles4 article > a:hover {
					color: #ffffff !important;
				}

				.tiles4 article > a h2 {
					margin: 0;
				}

				.tiles4 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles4 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles4 article.style1 > .image:before {
				text-align:justify;
				
				/*background-color: #f2849e;*/
			}
			
			tiles4 article.style1 h2 {
				color: #03C;
				font-size: 4rem;
				border: thin;
				border-color:#333:
				
				
				/*background-color: #f2849e;*/
			}
			
			
		

			.tiles4 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles4 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles4 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles4 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles4 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles4 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles4 article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}
				

				body:not(.is-touch) .tiles4 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles4 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles4 {
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles4 {
				margin: 2.5em 0 0 -1.25em;
			}

				.tiles4 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				
				.tiles4 article1 {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles4 {
				margin: 1.25em 0 0 -1.25em;
			}

				.tiles4 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				
				.tiles4 article1 {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles4 {
				margin: 0em;
			}

				.tiles4 article {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

					.tiles4 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}
					
				.tiles4 article1 {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

					.tiles4 article1:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles4 {
				margin: 0;
			}

				.tiles4 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}
				
				.tiles4 article1 {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}	


/* tiles 40 */

	.tiles40 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		/*margin: 0.2em 0 2em -2.5em;*/
		margin: 2.5em 3em 0 3em;
	}
	
	

		.tiles40 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(50% - 1.5em);
			margin: 0.5em 0 1em 1.5em;
			
	
		}
		
		.tiles40 article1 {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(50% - 1.5em);
			margin: 4.5em 0 0 1.5em;
			border: 1px solid #000000;
	
		}

			.tiles40 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles40 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles40 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles40 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}
				
			
			.tiles40 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

		.tiles40 article1 > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1.6rem;
				margin-left: 0.7rem;
				margin-right: 2rem;
				color:#f00;
				font-size:1rem;
			}
			
			.tiles40 article1 > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.3rem;
				line-height: 1.2em;
				color: #303030;
				
			
			}
			
			.tiles40 article1 > h3 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.5rem;
				color: #66B2E4;
				line-height: 1.5em;
				
			
			}	
				
				
				

			.tiles40 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

		.tiles40 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1.6rem;
				margin-left: 0.7rem;
				margin-right: 2rem;
				color:#000;
				font-size:1rem;
			}
			
			.tiles40 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.3rem;
				line-height: 1.2em;
				color: #303030;
				
			
			}
			
			
			.tiles40 article > h4 hover {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:1.5em;
				line-height: 1.2em;
				color: #999;
				
			
			}
			
			.tiles40 article > h4 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:1.5em;
				line-height: 1.2em;
				color: #303030;
				
			
			}
			
			.tiles40 article > h3 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:2.5rem;
				color: #66B2E4;
				line-height: 1.5em;
				
			
			}


				.tiles40 article > a > :last-child {
					margin: 0;
				}

				.tiles40 article > a:hover {
					color: #ffffff !important;
				}

				.tiles40 article > a h2 {
					margin: 0;
				}

				.tiles40 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles40 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles40 article.style1 > .image:before {
				text-align:justify;
				
				/*background-color: #f2849e;*/
			}
			
			tiles40 article.style1 h2 {
				color: #03C;
				font-size: 4rem;
				border: thin;
				border-color:#333:
				
				
				/*background-color: #f2849e;*/
			}
			
			
		

			.tiles40 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles40 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles40 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles40 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles40 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles4 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles4 article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}
				

				body:not(.is-touch) .tiles4 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles4 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles40 {
			margin-top: 2em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles40 {
				margin: 1.5em 0 0 -1.25em;
			}

				.tiles40 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				
				.tiles40 article1 {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles40 {
				margin: 1.25em 0 0 -1.25em;
			}

				.tiles40 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				
				.tiles40 article1 {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
			
			.tiles40 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:1.5em;
				line-height: 1.2em;
				color: #303030;
				
			
			}

		}

		@media screen and (max-width: 736px) {

			.tiles40 {
				margin: 0em;
			}

				.tiles40 article {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

					.tiles40 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}
					
				.tiles40 article1 {
					width: 100%;
					margin: 1.25em 0 0 0em;
				}

					.tiles40 article1:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles40 {
				margin: 0;
			}

				.tiles40 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}
				
				.tiles40 article1 {
					width: 100%;
					margin: 1.25em 0 0 0;
				}
			
			.tiles40 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:1rem;
				line-height: 1.2em;
				color: #303030;
				
			
			}

		}	
		
		
/* tiles 5 */

	.tiles5 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 2.5em 8em 0 5.5em;
	}

		.tiles5 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(50% - 0em);
			margin: 0em;
			background-color: #0063c6;
		}

			.tiles5 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles5 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles5 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles5 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles5 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 1em;
				border-radius: 4px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles5 article > a > :last-child {
					margin: 0;
				}

				.tiles5 article > a:hover {
					/*color: #ffffff !important;*/
				}

				.tiles5 article > a h2 {
					margin: 0;
				}

				.tiles5 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles5 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles5 article.style1 > .image:before {
				/*background-color: #0063c6;*/
			}

			.tiles5 article.style2  {
				color: #d71f85;
				margin-left: 1em;
				font-size: 3em;
				line-height: 1em;
				
			}

			.tiles5 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles5 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles5 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles5 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles5 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles5 article:hover > .image:before {
					/*background-color: #333333;
					opacity: 0.35;*/
				}

				body:not(.is-touch) .tiles5 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles5 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles5 {
			margin-top: 2em;
		}

		body.is-loading .tiles5 article {
		/*	-moz-transform: scale(0.9);
			-webkit-transform: scale(0.9);
			-ms-transform: scale(0.9);
			transform: scale(0.9);*/
			opacity: 0;
		}

		body.is-touch .tiles5 article .content {
			max-height: 15em;
			opacity: 1;
		}

		@media screen and (max-width: 1280px) {

			.tiles5 {
				margin: 0;
			}

				.tiles5 article {
					width: calc(50%);
					margin: 0em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles5 {
				margin: 0;
			}

				.tiles5 article {
					width: calc(50%);
					margin: 0em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles5 {
				margin: 0;
			}

				.tiles5 article {
					width: 100%;
					margin: 0em 0 0 0em;
				}

					.tiles5 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles5 {
				margin: 0;
			}

				.tiles5 article {
					width: 100%;
					margin: 0em;
				}

		}	
		
		
		
	
/********************************************/


/*
section h2{color:#222222;  text-transform:uppercase; font-size:1.5rem}
section h3, section h1{font-family: Verdana;font-size:2.2rem; text-transform:uppercase; margin:0}
section h3:after, section h1:after{content:'';display:block; width:50%;border-bottom:solid 5px #0091EA; clear:both;margin-top:1rem}
section h1{margin-top:3rem}
section p, section ul{font-size:1.2rem; line-height:1.8em; color:#333; font-weight:lighter}
.sec50>div>div{min-height:450px;}	
	*/
#divEmpresa{ background-image:url(../../img/empresa1.jpg); background-size:cover;background-position:center;min-height:500px;}
#divEmpresa2{ background-image:url(../../img/empresa2.jpg); background-size:cover;background-position:center;min-height:550px;}
#divEmpresas3{ background-image:url(../../images/empresas.jpg); background-size:cover;background-position:center;min-height:250px;}

#divPostventa{ background-image:url(../../img/impulsa1.jpg); background-size:cover;background-position:center;min-height:500px;}
#divPostventa2{ background-image:url(../../img/distribuccion.jpg); background-size:cover;background-position:center;min-height:550px;}

#divContacto{ background-image:url(../../images/contacto.jpg); background-size:cover;background-position:center;min-height:750px;}

#divTrabaja{ background-image:url(../../images/trabaja.jpg); background-size:cover;background-position:center;min-height:750px;}

#divCortesia{ background-image:url(../../images/vehiculo-cortesia.jpg); background-size:cover;background-position:center;min-height:150px;}

#divBlog{ background-image:url(../../images/blogs.jpg); background-size:cover;background-position:center;min-height:75px;}

#divNoticias{ background-image:url(../../images/noticias.jpg); background-size:cover;background-position:center;min-height:75px;}

#divComerciales{ background-image:url(../../images/space.jpg); background-size:cover;background-position:center;min-height:750px;}
#divTurismos{ background-image:url(../../images/celysee.jpg); background-size:cover;background-position:center;min-height:750px;}
#divRenting{ background-image:url(../../images/ds.jpg); background-size:cover;background-position:center;min-height:750px;}


#divEquipo{ background-size:cover;background-position:center;min-height:110px;}

/********************************/


	
/* tiles 6 */

	.tiles6 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -1em 0 4.5em -2em;
	}

		.tiles6 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: 50%;
			height: 100%;
			margin: 0;
		
		}
		
		

			.tiles6 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				border-radius: 0px;
				overflow: hidden;
			}
			
			
			.tiles6 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 0.7rem;
				margin-right: 2rem;
				color:#000;
				font-size:1rem;
			}
			
			.tiles6 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 80%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.7rem;
				font-size:1.7em;
				color: #303030;
			}
			
			.tiles6 article > hr {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 80%;
				height: 0.25em;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.7rem;
				margin-top: 0.5rem;
				
				font-color:#F00;
			}

				.tiles6 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles6 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles6 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles6 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles6 article > a > :last-child {
					margin: 0;
				}

				.tiles6 article > a:hover {
					color: #ffffff !important;
				}

				.tiles6 article > a h2 {
					margin: 0;
				}

				.tiles6 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0em;
					opacity: 0;
				}

					.tiles6 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles6 article.style1 {
				
				height: 100%;
				
				/*background-color: #f2849e;*/
			}

			.tiles6 article.style1 > .image:before {
				text-align:justify;
				margin-top: 1em;
				margin-left: 1em;
				margin-right: 1em;
				
				/*background-color: #f2849e;*/
			}
			
			

			.tiles6 article.style2 > .image:before {
				
				text-align:justify;
				margin-top: 3em;
				margin-left: 1em;
				margin-right: 1em;
				/*background-color: #7ecaf6;*/
			}

			.tiles6 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles6 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles6 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles6 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles6 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles6 article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}

				body:not(.is-touch) .tiles6 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles6 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles6 {
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles6 {
				margin: -1em 0 2.5em -2em;
			}

				.tiles6 article {
					width: 50%;
					margin: 0em;
				}
				
				
				.tiles6 article > p {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 90%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin: 1em;
				margin-right: 1em;
				color:#000;
			}
			
			.tiles6 article > h2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 80%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 1em;
				margin-top: 0.7em;
				font-size:2em;
				color: #333;
			}

		}

		@media screen and (max-width: 980px) {

			.tiles6 {
				margin: 0em;
			}

				.tiles6 article {
					width: 100%;
					margin: 0em 0 3em 0em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles6 {
				margin: 0em;
			}

				.tiles6 article {
					width: 100%;
					margin: 1.25em 0 3em 0em;
				}

					.tiles6 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles6 {
				margin: 0;
			}

				.tiles6 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}	
			

/* tiles7 */

	.tiles7 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: 2.5em 6em 1em 4em;
		border:  medium #0B0A0A;
		
		
	}

		.tiles7 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(25% - 2em);
			margin: 2.5em 0 2em 1.5em;
		}

			.tiles7 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				
			}

				.tiles7 article > .image img {
					display: block;
					width: 100%;
				
				}

				.tiles7 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles7 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles7 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}
			
			
			

				.tiles7 article > a > :last-child {
					margin: 0;
				}

				.tiles7 article > a:hover {
					color: #ffffff !important;
				}

				.tiles7 article > a h2 {
					margin: 0;
				}

				.tiles7 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles7 article > a .content > :last-child {
						margin-bottom: 0;
					}
					
					
					
		.tiles7 article1 {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(50% - 1.5em);
			margin: 2.5em 0 1em 1.5em;
			/*border: 1px solid #000;*/
		}

			.tiles7 article1 > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles7 article1 > .image img {
					display: block;
					width: 100%;
				}

				.tiles7 article1 > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles7 article1 > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles7 article1 > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}
			
			
			

				.tiles7 article1 > a > :last-child {
					margin: 0;
				}

				.tiles7 article1 > a:hover {
					color: #ffffff !important;
				}

				.tiles7 article1 > a h2 {
					margin: 0;
				}

				.tiles7 article1 > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles7 article1 > a .content > :last-child {
						margin-bottom: 0;
					}
					

			.tiles7 article.style1 > .image:before {
				/*background-color: #f2849e;*/
			}

			.tiles7 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles7 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles7 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles7 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles7 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles7 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles7 article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}

				body:not(.is-touch) .tiles7 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles7 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles7 {
			margin-top: 1em;
		}
		
		
		
		@media screen and (max-width: 1280px) {

			.tiles7 {
				margin: 1.25em 0 0 -1.25em;
			}

				.tiles7 article {
					width: calc(50% - 1.25em );
					margin: 2.25em 0em 0 1.25em;
				}
				
				
				
				.tiles7 article1 {
					width: 100%;
					margin: 2.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles7 {
				margin: 1.25em 0 0 -1.25em;
			}

				.tiles7 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				
				.tiles7 article1 {
					width: 100%;
					margin: 1.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles7 {
				margin: 0em 0 0 -1.25em;
			}

				.tiles7 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}

					.tiles7 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}
					
				.tiles7 article1 {
					width: 100%;
					margin: 1.25em 0 0 1.25em;
				}

					.tiles7 article1:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles7 {
				margin: 0em 0 0 -1.25em;
			}

				.tiles7 article {
					width: calc(50% - 1.25em);
					margin: 1.25em 0 0 1.25em;
				}
				
				.tiles7 article1 {
					width: 100%;
					margin: 1.25em 0 0 1.25em;				}

		}
			


	/* tiles8 */

	.tiles8 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -2.5em 0 2em -2.5em;
	}

		.tiles8 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(33.33333% - 7.5em);
			margin: 6.5em 0em 2em 5.5em;
		}

			.tiles8 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles8 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles8 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles8 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles8 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles8 article > a > :last-child {
					margin: 0;
				}

				.tiles8 article > a:hover {
					color: #ffffff !important;
				}

				.tiles8 article > a h2 {
					margin: 0;
				}

				.tiles8 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles8 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles8 article.style1 > .image:before {
				/*background-color: #f2849e;*/
			}

			.tiles8 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles8 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles8 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles8 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles8 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles8 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles8 article:hover > .image:before {
					background-color: #333333;
					opacity: 0.35;
				}

				body:not(.is-touch) .tiles8 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles8 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles8 {
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles8 {
				margin: 0em 0 0 -1.25em;
			}

				.tiles8 article {
					width: calc(33.33333% - 1.25em);
					margin: 2.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles8 {
				margin: 0em 0 0 -1.25em;
			}

				.tiles8 article {
					width: calc(33.3333% - 1.25em);
					margin: 2.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles8 {
				margin: 0em;
			}

				.tiles8 article {
					width: 100%;
					margin: 2.25em 0 0 0em;
				}

					.tiles8 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles8 {
				margin: 0;
			}

				.tiles8 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}


		
		
		
			/* tiles9 */

	.tiles9 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -0.8em 0 0 -1em;
	}

		.tiles9 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: 25%;
			margin: -0.8em 0 0 0em;
			color:#000;
			font-size: 1.2em;
		}
		
		.tiles9 article  b {
					color: #FFFFFF;
					font-size: 1.2em;
				}

			.tiles9 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles9 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles9 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles9 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
				
				.tiles9 article > .image1 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles9 article > .image1 img {
					display: block;
					width: 100%;
				}

				.tiles9 article > .image1:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles9 article > .image1:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
				
				.tiles9 article > .image2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles9 article > .image2 img {
					display: block;
					width: 100%;
				}

				.tiles9 article > .image2:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles9 article > .image2:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
				
				.tiles9 article > .image3 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles9 article > .image3 img {
					display: block;
					width: 100%;
				}

				.tiles9 article > .image3:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles9 article > .image3:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				

			.tiles9 article > a {
				font-size: 1.2em;
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: left;
				-webkit-align-items: left;
				-ms-align-items: left;
				align-items: left;
				-moz-justify-content: left;
				-webkit-justify-content: left;
				-ms-justify-content: left;
				justify-content: left;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0.5em;
				left: 0.5em;
				bottom: 0.5em;
				vertical-align:bottom;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: left;
				text-decoration: none;
				z-index: 3;
			}

				.tiles9 article > a > :last-child {
					margin: 0;
				}

				.tiles9 article > a:hover {
					color: #FFFFFF;
					font-size: 1.2em;
				}
				
				.tiles9 article > a:hover b {
					color: #FFFFFF;
					font-size: 1.2em;
				}

				.tiles9 article > a h2 {
					margin: 0;
				}

				.tiles9 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles9 article > a .content > :last-child {
						margin-bottom: 0;
					}


			

					.tiles9 article.style1 > a .content > :last-child {
						margin-bottom: 0;
					}


			.tiles9 article.style1 > .image:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}
			
			.tiles9 article.style1 > .image1:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}
			
			
			.tiles9 article.style1 > .image2:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}
			
			.tiles9 article.style1 > .image3:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}

			.tiles9 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles9 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles9 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles9 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles9 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles9 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles9 article:hover > .image:before {
					background-color: #d71f85;
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles9 article:hover > .image1:before {
					background-color: #c9dd03;
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles9 article:hover > .image2:before {
					background-color: #6fd4e2;
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles9 article:hover > .image3:before {
					background-color: #761472;
					opacity: 0.90;
				}

				body:not(.is-touch) .tiles9 article:hover > .image:after {
					opacity: 0;
				}
				
				body:not(.is-touch) .tiles9 article:hover > .image1:after {
					opacity: 0;
				}
				
				body:not(.is-touch) .tiles9 article:hover > .image2:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles9 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles9 {
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles9 {
				margin: -1.25em 0 0 0em;
			}

				.tiles9 article {
					width: 25%;
					margin: 0em 0 0 0em;
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles9 {
				margin: -1.25em 0 0 0em;
			}

				.tiles9 article {
					width: 50%;
					margin: 1.25em 0 0 0em;
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles9 {
				margin: 0em;
			}

				.tiles9 article {
					width: 50%;
					margin: 1.25em 0 0 0em;
					font-size: 0.8em;
				}

					.tiles9 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles9 {
				margin: 0;
			}

				.tiles9 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}
		

	/* tiles0 */

	.tiles0 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -2.5em 0 0 -2.5em;
	}

		.tiles0 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(33.33333% - 7.5em);
			margin: -1em 0em 0 5.5em;
			text-align:center;
			background-color:#ddd;
		}
		
		
		.tiles0 article > h2 {
				
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0rem;
				margin-right: 0rem;
				margin-top: 0.7rem;
				font-size:1.6rem;
				color: #007c92;
				line-height: 1.2em;
				
				
			
			}
			
			.tiles0 article > h3 {
			
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.2rem;
				margin-right: 0rem;
				margin-top: 0.7rem;
				font-size:1.0rem;
				color: #303030;
				line-height: 1.5em;
				
			
			}
			
			.tiles0 article > h4 {
			
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0.2rem;
				margin-right: 0rem;
				margin-top: 0.7rem;
				font-size:1.0rem;
				color: #303030;
				line-height: 1.5em;
				
			
			}
			

			.tiles0 article > .image {
	/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align: center;
			
				
			}

				.tiles0 article > .image img {
					display: block;
					width: 60%;
					text-align: center;
				}

				.tiles0 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles0 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.25;
					z-index: 2;
				}

			.tiles0 article > a {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
				z-index: 3;
			}

				.tiles0 article > a > :last-child {
					margin: 0;
				}

				.tiles0 article > a:hover {
					color: #ffffff !important;
				}

				.tiles0 article > a h2 {
					margin: 0;
				}

				.tiles0 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles0 article > a .content > :last-child {
						margin-bottom: 0;
					}

			.tiles0 article.style1 > .image:before {
				/*background-color: #f2849e;*/
			}
			
			.tiles0 article.style1 > h2 {
			/*	position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
				text-align:justify;
				margin-left: 0rem;
				margin-top: 0.7rem;
				font-size:1.6rem;
				color: #303030;
				line-height: 1.2em;
				text-align:center;*/
			}

			.tiles0 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles0 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles0 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles0 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles0 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles0 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles0 article:hover > .image:before {
				/*	background-color: #333333;*/
					opacity: 0.35;
				}

				body:not(.is-touch) .tiles0 article:hover > .image:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles0 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles0 {
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles0 {
				margin: 0em 0 0 -1.25em;
			}

				.tiles0 article {
					width: calc(33.33333% - 1.25em);
					margin: 2.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles0 {
				margin: 0em 0 0 -1.25em;
			}

				.tiles0 article {
					width: calc(33.3333% - 1.25em);
					margin: 2.25em 0 0 1.25em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles0 {
				margin: 0em;
			}

				.tiles0 article {
					width: 100%;
					margin: 2.25em 0 0 0em;
				}

					.tiles0 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles0 {
				margin: 0;
			}

				.tiles0 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}

	/* tiles011 */

	.tiles011 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -6em 6em 0em 4em;
		
	}

		.tiles011 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(33.3% - 0.2em);
			margin: 0em;
			color:#000;
			font-size: 1.2em;
		}
		
		.tiles011 article  b {
					color: #FFFFFF;
					font-size: 1.2em;
				}

			.tiles011 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles011 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles011 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles011 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
				
				.tiles011 article > .image1 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles011 article > .image1 img {
					display: block;
					width: 100%;
				}

				.tiles011 article > .image1:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles011 article > .image1:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
				
				.tiles011 article > .image2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles011 article > .image2 img {
					display: block;
					width: 100%;
				}

				.tiles011 article > .image2:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles011 article > .image2:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				

			.tiles011 article > a {
				font-size: 1.2em;
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: left;
				-webkit-align-items: left;
				-ms-align-items: left;
				align-items: left;
				-moz-justify-content: left;
				-webkit-justify-content: left;
				-ms-justify-content: left;
				justify-content: left;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0.5em;
				left: 0.5em;
				bottom: 0.5em;
				vertical-align:bottom;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: left;
				text-decoration: none;
				z-index: 3;
				line-height: 1em;
			}

				.tiles011 article > a > :last-child {
					margin: 0;
				}

				.tiles011 article > a:hover {
					color: #FFFFFF;
					font-size: 1.2em;
				}
				
				.tiles011 article > a:hover b {
					color: #FFFFFF;
					font-size: 1.2em;
				}

				.tiles011 article > a h2 {
					margin: 0;
				}

				.tiles011 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles011 article > a .content > :last-child {
						margin-bottom: 0;
					}


			

					.tiles011 article.style1 > a .content > :last-child {
						margin-bottom: 0;
					}


			.tiles011 article.style1 > .image:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}
			
			.tiles011 article.style1 > .image1:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}
			
			
			.tiles011 article.style1 > .image2:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}

			.tiles011 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles011 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles011 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles011 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles011 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles011 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
				margin-bottom: 1px #000000;
			}

				body:not(.is-touch) .tiles011 article:hover > .image:before {
					/*background-color: #d71f85;*/
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles011 article:hover > .image1:before {
					/*background-color: #c9dd03;*/
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles011 article:hover > .image2:before {
					/*background-color: #6fd4e2;*/
					opacity: 0.90;
				}

				body:not(.is-touch) .tiles011 article:hover > .image:after {
					opacity: 0;
				}
				
				body:not(.is-touch) .tiles011 article:hover > .image1:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles011 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles011 {
			margin-top: 1em;
		}
		
		
		
	@media screen and (max-width: 1480px) {

			.tiles011 {
				margin: 0em 3em 0em 4em;
			}

				.tiles011 article {
					width: calc(33.3%);
					margin: 0em;
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles011 {
				margin: 0em;
			}

				.tiles011 article {
					width: calc(33.3%);
					margin: 0em;
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles011 {
				margin: 0em -3em 0 -3em;
			}

				.tiles011 article {
					width: 100%;
					margin:0em;
					font-size: 0.8em;
				}

					.tiles011 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles011 {
				margin: 0em;
			}

				.tiles011 article {
					width: 100%;
					margin: 0em;
				}

		}
		
		
	/* tiles01 */

	.tiles01 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -0.8em 0 0 -1em;
		border-bottom: 1px solid #f0780a;
	}

		.tiles01 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: 33.3%;
			margin: -0.8em 0 0.1em 0em;
			color:#000;
			font-size: 1.2em;
		}
		
		.tiles01 article  b {
					color: #FFFFFF;
					font-size: 1.2em;
				}

			.tiles01 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles01 article > .image img {
					display: block;
					width: 100%;
				}

				.tiles01 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles01 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
				
				.tiles01 article > .image1 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles01 article > .image1 img {
					display: block;
					width: 100%;
				}

				.tiles01 article > .image1:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles01 article > .image1:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
				
				.tiles01 article > .image2 {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position: relative;
				display: block;
				width: 100%;
				border-radius: 0px;
				overflow: hidden;
			}

				.tiles01 article > .image2 img {
					display: block;
					width: 100%;
				}

				.tiles01 article > .image2:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles01 article > .image2:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				

			.tiles01 article > a {
				font-size: 1.2em;
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: left;
				-webkit-align-items: left;
				-ms-align-items: left;
				align-items: left;
				-moz-justify-content: left;
				-webkit-justify-content: left;
				-ms-justify-content: left;
				justify-content: left;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0.5em;
				left: 0.5em;
				bottom: 0.5em;
				vertical-align:bottom;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #ffffff;
				text-align: left;
				text-decoration: none;
				z-index: 3;
				line-height: 1em;
			}

				.tiles01 article > a > :last-child {
					margin: 0;
				}

				.tiles01 article > a:hover {
					color: #FFFFFF;
					font-size: 1.2em;
				}
				
				.tiles01 article > a:hover b {
					color: #FFFFFF;
					font-size: 1.2em;
				}

				.tiles01 article > a h2 {
					margin: 0;
				}

				.tiles01 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles01 article > a .content > :last-child {
						margin-bottom: 0;
					}


			

					.tiles01 article.style1 > a .content > :last-child {
						margin-bottom: 0;
					}


			.tiles01 article.style1 > .image:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}
			
			.tiles01 article.style1 > .image1:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}
			
			
			.tiles01 article.style1 > .image2:before {
				/*background-color: #f2849e;*/
				font-size: 1.2em;
				color:#000;
			}

			.tiles01 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles01 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles01 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles01 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles01 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles01 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
				margin-bottom: 1px #000000;
			}

				body:not(.is-touch) .tiles01 article:hover > .image:before {
					/*background-color: #d71f85;*/
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles01 article:hover > .image1:before {
					/*background-color: #c9dd03;*/
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles01 article:hover > .image2:before {
					/*background-color: #6fd4e2;*/
					opacity: 0.90;
				}

				body:not(.is-touch) .tiles01 article:hover > .image:after {
					opacity: 0;
				}
				
				body:not(.is-touch) .tiles01 article:hover > .image1:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles01 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles01 {
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles01 {
				margin: -1.25em 0 0 0em;
			}

				.tiles01 article {
					width: 33.3%;
					margin: 0em 0 0 0em;
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles01 {
				margin: -1.25em 0 0 0em;
			}

				.tiles01 article {
					width: 33.3%;
					margin: 1.25em 0 0 0em;
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles01 {
				margin: 0em;
			}

				.tiles01 article {
					width: 33.3%;
					margin: 1.25em 0 0 0em;
					font-size: 0.8em;
				}

					.tiles01 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles01 {
				margin: 0;
			}

				.tiles01 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}
		
		
		
		

/* tiles02 */

	.tiles02 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		margin: -1.25em -5em -1em -5em;
		color:#000;
		background-color:#CCC;
		line-height: 1em;
	}

		.tiles02 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: calc(25% - 4.25em);
			margin: 1.25em -1em 0 4.25em;
			color:#000;
			font-size: 1em;
			line-height: 1em;
		}
		
		.tiles02 article  b {
					color: #000000;
					font-size: 1em;
				}

			.tiles02 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position:relative;
				display: block;
				width: 50%;
				border-radius: 0px;
				overflow: hidden;
				text-align:center;
			}

				.tiles02 article > .image img {
					/*display: block;*/
					text-align:center;
					width: 100%;
				}

				.tiles02 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles02 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
	
			.tiles02 article > h2 {
				font-size: 1em;
				color:#000;
				line-height: 1em;
	
			}
			
		


			.tiles02 article > a {
				font-size: 1em;
				
				
				top: 0.3em;
				left: 0.5em;
				bottom: 0.5em;
				vertical-align:bottom;
				width: 100%;
				height: 100%;
				padding: 0.4em;
				border-radius: 0px;
				border-bottom: 0;
				color: #000000;
				text-align: left;
				text-decoration: none;
				z-index: 3;
				
			}

				.tiles02 article > a > :last-child {
					margin: 0;
				}

				.tiles02 article > a:hover {
					color: #000000;
					font-size: 1.2em;
				}
				
				.tiles02 article > a:hover b {
					color: #00000;
					font-size: 1.2em;
				}

				.tiles02 article > a h2 {
					margin: 0;
				}

				.tiles02 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles02 article > a .content > :last-child {
						margin-bottom: 0;
					}


			

					.tiles02 article.style1 > a .content > :last-child {
						margin-bottom: 0;
					}


			.tiles02 article.style1 > .image:before {
				/*background-color: #f2849e;*/
				/*font-size: 1.2em;
				color:#000;*/
			}
			
			

			.tiles02 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			.tiles02 article.style3 > .image:before {
				/*background-color: #7bd0c1;*/
			}

			.tiles02 article.style4 > .image:before {
				/*background-color: #c75b9b;*/
			}

			.tiles02 article.style5 > .image:before {
				/*background-color: #ae85ca;*/
			}

			.tiles02 article.style6 > .image:before {
				/*background-color: #8499e7;*/
			}

			body:not(.is-touch) .tiles02 article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles02 article:hover > .image:before {
					/*background-color: #d71f85;*/
					opacity: 0.90;
				}
				
		
				

				body:not(.is-touch) .tiles02 article:hover > .image:after {
					opacity: 0;
				}
				
			

			body:not(.is-touch) .tiles02 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles02 {
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles02 {
				margin: 0em -5em -1em -5em;
				/*margin: -1.25em 0 0 0em;*/
			}

				.tiles02 article {
					width: 25%;
					margin: 1.25em -1em 0 4.25em;
					/*margin: 0em 0 0 0em;*/
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles02 {
				/*margin: -1.25em 0 0 0em;*/
				margin: -0em -3em -1em -3em;
			}

				.tiles02 article {
					width: 25%;
					margin: 1.25em -1em 0 2.25em;
					/*margin: 2.25em 2em 2em 2em;*/
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles02 {
				/*margin: 0em;*/
				margin: 0em -3em -1em -3em;
				
			}

				.tiles02 article {
					width: 50%;
					margin: 1.25em -1em 0 1.25em;
					font-size: 0.8em;
				}

					.tiles02 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles02 {
				/*margin: 0;*/
				margin: 0em -2em -1em -2em;
			}

				.tiles02 article {
					width: 100%;
					margin: 1.25em -1em 0 1.25em;
				}

		}




	
			/* tiles03*/

	.tiles03{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		postiion: relative;
		margin: -1.25em -5em -1em -5em;
		color:#000;
		background-color:#CCC;
	}

		.tiles03 article {
			/*-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;*/
			position: relative;
			width: 100%;
			margin: 0em 0 0 1.25em;
			color:#000000;
			font-size: 0.9em;
		}
		
		.tiles03 article  b {
					color: #FFFFFF;
					font-size: 1.2em;
				}

			.tiles03 article > .image {
				/*-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;*/
				position:relative;
				display: block;
				width: 50%;
				border-radius: 0px;
				overflow: hidden;
				text-align:center;
			}

				.tiles03 article > .image img {
					/*display: block;*/
					text-align:center;
					width: 100%;
				}

				.tiles03 article > .image:before {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
					-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
					-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
					transition: background-color 0.5s ease, opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 1.0;
					z-index: 1;
					opacity: 0.8;
				}

				.tiles03 article > .image:after {
					/*-moz-pointer-events: none;
					-webkit-pointer-events: none;
					-ms-pointer-events: none;
					pointer-events: none;
					-moz-transition: opacity 0.5s ease;
					-webkit-transition: opacity 0.5s ease;
					-ms-transition: opacity 0.5s ease;
					transition: opacity 0.5s ease;*/
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
					background-position: center;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					opacity: 0.20;
					z-index: 2;
				}
				
	
	

			.tiles03 article > a {
				font-size: 1.2em;
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: left;
				-webkit-align-items: left;
				-ms-align-items: left;
				align-items: left;
				-moz-justify-content: left;
				-webkit-justify-content: left;
				-ms-justify-content: left;
				justify-content: left;
			/*	-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
				transition: background-color 0.5s ease, transform 0.5s ease;*/
				position: absolute;
				top: 0.5em;
				left: 0.5em;
				bottom: 0.5em;
				vertical-align:bottom;
				width: 100%;
				height: 100%;
				padding: 0.1em;
				border-radius: 0px;
				border-bottom: 0;
				color: #000000;
				text-align: left;
				text-decoration: none;
				z-index: 3;
				
			}

				.tiles03 article > a > :last-child {
					margin: 0;
				}

				.tiles03 article > a:hover {
					color: #000000;
					font-size: 1.2em;
				}
				
				.tiles03article > a:hover b {
					color: #00000;
					font-size: 1.2em;
				}

				.tiles03 article > a h2 {
					margin: 0;
				}

				.tiles03 article > a .content {
					/*-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
					-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
					-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
					transition: max-height 0.5s ease, opacity 0.5s ease;*/
					width: 100%;
					max-height: 0;
					line-height: 1.5;
					margin-top: 0.35em;
					opacity: 0;
				}

					.tiles03 article > a .content > :last-child {
						margin-bottom: 0;
					}


			

					.tiles03 article.style1 > a .content > :last-child {
						margin-bottom: 0;
					}


			.tiles03 article.style1 > .image:before {
				/*background-color: #f2849e;*/
				/*font-size: 1.2em;
				color:#000;*/
			}
			
			

			.tiles03 article.style2 > .image:before {
				/*background-color: #7ecaf6;*/
			}

			
			}

			body:not(.is-touch) .tiles03article:hover > .image {
				/*-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);*/
			}

				body:not(.is-touch) .tiles03 article:hover > .image:before {
					background-color: #d71f85;
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles03 article:hover > .image1:before {
					background-color: #c9dd03;
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles03 article:hover > .image2:before {
					background-color: #6fd4e2;
					opacity: 0.90;
				}
				
				body:not(.is-touch) .tiles03 article:hover > .image3:before {
					background-color: #761472;
					opacity: 0.90;
				}

				body:not(.is-touch) .tiles03 article:hover > .image:after {
					opacity: 0;
				}
				
				body:not(.is-touch) .tiles03 article:hover > .image1:after {
					opacity: 0;
				}
				
				body:not(.is-touch) .tiles03 article:hover > .image2:after {
					opacity: 0;
				}

			body:not(.is-touch) .tiles03 article:hover .content {
				max-height: 15em;
				opacity: 1;
			}

		* + .tiles03{
			margin-top: 1em;
		}
		
		
		
				@media screen and (max-width: 1280px) {

			.tiles03{
				margin: 0em -5em -1em -5em;
			}

				.tiles03 article {
					width: 100%;
					margin: 0em 0 0 0em;
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 980px) {

			.tiles03{
				margin: -0em -3em -1em -3em;
			}

				.tiles03 article {
					width: 25%;
					margin: 1.25em 0 0 0em;
					font-size: 0.8em;
				}

		}

		@media screen and (max-width: 736px) {

			.tiles03{
				margin: 0em -3em -1em -3em;
			}

				.tiles03 article {
					width: 100%;
					margin: 1.25em 0 0 0em;
					font-size: 0.8em;
				}

					.tiles03 article:hover > .image {
						-moz-transform: scale(1.0);
						-webkit-transform: scale(1.0);
						-ms-transform: scale(1.0);
						transform: scale(1.0);
					}

		}

		@media screen and (max-width: 480px) {

			.tiles03{
				margin: 1.25em -1em 0 1.25em;
			}

				.tiles03 article {
					width: 100%;
					margin: 1.25em 0 0 0;
				}

		}



		
			
/* FORMULARIO DE CONTACTO*/


.column_form {
	width: 80%; vertical-align: top; display: inline-block;
}

.form_column {
	padding: 10px; width: 80%; text-align: left; vertical-align: top; display: inline-block;
}

.content_form {
	padding: 15px; width: 80%; text-align: left; margin-top: 15px; vertical-align: top; display: inline-block;
}
.content_form .title {
	color:  #003585;
	font-size: 1rem;
	margin-bottom: 10px;
}
.form_one_column {
	margin: 0px auto; width: 85%; 
	
	vertical-align: top;
	display: block;
}
.section_form {
	padding: 3em; width: 100%;
	align-content: center;
	align: center;
	border: 5px ;
	border-color: antiquewhite;
	
	vertical-align: top; 
	display: inline-block;
}
.section_form .title {
	color:  #003585;
	text-transform: uppercase; line-height: 25px; padding-bottom: 10px; 
	
	font-size: 1.76rem; margin-top: 15px; margin-bottom: 15px;  border-bottom-style: solid; display: block;
}
.section_form .field {
	width: 100%; text-align: left; margin-top: 10px;
}
.section_form .field .label_container {
	color:  #003585; padding-left: 0px; font-size: 0.7rem; margin-top: 1px; margin-bottom: 1px; 
}
.section_form .field label {
	color:  #003585; 
	font-size: 1.12rem; margin-top: 10px;
}

.section_form .field .polity {
	width: 75%; padding-left: 5px;
	font-size: 1.12rem; 
	margin-left: 1px; 
	vertical-align: top;
	display: inline-block;
}
.section_form .field .input_container {
	width: 100%; text-align: center;
	
}
.section_form .field .input_container ul {
	padding: 3px; color: #003585;
	font-size: 0.81rem;
	display: inline-block;
	background: rgb(255,2155,255);
		
}
.section_form .field .input_container ul li {
	width: 100%; 
	display: inline-block;
}
.section_form .field .input_container ul i {
	color:  #003585;
}
.section_form .field .input_container p {
	color: #003585; 
	font-size: 0.81rem;
	margin-top: 5px; 
	display: inline-block;
}
.section_form .field .input_container p + p {
	margin-left: 5px;
}
.section_form .field .input_container a {
	color:  #03585;
	font-size: 0.81rem;
	display: inline-block;
}
.section_form .field .input_container a a:hover {
	color:  #003585;
	display: inline-block;
}

.section_form .field .input_contenedor {
	width: 10%; text-align: center;
}
.section_form .field .input_contenedor ul {
	padding: 5px; color: #003585;
	
	font-size: 0.81rem;
	display: inline-block;
}
.section_form .field .input_contenedor ul li {
	width: 50%; 
	display: inline-block;
}
.section_form .field .input_contenedor ul i {
	color:  #003585;
}
.section_form .field .input_contenedor p {
	color: #003585; 
	font-size: 0.81rem;
	 margin-top: 10px; 
	 display: inline-block;
}
.section_form .field .input_contenedor p + p {
	margin-left: 5px;
}
.section_form .field .input_contenedor a {
	color:  #003585;
	font-size: 0.81rem;
	display: inline-block;
}
.section_form .field .input_contenedor a a:hover {
	color:  #003585;
	display: inline-block;
}


.section_form .form_errors {
	width: 100%; display: inline-block;
}
.section_form .form_errors li::before {
	color: rgb(220, 0, 46);
	font-family: fontawesome;
	margin-right: 5px;
	content: "\f00d";
}
.box_image {
	padding: 15px; 
	width: 100%; 
	text-align: center; 
	display: block;
}
.box_image img {
	display: inline-block;
}

select {
	background: rgb(255, 255, 255); 
	padding: 7px;
	border: 1px solid  #003585; 
	width: 100%; 
	height: 36px; 
	color: #333333; 
	font-size: 1rem; 
	margin-top: 8px; 
	margin-bottom: 8px; 
}

input {
	background: #ffffff; 
	padding: 7px; 
	border: 4px solid  #003585; 
	border-color: #003585;
	width: 100%; 
	color: #222222;
	font-size: 1rem; 
	margin-top: 8px; 
	margin-bottom: 8px; 
	display: inline-block; 
	
}
textarea {
	background: rgb(255, 255, 255); 
	padding: 7px; border: 1px solid  #003585; 
	border-image: none; width: 100%; color: #aaaaaa; 
	font-size: 1rem; 
	margin-top: 8px; 
	margin-bottom: 8px; 
	display: inline-block; 
	 
}
input[type='radio'] {
	width: auto; vertical-align: middle;
}
input[type='radio'] + label {
	vertical-align: middle;
}
:-ms-input-placeholder {
	color:  #003585;
}
textarea {
	min-height: 100px; max-height: 300px; max-width: 100%;
}

.button_radio {
	background: 0px; border: 4px solid #333333; border-image: none; width: 3%; display: inline-block; box-shadow: none;
}
#loader_container {
	text-align: center; margin-top: 20px; display: none;
}
#loader_container img {
	max-width: 50px;
}
#used_vehicle_filters {
	display: block;
}
.hour_widget select {
	width: 47%; display: inline-block;
}


/*++++++*/
.wrap2 {width:850px; margin-left: 10px;}
.clear {clear:both;}

ul.tabs {list-style:none; width:930px;}
ul.tabs li:first-child {border-left:1px solid #ccc;}
ul.tabs li {float:left; border-right:1px solid #ccc; border-top:1px solid #ccc; background-color:#eee;}
ul.tabs li.active {border-bottom:1px solid #fff; background-color:#fff; margin-bottom:-1px;}
ul.tabs li a {display:block; padding:5px 10px; color:#777; letter-spacing:-1px; outline:none; text-decoration:none;}
ul.tabs li.active a {font-weight:600; color:#000;}

div.tabs_content {width:930px; border:1px solid #ccc;}
div.tabs_content > div {padding:20px;}




/***************************footer***************************/

#followUs {
  /********** X-SMALL ***********/
  width: 100%;
  margin-top: 70px;
  padding: 0 8px;
  /*********** SMALL ************/
  /*********** MEDIUM ***********/
  /*********** LARGE ************/
}
@media (min-width: 1280px) {
  #followUs {
    width: 1110px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1400px) {
  #followUs {
    width: 1230px;
  }
}
#followUs:before,
#followUs:after {
  content: " ";
  display: table;
}
#followUs:after {
  clear: both;
}
#followUs:before,
#followUs:after {
  content: " ";
  display: table;
}
#followUs:after {
  clear: both;
}
#followUs .title {
  font-family: 'citroenlight', Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1em;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
#followUs .title .line2 {
  /*font-family: 'citroenbold', Helvetica, Arial, sans-serif;*/
  display: none;
}
#followUs #followUsMenu {
  margin-top: 15px;
}
#followUs #followUsMenu .btnFollow {
  display: block;
  float: left;
  margin: 1px 1px 0 0;
  background: url("pictosSocialNetworks.svg") 
  left center #d71f85;
  background-size: auto 100%;
  width: 100px;
  height: 100px;
  color: #fff;
  font-size: 8px;
  /*font-family: 'citroenlight', Helvetica, Arial, sans-serif;*/
  text-decoration: none;
  text-align: center;
}
#followUs #followUsMenu .btnFollow .hover {
  padding-top: 20px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
#followUs #followUsMenu .btnFollow .hover .count {
  /*font-family: 'citroenbold', Helvetica, Arial, sans-serif;*/
}
#followUs #followUsMenu .btnFollow#btnTwitter {
  background-position: 0% center;
}
#followUs #followUsMenu .btnFollow#btnTwitter .hover {
  background-color: #00abf0;
}
#followUs #followUsMenu .btnFollow#btnFacebook {
  background-position: 25% center;
}
#followUs #followUsMenu .btnFollow#btnFacebook .hover {
  background-color: #39579a;
}
#followUs #followUsMenu .btnFollow#btnLinkedIn {
  background-position: 50% center;
}
#followUs #followUsMenu .btnFollow#btnLinkedIn .hover {
  background-color: #007ab8;
}
#followUs #followUsMenu .btnFollow#btnInstagram {
  background-position: 75% center;
}
#followUs #followUsMenu .btnFollow#btnInstagram .hover {
  background-color: #4f7ea6;
}
#followUs #followUsMenu .btnFollow#btnYoutube {
  background-position: 100% center;
}
#followUs #followUsMenu .btnFollow#btnYoutube .hover {
  background-color: #bd0000;
}
#followUs #followUsMenu .btnFollow:hover .hover {
  opacity: 1;
}
@media (min-width: 768px) {
  #followUs {
    margin-top: 54px;
    padding: 0 58px;
  }
  #followUs .title {
    font-size: 20px;
    float: left;
    width: 33.33%;
  }
  #followUs #followUsMenu {
    float: left;
    width: 66.67%;
    margin-top: 30px;
  }
  #followUs #followUsMenu .btnFollow {
    width: 60px;
    height: 60px;
    font-size: 11px;
  }
  #followUs #followUsMenu .btnFollow .hover {
    padding-top: 12px;
  }
}
@media (min-width: 992px) {
  #followUs {
    margin-top: 80px;
    padding: 0 85px;
  }
  #followUs .title {
    font-size: 26px;
  }
  #followUs .title .line2 {
    display: inline;
  }
  #followUs #followUsMenu {
    margin-top: 40px;
  }
  #followUs #followUsMenu .btnFollow {
    width: 100px;
    height: 100px;
    font-size: 18px;
  }
  #followUs #followUsMenu .btnFollow .hover {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  #followUs .title {
    font-size: 35x;
  }
  #followUs #followUsMenu {
    margin-top: 58px;
  }
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}


/*ZoomIn Hover Effect*/
    .hover-zoomin a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-zoomin img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-zoomin:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }

    /*Fade Hover Effect*/
    .hover-fade a {
      display: block;
      position: relative;
      overflow: hidden;
      background-color: #333;
    }
    .hover-fade img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-fade:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
      filter: alpha(opacity=0.5);
      opacity: 0.5;
    }

    /*ZoomIn Hover-Mask Effect*/
    .hover-mask a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-mask img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-mask:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
    .hover-mask a h2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      height: 100%;
      width: 100%;
      padding: 45% 20px;
      text-align: center;
      background-color: rgba(0,0,0,0.4);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-mask:hover a h2 {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .hover-mask .glyphicon {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      color: #fff;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-mask:hover .glyphicon {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      opacity: 1;
    }

    /* Hover Blur Effect */
    .text-white {
      color: #fff;
    }
    .hover-blur a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-blur img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-blur:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-filter: grayscale(0.6) blur(1px);
      filter: grayscale(0.6) blur(1px);
    }
    .hover-blur a h2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      height: 100%;
      width: 100%;
      padding: 45% 20px;
      text-align: center;
      background-color: rgba(0,0,0,0.5);
      /*background dotted*/
      background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      -webkit-background-size: 3px 3px;
      -moz-background-size: 3px 3px;
      background-size: 3px 3px;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blur:hover a h2 {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .hover-blur .text-white {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blur:hover .text-white {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      opacity: 1;
    }

    /* Hover Zoomout */
    .hover-zoomout a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-zoomout img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
    .hover-zoomout:hover img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

/*Hover Blurout Effect*/
    .hover-blurout a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-blurout img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
    .hover-blurout:hover img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      /*Blur Filtr*/
      -webkit-filter: grayscale(0.6) blur(1px);
      -moz-filter: grayscale(0.6) blur(1px);
      -o-filter: grayscale(0.6) blur(1px);
      -ms-filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=2);
      filter: progid:DXImageTransform.Microsoft.blur(pixelradius=2);
      filter: grayscale(0.6) blur(2px);
    }
    .hover-blurout a h2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      height: 100%;
      width: 100%;
      padding: 45% 20px;
      text-align: center;
      background-color: rgba(0,0,0,0.4);
      /*background dotted*/
      background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      -webkit-background-size: 3px 3px;
      -moz-background-size: 3px 3px;
      background-size: 3px 3px;

      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blurout:hover a h2 {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .hover-blurout .glyphicon {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      color: #fff;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blurout:hover .glyphicon {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      opacity: 1;
    }
/* ---------Hover Overlay text Effect--------- */

    .overlay-item {
       display: block;
       position: relative;
       overflow: hidden;
       text-align: center;

    }
    .overlay-item .mask {
       display: block;
       position: absolute;
       overflow: hidden;
       top: 0;
       left: 0;
       height: 100%;
    }
    .overlay-item img {
       display: block;
       width: 100%;
       height: auto;
       x-margin-right: auto;
       x-margin-left: auto;
    }
    .overlay-item h3 {
       text-transform: uppercase;
       text-align: center;
       position: relative;
       padding: 10px;
       margin: 0px 0px 20px 0px;
       display: block;
       background-color: #333;
       color: #fff;
    }
    .overlay-item p {
       text-align: left;
    }
    .overlay-item a.btn {
      margin: 10px 0;
    }

    .overlay-effect img {
       -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
       -o-transform: scaleY(1);
       -ms-transform: scaleY(1);
       transform: scaleY(1);
       -webkit-transition: all 0.7s ease-in-out;
       -moz-transition: all 0.7s ease-in-out;
       -o-transition: all 0.7s ease-in-out;
       -ms-transition: all 0.7s ease-in-out;
       transition: all 0.7s ease-in-out;
    }
    .overlay-effect .mask {
       background-color: rgba(255, 255, 255, 0.3);
       -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
       transition: all 0.5s linear;
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
    }
    .overlay-effect h3 {
       -webkit-transform: scale(0);
       -moz-transform: scale(0);
       -o-transform: scale(0);
       -ms-transform: scale(0);
       transform: scale(0);
       -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
       transition: all 0.5s linear;
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
    }
    .overlay-effect p {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transform: scale(0);
       -moz-transform: scale(0);
       -o-transform: scale(0);
       -ms-transform: scale(0);
       transform: scale(0);
       -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
       transition: all 0.5s linear;
    }
    .overlay-effect a.btn {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transform: scale(0);
       -moz-transform: scale(0);
       -o-transform: scale(0);
       -ms-transform: scale(0);
       transform: scale(0);
       -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
       -ms-transition: all 0.5s linear;
       transition: all 0.5s linear;
    }
    .overlay-effect:hover img {
       -webkit-transform: scale(10);
       -moz-transform: scale(10);
       -o-transform: scale(10);
       -ms-transform: scale(10);
       transform: scale(10);
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
    }
    .overlay-effect:hover .mask {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       opacity: 1;
    }
    .overlay-effect:hover h3,.overlay-effect:hover p,.overlay-effect:hover a.btn {
       -webkit-transform: scale(1);
       -moz-transform: scale(1);
       -o-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       opacity: 1;
    }
/*Hover Fall Effect*/
    .fall-item {
       width: 100%;
       height: auto;
       overflow: hidden;
       position: relative;
       text-align: center;
    }
    .fall-item .mask,.fall-item .content {
       width: 100%;
       height: 100%;
       position: absolute;
       overflow: hidden;
       top: 0;
       left: 0;
    }
    .fall-item img {
       display: block;
       position: relative;
       width: 100%;
       height: auto;
    }
    .fall-item h2 {
       text-transform: uppercase;
       color: #fff;
       text-align: center;
       position: relative;
       padding: 10px;
       background: rgba(0, 0, 0, 0.8);
       margin: 0 0 0 0;
    }
    .fall-item p {
       font-style: italic;
       position: relative;
       color: #fff;
       padding: 10px 20px 20px;
       text-align: center;
    }
    .fall-effect .mask {
       background-color: rgba(255, 255, 255, 0.7);
       top: -200px;
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       opacity: 0;
       -webkit-transition: all 0.3s ease-out 0.5s;
       -moz-transition: all 0.3s ease-out 0.5s;
       -o-transition: all 0.3s ease-out 0.5s;
       -ms-transition: all 0.3s ease-out 0.5s;
       transition: all 0.3s ease-out 0.5s;
    }
    .fall-effect h2 {
       -webkit-transform: translateY(-200px);
       -moz-transform: translateY(-200px);
       -o-transform: translateY(-200px);
       -ms-transform: translateY(-200px);
       transform: translateY(-200px);
       -webkit-transition: all 0.2s ease-in-out 0.1s;
       -moz-transition: all 0.2s ease-in-out 0.1s;
       -o-transition: all 0.2s ease-in-out 0.1s;
       -ms-transition: all 0.2s ease-in-out 0.1s;
       transition: all 0.2s ease-in-out 0.1s;
    }
    .fall-effect p {
       color: #333;
       -webkit-transform: translateY(-200px);
       -moz-transform: translateY(-200px);
       -o-transform: translateY(-200px);
       -ms-transform: translateY(-200px);
       transform: translateY(-200px);
       -webkit-transition: all 0.2s ease-in-out 0.2s;
       -moz-transition: all 0.2s ease-in-out 0.2s;
       -o-transition: all 0.2s ease-in-out 0.2s;
       -ms-transition: all 0.2s ease-in-out 0.2s;
       transition: all 0.2s ease-in-out 0.2s;
    }
    .fall-effect a.btn {
       -webkit-transform: translateY(-200px);
       -moz-transform: translateY(-200px);
       -o-transform: translateY(-200px);
       -ms-transform: translateY(-200px);
       transform: translateY(-200px);
       -webkit-transition: all 0.2s ease-in-out 0.3s;
       -moz-transition: all 0.2s ease-in-out 0.3s;
       -o-transition: all 0.2s ease-in-out 0.3s;
       -ms-transition: all 0.2s ease-in-out 0.3s;
       transition: all 0.2s ease-in-out 0.3s;
    }
    .fall-effect:hover .mask {
       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       opacity: 1;
       top: 0px;
       -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
       -ms-transition-delay: 0s;
       transition-delay: 0s;

    }
    .fall-effect:hover h2 {
       -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
       -o-transform: translateY(0px);
       -ms-transform: translateY(0px);
       transform: translateY(0px);
       -webkit-transition-delay: 0.4s;
       -moz-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
       -ms-transition-delay: 0.4s;
       transition-delay: 0.4s;
    }
    .fall-effect:hover p {
       -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
       -o-transform: translateY(0px);
       -ms-transform: translateY(0px);
       transform: translateY(0px);
       -webkit-transition-delay: 0.2s;
       -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
       -ms-transition-delay: 0.2s;
       transition-delay: 0.2s;
    }
    .fall-effect:hover a.btn {
       -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
       -o-transform: translateY(0px);
       -ms-transform: translateY(0px);
       transform: translateY(0px);
       -webkit-transition-delay: 0s;
       -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
       -ms-transition-delay: 0s;
       transition-delay: 0s;
    }

/**filtrar**/


@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
1. 1800px
************/

@media only screen and (max-width: 1800px)
{
	.search
	{
		width: 200px;
	}
}

/************
1. 1600px
************/

@media only screen and (max-width: 1600px)
{
	.main_nav
	{
		padding-left: 100px;
	}
	.shopping
	{
		padding-right: 100px;
		margin-left: 100px;
	}
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
	.shopping
	{
		padding-right: 74px;
		margin-left: 60px;
	}
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	.main_nav
	{
		padding-left: 60px;
	}
	.main_nav ul li
	{
		margin-right: 34px;
	}
	.header_search
	{
		display: none;
	}
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	
}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{
	
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	
}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	.main_nav
	{
		display: none;
	}
	.shopping
	{
		padding-right: 91px;
	}
	.home_slider_title
	{
		font-size: 56px;
		height: 76px;
		line-height: 76px;
	}
	.section_title
	{
		font-size: 48px;
	}
	.promo_col:not(:last-child)
	{
		margin-bottom: 60px;
	}
	.product_col:not(:last-child)
	{
		margin-bottom: 50px;
	}
	.extra_promo
	{
		width: 100%;
		height: 616px;
		float: none;
	}
	.extra_promo_1
	{
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.footer_nav ul li
	{
		margin-right: 30px;
	}
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{
	
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	
}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	.home
	{
		height: 100vh;
	}
	.header
	{
		height: 70px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.logo a
	{
		font-size: 24px;
	}
	.shopping
	{
		padding-right: 47px;
		margin-left: 0;
	}
	.burger_container
	{
		top: calc(50% + 1px);
	}
	.home_slider_dots_container,
	.home_slider_next
	{
		display: none !important;
	}
	.home_slider_title
	{
		font-size: 28px;
	}
	.home_slider_subtitle
	{
		font-size: 14px;
	}
	.menu
	{
		width: 100%;
		right: -100%;
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 21px;
	}
	.menu .search
	{
		margin-bottom: 50px;
	}
	.menu .search_input
	{
		height: 36px;
	}
	.menu_close_container
	{
		right: 15px;
	}
	.menu .logo
	{
		margin-bottom: 35px;
		margin-right: auto;
	}
	.menu.active
	{
		right: 0;
	}
	.section_subtitle
	{
		font-size: 12px;
	}
	.section_title
	{
		font-size: 28px;
	}
	.extra
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.extra_promo_1
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.extra_promo_2
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.extra_1_content
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.gallery
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.gallery_title ul li
	{
		display: block;
		margin-right: 0px;
	}
	.gallery_title ul li a
	{
		font-size: 24px;
	}
	.test_text
	{
		font-size: 16px;
	}
	.newsletter
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.newsletter_button
	{
		display: block;
		position: relative;
		margin: 0 auto;
		margin-top: 10px;
	}
	.newsletter_text
	{
		font-size: 13px;
	}
	.footer_logo a
	{
		font-size: 48px;
	}
	.footer_nav ul li
	{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.footer_nav ul li:last-child
	{
		margin-bottom: 0;
	}
	.footer_social ul li
	{
		margin-right: 29px;
	}
	.footer_social ul li a i
	{
		font-size: 20px;
	}
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	.footer_social ul li
	{
		margin-right: 19px;
	}
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	.footer_social ul li
	{
		margin-right: 12px;
	}
}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	.footer_social ul li
	{
		margin-right: 8px;
	}
}
tiles 
/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	.footer_social ul li
	{
		margin-right: 0px;
	}
}


.icon-calendar-check-o:before {
  content: "\61";
}
.icon-car:before {
  content: "\62";
}
.icon-gift:before {
	content: "\63";
}
.icon-post:before{
	content: "\64"
}

/* equipo */

#equipo {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
		max-width: 100%;
		z-index: 3;
	}

		#equipo article {
			-moz-transform: translateY(0.25rem);
			-webkit-transform: translateY(0.25rem);
			-ms-transform: translateY(0.25rem);
			transform: translateY(0.25rem);
			-moz-transition: opacity 0.325s ease-in-out, -moz-transform 0.325s ease-in-out;
			-webkit-transition: opacity 0.325s ease-in-out, -webkit-transform 0.325s ease-in-out;
			-ms-transition: opacity 0.325s ease-in-out, -ms-transform 0.325s ease-in-out;
			transition: opacity 0.325s ease-in-out, transform 0.325s ease-in-out;
			padding: 4.5rem 2.5rem 1.5rem 2.5rem ;
			position: relative;
			width: 40rem;
			max-width: 100%;
			background-color: rgba(27, 31, 34, 0.85);
			border-radius: 4px;
			opacity: 0;
		}

			#equipo article.active {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}

			#equipo article .close {
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				width: 4rem;
				height: 4rem;
				cursor: pointer;
				text-indent: 4rem;
				overflow: hidden;
				white-space: nowrap;
			}

				#equipo article .close:before {
					-moz-transition: background-color 0.2s ease-in-out;
					-webkit-transition: background-color 0.2s ease-in-out;
					-ms-transition: background-color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out;
					content: '';
					display: block;
					position: absolute;
					top: 0.75rem;
					left: 0.75rem;
					width: 2.5rem;
					height: 2.5rem;
					border-radius: 100%;
					background-position: center;
					background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 1%3B %7D%3C/style%3E%3Cline x1='2' y1='2' x2='18' y2='18' /%3E%3Cline x1='18' y1='2' x2='2' y2='18' /%3E%3C/svg%3E");
					background-size: 20px 20px;
					background-repeat: no-repeat;
				}

				#equipo article .close:hover:before {
					background-color: rgba(255, 255, 255, 0.075);
				}

				#equipo article .close:active:before {
					background-color: rgba(255, 255, 255, 0.175);
				}

		@media screen and (max-width: 736px) {

			#equipo article {
				padding: 3.5rem 2rem 0.5rem 2rem ;
			}

				#equipo article .close:before {
					top: 0.875rem;
					left: 0.875rem;
					width: 2.25rem;
					height: 2.25rem;
					background-size: 14px 14px;
				}

		}

		@media screen and (max-width: 480px) {

			#equipo article {
				padding: 3rem 1.5rem 0.5rem 1.5rem ;
			}

		}

/*********************************
10. Footer
*********************************/

.footer
{
	padding-top: 80px;
	background: #b29fa4;
}
.footer_logo a
{
	font-family: 'Lucida', serif;
	font-size: 60px;
	color: #232323;
}
.footer_nav
{
	margin-top: 14px;
}
.footer_nav ul li
{
	display: inline-block;
	margin-right: 53px;
}
.footer_nav ul li:last-child
{
	margin-right: 0;
}
.footer_nav ul li a
{
	font-size: 12px;
	text-transform: uppercase;
	color: #232323;
	font-weight: 600;
	letter-spacing: 0.2em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_nav ul li a:hover
{
	color: #937c6f;
}
.footer_social
{
	margin-top: 51px;
}
.footer_social ul li
{
	display: inline-block;
	margin-right: 36px;
}
.footer_social ul li:last-child
{
	margin-right: 0;
}


.footer_social ul li a i
{
	font-size: 36px;
	color: #000000;
	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.footer_social ul li a i:hover
{
	color: #003585;
}
.copyright
{
	margin-top: 56px;
	padding-bottom: 13px;
	font-family: 'Lucida', serif;
	font-size: 12px;
	color: #232323;
}

.copyright a{
	margin-top: 56px;
	padding-bottom: 13px;
	font-family: 'Lucida', serif;
	font-size: 12px;
	color: #232323;
}