@import url('https://fonts.googleapis.com/css?family=Kodchasan&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text&display=swap');


@font-face {
    font-family: 'Silo Soft';
    src: url('../fonts/SiloSoft-Bold.woff2') format('woff2'),
        url('../fonts/SiloSoft-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Silo Soft';
    src: url('../fonts/SiloSoft-ExtraBold.woff2') format('woff2'),
        url('../fonts/SiloSoft-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Soho Gothic Pro';
    src: url('../fonts/SohoGothicPro-Regular.woff2') format('woff2'),
        url('../fonts/SohoGothicPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
	background: #f8f9fa;
	font-family: 'Soho Gothic Pro';
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6{
		font-family: 'Silo Soft';
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.05em;
		margin-bottom: 0.5em;
}
.text-red{
	color: #FF4338;
}

.navbar {
	justify-content: space-between;
	background-color: #DE453B;
}
.navbar-nav{
	margin-right:100px;
}
.nav-item{
	text-transform: uppercase;
	font-size: 12pt;
	font-weight: 400;
}
.nav-link{
	color: rgba(255,255,255,1) !important;
}
.nav-link:hover{
	color: #000000 !important;
}

.cnt{	
	margin: 20px 20px;
	font-size:35pt;
}
.cnt span{
	color: #de453b;
	font-weight: bold;
	display: table;
	margin: 0 auto;

}
.cnt span.caption{
	
	font-size:15pt;
	text-transform: uppercase;

}
.box_title{
	margin: 30px 3px;

}
.content{
	padding: 10px;
	text-transform: uppercase
}
.content:hover{
	color: #DE453B
}
.content .fal{
	font-size: 5rem;
}
.twitterHashtag{
	position:absolute;
	margin-bottom: 50px;
	bottom:40px;
	left:175px;
	color:#DE453B;
	font-size: 2.5em;
	letter-spacing: 2px;
	font-style: italic;
	font-family: 'Anton';
    transform: translateZ(10px)
}

.twitterHashtag span{
	display: table;
	margin: 0 auto;

}
.overlay{
	top:0;
	left: 0;
	height:100%;
	width: 100%;
	position:absolute;
	background-color:#000;
	opacity:.5;
	z-index: -1;
}
.mast-head-container{
	
}
.masthead{
	position: relative;
	/*
	
	background: url(../img/audience.jpg) no-repeat center center;
	
	background: url(../img/audience_mountain.jpg) no-repeat center center;
	*/
	background: #000;
	background-size: cover;
	padding: 12rem 0 18rem 0;
	z-index: 0;
	overflow: hidden;
}
.counter-wrap{
	overflow: hidden;
    max-width: 800px;
    width: 100%;
    height: 170px;
    max-height: 400px;
    margin: auto;
    margin-top: -100px;
	position: relative;
	box-shadow: 0 16px 48px #2d2d2d;
	background: #000; /* url(../img/fondo2.png) no-repeat center center;*/
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.counter-wrap #countdown {
	display: inline-block;
}
#vid{
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	z-index: -1000; 
	overflow: hidden;
  }

.counter-item{
	float: left;
	text-shadow: -2px -2px 10px rgb(0, 0, 0);
	margin:10px;
}
.counter-tilt{
	transform-style: preserve-3d;
    position: absolute;
    background: url(../img/audience.jpg) no-repeat center center;
    background-size: cover;
    padding: 15rem 0rem;
    z-index: 0;
    width: 1000px;
    height: auto;
    top: -75px;
    left: -100px;
	
}
.fondo-co-crea{
	background: url(../img/fondo.png) no-repeat top center;
	padding-top: 75px;
}
.counter-tilt-inner{
	background: url(../img/audience-tilt.png) no-repeat center center;
    background-size: cover;
    z-index: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    transform: translateZ(20px)/*;scaleX(-1);*/
}
.main-icons {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.navbar-brand img{
	width:120px;
}
.main-icons i{
	font-size:2.5em;
	padding-bottom: 10px;
}
.footer{
	
}
.img-logos{
	position: relative;
	width: 100%;
	height:100%;
}
.img-logos img{
	max-height: 50px;
	max-width:100%;
}
section{
	padding:50px 0;
}
.footer-logos{
	/*height:30px;*/
	display: flex;
	align-items: center;
}
@media(min-width: 360px){
	.footer-logos{
		padding-right: 5px;
		padding-left: 5px;
	}
	.img-logos{
		padding:5px 10px;
	}
}
@media(min-width: 768px){
	.footer-logos{
		padding:1.5rem 0.5rem;
	}
	.img-logos{
		padding-left: 25px;
		padding-right: 25px;
	}
}

body{
	height:100%;
	overflow-x: hidden;
}
.content-description{
	max-width: 700px;
	width:100%;
	font-size: large;
	margin:auto;
}
.content-description div{
	padding:15px 0;
}
.welcome-content {
	padding:100px 15px;
}
.neon{
	position: relative;
	overflow: hidden;
	filter: brightness(200%);
	line-height: normal;
	font-size: 50px;
	/*font-family: 'Kodchasan', sans-serif;*/
	font-family: 'Silo Soft', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 12px #ff001e;
}
@media(min-width: 991px){
	.twitterHashtag{
		font-size: 3.5em;
	}
}
@media (min-width: 768px){
	.twitterHashtag {
		font-size: 3em;
	}
}


.talisis-neon{
	color:#827575;
	text-shadow: 0 0 12px #ff001e;
	padding-left:10px;
}
.talisis-neon:before{
	position: absolute;
	content:attr(data-text);
	color:white;
	filter:blur(0.015em);
	mix-blend-mode: difference;
}
.lema-neon{
	padding-left:30px;
	padding-right:10px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.lema-neon span{
	color:#ff0000;
	border:2px solid #ff001e;
	border-radius:10px;
	padding-top: 5px;
	padding-left:10px;
	padding-right:10px;
}
.lema-neon span:before{
	position: absolute;
	content:attr(data-text);
	color:black;
	filter:blur(0.015em);
	mix-blend-mode: difference;
}
	/*
.talisis-neon:after{
	position: absolute;
	content: attr(data-text);
	top:0;
	left:0;
	z-index: -1;
	color: #ff001e;
	filter: blur(0.01em);
}
	*/

.speaker{
	
	text-transform: uppercase;
	text-align:justify;
text-justify: inter-word;
text-align-last:center;
/* for IE9 */
-ms-text-align-last:center;
}

.lineup-size-1{
	font-size: 4rem;
	text-align: justify;
}
.lineup-size-2{
	font-size: 3rem;
	text-align: justify;
}
.lineup-size-3{

	font-size: 2.2rem;
	text-align: justify;
}

.form-container{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-container .col {
	padding-right: 5px;
	padding-left: 5px;
}
.confirmation-form{
	font-family: 'Roboto', sans-serif;
	border-radius:20px;
	border:1px solid gray;
	width:600px;
	background-color: #fff;
}

.ticket-form::before{
	display: block;
  content: '';
  position: absolute;
}
.ticket-form{
	background: url("../img/convencion-logos/insumos kit-03.svg") no-repeat bottom right;
	background-size: 120px;
	border:5px solid red;
	position: relative;	
	font-family: 'Roboto', sans-serif;
	background-color:white;
	width:450px;
}

.form-group {
    margin-bottom: 0.2rem;
}

.form-control{
	height:calc(1.4rem + 2px);
}

.ticket-form  label.ticket-field{
	background-color:red;
	border:1px solid black;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	border-spacing: 5px;
	color:white;
	width: 100%;
	margin-bottom: 0px;
	font-size: 12px;
	text-align: center;
}
.ticket-form input, .ticket-form select {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-color:black;
	top:-2px;
	position:relative;
	padding:2px auto;
}

.ticket-form .form-control:disabled, .form-control[readonly]{
	background-color: white;
}

 .ticket-barcode span{
 	position: absolute;
	font-family: 'Libre Barcode 39 Text', cursive;
	font-size: 50px;
	
}
.ticket-barcode{
	position: relative;
	transform: translateX(100px) translateY(50px) rotate(-90deg);
}

#mapid { height: 500px; width: 100%;}

.hotel {
	font-family: 'Soho Gothic Pro';
}



a{
	color: #DE453B;
}

a:hover{
	color: #94160d;
	text-decoration: none;
}

.amenities i{
	font-size:2em;
	border: 2px solid #fff;
	border-radius: 2.5em;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align:center;
}
.amenities span{
	 display:block;
}
.dresscode i.fa-male{
	font-size: 3em;
	color:#0062cc;
}
.dresscode i.fa-female{
	font-size: 3em;
	color:#da4eda;
}

.scholarship-process .left-box { 
	width:45%; float: left;
}
.scholarship-process .right-box {
	width:50%; margin-left: 5%; float: left;
}
.scholarship-process .process { 
	text-align: center; margin: auto;
}
.scholarship-process .left-box h2 {
	color: #DE453B
}