.block_loader_v {
	opacity: 0;
	/*transform: translateX(-50px);*/
	transition: opacity 0.5s ease, transform 0.5s ease;
	height: 100%;
  }
.visible {
	opacity: 1;
	/*transform: translateX(0);*/
  }

.cargando-loader
	{	
		background: #e9ecef;
		position: fixed;
		z-index: 1100;
		width: 100%;
		height: 100%;
		text-align: center;
        padding: 10% 0;
        opacity: 1;
        visibility: visible;
        top: 0;
        transition: visibility .2s, opacity .2s;
	}

.cargando-loader-done{
		background: #e9ecef;
		position: fixed;
		z-index: 1100;
		width: 100%;
		height: 100%;
		text-align: center;
        padding: 10% 0;
        top: 0;
       	opacity: 0;
       	visibility: hidden;
       	transition: visibility .2s, opacity .2s;
}

#loaderpageweb .logo-preloader{
	width: 100%;
    height: auto;
    position: relative;
}
#loaderpageweb .logo-preloader img{
	/*width: auto;
    height: 150px;
    padding: 20px 0;*/
        width: auto;
    height: 150px;
    padding: 20px 0;
    bottom: -170px;
    position: relative;
}
.hidded-page{
	opacity: 0;
	visibility: hidden;
    transition: visibility .5s, opacity .5s;
    
}	

.loder-finished-page{
	opacity: 1;
	visibility: visible;
	transition: visibility .5s, opacity .5s;
}
.section-container{
	
	background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
}

.section-container-2{
	background: ;
	background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
}

/************************************************************/
.cont-overlay {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: calc(.25rem - 1px);
  border: 1px solid rgba(0,0,0,.2);
}

.image-overlay {
  display: block;
  width: 100%;
  height: auto;
  border-radius: calc(.25rem - 1px);
  transition: transform .8s, filter .8s ease-in-out;
}

.cont-overlay:hover .image-overlay
{
  filter: blur(2px);
  transform:scale(1.5,1.5);
  -ms-transform: translate(-50%, -50%);
  transition: transform .8s, filter .8s ease-in-out;
}

.cont-overlay:hover .image-overlay-3
{
  filter: blur(0px);
  transform:scale(1.5,1.5);
  -ms-transform: translate(-50%, -50%);
  transition: transform .8s, filter .8s ease-in-out;
}

.cont-overlay-2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: calc(.25rem - 1px);
  border: 1px solid rgba(0,0,0,.1);
}

.image-overlay-3 {
  display: block;
  width: 100%;
  height: auto;
  border-radius: calc(.25rem - 1px);
  transition: transform .8s, filter .8s ease-in-out;
  filter: blur(0px);
}

.image-overlay-2 {
  display: block;
  width: 100%;
  height: auto;
  border-radius: calc(.25rem - 1px);
  transition: transform .8s, filter .8s ease-in-out;
  filter: blur(1px);
}

.overlay-img-2 {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-color: rgba(0,0,0,.6);
  border-radius: calc(.25rem - 1px);
}



.overlay-img {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,.5);
  border-radius: calc(.25rem - 1px);
}

.cont-overlay:hover .overlay-img {
  opacity: 1;
  cursor: pointer;
}

.text-overlay {
  width: 80%;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/************************************************************/

.row-contacs{
	justify-content: center;
}

.col-lg-4 {
    text-align: center;
    background: #fff!important;
    margin: 8px;
    padding: 2% 3%!important;
    border-radius: 0px;
    box-shadow: 0 0 50px rgba(0,0,0,.1);
    flex: 0 0 31.6%!important; 
}

.col-lg-4 .fas, .col-lg-4 h2{
	color: #1875C5;
}

.col-lg-4 p{
	text-align: justify;
    font-weight: 500;
	font-size: 1.2rem!important;
}

.contac-profiles{

}

.col-lg-4 h2, .contac-profiles h2{
	font-size: 2rem;
}

.contac-profiles h5{
	font-size: 2rem;
	font-weight: 18rem;
}

.contac-profiles p{
	text-align: center!important;
	font-size: 1.5rem;
}
.col-lg-4 ul{
	margin: auto!important;
}


.col-lg-4 li{

    padding: 8px 0;
    font-weight: 500;
	font-size: 1.2rem!important;
}

.col-lg-4 img
{
	max-width: 60%!important;
	height: auto;
	border-top-left-radius: 50% 50%;
	border-top-right-radius: 50% 50%;
	border-bottom-right-radius: 50% 50%;
	border-bottom-left-radius: 50% 50%;
}


.inicio-cards a .fas{
	color: #039be5!important;
}

.inicio-cards img{
	max-width: 100%!important;
}


@media screen and (max-width: 920px) {
	.row-contacs{
	flex-wrap: wrap!important;
}
.col-lg-4 {
flex: 0 0 auto!important; 
}
}

.marketing{
}
.featurette
{
	border-radius: 20px;
    background: #fff!important;
    width: 100%;
    padding: 5%;
    margin: 10px 0;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    text-align: justify;
}

.lead {
    height: auto;
	font-weight: 500!important;
}
.col-md-7 p{
	text-align: justify;
	font-weight: 500;
}
.col-md-5 img{
	max-width: 100%!important;
    height: auto;
    border-radius: 5%;
    margin: 5%;
}
.img-fluid {
    width: 100%!important;
}
/**********************************************************************/
/*basico												  			  */
/**********************************************************************/
	html, body
		{
			height: 100%;
		}

	body
		{
			margin: 0px;
			padding: 0px;
			background: rgba(255,255,255,1);
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 12pt;
			font-weight: 400;
			color: #919191;
		}

	h1, h2, h3
		{
			margin: 0;
			padding: 0;
		}

	p, ol, ul
		{
			margin-top: 0;
		}

	ol, ul
		{
			padding: 0;
			list-style: none;
		}

	p
		{
			line-height: 180%;
		}

	strong
		{
		}

	a
		{
			color: #00F2D2;
		}

	a:hover
		{
			text-decoration: none;
		}

	.container
		{
			margin: 0px auto;
			width: 100%;
			max-width: 1200px;
			padding: 5% 0!important;
		}

	.container2
		{
			margin: 0px auto;
			width: 100%;
		}

	.container3
		{
			margin: 0px auto;
			width: 100%;
		}

	.container4
		{
			margin: 0px auto;
			width: 100%;
		}

	.container5
		{
			margin: 0px auto;
			width: 100%;
			max-width: 100%;
		}


/* CSS para la animación y localización de los DIV de cookies */



#overbox3 {
    position: fixed;
  	height: 100%;
    width: 100%;
    z-index: 999999;
    display: block;
    text-align: center;
    padding: 0 0;
    background: rgba(0,0,0,.8);
}
#infobox3 {
    margin: auto;
    position: relative;
    height: auto;
    width: 50%;
    top: 25%;
    min-height: 50px;
    padding: 50px;
    text-align:center;
    border-radius: 10px ;
    background: rgba(255,255,255,.8);
    color: rgba(0,0,0,1);
}

