/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< GENERAL >>>>>>>>>>*/	
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900');


body {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	height:auto;
	min-height:100vh;
	line-height:1.3em;
	position:relative;
	}


body {
	font-size:20px;
	}
	@media only screen and (max-width:1500px) {
	body {
	font-size:16px;
	}}


h1, h2, h3, h4, h5, h6,
div.panel.galeria a,
div.panel.servicios h2,
#index header nav,
ul.actions,
div.panel.contacto,
header a.logotipo,
footer,
body#p-contacto form > p,
body#servicios article p{
	font-family: 'Raleway', sans-serif;
	}


h1, h2, h3, h4, h5, h6 {
	color: inherit;
	font-weight:900;
	margin:0px;
	padding:5px 0px;
	line-height:1.4em;
	width:100%;
	}


h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}


img{
	display:block;
	padding:0px;
	margin: 0px;
	max-width:100%;
	padding: 0px;
	}

a, a:visited{
	color:inherit;
	margin:0px;
	padding: 0px;
	text-decoration:underline;
	}

a:hover {	
	text-decoration:underline;
	}

p {
	color: inherit;
	float: left;
	height:auto;
	line-height:1.2em;
	margin: 0px;
	padding:20px 0px;
	width: 100%;
	}

p strong{
	font-weight:700;
	}


ul, ol {
	float: left;
	height: auto;
	margin:15px 0px 15px 18px;
	padding: 0px;
	width:100%;
	}

ul li, 
ol li{
	float: left;
	height: auto;
	line-height:1.4em;
	margin: 0px;
	padding: 0px;
	width:100%;
	}

ul li {
	list-style:disc;
	}


ol li {
	list-style:decimal;
	}

hr {
	border:0px;
	padding:0px;
	margin:20px 0px;
	float: left;
	height:1px;
	width: 100%;
	}


