@font-face{ font-family: 'Nexa Light'; src:url('../fonts/nexa-light.otf'); }
@font-face{ font-family: 'Nexa Regular'; src:url('../fonts/nexa-regular.otf'); }
@font-face{ font-family: 'Nexa Bold'; src:url('../fonts/nexa-bold.otf'); }
@font-face{ font-family: 'Nexa Bold X'; src:url('../fonts/nexa-boldx.otf'); }

*{ padding: 0; margin: 0; }
body{ background-color: #fff; }

.navbar-default{ margin-bottom: 0px; background-color: #fff; border-top: 0; }
.navbar-brand { padding: 0px; }
.navbar-brand > img { height: 100%; padding: 10px; width: auto; }

section.topbar-gnosis{ background-color: #F5F5F5; border-top: 5px solid #EC5A04 }
section.form-area-gnosis{ padding: 15px 0; background-color: #EC5A04 }
section.quienes-somos-gnosis{ padding: 50px 0; }
section.ponentes-gnosis{ padding: 50px 0; background-image: url('../images/bg-orange.png'); background-size: 100% 100vh; background-repeat: no-repeat; background-attachment: fixed; }
section.precios-gnosis{ background-color: #fff; padding: 50px; }
section.inscripcion-gnosis{ padding: 50px 0; background-color: #272727; }
footer.footer-gnosis{ background-color: #101010; color: #fff; padding: 15px 0; }

h1,h2,h3,h4,h5,h6{ text-transform: uppercase;font-family: 'Nexa Bold'; }

.navbar-right{ text-transform: uppercase; }
.navbar-right > li > a{ font-family: 'Nexa Bold'; color: #000; border-right: 1px solid #B4B1B0; padding-top: 5px;padding-bottom: 5px; margin-top: 10px }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover{ color: #EC5A04 }


.about-gnosis{ text-align: center; }
.about-gnosis h2{ color: #EC5A04; margin: 25px 0;}
.about-gnosis p{ font-size: 15pt; color: #EC5A04; font-family: 'Nexa Regular'; }


input.form-control{ font-family: 'Nexa Regular'; background-color: #FF8944; color: #fff; border-radius: 5px; border:none; box-shadow: none; }
input.form-control::placeholder{ font-family: 'Nexa Regular'; color: #fff; }
input.form-control:hover,
input.form-control:focus{ box-shadow: none; border:none; }

button.btn-default{ border-radius: 5px;border:none; text-transform: uppercase; color: #EC5A04; font-family: 'Nexa Bold X'; padding-left: 25px; padding-right: 25px; }


.wrapper-ponentes > h2{ color: #fff; text-align: center; margin: 50px 0; letter-spacing: 3px;}
.thumb-ponente{ margin-bottom: 25px; }
.thumb-ponente figure > figcaption { background-color: rgba(0,0,0,.95); color:#fff; padding: 0; text-align: center; padding: 15px 0;}
.thumb-ponente figure > figcaption > h3 { padding: 0;margin: 0; }
.thumb-ponente figure > figcaption > h3 > a{ color: #fff; text-decoration: none; }



.wrapper-precios > h2{ color: #EC5A04; text-transform: uppercase; margin: 50px 0; text-align: center; letter-spacing: 3px; }
.card-price-gnosis{ margin: 25px;  border-radius: 25px;  background-color: #F2F2F2; text-align: center;}
.card-price-gnosis > .header-card{ background: #EC5A04; border-top-right-radius: 25px; border-top-left-radius: 25px; padding: 25px 0; }
.card-price-gnosis > .header-card > h2 { color: #fff; font-size: 4em; font-family: 'Nexa Bold'; margin: 0; padding: 0;}
.card-price-gnosis > .header-card > p{ font-family: 'Nexa Light'; color: #fff; font-size: 2.5em; margin: 0; padding: 0;}
.card-price-gnosis > .body-card{ padding: 50px; }
.card-price-gnosis > .body-card > ul { list-style: none; text-align: left; }
.card-price-gnosis > .body-card > ul > li{ font-family: 'Nexa Regular'; color: #B4B4B4; font-size: 17px; margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #D1D1D1; }
.card-price-gnosis > .body-card > ul > li:last-child{ border-bottom: none; }


.card-price-gnosis > .header-card-black{ background:#000; border-top-right-radius: 25px; border-top-left-radius: 25px; padding: 25px 0; }
.card-price-gnosis > .header-card-black > h2{ color: #fff; font-size: 4em; font-family: 'Nexa Bold'; margin: 0; padding: 0;}
.card-price-gnosis > .header-card-black > p{ font-family: 'Nexa Light'; color: #fff; font-size: 2.5em; margin: 0; padding: 0; line-height: 0.6;}


.card-price-gnosis > .header-card-black > p > small > span{ font-size: 12px; color: #fff; }

.wrapper-inscripcion h2{ color: #fff; text-align: center; letter-spacing: 3px; }
.wrapper-inscripcion > iframe{ margin-bottom: 50px; }

.blocks-gnosis{ font-family: 'Nexa Regular'; background-color: #EC5A04; color: #fff; padding: 25px 20px; text-align: center; border-radius: 10px; }
.blocks-gnosis figure img,
.blocks-gnosis figure svg{ width: 50px; height: 50px; margin: 25px; }

.carousel-caption{ padding-bottom: 0px; }
.carousel-caption h1{ text-transform: none; margin-bottom: 0px; }
.carousel-caption h1 small{ color: #fff; }
.carousel-caption h1 span{ color: #FF9100 }


.row-form-gnosis{ margin: 25px 100px; }
.form-group > input.form-control{ background-color: #545454; }
.form-group > textarea.form-control{ background-color: #545454; border:none; color: #fff; box-shadow: none;}
.form-group > textarea.form-control:placeholder{ color: #fff; }
textarea.form-control:placeholder{ color: #fff; }
.btn-primary{font-family: 'Nexa Bold'; background-color: #EC5A04; color: #fff; box-shadow: none; border:none; text-transform: uppercase; }
.btn-primary:hover,
.btn-primary:focus{ background-color: #fff; color: #EC5A04; }

.logo-footer img{ width: 200px; }
.icons-social a img{ width: 35px; }

.modal-dialog{ margin-top: 125px; }
.modal-header{ border-bottom: 0; padding: 15px 15px 0 0; }
.modal-body{ padding: 0; }
.modal-content{ border:none;box-shadow: none;border-radius: 0; }
.content-ponente-gnosis{ padding: 50px;  }

.content-ponente-gnosis h2{ color: #EC5A04; text-transform: none; font-family: 'Nexa Regular'; }
.content-ponente-gnosis p.subtitle{ color: #EC5A04; font-family: 'Nexa Regular'; font-size: 12pt; border-bottom: 1px solid #DCDCDC; padding-bottom: 10px;}
.content-ponente-gnosis p { font-size: 14px; color: #000; font-family: 'Nexa Regular'; }


.circle-icon-gnosis img{ width: 100px; height: 100px; }
.wrapper-circle h2{ text-transform: none; font-size: 1.1em; }


ul.ul-nav-top{ text-align: right; list-style: none; margin-top: 10px; font-family: 'Nexa Regular'; }
ul.ul-nav-top li{ display: inline; padding: 0 15px; margin: 5px 0; border-right: 1px solid #545454}
ul.ul-nav-top li:last-child{ border-right: none; padding-right: 0px;}

#response,
#response-c{ padding: 10px; color: #fff; font-family: 'Nexa Bold'; display: none; }
#response h4,
#response-c{ text-transform: none; }

@media only screen and (max-width: 600px)
{
	.carousel-caption h1{ font-size: 1.2em; }
	.form-control{ margin-bottom: 10px; }
	section.precios-gnosis{ padding: 50px 10px; }
	.card-price-gnosis{ margin: 0; }
	.blocks-gnosis{ padding: 5px; margin-bottom: 50px; }
	.row-form-gnosis{margin: 25px 10px;}

}