.title-cookies
	{
		width: 100%;
		font-size: 25px;
		line-height: 18px;
		font-weight: 600;
	}

#infobox3 p {
    line-height:35px;
    font-size:20px;
    text-align:center;
    color: rgba(0,0,0,1);
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: none;
    color: rgba(0,85,211,1);
}

.botom-close-cookies
	{
		position: absolute;
		right: 0px;
		top: 0px;
		height: auto;
	}

.botom-close-cookies button
	{
		background: rgba(0,0,0,0);
		outline: none;
		border: 0px;
		cursor: pointer;
	}

.botom-close-cookies button span
	{
		font-size: 50px;
		color: rgba(0,85,211,1);
		-webkit-transition: all .15s ease-in-out;
			-moz-transition: all .15s ease-in-out;
			-ms-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
	}

.botom-close-cookies button:hover span
	{
		color: rgba(255,0,0,1);
		-webkit-transition: all .15s ease-in-out;
			-moz-transition: all .15s ease-in-out;
			-ms-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
	}

.cookies2 span
	{
		font-size: 20px;
	}

/* Fin del CSS para cookies */
/*Contacto box*/

#cont-overbox3 {
    position:absolute; ;
    z-index: 1100;
  	height: 20px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 0;
    background: rgba(0,0,0,.0);
}

#cont-infobox3 {
    margin: auto;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    padding: 0 10px;
    text-align:right;
    background:rgb(0,0,0,.0);
    color: rgba(255,255,255,1);
    /*background: #000428;
	background: linear-gradient(to right, #004e92, #000428);*/
}

#cont-infobox3 p {
    line-height:auto;
    font-size:20px;
    text-align:center;
    color: rgba(255,255,255,1);
    font-family: Circular,Helvetica,Arial,sans-serif;
    font-weight: 200PX;
}

#cont-infobox3 a {
    line-height:auto;
    font-size:20px;
    text-align:center;
    color: rgba(255,255,255,1);
    text-decoration: none;
    font-family: Circular,Helvetica,Arial,sans-serif;
}


#cont-infobox3 a {
    line-height:auto;
    font-size:15px;
    text-align:center;
    color: rgba(255,255,255,1);
    text-decoration: none;
    font-family: Circular,Helvetica,Arial,sans-serif;
}

#cont-infobox3 a:hover {
    line-height:auto;
    text-align:center;
    color: rgba(0,85,211,1);
    text-decoration: none;
    font-family: Circular,Helvetica,Arial,sans-serif;
}

#cont-infobox3 span {
    font-size: 20px;
    line-height: auto;
    padding: 0 10px 0;
    color: rgba(255,255,255,.5);
    opacity: .9;
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}

#cont-infobox3 a span .icon-twitter:hover {
 
    color: rgba(0,85,211,1);
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}

/*********************************************************************************/
/* espacio                                                                       */
/*********************************************************************************/
	#space
		{
			padding:0px;
			text-transform: uppercase;
			height:120px;
		}



/*********************************************************************************/
/* Wrapper fixed part, imagen fixed de titulo 1                                  */
/*********************************************************************************/
	#second-trans-box
		{
			height: 100%;
			background: #e9ecef;
		}
	.color-background-all
		{
			widows: 100%;
			height: 100%;
		}

	#second-trans-box #images-section-001
		{
			width: 100%;
			height: 100%;
			position: absolute;
			text-align: center;
			border-top: px solid rgba(0,0,0,.5) ;
		}

	.color-background-all-overcolor-after
		{
			width: 100%;
			height: 100%;
			position: relative;
		}	

	.container5
		{
			width: 100%;
			height: 100%;
			position: relative;
		}

	.conten-info-words-2
		{
			width: 100%;
			height: 100%;
			position: relative;
		}		


	.spand-tllte-header
		{
			width: 100%;
			height: 100%;
			border: 0px solid rgba(0,0,0,0);
			text-align: center;
			background: rgba(255,255,255,1) url(https://images.pexels.com/photos/3930093/pexels-photo-3930093.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
			background-size: cover;
			background-attachment: fixe;
			background-position: center;
		}

	.spand-tllte-header-2
		{
			width: 100%;
			height: auto;
			border: 0px solid rgba(0,0,0,0);
			text-align: center;
			background: rgba(255,255,255,.1) url(../images/bg-text/2-div.png);
			background-size: cover;
			background-attachment: fixe;
			background-position: center;
		}	

	.spand-tllte-header-after
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0%;
			padding:auto;
			margin:  0px;
			background: rgba(0,0,0,.6) ;
			z-index: 1;
		}

	.spand-tllte-header-after-2
		{
			width: 100%;
			height: 100%;
			position: relative;
			top: 0%;
			padding:10% 0;
			margin:  0px;
			background: rgba(0,0,0,0);
		}	


	

	.title-span-select-album
		{
			font-size: 70px;
			font-weight: 800;
			line-height: 70px;
			font-family: "Raleway", sans-serif;
			color: rgba(223,0,122,1);
			border-bottom: 0px solid rgba(255,255,255,1);
			
		}


	.title-span-select-album .second-words-name
		{
			font-size: 60px;
			line-height: 60px;
			font-weight: 600;
			font-family: "Raleway", sans-serif;
			color: rgba(255,255,255,1);
			text-shadow: 1px 1px 1px rgba(0,0,0,.5);
			display: none;
		}



	.title-span-select-album-2 .slogan-words
		{
			font-size: 30px;
			font-weight: 500;
			font-family: "Raleway", sans-serif;
			color: rgba(255,255,255,1);
			text-shadow: 1px 1px 1px rgba(0,0,0,.3);
			display: none;
		}


	@media screen and (max-width: 920px) {
	.title-span-select-album .second-words-name{
		display: inline;
	}

	.title-span-select-album-2 .slogan-words{
		display: inline;
	}
}		

	/**************************************************************/

	