* {
	box-sizing: border-box;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ESTRUCTURA >>>>>>>>>>*/
div.contenedor,
header,
div.panel,
footer{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:center;
	height:auto;
	position:relative;
	width:100%;
	}



.in,
.inn,
.innn {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	height: auto;
	width:90%;
	position:relative;
	z-index:11;
	}

.in{
	width:1400px;
	}
	@media only screen and (max-width:1500px) {
	.in{
	width:1000px;
	}}
	@media only screen and (max-width:1020px) {
	.in{
	width:800px;
	}}
	@media only screen and (max-width:820px) {
	.in{
	width:700px;
	}}
	@media only screen and (max-width:720px) {
	.in {
	width:600px;
	}}
	@media only screen and (max-width:620px) {
	.in{
	width:86%;
	}}


.inn{
	max-width:1800px;
	}
	@media only screen and (max-width:620px) {
	.inn{
	width:90%;
	}}




.innn{
	max-width:1800px;
	width:50%;
	}
	@media only screen and (max-width:1500px) {
	.innn{
	width:50%;
	}}
	@media only screen and (max-width:1020px) {
	.innn{
	width:60%;
	}}
	@media only screen and (max-width:820px) {
	.innn{
	width:70%;
	}}
	@media only screen and (max-width:720px) {
	.innn {
	width:86%;
	}}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< HEADER >>>>>>>>>> */
header {
	background-color:#fff;
	border-bottom:1px solid #ec00f7;
	display:flex;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	height:auto;
	z-index:9999;
	}
	@media only screen and (max-width:620px) {
	header{
	position:fixed;
	}}

header div.inn {
	align-items:center;
	justify-content:space-between;
	align-items:stretch;
	}
	@media only screen and (max-width:720px) {
	header div.inn{
	justify-content:center;
	}}
	@media only screen and (max-width:620px) {
	header div.inn{
	justify-content:space-between; 
	}}




header a.logotipo {
	height:80px;
	line-height:80px;
	text-decoration: none;
	text-transform:uppercase;
	font-size:0.6em;
	font-weight:700;
	width:auto;
	}
	@media only screen and (max-width:1500px) {
	header a.logotipo{
	line-height:50px;
	height:50px;
	}}






header a.logotipo *{
 	display:none;
	}
	@media only screen and (max-width:620px) {
	header a.logotipo *{
	display:block;
	}}





header a.logotipo span{
	display:block;
	background-image:url(../images/svg/logotipo.svg);
	background-size:240px 80px;
	background-position:0px 0px;
	float: left;
	height:80px;
	width:80px;	
	}
	@media only screen and (max-width:1500px) {
	header a.logotipo span{
	background-size:150px 50px;
	height:50px;
	width:50px;	
	}}


header a.logotipo i {
	font-style:normal;
	float: left;
	}




nav{
	display:flex;
	align-items:center;
	color:#000;
	flex-direction:row;
	flex-wrap:wrap;
	font-size:0.8em;
	height:auto;
	text-transform: uppercase;
	position:relative;
	width:auto;	
	}
	@media only screen and (max-width:720px) {
	nav {
	width:100%;
	}}
	@media only screen and (max-width:620px) {
	nav {
	background-color:#490a60;
	border-top:1px solid #dedede;
	color:#d9c0f1;
	font-size:1.4em;
	visibility:hidden;
	position:fixed;
	height:100vh;
	bottom:0px;
	top:50px;
	left:0px;
	bottom:0px;
	opacity:0.0;
	width:100%;
	transition:all 0.2s;
background: rgb(39,10,40);
background: -moz-linear-gradient(-45deg, rgb(39,10,40) 0%, rgb(83,14,77) 28%, rgb(35,4,63) 65%, rgb(39,10,40) 100%);
background: -webkit-linear-gradient(-45deg, rgb(39,10,40) 0%,rgb(83,14,77) 28%,rgb(35,4,63) 65%,rgb(39,10,40) 100%);
background: linear-gradient(135deg, rgb(39,10,40) 0%,rgb(83,14,77) 28%,rgb(35,4,63) 65%,rgb(39,10,40) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#270a28', endColorstr='#270a28',GradientType=1 );
	}}

nav img {
	width:100%;
	}


nav div.texture {
	display:none;
	}
	@media only screen and (max-width:620px) {
	nav div.texture {
	display:block;
	}}




nav ul,
nav ul li {
	padding:0px;
	list-style:none;
	margin:0px;	
	}


nav ul{
	display:flex;
	flex-direction:row;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	nav ul{
	justify-content:space-around;
	width:100%;
	}}
	@media only screen and (max-width:620px) {
	nav ul{
	flex-direction:column;
	justify-content:center;
	margin-top:-100px;
	padding:0px 10%;
	z-index:999;
	}}


nav ul li{
	margin-left:20px;
	text-align: center;
	}
	@media only screen and (max-width:720px) {
	nav ul li{
	justify-content:space-around;
	margin-left:1px;
	}}
	@media only screen and (max-width:620px) {
	nav ul li{
	border-bottom:1px solid #ec00f7;
	margin-left:0px;
	}}


nav ul li a{
	display:block;
	height:40px;
	line-height:40px;
	text-decoration:none;
	padding:0px 10px;
	width: auto;
	}
	@media only screen and (max-width:620px) {
	nav ul li a{
	height:52px;
	line-height:52px;
	}}


nav ul li a:hover{
	text-decoration:none;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< SECTION  >>>>>>>>>> */
section {
	justify-content:center;
	}
	@media only screen and (max-width:620px) {
	section{
	margin-top:50px;
	}}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ARTICLE  >>>>>>>>>> */
article {
	width:100%;
	}

article h3{
	font-size:2em;
	margin-bottom: 20px;
	text-align: left;
	}

article p{
	text-align: left;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FOOTER  >>>>>>>>>> */
footer {
	font-weight:300;
	font-size:0.8em;
	padding:20px 0px;
	}

footer > div {
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content:space-between;
	}


footer p,
footer span {
	width: auto;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INDEX GALERIA  >>>>>>>>>> */
div.panel h3 {
	font-weight:300;
	font-size:2.6em;
	text-align: center;
	padding:40px 0px 20px 0px;
	}





/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INDEX BANNER >>>>>>>>>>*/
div.indexbanner {
	background-image: url(../images/indexbanner.jpg);
	background-size:cover;
	background-position:center bottom;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	position:relative;
	height:calc(100vh - 50px);
	width:100%;
	}


div.texture {
	background-color:rgba(0, 0, 0, 0.1);
	background-image: url(../images/svg/pattern.svg);
	background-size:8px 8px;
	background-repeat:repeat;
	position:absolute;
	bottom:0px;
	left:0px;
	top:0px;
	right:0px;
	z-index:10;
	}
	@media only screen and (max-width:1500px) {
	div.texture {
	background-size:5px 5px;
	}}



div.indexbanner video{
	position:relative;
	object-fit:cover!important;
	height:100%;
	width:100%;
	z-index:10;
	}




div.indexbanner div.inn {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	min-height:200px;
	z-index:11;
	}


div.indexbanner div.inn > div:first-child{
	width:56%;
	}
	@media only screen and (max-width:720px) {
	div.indexbanner div.inn > div:first-child{
	width:100%!important;
	}}


div.indexbanner div.inn > div:last-child{
	display:flex;
	padding:1px;
	width:40%;
	}
	@media only screen and (max-width:720px) {
	div.indexbanner div.inn > div:last-child{
	width:60%;
	}}
	@media only screen and (max-width:620px) {
	div.indexbanner div.inn > div:last-child{
	width:100%;
	}}

div.indexbanner div.inn > div:last-child div{
	min-height:200px;
	width:100%;
	}



div.indexbanner h2{
	color:#fff;
	text-transform: uppercase;
	font-weight:300;
	font-size:3em;
	line-height:1.2em;
	opacity:0.9;
	text-align: right;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:1020px) {
	div.indexbanner h2{
	font-size:2.4em;
	}}
	@media only screen and (max-width:720px) {
	div.indexbanner h2{
	font-size:2.8em;
	text-align:left;
	}}
	@media only screen and (max-width:620px) {
	div.indexbanner h2{
	font-size:2em;
	margin-top:80px;
	}}

div.indexbanner h1{
	color:#fff;
	text-transform: uppercase;
	font-weight:300;
	font-size:2em;
	opacity:0.5;
	padding:0px;
	text-align:right;
	width:100%;
	}
	@media only screen and (max-width:820px) {
	div.indexbanner h1{
	font-size:1.6em;
	}}
	@media only screen and (max-width:720px) {
	div.indexbanner h1{
	font-size:2em;
	text-align:left;
	}}
	@media only screen and (max-width:620px) {
	div.indexbanner h1{
	font-size:1.6em;
	}}

div.indexbanner ul.actions li{
	float:right;
	}
	@media only screen and (max-width:720px) {
	div.indexbanner ul.actions li{
	float: left;
	}}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INDEX SERVICIOS  >>>>>>>>>> */
div.panel.servicios,
body#servicios div.contenedor{
	background-image:url(../images/ima-servicios.jpg);
	background-size:auto 100%;
	background-position:left center;
	background-repeat:no-repeat;
	text-align:center;
	padding:50px 0px;
	}
	@media only screen and (max-width:820px) {
	div.panel.servicios{
	padding:30px 0px;
	}}



div.panel.servicios > div{
	padding-left:25%;
	}
	@media only screen and (max-width:920px) {
	div.panel.servicios > div{
	padding-left:15%;
	}}
	@media only screen and (max-width:820px) {
	div.panel.servicios > div{
	padding-left:0%;
	}}



div.panel.servicios h3,
div.panel.servicios p,
div.panel.servicios h2 {
	text-align: left;
	}
	@media only screen and (max-width:720px) {
	div.panel.servicios h3,
	div.panel.servicios p,
	div.panel.servicios h2 {
	text-align: center;
	}}

div.panel.servicios h3{
	padding-bottom:0px;
	}

div.panel.servicios p{
	padding-top:0px;
	}

div.panel.servicios h2{
	font-weight:300;
	font-size:2.2em;
	margin-bottom:10px;
	}
	@media only screen and (max-width:820px) {
	div.panel.servicios h2{
	margin-bottom:10px;
	}}
	@media only screen and (max-width:720px) {
	div.panel.servicios h2{
	font-size:1.8em;
	}}





div.panel.servicios i{
	font-weight:300;
	font-style:normal;
	}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INDEX GALERIA  >>>>>>>>>> */
div.panel.galeria {
	background-image:url(../images/ima-galeria.jpg);
	background-size:cover;
	background-position:center;
	padding:60px 0px 60px 0px;
	}

div.panel.galeria h3{
	color:#fff;
	}


.galeria.ls > div {
	justify-content:center;
	align-items:center;
	}


.galeria.ls > div > a {
	align-items:center;
	background-color:#000;
	background-position: center;
	background-size:auto 100%;
	background-repeat:no-repeat;
	border-radius:50%;
	display:flex;
	font-size:1.2em;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content:center;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	position:relative;
	transition:all 0.2s;
	}

.galeria.ls > div > a.ls1{background-image:url(../images/gal-08.jpg);}
.galeria.ls > div > a.ls2{background-image:url(../images/gal-05.jpg);}
.galeria.ls > div > a.ls3{background-image:url(../images/gal-03.jpg);}
.galeria.ls > div > a.ls4{background-image:url(../images/gal-02.jpg);}
.galeria.ls > div > a.ls5{ background-image:url(../images/gal-01.jpg);}
.galeria.ls > div > a.ls6{ background-image:url(../images/gal-04.jpg);}
.galeria.ls > div > a.ls7{ background-image:url(../images/gal-06.jpg);}
.galeria.ls > div > a.ls8{ background-image:url(../images/gal-07.jpg);}


.galeria.ls > div > a:hover {
	transform: scale(1.2);
	}


.galeria.ls > div > a i {
	font-size:1.6em;
	margin-bottom:10px;
	}
	@media only screen and (max-width:820px) {
	.galeria.ls > div > a i{
	margin-bottom:10px;
	}}
	@media only screen and (max-width:720px) {
	.galeria.ls > div > a i{
	margin-bottom:5px;
	}}

.galeria.ls > div > a * {
	color:#fff;
	z-index:2;
	}


.galeria.ls > div > a:after {
	background-color:rgba(45, 0, 50, 1);
	border-radius:50%;
	content:"";
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:1;
	}

.galeria.ls > div > a:hover:after {
	background-color:rgba(45, 0, 50, 0.4);
	}




.galeria.ls > div > a.ls1,
.galeria.ls > div > a.ls8 {
	height:50px;
	margin:10px;
	width:50px;
	}

.galeria.ls > div > a.ls2,
.galeria.ls > div > a.ls7 {
	height:70px;
	margin:10px;
	width:70px;
	}

.galeria.ls > div > a.ls3,
.galeria.ls > div > a.ls6 {
	height:100px;
	margin:10px;
	width:100px;
	}

.galeria.ls > div > a.ls4,
.galeria.ls > div > a.ls5 {
	height:200px;
	margin:10px;
	width:200px;
	}

	@media only screen and (max-width:1500px) {
	.galeria.ls > div > a.ls1,
	.galeria.ls > div > a.ls8 {
	height:30px;
	margin:6px;
	width:30px;
	}
	.galeria.ls > div > a.ls2,
	.galeria.ls > div > a.ls7 {
	height:50px;
	margin:6px;
	width:50px;
	}
	.galeria.ls > div > a.ls3,
	.galeria.ls > div > a.ls6 {
	height:90px;
	margin:6px;
	width:90px;
	}
	.galeria.ls > div > a.ls4,
	.galeria.ls > div > a.ls5 {
	height:160px;
	margin:10px;
	width:160px;
	}}
	@media only screen and (max-width:1020px) {
	.galeria.ls > div > a.ls1,
	.galeria.ls > div > a.ls8 {
	height:25px;
	margin:6px;
	width:25px;
	}
	.galeria.ls > div > a.ls2,
	.galeria.ls > div > a.ls7 {
	height:45px;
	margin:6px;
	width:45px;
	}
	.galeria.ls > div > a.ls3,
	.galeria.ls > div > a.ls6 {
	height:90px;
	margin:6px;
	width:90px;
	}
	.galeria.ls > div > a.ls4,
	.galeria.ls > div > a.ls5 {
	height:150px;
	margin:10px;
	width:150px;
	}}
	@media only screen and (max-width:920px) {
	.galeria.ls > div > a.ls1,
	.galeria.ls > div > a.ls8 {
	height:20px;
	margin:5px;
	width:20px;
	}
	.galeria.ls > div > a.ls2,
	.galeria.ls > div > a.ls7 {
	height:40px;
	margin:5px;
	width:40px;
	}
	.galeria.ls > div > a.ls3,
	.galeria.ls > div > a.ls6 {
	height:70px;
	margin:6px;
	width:70px;
	}
	.galeria.ls > div > a.ls4,
	.galeria.ls > div > a.ls5 {
	height:140px;
	margin:10px;
	width:140px;
	}}
	@media only screen and (max-width:720px) {
	.galeria.ls > div > a.ls1,
	.galeria.ls > div > a.ls8 {
	display:none;
	}
	.galeria.ls > div > a.ls2,
	.galeria.ls > div > a.ls7 {
	height:30px;
	margin:5px;
	width:30px;
	}
	.galeria.ls > div > a.ls3,
	.galeria.ls > div > a.ls6 {
	height:70px;
	margin:6px;
	width:70px;
	}
	.galeria.ls > div > a.ls4,
	.galeria.ls > div > a.ls5 {
	height:120px;
	margin:10px;
	font-size:0.8em;
	width:120px;
	}}

	@media only screen and (max-width:620px) {
	.galeria.ls > div > a.ls1,
	.galeria.ls > div > a.ls8 {
	display:none;
	}
	.galeria.ls > div > a.ls2,
	.galeria.ls > div > a.ls7 {
	height:30px;
	margin:5px;
	width:30px;
	}
	.galeria.ls > div > a.ls3,
	.galeria.ls > div > a.ls6 {
	height:70px;
	margin:6px;
	width:70px;
	}
	.galeria.ls > div > a.ls4,
	.galeria.ls > div > a.ls5 {
	height:120px;
	margin:10px;
	font-size:0.8em;
	width:120px;
	}}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< INDEX CONTACTO >>>>>>>>>> */
div.panel.contacto,
body#p-contacto div.contenedor{
	background-image:url(../images/ima-contacto.jpg);
	background-size:auto 100%;
	background-position:right center;
	background-repeat:no-repeat;
	padding:60px 0px;
	}



div.panel.contacto > div {
	flex-direction: row;
	justify-content:center; 
	flex-wrap: wrap;
	}

div.panel.contacto ul.actions{
	float: none;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	div.panel.contacto ul.actions{
	width:100%; 
	}}


div.panel.contacto p{
	text-align: center;
	font-size:2em;
	}
	@media only screen and (max-width:620px) {
	div.panel.contacto p{
	font-size:1.2em; 
	}}



div.panel.contacto i{
	font-style:normal;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< CONTENEDOR >>>>>>>>>>*/
div.contenedor {
	padding:60px 0px;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< SERVICIOS >>>>>>>>>> */
body#servicios article h2 {
	font-size:2em;
	font-weight:400;
	text-align: left;
	}

body#servicios article h2 i{
	font-style: normal;
	}

body#servicios article h2.ls {
	color:#fff;
	column-count:3;
	column-gap:20px;
	font-size:1.4em;
	width:100%;
	}
	@media only screen and (max-width:820px) {
	body#servicios article h2.ls{
	font-size:1.2em;
	}}
	@media only screen and (max-width:1020px) {
	body#servicios article h2.ls{
	column-count:2;
	}}
	@media only screen and (max-width:620px) {
	body#servicios article h2.ls{
	column-count:1;
	}}

