@font-face {font-family: 'Tilda';src: url(../fonts/tilda-sans_regular.ttf) format('truetype');}
@font-face {font-family: 'TildaBold';src: url(../fonts/tilda-sans_extra-bold.ttf) format('truetype');}
@font-face {font-family: 'Pixel';src: url(../fonts/PixelPanel-Black.ttf) format('truetype');}

* {box-sizing: border-box;}

body {
	font-family:Tilda;
	color:#666;
    line-height: 1.5em;
    letter-spacing: 0.10em;
    font-weight: 300;
	margin: 0;
	padding:0;
	width:100%;height:100%;
	
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
::-webkit-scrollbar {display: none;}

img {
    overflow-clip-margin: content-box;
    overflow: clip;
}
b {font-family:TildaBold;}
a {color:#000;text-decoration:none;}

form {margin:0;padding:0;}














/***********************************************************************************************************/
/***********************************************************************************************************/
/*																										   */
/* 		COMMON 													  										   */
/*																										   */
/***********************************************************************************************************/
/***********************************************************************************************************/

.m-0 {margin:0em !important;}
.m-1 {margin:0.25em !important;}
.m-2 {margin:0.5em !important;}
.m-3 {margin:0.75em !important;}
.m-4 {margin:1em !important;}
.m-5 {margin:2em !important;}

.ms-0 {margin-left:0em !important;}
.ms-1 {margin-left:0.25em !important;}
.ms-2 {margin-left:0.5em !important;}
.ms-3 {margin-left:0.75em !important;}
.ms-4 {margin-left:1em !important;}
.ms-5 {margin-left:2em !important;}

.mt-0 {margin-top:0em !important;}
.mt-1 {margin-top:0.25em !important;}
.mt-2 {margin-top:0.5em !important;}
.mt-3 {margin-top:0.75em !important;}
.mt-4 {margin-top:1em !important;}
.mt-5 {margin-top:2em !important;}

.mb-0 {margin-bottom:0em !important;}
.mb-1 {margin-bottom:0.25em !important;}
.mb-2 {margin-bottom:0.5em !important;}
.mb-3 {margin-bottom:0.75em !important;}
.mb-4 {margin-bottom:1em !important;}
.mb-5 {margin-bottom:2em !important;}

.me-0 {margin-right:0em !important;}
.me-1 {margin-right:0.25em !important;}
.me-2 {margin-right:0.5em !important;}
.me-3 {margin-right:0.75em !important;}
.me-4 {margin-right:1em !important;}
.me-5 {margin-right:2em !important;}


.p-0 {padding:0em !important;}
.p-1 {padding:0.25em !important;}
.p-2 {padding:0.5em !important;}
.p-3 {padding:0.75em !important;}
.p-4 {padding:1em !important;}
.p-5 {padding:2em !important;}

.ps-0 {padding-left:0em !important;}
.ps-1 {padding-left:0.25em !important;}
.ps-2 {padding-left:0.5em !important;}
.ps-3 {padding-left:0.75em !important;}
.ps-4 {padding-left:1em !important;}
.ps-5 {padding-left:2em !important;}

.pt-0 {padding-top:0em !important;}
.pt-1 {padding-top:0.25em !important;}
.pt-2 {padding-top:0.5em !important;}
.pt-3 {padding-top:0.75em !important;}
.pt-4 {padding-top:1em !important;}
.pt-5 {padding-top:2em !important;}

.pb-0 {padding-bottom:0em !important;}
.pb-1 {padding-bottom:0.25em !important;}
.pb-2 {padding-bottom:0.5em !important;}
.pb-3 {padding-bottom:0.75em !important;}
.pb-4 {padding-bottom:1em !important;}
.pb-5 {padding-bottom:2em !important;}

.pe-0 {padding-right:0em !important;}
.pe-1 {padding-right:0.25em !important;}
.pe-2 {padding-right:0.5em !important;}
.pe-3 {padding-right:0.75em !important;}
.pe-4 {padding-right:1em !important;}
.pe-5 {padding-right:2em !important;}

.text-start {text-align: left;}
.text-center {text-align: center;}
.text-end {text-align: right;}

.row {
    --bs-gutter-x: 1.5em;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin:0;padding:0;
    display: inline-block;
    margin-top: var(--bs-gutter-y);

}

.col-1 {flex: 0 0 auto;width: 8.33333334%;}
.col-2 {flex: 0 0 auto;width: 16.66666667%;}
.col-3 {flex: 0 0 auto;width: 25%;}
.col-4 {flex: 0 0 auto;width: 33.33333334%;}
.col-5 {flex: 0 0 auto;width: 41.66666667%;}
.col-6 {flex: 0 0 auto;width: 50%;}
.col-7 {flex: 0 0 auto;width: 58.33333334%;}
.col-8 {flex: 0 0 auto;width: 66.66666667%;}
.col-9 {flex: 0 0 auto;width: 75%;}
.col-10 {flex: 0 0 auto;width: 83.33333334%;}
.col-11 {flex: 0 0 auto;width: 91.66666667%;}
.col-12 {flex: 0 0 auto;width: 100%;}

@media (min-width:768px) {

	.col-md-1 {flex: 0 0 auto;width: 8.33333334%;}
	.col-md-2 {flex: 0 0 auto;width: 16.66666667%;}
	.col-md-3 {flex: 0 0 auto;width: 25%;}
	.col-md-4 {flex: 0 0 auto;width: 33.33333334%;}
	.col-md-5 {flex: 0 0 auto;width: 41.66666667%;}
	.col-md-6 {flex: 0 0 auto;width: 50%;}
	.col-md-7 {flex: 0 0 auto;width: 58.33333334%;}
	.col-md-8 {flex: 0 0 auto;width: 66.66666667%;}
	.col-md-9 {flex: 0 0 auto;width: 75%;}
	.col-md-10 {flex: 0 0 auto;width: 83.33333334%;}
	.col-md-11 {flex: 0 0 auto;width: 91.66666667%;}
	.col-md-12 {flex: 0 0 auto;width: 100%;}

	.m-md-0 {margin:0em !important;}
	.m-md-1 {margin:0.25em !important;}
	.m-md-2 {margin:0.5em !important;}
	.m-md-3 {margin:0.75em !important;}
	.m-md-4 {margin:1em !important;}
	.m-md-5 {margin:2em !important;}

	.ms-md-0 {margin-left:0em !important;}
	.ms-md-1 {margin-left:0.25em !important;}
	.ms-md-2 {margin-left:0.5em !important;}
	.ms-md-3 {margin-left:0.75em !important;}
	.ms-md-4 {margin-left:1em !important;}
	.ms-md-5 {margin-left:2em !important;}

	.mt-md-0 {margin-top:0em !important;}
	.mt-md-1 {margin-top:0.25em !important;}
	.mt-md-2 {margin-top:0.5em !important;}
	.mt-md-3 {margin-top:0.75em !important;}
	.mt-md-4 {margin-top:1em !important;}
	.mt-md-5 {margin-top:2em !important;}

	.mb-md-0 {margin-bottom:0em !important;}
	.mb-md-1 {margin-bottom:0.25em !important;}
	.mb-md-2 {margin-bottom:0.5em !important;}
	.mb-md-3 {margin-bottom:0.75em !important;}
	.mb-md-4 {margin-bottom:1em !important;}
	.mb-md-5 {margin-bottom:2em !important;}

	.me-md-0 {margin-right:0em !important;}
	.me-md-1 {margin-right:0.25em !important;}
	.me-md-2 {margin-right:0.5em !important;}
	.me-md-3 {margin-right:0.75em !important;}
	.me-md-4 {margin-right:1em !important;}
	.me-md-5 {margin-right:2em !important;}


	.p-md-0 {padding:0em !important;}
	.p-md-1 {padding:0.25em !important;}
	.p-md-2 {padding:0.5em !important;}
	.p-md-3 {padding:0.75em !important;}
	.p-md-4 {padding:1em !important;}
	.p-md-5 {padding:2em !important;}

	.ps-md-0 {padding-left:0em !important;}
	.ps-md-1 {padding-left:0.25em !important;}
	.ps-md-2 {padding-left:0.5em !important;}
	.ps-md-3 {padding-left:0.75em !important;}
	.ps-md-4 {padding-left:1em !important;}
	.ps-md-5 {padding-left:2em !important;}

	.pt-md-0 {padding-top:0em !important;}
	.pt-md-1 {padding-top:0.25em !important;}
	.pt-md-2 {padding-top:0.5em !important;}
	.pt-md-3 {padding-top:0.75em !important;}
	.pt-md-4 {padding-top:1em !important;}
	.pt-md-5 {padding-top:2em !important;}

	.pb-md-0 {padding-bottom:0em !important;}
	.pb-md-1 {padding-bottom:0.25em !important;}
	.pb-md-2 {padding-bottom:0.5em !important;}
	.pb-md-3 {padding-bottom:0.75em !important;}
	.pb-md-4 {padding-bottom:1em !important;}
	.pb-md-5 {padding-bottom:2em !important;}

	.pe-md-0 {padding-right:0em !important;}
	.pe-md-1 {padding-right:0.25em !important;}
	.pe-md-2 {padding-right:0.5em !important;}
	.pe-md-3 {padding-right:0.75em !important;}
	.pe-md-4 {padding-right:1em !important;}
	.pe-md-5 {padding-right:2em !important;}


}

.float-start {float:left;}
.float-end {float:right;}

.position-relative {position:relative;}
.position-absolute {position:absolute;}

.d-none {display:none;}
.d-block {display:block;}
.d-inline-block {display:block;}

.container {
	max-width:1024px;
	margin:auto;
}

@media (min-width:768px) {
	.d-md-none {display:none;}
	.d-md-block {display:block;}
	.d-md-inline-block {display:block;}
}










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







.btn-primary {
	background:#ff6b00;
	padding:0.75em 1.5em;
	font-size:0.9em;
	color:#FFF;
	font-weight:bold;
	border-radius:0.2em;
	text-transform:uppercase;
	text-shadow:rgba(0,0,0,0.2) 0.1em 0.1em;
	width:auto;
	cursor: pointer;
}

.btn-secondary {
	background:#5637cf;
	padding:0.75em 1.5em;
	font-size:0.9em;
	color:#FFF;
	font-weight:bold;
	border-radius:0.2em;
	text-transform:uppercase;
	text-shadow:rgba(0,0,0,0.2) 0.1em 0.1em;
	cursor: pointer;
}

div.btn-primary {width:150px;}
div.btn-secondary {width:150px;}

input, select {
	border:#DDD 1px solid;
	font-size:1.1em;
	padding:7px 15px !important;
	border-radius:5px;
	width: 100%;
	padding-inline:0;
	outline: none;
	border-left:#7b00ff 5px solid !important
}
input::focus,input::hover {border:#DDD 1px solid !important;border-left:#DDD 5px solid !important}
input::placeholder {color:#002b6c;font-size:1em}

textarea {
	border:#DDD 1px solid;
	font-size:1.1em;
	padding:7px;
	border-radius:5px;
	width:100%;
	border-left:#7b00ff 5px solid !important
}

h1 {font-size: 1.75em;line-height:1.2em;margin:2em 0 1.25em 0;border-bottom:#EEE 2px solid;padding:0 0 0.75em 0.5em;font-family:Pixel;color:#000}
h2 {font-size: 1.5em;margin:3em 0 1.25em 0;font-family:Pixel;color:#7b00ff;}
h3 {font-size: 1.5em;margin:2em 0 0 0;}
h4 {font-size: 1.25em;margin:1.5em 0 0 0;}

p {margin:0;padding:0;}

.has-danger input {border-left:#F00 5px solid !important;color:#F00;}



.layer-cookies-inicial {

	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	background:rgba(0,0,0,0.75);
	font-size:0.75em;
	line-height:1.5em;
	padding:25px;
}














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





#header {

	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:4em;
	background:#FFF;
	line-height:1.5em;
	box-shadow:#EEE 0 0 15px;
	z-index:1;
}

#header a {
	text-transform:uppercase;
	padding:0 1em;
	color:#FF6600;
}

#contenido {margin-top:8em;min-height:500px}

#footer {
	padding:7px 15px;
	text-align:center;
	font-size:0.75em;
	width:100%;
	background:EEE;
	height:3em;
	box-shadow:#EEE 0 0 15px;
}

#footer a {padding:0 2em}






#up {position: fixed;right:0;bottom:0;margin:20px;cursor:pointer;}

#home .bobina {z-index:-1;position:relative;top:-11em;left:0;width:100%;max-height:50em;overflow: hidden;}

#home .bobinaGrande {
	position:fixed;
	display:none;
	top:0;left:0;width:100%;height:100%;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index:10000;
	background:#000;
}
#home .bobinaGrande .close {position:absolute;top:1em;right:1em;font-size:2em;color:#FFF;cursor: pointer;}
#home .bobinaGrande video {width:100%;height:auto;max-width:1024px;}

#home .slogan {
	position: absolute;
	text-align:center;
	color:#FFF;
	padding:6em 7em 7em 7em;
	text-shadow:#000 1px 1px;
	font-weight:bold;
	top:0;
	width:100%;
	font-size:1.5em;
	cursor: pointer;
}

#home h1 {border:0;color:#FFF !important;}
#home .container {position:relative;top:-6em}


#videogrande {
	position: fixed;left:0;top:0;
	background:rgba(0,0,0,0.45);
	width:100%;height:100%;
	text-align:center;
	padding-top:5em;
	z-index:10;
}

#videogrande iframe {border:#000 5px solid;border-radius:1em;background:rgba(0,0,0.75)}


.minivideo {
	position:relative;
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
	width:100%;
}
.minivideo:hover {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}

.minivideo .titulo {
	background:rgba(0,0,0,0.55);
	color:#FFF;
	padding:0.2em 1em;
	position: absolute;
	bottom:0.55em;
	left:0;
	font-size:0.75em;
	text-transform: uppercase;
	font-weight:bold;
	height:auto;
	border-top-right-radius: 0.35em;
}
.minivideo .etiqueta {
	background:#7b00ff;color:#FFF;
	padding:0.2em 1em;
	position: absolute;
	bottom:0.55em;right:0;
	font-size:0.75em;
	text-transform: uppercase;
	font-weight:bold;
	height:auto;
	border-top-left-radius: 0.35em;
}
.minivideo img {width:100%;margin:0;padding:0;border:0;}

.landing-item {
	border:#CCC 1px solid;
	border-radius:0.5em;
	margin:0.5em;padding:1em 1em 1em 1.5em;
	cursor:pointer;
}

@media(max-width:768px) {

	.container {padding:15px;}

	#up {width:50px;}

	#home .bobina {top:0em;}

	#header {height:4.25em;}
	#contenido {
		margin-top:4.25em;
	}

	#footer {height:auto;}

	h1 {margin:1em 0 1em 0}

	#videogrande {
		background:rgba(0,0,0,0.75);
	}
	#videogrande iframe {
		border:#000 3px solid;
		border-radius:0.5em;
		width:90%;
		height:200px;

	}

	#home .slogan {
		color:#FFF !important;
		margin-top:7em;
		text-shadow:#000 1px 1px;
		font-weight:bold;
		top:0;
		width:100%;
		font-size:0.5em;
		padding:7em 2em;
	}

	#home .slogan big {padding:0 1em;display:block;}	
	#home .container {top:0;} 

	#landing img {width:100%}
}

#menu {
	position: fixed;top:0;left:0;width:100%;height:100%;
	background:#FFF;display:none;
	z-index:1000;
}

#menu a {padding:10px 20px;border-bottom:#EEE 1px solid;display:block;}
#menu .cerrar {background-color:#F60;color:#FFF;padding:10px 20px}