.make-scroll--to-next-all
	{
		position: absolute;
		width: 100%;
		top: 98%;
	}

.make-scroll--to-next-all .make-scroll--to-next
	{
		position: absolute;
		width: 100%;
		height: auto;
		bottom:10px;
		text-align: center;
		z-index: 900;
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}

.make-scroll--to-next-all .make-scroll--to-next .words-to-make-scroll
	{
		display: block;
		cursor: pointer;
		font-size:20px;
		font-weight: 500;
		color:#fff;
		bottom: 0px;
	}

.make-scroll--to-next-all .make-scroll--to-next .words-to-make-scroll-2
	{
		display: none;
	}	

.bajar-header-to-next
	{
		width:100%;
		height: 100%;
		position: relative;
		text-align: center;
	}		

.make-scroll--to-next-all .make-scroll--to-next .bajar-header-to-next span
	{
		cursor: pointer;
		font-size:50px;
		font-weight: 100;
		color:#fff;
	}	

@media screen and (max-width: 920px){
.make-scroll--to-next-all
	{
		position: absolute;
		width: 100%;
		top: 98%;
	}

.make-scroll--to-next-all .make-scroll--to-next .words-to-make-scroll
	{
		display: none;
	}
.make-scroll--to-next-all .make-scroll--to-next .words-to-make-scroll-2
	{
		display: block;
		font-size:15px;
		font-weight: 500;
		color:#fff;
	}

.make-scroll--to-next-all .make-scroll--to-next .bajar-header-to-next span
	{
		width: 90px;
		height: 90px;
		cursor: pointer;
		font-size:30px;
		font-weight: 100;
		color:#fff;
	}
}
	/***************************************************************/


	.titulo-proyectos-recientes
		{
			width: 100%;
			position: relative;
			text-align: center;
			padding: 10px;
			color: rgba(240,128,128,1);
		}

	.titulo-proyectos-recientes span
		{
			font-size: 40px;
			line-height: 50px;
			font-weight: 500;
			font-family: Circular,Helvetica,Arial,sans-serif;
		}

	.titulo-proyectos-recientes:after
		{
			content: '';
			display: block;
			width: 60%;
			height: 2px;
			border-radius: 1px;
			background: rgba(240,128,128,1);
			margin: 10px auto 0px;
		}

	.descripcion-proyectos-recientes
		{
			width: 100%;
			text-align: center;
			color: rgba(67,190,162,1);
			padding: 0px;
		}

	.descripcion-proyectos-recientes p
		{
			font-size: 18px;
			line-height: 30px;
			font-weight: 400;
			font-family: 'Lora', Georgia, "Times New Roman", Times, serif;
		}

	@media screen and (max-width: 800px){
	.titulo-proyectos-recientes span
		{
			font-size: 30px;
			line-height: 40px;
			font-weight: 500;
			font-family: Circular,Helvetica,Arial,sans-serif;
		}

	.titulo-proyectos-recientes:after
		{
			content: '';
			display: block;
			width: 95%;
			height: 2px;
			border-radius: 1px;
			background: rgba(0,0,0,.6);
			margin: 10px auto 0px;
		}

	.descripcion-proyectos-recientes p
		{
			font-size: 15px;
			line-height: 25px;
			font-weight: 500;
			font-family: 'Lora', Georgia, "Times New Roman", Times, serif;
		}
}




/*************************************************************************************/
/*  Resolusion a 1200px*/
/*************************************************************************************/
@media screen and (max-width: 1200px){
	.spand-tllte-header-after,
	.spand-tllte-header-after-03,
	.spand-tllte-header-after-04
		{
			padding:25% 0;
		}

	.title-span-select-album,
	.title-span-select-album-03,
	.title-span-select-album-04
		{
			font-size: 60px;
			line-height: 60px;
		}

	.title-span-select-album .second-words-name,
	.title-span-select-album-03 .second-words-name-03,
	.title-span-select-album-04 .second-words-name-04
		{
			font-size: 50px;
			line-height: 50px;
		}

	.title-span-select-album-2 .slogan-words,
	.title-span-select-album-2-03 .slogan-words-03,
	.title-span-select-album-2-04 .slogan-words-04
		{
			font-size: 20px;
			font-weight: 400;
		}
}
/*************************************************************************************/
/*  Resolusion a 920px*/
/*************************************************************************************/
@media screen and (max-width: 920px){
	.spand-tllte-header-after,
	.spand-tllte-header-after-03,
	.spand-tllte-header-after-04
		{
			padding:30% 0;
		}


	.header-container 
		{
		  display: none;
		}


	.title-span-select-album,
	.title-span-select-album-03,
	.title-span-select-album-04
		{
			font-size: 50px;
			line-height: 50px;
		}

	.spand-tllte-header
		{
			background: rgba(255,255,255,1) url(../img/figure-02.jpg);
			background-size: cover;
			background-position: center;
		}


	.title-span-select-album .second-words-name,
	.title-span-select-album-03 .second-words-name-03,
	.title-span-select-album-04 .second-words-name-04
		{
			font-size: 40px;
			line-height: 40px;
		}

	.title-span-select-album-2 .slogan-words,
	.title-span-select-album-2-03 .slogan-words-03,
	.title-span-select-album-2-04 .slogan-words-04
		{
			font-size: 18px;
			font-weight: 400;
		}
}
/*************************************************************************************/
/*  Resolusion a 800px*/
/*************************************************************************************/
@media screen and (max-width: 800px){
	.spand-tllte-header-after,
	.spand-tllte-header-after-03,
	.spand-tllte-header-after-04
		{
			padding:40% 0;
		}

	.title-span-select-album,
	.title-span-select-album-03,
	.title-span-select-album-04
		{
			font-size: 35px;
			line-height: 35px;
		}

	.title-span-select-album .second-words-name,
	.title-span-select-album-03 .second-words-name-03,
	.title-span-select-album-04 .second-words-name-04
		{
			font-size: 30px;
			line-height: 30px;
		}

	.title-span-select-album-2 .slogan-words,
	.title-span-select-album-2-03 .slogan-words-03,
	.title-span-select-album-2-04 .slogan-words-04
		{
			font-size: 18px;
			font-weight: 400;
		}
}