body#servicios article h2.ls span{
	border-radius: 6px;
	display:inline-block;
	float:none;
	padding:0px;
	height:46px;
	line-height:46px;
	margin-bottom:15px;
	text-indent:20px;
	width:100%;
	}
	@media only screen and (max-width:1500px) {
	body#servicios article h2.ls span{
	height:36px;
	line-height:36px;
	}}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< GALERIA  >>>>>>>>>> */
body#p-fotos div.contenedor,
body#p-videos div.contenedor{
	background-image:url(../images/svg/fondo.svg);
	background-size:100% auto;
	background-position:right top;
	background-repeat:repeat-x;
	padding:60px 0px;
	}
	@media only screen and (max-width:820px) {
	body#p-fotos div.contenedor,
	body#p-videos div.contenedor{
	background-size:120% auto;
	}}
	@media only screen and (max-width:720px) {
	body#p-fotos div.contenedor,
	body#p-videos div.contenedor{
	background-size:130% auto;
	}}


body#p-fotos h3,
body#p-videos h3 {
	text-align: center;
	}


ul.galeria {
	display:block;
	column-count:3!important;
	float:none;
	height:auto;
	list-style:none;
	column-gap:10px;
	margin:0px;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:720px) {
	ul.galeria{
	column-count:2;
	}}
	@media only screen and (max-width:620px) {
	ul.galeria{
	column-count:1;
	}}

