section.eventos {
	margin-top: 108px;
	margin-bottom: 118px;
}

section.eventos .banner{
	margin-top: 48px;
	background-position: center center;
    	background-repeat: no-repeat;
    	background-size: cover;
    	height: 444px;
	width: 100%;
	background-image: url(../assets/img/eventos/eventos-banner.png);
}

section.eventos .informacion{
	position:absolute;
	top:80px;
	left: 36px;
}

section.eventos .informacion h2{
	font-family: 'nar-bold';
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0.74px;
	line-height: 25px;
}

section.eventos .informacion h3{
	font-family: 'cond-bold';
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 2.24px;
	line-height: 16px;
	margin-top: 27px;
}

section.eventos .informacion p{
	font-family: 'nor-regular';
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0.37px;
	line-height: 15px;
	margin-top: 8px;
}

section.eventos .informacion a{
	width: 184px;
	margin-left: 0px;
	margin-top: 20px;
}
#modalEventos .forma-contact{
	min-width: 0;
}

#modalEventos .modal-dialog{
	max-width: 840px;
	height: 480px
}
#modalEventos .modal-header{
	max-width: 811px;
	border-bottom:0px;
	padding: 0px;
}
#modalEventos h5{
	font-family: 'TitlingGothicFBNarrow-Bold';
	font-size: 24px;
	color: #180239;
	letter-spacing: 0.74px;
	line-height: 25px;
}
#modalEventos p{
	font-family: 'TitlingGothicFBNormal-Medium';
	font-size: 12px;
	color: #999999;
	letter-spacing: 0.37px;
	line-height: 15px;
}
#modalEventos p.first-p{
	text-transform: uppercase;
	padding-top: 22px;
}
#modalEventos p.second-p{
	padding-top: 20px;
}
#modalEventos .modal-info p, #modalEventos .modal-info a{
	font-family: 'TitlingGothicFBNormal-Regular';
	font-size: 12px;
	color: #180239;
	letter-spacing: 0.37px;
	line-height: 15px;
}
#modalEventos .modal-info p, #modalEventos .modal-info a{
	font-family: 'TitlingGothicFBNormal-Regular';
	font-size: 12px;
	color: #180239;
	letter-spacing: 0.37px;
	line-height: 15px;
}
#modalEventos .modal-info{
	padding-top: 45px;
}
#modalEventos .modal-content{
	height: 480px;
	border-radius: 0px;
	padding: 57px 71px
}
#modalEventos .modal-body{
	padding: 0px;
}
.p--p-2{
	padding-top: 20px;
}
#modalEventos .modal-info label{
    margin-left: 27px;
}
#modalEventos form.forma-contact{
    padding-top:0px;
}
#modalEventos .col--btn {
    margin-left: 3px !important;
    text-align: right;
    display: inline-flex;
    float: right;
}





.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
  animation-duration:0.6s;
}
.modal.modal-fullscreen .modal-content {
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -o-box-shadow: inherit;
  box-shadow: inherit;
  min-height: 105vh;
  max-width: 100vh;
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
  padding: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  left: 0;
  position: absolute;
  right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
  top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
  bottom: 0;
}
#modal-fullscreen-events .modal-header{
	border-bottom: 0px;
}
form.forma-contact{
	padding-top: 119px;
}
#form-contact .form-control{
	font-family: 'TitlingGothicFBCond-Regular';
	font-size: 10px;
	color: #999999;
	letter-spacing: 1.6px;
	line-height: 13px;
	padding-left: 20px;
}
.forma-contact input[type="text"], input[type="email"] {
    outline: 0;
    background-color: #F3F3F4;
    border:0.5px solid #F3F3F4;
	border-radius: 0px;
	height: 48px;
}
.forma-contact .form-control:focus {
    color: #999999 !important;
    background-color: #F3F3F4 !important;
	border-color: #F3F3F4 !important;
	outline: 0 !important;
	box-shadow: 0 0 0 .2rem rgba(243,243,243,.0) !important;
}
#form-contact textarea{
	height: 132px;
	background-color: #F3F3F4;
    border:0.5px solid #F3F3F4;
	border-radius: 0px;
	padding-top: 14px;
	resize: none;
}
.btn-purple-send{
	background: #6227BA;
	height: 36px;
	width: 120px;
	border-radius: 0px;
	font-family: 'TitlingGothicFBNormal-Medium';
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 2.5px;
	text-align: center;
	line-height: 15px;
	text-transform: uppercase;
}
.btn-purple-send:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.btn-message{
	width: 100%
}
.respuesta_envio{
	font-family: 'TitlingGothicFBCond-Regular';
	font-size: 10px;
	color: #6227BA;
	letter-spacing: 1.6px;
	line-height: 13px;
	text-transform: uppercase;
	padding-top: 15px !important;
    display: block;
}
.col--span-text{
	display: inline-flex;
	float: left;
}
.col--btn{
	margin-left: 22px !important;
	text-align: right;
	display: inline-flex;
	float: right;
}
.close-imagen {
    position: absolute;
    top: 18px;
    right: 22px;
    z-index: 999;
    opacity: 1;
}
.close-imagen button {
    opacity: 1;
    outline: 0;
}
#ModalEventosMovil .modal-content{
	min-height: 700px;
}
#ModalEventosMovil .modal-body{
	padding:0px;
}
.modal-content{
	padding: 18px 17px;
}
#ModalEventosMovil .modal-header{
	padding: 0px;
    border-bottom: 0;
}
#ModalEventosMovil .info--eventos{
	padding-top: 26px!important;
}

.info--eventos h4{
	font-family: 'TitlingGothicFBNarrow-Bold';
	font-size: 24px;
	color: #180239;
	letter-spacing: 0.74px;
	line-height: 25px;
}
.info--eventos p{
	font-family: 'TitlingGothicFBNormal-Medium';
	font-size: 12px;
	color: #B2B2B2;
	letter-spacing: 0.37px;
	line-height: 15px;
}
.info--eventos span{
	font-family: 'TitlingGothicFBCond-Regular';
	font-size: 10px;
	color: #6227BA;
	letter-spacing: 1.6px;
	text-align: right;
	line-height: 13px;
	text-transform: uppercase;
}
.col--eventos{
	display: inline-flex;
}
.direccion--eventos{
	margin:0px;
	display: inline-flex;
}
.direccion--eventos p{
	font-family: 'TitlingGothicFBNormal-Regular';
	font-size: 12px;
	color: #B2B2B2;
	letter-spacing: 0.37px;
	text-align: center;
	line-height: 15px;
	padding-top: 20px;
}

@media (min-height: 983px) and (orientation:landscape) {
	footer{
		position: fixed;
		bottom: 0;
		width: 100%
	}
}

@media (max-width: 768px) {
	section.eventos {
		margin-top: 72px;
		margin-bottom: 0;
	}
	section.eventos .banner{
		margin-top: 0;
	    	height: 625px;
		width: 100%;
		background-image: url(../assets/img/eventos/eventos-banner.jpg);
	}
	section.eventos .informacion{
		position:absolute;
		top:57px;
		left: 18px;
	}
	section.eventos .informacion h3{
		margin-top: 15px;
	}

	section.eventos .informacion p{
		margin-top: 11px;
	}

	.botones-movil{
		position: absolute;
		bottom: 24px;
		left: 0px;
		width: 100%;
		padding: 0 17px;
	}

	.botones-movil a{
		margin:0;
		width: 100%;
	}

	.botones-movil a.btn-llamar{
		background: transparent;
		border: 1px solid #FFF;
	}

}