/*************************************************************************************/
/*  Resolusion a 800px*/
/*************************************************************************************/
@media screen and (max-width: 720px){
	.spand-tllte-header-after,
	.spand-tllte-header-after-03,
	.spand-tllte-header-after-04
		{
			padding:50% 0;
		}

	.title-span-select-album,
	.title-span-select-album-03,
	.title-span-select-album-04
		{
			font-size: 35px;
			line-height: 35px;
			height: 16.6%;
			padding: 20% 0;
		}

	.title-span-select-album .second-words-name,
	.title-span-select-album-03 .second-words-name-03,
	.title-span-select-album-04 .second-words-name-04
		{
			font-size: 30px;
			line-height: 30px;
		}

	.title-span-select-album-2 .slogan-words,
	.title-span-select-album-2-03 .slogan-words-03,
	.title-span-select-album-2-04 .slogan-words-04
		{
			font-size: 18px;
			font-weight: 400;
		}
}




/*********************************************************************************/
/* rightm                                                               */
/*********************************************************************************/
	#rightm
		{
			width: 100%;
			text-align: center !important;
			border-top: 0px solid rgba(246,88,68,1);
			/*background: rgba(56,58,66,1) url(../images/bg-images/bg.png);*/
			overflow: hidden;
			font-family: 'Archivo Narrow', sans-serif;
			background-color: #000;
		}

	#rightm:before
		{
			display: block;
		  	position: absolute;
		  	left: 0;
		  	top: 0px;
		  	width: 100%;
		  	height: 1px;
		  	background-color: rgba(0,85,211,1);
		  	content: "";
		  	z-index: ;
		  	transition: width 0.2s linear;
		}



	
/*********************************************************************************/
/* Columnas                                                                */
/*********************************************************************************/
	#three-column
		{
			width: 50%;
			float: left;
			overflow: hidden;
			border: 0px solid #4A0000;
			color: rgba(0,0,0,1);
			background:rgba(0,0,0,.0);
			text-align: left;
		}

	#three-column h2
		{

			margin: 0px 0px 0px 0px;
			border-bottom: 2px solid rgba(0,0,0,.0);
			text-transform: none;
			text-align: lef;
			font-size: 20px;
			font-weight: 800;
			color: rgba(0,85,211,1);
			font-family: 'Vollkorn', serif;
		}


	#three-column a
		{
			margin: 0em 0em;
			text-align: left;
			text-decoration: none;
			font-size:16px;
			font-weight: 500;
			color: rgba(0,85,211,1);
			padding: 0px;
			margin: 1px;
			line-height: 20px;
			-webkit-transition: all .15s ease-in-out;
			-moz-transition: all .15s ease-in-out;
			-ms-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
		}

	#three-column a:hover
		{
			margin: 0em 0em;
			text-align: left;
			text-decoration: none;
			font-weight: 500;
			color: rgba(0,0,0,.8);
			padding: 0px;
			margin: 1px;
			line-height: 20px;
			-webkit-transition: all .15s ease-in-out;
			-moz-transition: all .15s ease-in-out;
			-ms-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
		}

	#three-column #tbox1,
	#three-column #tbox2,
	#three-column #tbox3,
	#three-column #tbox4,
	#three-column #tbox5
		{
			float: left;
			width: 200px;
			padding: 30px 15px 20px 15px;
		}