ul.galeria li{
	display:inline-block;
	height:auto;
	float: none;
	list-style:none;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	width:100%;
	}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< VIDEOS  >>>>>>>>>> */
div.videos{
	display:block;
	-webkit-column-count:3;
	-o-column-count:3;
	-moz-column-count:3;
	column-count:3;
	float: none;
	height: auto;
	column-gap:10px;
	margin:0px;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:1020px) {
	div.videos{
	-webkit-column-count:2;
	-o-column-count:2;
	-moz-column-count:2;
	column-count:2;
	}}
	@media only screen and (max-width:620px) {
	div.videos{
	-webkit-column-count:1;
	-o-column-count:1;
	-moz-column-count:1;
	column-count:1;
	}}

div.videos iframe{
	display:inline-block;
	float: none;
	list-style:none;
	padding:0px;
	margin:0px;
	height:320px;
	margin-bottom:10px;
	width:100%;
	}
	@media only screen and (max-width:1500px) {
	div.videos iframe{
	height:260px;
	}}
	@media only screen and (max-width:820px) {
	div.videos iframe{
	height:200px;
	}}
	@media only screen and (max-width:620px) {
	div.videos iframe{
	height:180px;
	}}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FIRMA >>>>>>>>>>*/
.signature{
	font-size:0.8em;
	}


.signature,
.signature a,
.signature a i {
	line-height:20px;
	}



.signature a,
.signature a:visited{
	display:block;
	color:inherit;
	float:none;
	text-decoration: none;
	width:auto;
	}

.signature a:hover{
	color:inherit;
	text-decoration:underline;
	}

.signature a i{
	background-image: url(../images/svg/icon-ls.svg);
	background-size:40px 20px;
	background-position:-20px 0px;
	display:block;
	/*background-color:#da1f43;*/
	background-color:#fff;
	border-radius:50%;
	float:left;
	height:20px;
	margin:0px 5px 0px 0px;
	width:20px;
	}

.signature a:hover span{
	background-color: #da1f43;
	}