/*********************************************************************************/
/* Social                                                                        */
/*********************************************************************************/

	#Social
		{
			width: 100%;
			float: left;
			text-align: center;
			margin: 0px;
			background: rgba(0,0,0,.0);
		}

	#Social ul
		{
			border-radius: 0px;
			width: 100%;
			margin: 0px;
			text-align: center;
			border-radius: 0px;
			background: rgba(255,255,255,.);
			border: px solid rgba(223,0,122,1);
		}

	#Social li
		{
			display: inline-block;
		}

	#Social a
		{
			display: block;
			padding: 1px;
			line-height: 2px;
		}

	#Social .back a
		{
			display: block;
			text-decoration: none;
			padding: 0px 0px;
			line-height: 2px;
			letter-spacing: 0px;
			color: rgba(0,85,211,1);
			font-size: 17px;
			font-weight: 500;
			-webkit-transition: all .15s ease-in-out;
			-moz-transition: all .15s ease-in-out;
			-ms-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
		}

	#Social .back a:hover
		{
			display: block;
			line-height: 2px;
			letter-spacing: 0px;
			color: rgba(0,0,0,1);
			text-decoration: underline;
			-webkit-transition: all .15s ease-in-out;
			-moz-transition: all .15s ease-in-out;
			-ms-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
		}

	#Social .back h3
		{
			font-size: 15px;
			display: block;
			padding: 4px 4px;
			line-height: 4px;
			letter-spacing: 1px;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
		{
			width: 100%;
			position: relative;
			float: left;
			padding: 1em 0em;
			font-size: 11px;
			letter-spacing: 1px;
			text-align: center;
			text-transform: uppercase;
			color: rgba(240,128,128,1);
			font-family: "Open Sans",Arial,sans-serif;
		}

	#copyright p
		{
			color: rgba(0,0,0,1);
			text-decoration: none;
			font-weight: 600;
		}

	#copyright a
		{
			color: rgba(0,85,211,1);
			text-decoration: none;
			font-weight: 600;
			-webkit-transition: all .15s ease-in-out;
			-moz-transition: all .15s ease-in-out;
			-ms-transition: all .15s ease-in-out;
			-o-transition: all .15s ease-in-out;
			transition: all .15s ease-in-out;
		}

	#copyright a:hover
		{
			color: rgba(0,0,0,.8);
			text-decoration: none;

		}


/*********************************************************************************/
/* Menu                                                                         */
/*********************************************************************************/

	  *{
			padding:0;
			margin:0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

	.header-container 
		{
		  position: absolute;
		 /* background-color: black;*/
		  height: 100%;
		  min-height: 25rem;
		  width: 100%;
		  overflow: hidden;
		  background: rgba(255,255,255,1) url(https://images.pexels.com/photos/3930091/pexels-photo-3930091.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
		}

	.header-container video 
		{
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  min-width: 100%;
		  min-height: 100%;
		  width: auto;
		  height: auto;
		  z-index: 1;
		  -ms-transform: translateX(-50%) translateY(-50%);
		  -moz-transform: translateX(-50%) translateY(-50%);
		  -webkit-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%);
		}

	.header-container .container 
		{
		  position: relative;
		  z-index: 2;
		}

	.header-container .overlay 
		{
		  position: absolute;
		  top: 0;
		  left: 0;
		  height: 100%;
		  width: 100%;
		  background-color: rgba(0,0,0,.5);
		  opacity: 0.5;
		  z-index: 1;
		}

@media (pointer: coarse) and (hover: none) 
	{
	.header-container 
		  {
		    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
		  }
	.header-container video 
		{
		    display: none;
		  }
	}	

	.menu_bar
		{
			display:none;

		}

	header
		{
			width: 100%;
			height: 100px;
			background: rgba(0,0,0,.0) ;
			background-size: px ;
			border-bottom: 1px solid rgba(255,255,255,.2);
			position: fixed;
			text-align: right;
			z-index: 1000;
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}

	/*.white-bacground-cover
		{
			width: 100%;
			height: 100%;
			background: rgba(255,255,255,.8);
			text-align: right;
			border-bottom: 0px solid rgba(223,0,122,1);
		}*/


	header nav
		{
			background:  ;
			max-width: 1200px;
			width:90%;
			margin:0px auto;
		}

	header nav ul
		{
			list-style:none;
		}

	header nav ul li
		{
			display:inline-block;
			position: relative;
			/*font-family: 'Courgette', cursive;*/
			font-family: 'Play', sans-serif;
		}

	.slogan-info 
		{
			float: left;
		}	

	.slogan-info a
		{ 
			float: left;
			color: rgba(255,255,255,1);
			width: 80%;
			text-align: left;
			font-weight: 800;
		}

	.slogan-info a:before
		{
			background-color: rgba(0,0,0,0);
		}				
	.slogan-info a:after
		{
			background-color: rgba(0,0,0,0);
		}			
	
	.mfixed .slogan-info a
		{ 
			color: rgba(0,85,211,1);
		}

	.mfixed .slogan-info a:hover
		{ 
			color: rgba(0,85,211,1);
		}	

	.mfixed .slogan-info a:before
		{
			background-color: rgba(0,0,0,0);
		}				
	.mfixed .slogan-info a:after
		{
			background-color: rgba(0,0,0,0);
		}	

	header.mfixed
		{
			background-color: rgba(255,255,255,.8);
			border-bottom: 0px solid rgba(240,128,128,1);
			box-shadow: 0px 0px 10px rgba(0,0,0,.5);
			width: 100%;
			height: 70px;
			background-size: 400px ;
			top: 0px;
			backdrop-filter: blur(10px);
			transition:opacity .35s, width 0.35s ease-in-out;
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}
	header.mfixed .togglenav .menu-item
		{
			background-color: ;
		}

	header.mfixed a
		{
			color: rgba(0,0,0,1);
			padding: 24px 10px;
			text-shadow: 0px 0px 0px rgba(0,0,0,0);
		}

@media screen and (max-width: 920px){
	header.mfixed a
		{
			padding: 21.5px 0px;
		}	
}		

	header.mfixed a:hover
		{
			color: rgba(0,0,0,1);
		}


	header.mfixed a:after
		{
			display: block;
		  	position: absolute;
		  	right: 50%;
		  	bottom: 0px;
		  	width: 0;
		  	height: 2px;
		  	background-color: rgba(0,85,211,1);
		  	border: 2px solid rgba(0,85,211,1);
		  	content: "";
		  	opacity: 0;
		  	transition: opacity .25s, width 0.25s ease-in-out;
		}

	header.mfixed a:hover:after
		{
			width: 47.5%;
			opacity: 1;
		}

	header.mfixed a:before
		{
			display: block;
		  	position: absolute;
		  	left: 50%;
		  	bottom: 0px;
		  	width: 0;
		  	height: 2px;
		  	background-color: rgba(0,85,211,1);
		  	border: 2px solid rgba(0,85,211,1);
		  	content: "";
		  	opacity: 0;
		  	transition: opacity .25s, width 0.25s ease-in-out;
		}

	header.mfixed a:hover:before
		{
			width: 47.5%;
			opacity: 1;
		}

	header.mfixed .current_page a
		{
			color: rgba(0,85,211,1);
			border-radius: 0px;
			padding: 19px 20px;
			border-bottom: 2px solid rgba(240,128,128,0);
		}

	header.mfixed .current_page a:before
		{
			display: block;
			position: absolute;
			left: 0px;
			bottom: -4px;
			width: 100%;
			height: 2px;
			margin-right: 2px;
			border-radius: 1px;
			background-color:rgba(0,85,211,1);
			border: 2px solid rgba(0,85,211,1);
			opacity: 1;
			z-index: -2;
			transition:opacity .35s, width 0.35s ease-in-out;
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;

		}

	header.mfixed .current_page a:after
		{
			display: block;
			position: absolute;
			right: 0px;
			bottom: -4px;
			width: 0;
			height: 2px;
			border-radius: 1px;
			border: 2px solid rgba(0,0,0,1);
			background-color:rgba(0,85,211,1);
			content: "";
			opacity: 0;
			z-index: -2;
			transition:opacity .35s, width 0.35s ease-in-out;
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}

	header.mfixed .current_page a:hover
		{
			color: rgba(0,0,0,1);
			background: rgba(0,0,0,0);
			border-bottom: 2px solid rgba(240,128,128,0);
		}

	header.mfixed .current_page a:hover:before
		{
  			width: 0%;
				opacity: 0;
		}

	header.mfixed .current_page a:hover:after
		{
  			width: 100%;
				opacity: 1;
		}
@media screen and (max-width: 920px){
	header.mfixed .current_page a:before
		{
			opacity: 0;
		}

	header.mfixed .current_page a:after
		{
			opacity: 0;
		}

	header.mfixed .current_page a:hover:before
		{
  			width: 0%;
				opacity: 0;
		}

	header.mfixed .current_page a:hover:after
		{
  			width:0;
				opacity: 0;
		}
}
	header.mfixed .logo_pic
		{
			padding: 0 10px;
		}



	.logo_pic
		{
			margin-top: 0px;
			float: left;
			width: auto;
			height:100%;
			padding: 0;
			display: block;
			text-align: left;
			background: rgba(255,255,255,0);
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}

	.logo_pic a
		{
			padding: 0px;
			border-bottom: 0px solid rgba(0,0,0,0);
			background: rgb(255,255,255,0);
		}

	/*.logo_pic a,*/
	.mfixed .logo_pic a
		{
			padding: 0px;
			border-bottom: 0px solid rgba(0,0,0,0);
		
		}

	.logo_pic a:hover,
	.mfixed .logo_pic a:hover
		{
			border-bottom: 0px solid rgba(0,0,0,0);
		}


	.logo_pic a:after,
	.mfixed .logo_pic a:after
		{
			display: none;
		  	position: absolute;
		  	right: 50%;
		  	bottom: 15px;
		  	width: 0;
		  	height: 2px;
		  	background-color: rgba(255,255,255,1);
		  	content: "";
		  	transition: width 0.2s linear;
		}

	.logo_pic a:hover:after,
	.mfixed .logo_pic a:hover:after
		{
			width: 0%;
		}

	.logo_pic a:before,
	.mfixed .logo_pic a:before
		{
			display: none;
		  	position: absolute;
		  	left: 50%;
		  	bottom: 15px;
		  	width: 0;
		  	height: 2px;
		  	background-color: rgba(255,255,255,1);
		  	content: "";
		  	transition: width 0.2s linear;
		}

	.logo_pic a:hover:before,
	.mfixed .logo_pic a:hover:before
		{
			width: 0%;
		}

	.logo_pic img
		{
			width: auto;
			height: 100px;
				-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}
	.mfixed .logo_pic img
		{
			width: auto;
			height: 70px;
				-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}	

	header nav ul li a img
		{
			width:100% ;
			height:13%;
		}

	header nav ul li a
		{
			margin-top: 5px;
			color:rgba(255,255,255,.9);
			font-size: 17px;
			font-weight: 500;
			display:block;
			text-decoration:none;
			padding: 40px 10px;
			margin: auto 10px;
			border-bottom: 0px solid rgba(0,0,0,0);
			border-left: 0px solid rgba(0,0,0,0);
			border-right:0px solid rgba(0,0,0,0);
			border-radius: 2px;
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}

	header nav ul li a:hover
		{
			color:rgba(255,255,255,1);
			display:block;
			text-decoration:none;
			border-bottom: 0px solid rgba(0,0,0,0);
		    -webkit-transition: color .4s, border-bottom .2s linear;
			-moz-transition: color .4s, border-bottom .2s linear;
			-ms-transition: color .4s, border-bottom .2s linear;
			-o-transition: color .4s, border-bottom .2s linear;
			transition: color .4s, border-bottom .2s linear;
		}

	header nav ul li a:after
		{
			  display: block;
		  	position: absolute;
		  	right: 50%;
		  	bottom: 1px;
		  	width: 0;
		  	height: 2px;
		  	background-color: rgba(255,255,255,1);
		  	content: "";
		  	opacity: 0;
		  	transition: opacity .25s, width 0.25s ease-in-out;
		}

	header nav ul li a:hover:after
		{
			width: 47.5%;
			opacity: 1;
		}

	header nav ul li a:before
		{
			display: block;
		  	position: absolute;
		  	left: 50%;
		  	bottom: 1px;
		  	width: 0;
		  	height: 2px;
		  	background-color: rgba(255,255,255,1);
		  	content: "";
		  	opacity: 0;
		  	transition: opacity .25s, width 0.25s ease-in-out;
		}

	header nav ul li a:hover:before
		{
			width: 47.5%;
			opacity: 1;
		}




	.current_page a
		{
			margin-top: 5px;
			color:rgba(255,255,255,1);
			font-size: 17px;
			border: 2px solid rgba(255,255,255,0);
			display:block;
			background: rgba(255,255,255,.0);
			text-decoration:none;
			padding: 35px 20px;
			border-radius: 10px;
			-webkit-transition: background .4s, color .4s, border-left .4s, border-top .4s, border-right .4s, border-bottom .4s, border-radius .2s linear;
			-moz-transition: background .4s, color .4s, border-left .4s, border-top .4s, border-right .4s, border-bottom .4s, border-radius .2s linear;
			-ms-transition: background .4s, color .4s, border-left .4s, border-top .4s, border-right .4s, border-bottom .4s, border-radius .2s linear;
			-o-transition: background .4s, color .4s, border-left .4s, border-top .4s, border-right .4s, border-bottom .4s, border-radius .2s linear;
			transition: background .4s, color .4s, border-left .4s, border-top .4s, border-right .4s, border-bottom .4s, border-radius .2s linear;
		}

	.current_page a:hover
		{
			margin-top: 5px;
			color:rgba(255,255,255,1);
			border-bottom: 2px solid rgba(246,88,68,0);
			display:block;
			background: rgba(255,255,255,0);
			text-decoration:none;
			-webkit-transition: background .4s, color .4s, border-right .4s, border-top .4s, border-left .4s, border-bottom .4s, border .4s, border-radius .2s linear;
			-moz-transition: background .4s, color .4s, border-right .4s, border-top .4s, border-left .4s, border-bottom .4s, border .4s, border-radius .2s linear;
			-ms-transition: background .4s, color .4s, border-right .4s, border-top .4s, border-left .4s, border-bottom .4s, border .4s, border-radius .2s linear;
			-o-transition: background .4s, color .4s, border-right .4s, border-top .4s, border-left .4s, border-bottom .4s, border .4s, border-radius .2s linear;
			transition: background .4s, color .4s, border-right .4s, border-top .4s, border-left .4s, border-bottom .4s, border .4s, border-radius .2s linear;
		}

	.current_page a:before
		{
			  display: block;
		  	position: absolute;
		  	left: 0px;
		  	bottom: -0px;
		  	width: 100%;
		  	height: 1px;
			margin-right: 2px;
		  	border-radius: 1px;
		  	background-color: rgba(255,255,255,1);
			border: 1px solid rgba(255,255,255,1);
		  	content: "";
			opacity: 1;
		  	z-index: -2;
		  	transition:opacity .35s, width 0.35s ease-in-out;
		  	-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}	

	.current_page a:after
		{
			display: block;
			position: absolute;
			right: 0px;
			bottom: -0px;
			width: 0;
			height: 1px;
			border-radius: 1px;
			border: 1px solid rgba(0,85,211,1);
			background-color:rgba(0,85,211,1);
			content: "";
			opacity: 0;
			z-index: -2;
			transition:opacity .35s, width 0.35s ease-in-out;
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
			    -ms-transition: all .2s linear;
			     -o-transition: all .2s linear;
			        transition: all .2s linear;
		}

	.current_page a:hover:before
		{
			width: 0%;
			opacity: 0;
		}	

	.current_page a:hover:after
		{
			width: 100%;
			opacity: 1;
		}


/************************************************************/

	.icon-chevron-right
 		{
 			display: none;
 		}
	.icon-chevron-small-down
		{
			margin-right: 0px;
		}

@media screen and (max-width: 800px){
	.icon-chevron-right
 		{
 			display: inline-block;
 			float: right;
 			position: relative;
 		}

	.icon-chevron-small-down
		{
			display: none;
		}
}

 	header nav ul li .children li .icon-navigate_next
 		{
 			position: absolute;
 			right: 10px;
 			top: 25%;
 			font-size: 20px;
 			color: rgba(255,255,255,1);
 		}

 	.mfixed nav ul li .children li .icon-navigate_next
 		{
 			color: rgba(0,0,0,.5);
 		}	

	.mfixed nav ul li .children li:hover .icon-navigate_next
 		{
 			color: rgba(255,255,255,1);
 		}	

	header nav ul li a span
		{
			margin-right:10px;
		}

	header nav ul
		{
			display: block;
		}

	header nav ul li:hover .children .current_page a:hover
		{
			display:none;
			opacity: 0;

			height: auto;
			-webkit-transition: opacity .3s ease-in-out;
			-o-transition: opacity .3s ease-in-out;
			transition: opacity .3s ease-in-out;
		}

	header nav ul li .children .current_page a:hover
		{
			display:none;
			opacity: 0;
			height: auto;
			-webkit-transition: opacity .3s ease-in-out;
			-o-transition: opacity .3s ease-in-out;
			transition: opacity .3s ease-in-out;
		}	

	header nav ul li:hover .children
		{
			opacity: 1;
			height: auto;
			top: 98px;
			-webkit-transition:top .15s, opacity .3s ease-in-out;
			-o-transition:top .15s, opacity .3s ease-in-out;
			transition:top .15s, opacity .3s ease-in-out;
		}

	header nav ul li .children
		{
			margin-top: 0px;
			opacity: 0;
			height: 0;
			overflow: hidden;
			background:rgba(0,0,0,.4);
			position: absolute;
			left: -20px;
			width: 135%;
			z-index:1000;
			top: 200px;
			border-radius: 0 0 4px 4px;
		}

	.mfixed nav ul li:hover .children
		{
			top: 68.5px;
			background:rgba(255,255,255,1);
			box-shadow: 0 2px 5px rgba(0,0,0,.5);
		}	

	header nav ul li .children li
		{
			display:block;
			overflow: hidden;
			text-align: left;
			line-height: auto;
			-webkit-transition: all .2s linear;
			-o-transition: all .2s linear;
			transition: all .2s linear;
		}

	header nav ul li .children li:hover
		{
			display:block;
			overflow: hidden;
			text-align: left;
			background: rgba(0,85,211,1);
			-webkit-transition: all .2s linear;
			-o-transition: all .2s linear;
			transition: all .2s linear;
		}

	header nav ul li .children li a
		{
			display: block;
			padding: 10px 20px;
			color: rgba(255,255,255,1);
			font-weight: 500;
			font-size: 14px;
			text-shadow: 0px 0px 0px;
			border-right: 0px solid rgba(0,0,0,0);
			border-top: 0px solid rgba(0,0,0,0);
			border-left: 0px solid rgba(0,0,0,0);
			border-bottom:0px solid rgba(0,0,0,0);
			-webkit-transition: all .2s linear;
			-o-transition: all .2s linear;
			transition: all .2s linear;
		}

	.mfixed nav ul li .children li a
		{
			color: rgba(0,0,0,.5);
		}	

	header nav ul li .children li a:hover
		{
			display: block;
			color: rgba(255,255,255,1);
			border-right: 0px solid rgba(0,0,0,0);
			border-top: 0px solid rgba(0,0,0,0);
			border-left: 0px solid rgba(0,0,0,0);
			border-bottom:0px solid rgba(0,0,0,0);
			-webkit-transition: all .3s linear;
			-o-transition: all .3s linear;
			transition: all .3s linear;
		}

	header nav ul li .children li a:after
		{
		  display: block;
		  position: absolute;
		  left: 0;
		  bottom: 12px;
		  width: 0;
		  height: 0px;
		  /*background-color: rgba(0,85,211,1);*/
		  content: "";
		  transition: width 0.2s linear;
		  border: 0px solid;
		}

	header nav ul li .children li a:hover:after
		{
			width: 0%;
		}

	header nav ul li .children li a:before
		{
		  display: block;
		  position: absolute;
		  left: 0;
		  bottom: 12px;
		  width: 0;
		  height: 0px;
		  /*background-color: rgba(0,85,211,1);*/
		  content: "";
		  transition: width 0.2s linear;
		  border: 0px solid ; 
		}

	header nav ul li .children li a:hover:before
		{
			width: 0%;
		}


	header nav ul li .children li a span
		{
			float: ;
			position: relative;
			top:1px;
			margin-right:0;
			margin-left:0px;
			line-height: 5px;
		}

	header nav ul li .caret
		{
			position: relative;
			top:3px;
			margin-left:10px;
			margin-right:0px;
		}
/*******************************************/
.ir-arriba {
	display:none;
	padding:5px;
	background:rgba(0,0,0,.6);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 3px;
	font-size:30px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:50px;
	right:20px;
	z-index: 1010;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.ir-arriba:hover {
	background: rgba(255,255,255,1);
	border: 1px solid rgba(0,85,211,1);
	color: rgba(0,85,211,1);
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
/*************************************************************************/
/*                   SLIDER TEXT               							 */
/*************************************************************************/

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #000;
}
*:focus {
  outline: 0;
}

@media screen and (max-width: 920px) {
	.main {
		display: none;
	}
}
/* Primary Style
--------------------------------*/
.main {
  width:100%;
  height:100%;
	max-width: 110rem;
	margin: 0 auto;
	padding: 0 2rem;
	z-index: 1050;
}


/* Slider Style
--------------------------------------*/
.cd-slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-bottom: 8rem;
}
.cd-slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s .2s;
  	will-change: visibility;
}

.content-lyrics {
	position: absolute;
	top: auto;
	right: auto;
	width: 100%;
	height: 100%;
	padding: 20% 0;
	text-align: center;
	color: #fff;
}
.content-lyrics h2 {
	text-overflow: ellipsis;
	overflow: hidden;
	transform: translateY(-30%);
	opacity: 0;
	transition: transform .5s, opacity .5s;
  	will-change: transform, opacity;
  	font-size: 4rem;
}
.content-lyrics a {
	display: inline-block;
	font-size: 2rem;
	text-transform: none	;
	padding: 1.5rem;
	opacity: 0;
	transform: translateY(-100%);
	transition: transform .5s .1s, opacity .5s .1s;
  will-change: transform, opacity;
  color: #fff;
  text-emphasis: none;
}

.content-lyrics a {
	text-decoration: none;
	color:#fff;

}

.content-lyrics a:hover{
	text-decoration: none;
	color: #fff;
	cursor: default;
}
/* Current Slide 
-------------------------------------*/
li.current {
	visibility: visible;
	transition-delay: 0s;
	widows: 100%;
	height: 100%;
}

li.current .content-lyrics h2 {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .5s;
}
li.current .content-lyrics a {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .5s;
}
/* Prev Slide 
------------------------------------*/

nav .counter-numbers{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 2;
}
.nav_arrows{
	position: relative;
	bottom: -75%;
	float: right;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    outline: none !important;
}
.prev, .next, .counter {
	vertical-align: middle;
}
.prev, .next {
	position: relative;
	display: inline-block;
	height: 5rem;
	width: 4rem;
  border: 0;
  cursor: pointer;
  background: transparent;
}
.prev::before, .next::before {
	content: '';
	position: absolute;
	top: 50%;
  left: 0;
	transform: translateY(-50%);
	border: .5rem solid transparent;
	border-right-width: 1rem;
	border-right-color: #fff;
	border-left-width: 0;
	width: 0;
	height: 0;
}
.prev::after, .next::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateZ(0);
	left: 1rem;
	background: #fff;
	height: .5rem;
	min-height: 1px;
	width: 0rem;
	transition: width .3s;
}
.next::before {
	right: 0;
  left: auto;
	border-left-width: 1rem;
	border-left-color: #fff;
	border-right-width: 0;
}
.next::after {
	right: 1rem;
	left: auto;
}
.counter {
	display: inline-block;
	font-size: 1rem;
	font-family: 'Play', sans-serif;
	font-style: ;
	color: #fff;
}
.counter span:last-child::before {
	content: '/';
	margin: 0 1rem;
}
.prev:hover::after, .next:hover::after {
	width: 1rem;
}
@media screen and ( max-width: 550px ) {
	
	.content-lyrics { padding-right: 2rem; }
	nav { left: 0; right: auto; }
}

/********************************************************************/
/* configuracion de flacha arriba abajo*/
/********************************************************************/



/* codigo para insertary poner flecha de conexion*/
/* <div class="arrow-wrap"><span class="connector"></span><span class="connector2"></span></div>*/


.center-figure-good .arrow-wrap {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom:50px;
    z-index: 10;
}

.center-figure-good .arrow-wrap .connector {
    border-top-color: #FDFAF4;
}

.center-figure-good .arrow-wrap .connector {
    width: 20px;
    height: 20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FDFAF4;
}

/*Codigo para poner la imagen de conexion de divisores con estilo*/
/* <div class="image-arrow"><div class="left"></div><div class="right"></div></div>*/

.image-arrow-0, .image-arrow, .image-arrow-2, .image-arrow-3 {
    width: 100%;
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    z-index: 10;
}

.image-arrow-0 .left-0, .image-arrow .left, .image-arrow-2 .left-2, .image-arrow-3 .left-3 {
    display: block;
    float: left;
    width: 50%;
    background-color: #fff;
    height: 20px;
    margin-left: -20px;
    position: relative;
}


.image-arrow .left::after {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    position: absolute;
    right: -40px;
}

.image-arrow-0 .right-0, .image-arrow .right, .image-arrow-2 .right-2, .image-arrow-3 .right-3 {
    display: block;
    float: right;
    width: 50%;
    background-color: #fff;
    height: 20px;
    margin-right: -20px;
    position: relative;
}

.image-arrow .right::before {
    width: 40px;
    height: 40px;
    content: " ";
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    position: absolute;
    left: -40px;
}

.image-arrow-0 .right-0, .image-arrow-0 .left-0{

	background-color: #fff!important;

}

.image-arrow-0 .left-0::after{
	content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff!important;
    position: absolute;
    right: -40px;
}

.image-arrow-0 .right-0::before{
	width: 40px;
    height: 40px;
    content: " ";
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff!important;
    position: absolute;
    left: -40px;
}

.image-arrow-2 .right-2, .image-arrow-2 .left-2{

	background-color: #23449e!important;

}

.image-arrow-2 .left-2::after{
	content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #23449e!important;
    position: absolute;
    right: -40px;
}

.image-arrow-2 .right-2::before{
	width: 40px;
    height: 40px;
    content: " ";
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #23449e!important;
    position: absolute;
    left: -40px;
}

.image-arrow-3 .right-3, .image-arrow-3 .left-3{

	background-color: #252525 !important;

}

.image-arrow-3 .left-3::after{
	content: " ";
    display: block;
    width: 40px;
    height: 40px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #252525 !important;
    position: absolute;
    right: -40px;
}

.image-arrow-3 .right-3::before{
	width: 40px;
    height: 40px;
    content: " ";
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #252525 !important;
    position: absolute;
    left: -40px;
}


/************ARROW END******************/

.see-more .icon svg {
    fill: #ffffff !important;
    width: 94px;
    height: 24px;
}

*, *::before, *::after {
    box-sizing: border-box;
}



/* reglas CSS para formulario */
.form-contact-symtec
{
	position: relative;
    width: 30%;
    height: auto;
    float: left;
}

.form-contact-map
{
	position: relative;
    width: 60%;
    height: 100%;

}
.form-contact-symtec form{
	width: 90%!important;
	margin: auto;
    padding: 5%!important;
    background: #fff;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 5px;
    box-shadow: 0 0 50px rgba(0,0,0,.1);
}

@media screen and (max-width: 920px) {
	.form-contact-symtec{
		justify-self: center;
		width: 70%;
		float: none;
	}
	.form-contact-symtec form{
		width: 100%!important;
		margin: auto;
		padding: 2%;

	}

}

@media screen and (max-width: 920px) {
	.hidden-card{
	display: none !important;;
	}

}


.principal_image{
	display: flex;
}

.low_res_v{
	display: none!important;
}

@media screen and (max-width: 920px) {
	.principal_image{
		display: none!important;
	}

	.low_res_v{
		display: block!important;
	}

}