/* ==========================================================================
GENERALES
========================================================================== */
hr {border: 1px #f2f2f2 solid; margin-bottom: 20px;}
.hr-black {border: 1px rgba(0, 0, 0, 0.2) solid; margin-top: 20px; margin-bottom: 20px;}
ul, li {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none;}
footer {width: 100%; text-align: center; padding: 20px; color: #b3b3b3; float: left;}
.contacto {padding: 60px 0 60px 0; background-color: #f2f2f2; float: left; width: 100%;}
.row {margin-left: 0; margin-right:0;} 
.bg-dark {background-color: #212121 !important;}
.bg-light {background-color: #E5E5E5 !important;}
/* ==========================================================================
MENU & BUTTONS
========================================================================== */
/* PRINCIPAL */
/*.bg-light {background-color: rgba(0,0,0,.1) !important;}*/
.navbar-nav .nav-link {padding-right: 0; padding-left: 15px;}
.navbar-nav > li > a {font-size: 0.8rem; color: #CCC; text-transform: uppercase; padding: 10px 15px !important; margin-right: 5px; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.navbar-nav > li:last-child > a {margin-right: 0px;}
.navbar-nav > li:nth-child(1) > a:hover {color: #FFF !important; background-color: #29ABE2; border-radius: 3px;}
.navbar-nav > li:nth-child(2) > a:hover {color: #FFF !important; background-color: #8CC63F; border-radius: 3px;}
.navbar-nav > li:nth-child(3) > a:hover {color: #FFF !important; background-color: #662D91; border-radius: 3px;}
.navbar-nav > li:nth-child(4) > a:hover {color: #FFF !important; background-color: #ED1E79; border-radius: 3px;}
.navbar-nav > li:nth-child(5) > a:hover {color: #FFF !important; background-color: #F7931E; border-radius: 3px;}
/* EXPOJUVENTUD */
#expo-Menu {border: none; background-color: #000; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; font-weight: 200; letter-spacing: 1px;}
#expo-Menu .navbar-toggler {font-size: 12px; padding: 8px 10px;}
#expo-Menu .navbar-nav > li > a { font-size: 12px; font-family: inherit; letter-spacing: 2px; text-transform: uppercase; }
#expo-Menu .navbar-nav > li > a.active {color: #29ABE2 !important; background-color: transparent;}
#expo-Menu .navbar-nav > li > a.active:hover { background-color: transparent; }
#expo-Menu .navbar-nav > li > a, #expo-Menu .navbar-nav > li > a:focus {color: #CCC;}
#expo-Menu .navbar-nav > li > a:hover, #expo-Menu .navbar-nav > li > a:focus:hover {color: #29ABE2;}
@media (min-width: 992px) {
#expo-Menu {background-color: transparent;} }
#expo-Menu .navbar-brand {color: fade(black, 70%);}
#expo-Menu .navbar-brand:hover, #expo-Menu .navbar-brand:focus {color: #000;}
#expo-Menu .navbar-nav > li > a, #expo-Menu .navbar-nav > li > a:focus {color: rgba(255, 255, 255, 0.7);}
#expo-Menu .navbar-nav > li > a:hover, #expo-Menu .navbar-nav > li > a:focus:hover {color: #29ABE2;}
#expo-Menu.navbar-shrink {background-color: rgba(0, 0, 0, 0.8);}
#expo-Menu.navbar-shrink .navbar-brand {color: #222222;}
#expo-Menu.navbar-shrink .navbar-brand:hover, #expo-Menu.navbar-shrink .navbar-brand:focus {color: #000;}
#expo-Menu.navbar-shrink .navbar-nav > li > a,#expo-Menu.navbar-shrink .navbar-nav > li > a:focus {color: #29ABE2;}
#expo-Menu.navbar-shrink .navbar-nav > li > a:hover, #expo-Menu.navbar-shrink .navbar-nav > li > a:focus:hover {color: #FFF;}}
/* VERTICAL MENU */
.nav .flex-column {padding-right: 0; padding-left: 15px;}
.nav > li > a {font-size: 0.8rem; color: #333; background-color: #f2f2f2; text-transform: uppercase; padding: 10px 15px !important; margin-bottom: 5px; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.nav > li > a:hover {color: #FFF !important; background-color: #333; border-radius: 3px;}
.menu-corporacion> li > a:hover {color: #FFF !important; background-color: #ED1E79; border-radius: 3px;}
.menu-servicios> li > a:hover {color: #FFF !important; background-color: #8CC63F; border-radius: 3px;}
.nav .disabled {color: #CCC;}

/* DROPDOWN */
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .5rem 0 0; font-size: 0.85rem; color: #212529; text-align: left; list-style: none; background-color: rgba(0,0,0,.5); background-clip: padding-box; border: 0px solid rgba(0,0,0,.15); border-radius: 0;}
.dropdown-item {display: block; width: 100%; padding: .25rem 1.5rem; clear: both;font-weight: 400; color: #ccc; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; font-weight: 100; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.dropdown-item:hover {color: #FFF; text-decoration: none; background-color: rgba(255,255,255,.15);}

/* TO TOP */
#toTop {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(0, 0, 0, 0.2); color: #FFF; cursor: pointer; padding: 10px 15px; border-radius: 5px; font-size: 2em;}
#toTop:hover {background-color: #555;}
/* CONTACTO */
.contacto ul li a {color: #666; text-decoration-line: none;}
.contacto ul li a:hover {color: #29ABE2;}
/* REGISTROS */
.panel-ZonaRegistro ul {list-style-type: none; width: 100%; padding: 0; float: left; margin-bottom: 20px;}
.panel-ZonaRegistro ul > li > li:last-child {margin-bottom: -5px;}
.panel-ZonaRegistro ul > li > a {background-color: rgba(255, 255, 255, 0.2); display: block; text-align: left; text-transform: uppercase; text-decoration: none; color: #FFF; padding: 6px 10px; transition: all 300ms ease; font-size: 0.85em; margin-bottom: 5px; border-radius: 5px; border: 1px solid color #fff !important;}
.panel-ZonaRegistro ul > li > a:hover {background-color: #FFF; color: #64358c; padding-left: 30px;}
/* PROMO */
.btn {border-radius: 300px; letter-spacing: 2px; text-transform: uppercase; margin: 50px 0 50px 0;}
.btn-xl {font-size: 11px; padding: 15px 45px;}
.btn-outline {color: #FFF; border: 1px solid; border-color: #FFF; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {color: #000; border-color: #fdcc52; background-color: #fdcc52;}
.btn-outline-s {color: #FFF; border: 1px solid; border-color: #FFF; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.btn-outline-s:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {color: #FFF; border-color: #FFF; background-color: rgba(0, 0, 0, 0.5);}

@media only screen and (min-width: 400px) {
  .btn {margin: 10px 0 10px 0;}
}
/* ==========================================================================
SECCIONES
========================================================================== */
.panel-Eventos {margin: 70px 70px;}
.panel-Info{text-align: center;}
.panel-Top{margin-top: 0px; margin-bottom: 0px;}
.panel-Header {margin-top: 20px; margin-bottom: 20px;}
.panel-Corpo {margin-bottom: 20px;}
.panel-Txt {padding: 50px 0; background-color: #29ABE2;}
.panel-Txt-Servicios {padding: 50px 0; background-color: #8CC63F; border-bottom: 5px solid #000;}
.panel-Txt-Corporacion {padding: 50px 0; background-color: #ED1E79; border-bottom: 5px solid #000;}
.panel-Txt-Contacto {padding: 50px 0; background-color: #F7931E; border-bottom: 5px solid #000;}
.panel-Zona {padding: 50px 0; background-color: #662D91; margin-bottom: 0px;}
.panel-ZonaRegistro {margin: 30px 0;}
.panel-ZonaPromo {margin: 30px 0;}
.panel-Servicios {padding: 50px 0;}
.panel-ServiciosHome {padding: 50px 0; background-color: #8CC63F; margin-bottom: 0px; text-align: center;}
.panel-ServiciosBT {margin-bottom: 20px;}
.panel-Servicios ul {margin-bottom: 20px;}
.panel-Servicios ul > li {margin-bottom: 10px;}
.panel-Corporacion {padding: 50px 0;}
.panel-ServiciosMenu {margin-bottom: 20px;}
.panel-Reservaciones {margin-bottom: 20px; background-color: #666; color: #CCC; padding: 20px 20px; border-radius: 5px; box-sizing: border-box;}
.panel-Contacto {padding: 50px 0;}
.panel-Detalle {margin-bottom: 20px;}
.panel-PromoParallax-01 {background-image: url("../images/backgrounds/corpojuventud-BG-01.jpg"); height: 600px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0 0 0; text-align: center;}
.panel-ServicioParallax-01 {background-image: url(".../../../images/backgrounds/corpojuventud-BG-02.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0 0; text-align: center;}
.panel-ServicioParallax-02 {background-image: url(".../../../images/backgrounds/corpojuventud-BG-03.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0 0; text-align: center;}
.panel-ServicioParallax-03 {background-image: url(".../../../images/backgrounds/corpojuventud-BG-04.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0 0; text-align: center;}
.panel-ServicioParallax-04 {background-image: url(".../../../images/backgrounds/corpojuventud-BG-05.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0 0; text-align: center;}
.panel-ServicioParallax-05 {background-image: url(".../../../images/backgrounds/corpojuventud-BG-06.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0 0; text-align: center;}
.panel-ServicioParallax-06 {background-image: url(".../../../images/backgrounds/corpojuventud-BG-07.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0 0; text-align: center;}
.panel-ServicioParallax-07 {background-image: url(".../../../images/backgrounds/corpojuventud-BG-08.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0 0; text-align: center;}
.panel-ServicioParallax-08 {background-image: url(".../../../images/backgrounds/corpojuventud-BG-09.jpg"); height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 80px 0 0 0; text-align: center;}
@media only screen and (max-width: 1024px) {
    .panel-PromoParallax-01 {background-image: url("../images/backgrounds/corpojuventud-BG-01.jpg"); height: auto; padding: 50px 0 50px 0 !important; background-attachment: relative; background-position: center; box-sizing: content-box;}
	.panel-PromoParallax-02 {background-image: url("../images/backgrounds/corpojuventud-BG-02.jpg"); height: auto; padding: 50px 0 0px 0 !important; background-attachment: relative; background-position: center; box-sizing: content-box;}
}
.panel-Promo {width: 100%;}
.panel-PromoLogo {float: left; width: 100%;}
.panel-PromoTxt {float: left; width: 100%;}
.panel-Redes {text-align: center; margin-top: 20px;}
.panel-Redes a {color: #FFF; transition: all 600ms ease; padding: 20px;}
.panel-Redes a:hover {color: #CCC;}
/* EXPOJUVENTUD */
.masterheader-Expo {width: 100%; height: 100vh; color: white; background-color: #000; background-position: center; position: relative; padding-top: 150px; padding-bottom: 100px;
background-image: url(../images/backgrounds/corpojuventud-BG-01.jpg);}
header.masterheader-Expo .header-contentExpo {max-width: 1000px; margin-bottom: 100px; text-align: center;}
    header.masterheader-Expo .header-contentExpo h1 {font-size: 40px; font-weight: 100; letter-spacing: 3px;}
    header.masterheader-Expo .header-contentExpo h2 {font-size: 15px; font-weight: 200; letter-spacing: 0px; text-transform: uppercase; color: #29ABE2;}
    header.masterheader-Expo .header-contentExpo h3 {font-size: 20px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #8CC63F;}
    header.masterheader-Expo .header-contentExpo h4 {font-size: 15px; font-weight: 100; letter-spacing: 3px; text-transform: uppercase; color: #FFF;}
    header.masterheader-Expo .header-contentExpo a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
  @media (min-width: 992px) {
    header.masterheader-Expo {width: 100%; height: 100vh; min-height: 775px; padding-top: 0; padding-bottom: 0;}
      header.masterheader-Expo .header-contentExpo {margin-bottom: 0; text-align: center;}
        header.masterheader-Expo .header-contentExpo h1 {font-size: 6rem;}
        header.masterheader-Expo .header-contentExpo h2 {font-size: 3rem; text-transform: uppercase; color: #29ABE2;}
        header.masterheader-Expo .header-contentExpo h3 {font-size: 3rem; font-weight: bolder; text-transform: uppercase; color: #8CC63F; margin-top: 30px;}
        header.masterheader-Expo .header-contentExpo h4 {font-size: 2rem; font-weight: 100; text-transform: uppercase; color: #FFF; margin-bottom: 20px;}
        header.masterheader-Expo .header-contentExpo a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
}
/* ==========================================================================
ELEMENTOS
========================================================================== */
.hr-dashed-N {border:1px dashed #000; margin: 5px 0;}
.hr-dashed-B {border:1px dashed #FFF; margin: 5px 0;}
.fa-white {color: #FFF;}
.fa-ml {margin-left: 50px;}
.li-Space {margin-left: 30px;}
/* Carousel */
/* CARD Directorio */
.transition, .panel-Corporacion .Diretorio-Card p, .panel-Corporacion .Diretorio-Card ul li i:before, ul li i:after {transition: all 0.25s ease-in-out;}
.flipIn, .panel-Corporacion .Diretorio-Card h1, .panel-Corporacion .Diretorio-Card ul li {animation: flipdown 0.5s ease both;}
.no-select, .panel-Corporacion .Diretorio-Card h2 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.panel-Corporacion .Diretorio-Card h1, .panel-Corporacion .Diretorio-Card h2 {color: #ED1E79;}
.panel-Corporacion .Diretorio-Card h1 {text-transform: uppercase; font-size: 2rem; line-height: 42px; letter-spacing: 3px; font-weight: 100;}
.panel-Corporacion .Diretorio-Card h2 {font-size: 1rem; line-height: 34px; font-weight: 300; letter-spacing: 1px; display: block; background-color: #fefffa; margin: 0; cursor: pointer;}
.panel-Corporacion .Diretorio-Card p {color: rgba(48, 69, 92, 0.8); font-size: 1rem; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2;}
.panel-Corporacion .Diretorio-Card ul {list-style: none; perspective: 900; padding: 0; margin: 0;}
.panel-Corporacion .Diretorio-Card ul li {position: relative; padding: 0; margin: 0; padding-bottom: 4px; padding-top: 18px; border-top: 1px dotted #dce7eb;}
.panel-Corporacion .Diretorio-Card ul li:nth-of-type(1) {animation-delay: 0.5s;}
.panel-Corporacion .Diretorio-Card ul li:nth-of-type(2) {animation-delay: 0.75s;}
.panel-Corporacion .Diretorio-Card ul li:nth-of-type(3) {animation-delay: 1s;}
.panel-Corporacion .Diretorio-Card ul li:nth-of-type(4) {animation-delay: 1.25s;}
.panel-Corporacion .Diretorio-Card ul li:nth-of-type(5) {animation-delay: 1.50s;}
.panel-Corporacion .Diretorio-Card ul li:nth-of-type(6) {animation-delay: 1.75s;}
.panel-Corporacion .Diretorio-Card ul li:nth-of-type(7) {animation-delay: 2s;}
.panel-Corporacion .Diretorio-Card ul li:nth-of-type(8) {animation-delay: 2.25s;}
.panel-Corporacion .Diretorio-Card ul li:last-of-type {padding-bottom: 0;}
.panel-Corporacion .Diretorio-Card ul li i {position: absolute; transform: translate(-6px, 0); margin-top: 16px; right: 0;}
.panel-Corporacion .Diretorio-Card ul li i:before, .panel-Corporacion .Diretorio-Card ul li i:after {content: ""; position: absolute; background-color: #ff6873; width: 3px; height: 9px;}
.panel-Corporacion .Diretorio-Card ul li i:before {transform: translate(-2px, 0) rotate(45deg);}
.panel-Corporacion .Diretorio-Card ul li i:after {transform: translate(2px, 0) rotate(-45deg);}
.panel-Corporacion .Diretorio-Card ul li input[type=checkbox] {position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0;}
.panel-Corporacion .Diretorio-Card ul li input[type=checkbox]:checked ~ p {margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%);}
.panel-Corporacion .Diretorio-Card ul li input[type=checkbox]:checked ~ i:before {transform: translate(2px, 0) rotate(45deg);}
.panel-Corporacion .Diretorio-Card ul li input[type=checkbox]:checked ~ i:after {transform: translate(-2px, 0) rotate(-45deg);}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

/* ==========================================================================
PADDINGS & MARGINS
========================================================================== */
.padding-15 {padding:15px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-50 {padding:50px;}
.padding-top-100 {padding: 100px 20px 0 20px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-50 {margin-top:50px;}
.margin-top-70 {margin-top:70px;}
.margin-top-90 {margin-top:90px;}
.margin-top-m150 {margin-top:-440px;}
.margin-top-100 {margin-top:100px;}
.margin-top-200 {margin-top:200px;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-50 {margin-bottom:50px;}
.margin-bottom-100 {margin-bottom:100px;}
.margin-left-20 {margin-left:20px;}
.margin-left-m20 {margin-left:-20px;}
.no-padding {padding: 0;}
.no-padding-left {padding-left: 0;}
.no-padding-right {padding-right: 0;}
.no-margin {margin: 0;}
.no-margin-bottom {margin-bottom: 0;}
.no-space {padding-left: 0; padding-right: 0;}
.col-bottom {vertical-align: bottom;} 
/* ==========================================================================
PANELS, BACKGROUNDS & SHADOWS
========================================================================== */
.navbar-light .navbar-text {font-size: 0.9rem; font-weight: 100; color: #000;}
/* ==========================================================================
TITLES & BOXES & TXT
========================================================================== */
.carousel-item h5 {font-size: 1rem;  margin-bottom: 0px; text-transform: uppercase;}
.carousel-item p {margin-bottom: 0px; font-weight: 100; font-size: 0.8rem;}
.panel-Txt h1 {font-size: 4rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-Txt h4 {font-size: 2rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-Txt-Servicios h1 {font-size: 4rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-Txt-Servicios h4 {font-size: 2rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-Txt-Corporacion h1 {font-size: 4rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-Txt-Corporacion h4 {font-size: 2rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-Txt-Contacto h1 {font-size: 4rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-Txt-Contacto h4 {font-size: 2rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-Corporacion p {margin-bottom: 20px; color: #333; text-align: justify;}
.panel-Corporacion h1 {color: #ED1E79; font-weight: 100; margin-bottom: 20px; font-size: 2rem;}
.panel-Corporacion h5 {font-size: 1rem; color: #666; font-weight: 100; margin-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid #CCC; padding-bottom: 5px;}
.panel-ServiciosTitle h1 {font-size: 4rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px; margin-bottom: 50px;}
.panel-Servicios p {margin-bottom: 20px; color: #333; text-align: justify;}
.panel-Servicios h2 {color: #8CC63F; font-weight: 100; margin-bottom: 20px; font-size: 2rem;}
.panel-Servicios h5 {font-size: 1rem; color: #666; font-weight: 100; margin-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid #CCC; padding-bottom: 5px;}
.panel-ServiciosHome h4 {text-align: center; font-size: 1rem; text-transform: uppercase; color: #333; font-weight: 100; margin: 50px 0 0 0;}
.panel-ServiciosHome h6 {text-align: center; font-size: 1rem; text-transform: uppercase; color: #000; font-weight: 400; margin: 0 0 10px 0;}
.panel-Reservaciones h1 {color: #CCC; font-weight: 100; margin-bottom: 20px; font-size: 2rem;}
.panel-Reservaciones h6 {font-size: 1rem !important; color: #333; font-weight: 100; margin-bottom: 20px; font-size: 2rem; background-color: #CCC; padding: 10px 10px; text-align: center;}
.panel-Reservaciones p {margin-bottom: 20px; color: #f2f2f2; text-align: justify; font-weight: normal;}
.panel-Contacto p {margin-bottom: 20px; color: #333; text-align: justify;}
.panel-Contacto h2 {color: #666; font-weight: 100; margin-bottom: 20px; font-size: 2rem; text-align: center;}
.panel-PromoParallax-01 h1 {font-size: 2rem; color: #F7931E; font-weight: 100; letter-spacing: 3px; margin-top: 50px;}
.panel-PromoParallax-01 p {font-size: 1.2rem; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-PromoParallax-02 h1 {font-size: 4rem; color: #F7931E; font-weight: 100; letter-spacing: 3px;}
.panel-PromoParallax-02 p {font-size: 1.2rem; color: #FFF; font-weight: 100; letter-spacing: 3px;}
.panel-ZonaTitle h1 {font-size: 4rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px; margin-bottom: 50px;}
.panel-Zona h2 {font-size: 1rem; text-align: left; color: #FFF; font-weight: 100; letter-spacing: 3px; text-transform: uppercase;}
.panel-Redes h2 {font-size: 1.5rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px; text-transform: uppercase; margin-top: 20px;}
.contacto h1 {font-size: 1.5rem; text-transform: uppercase; letter-spacing: 3px; color: #CCC; font-weight: 100; margin: 0 0 20px 0;}
.contacto p {font-size: 1rem; color: #666; margin: 0 0 20px 0;}
.Txt-Eventos {text-align: center; margin-bottom: 30px;}
@media only screen and (max-width: 1024px) {
	.panel-Txt h1 {text-align: center; font-size: 1.2rem; color: #FFF; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
	.panel-Txt h4 {text-align: center; font-size: 0.8rem; color: #FFF; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
	.panel-Txt-Servicios h1 {text-align: center; font-size: 2rem; color: #FFF; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
	.panel-Txt-Servicios h4 {text-align: center; font-size: 0.95rem; color: #FFF; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
	.panel-Txt-Corporacion h1 {text-align: center; font-size: 2rem; color: #FFF; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
	.panel-Txt-Corporacion h4 {text-align: center; font-size: 0.95rem; color: #FFF; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
	.panel-Txt-Contacto h1 {text-align: center; font-size: 2rem; color: #FFF; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
	.panel-Txt-Contacto h4 {text-align: center; font-size: 0.95rem; color: #FFF; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
	.panel-Contacto h2 {font-size: 1rem;}
    .panel-PromoParallax h1 {text-align: center; font-size: 3rem; color: #F7931E; font-weight: 100; margin: 20px 0 20px 0; width: 100%;}
    .panel-PromoParallax p {text-align: center; font-size: 1rem; color: #FFF; font-weight: 100; margin: 10px 0 20px 0; width: 100%;}
    .panel-ZonaTitle h1 {font-size: 2rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px; margin-bottom: 50px;}
    .panel-ServiciosTitle h1 {font-size: 2rem; text-align: center; color: #FFF; font-weight: 100; letter-spacing: 3px; margin-bottom: 50px;}
}
/* ==========================================================================
ARROW ANIMATION
========================================================================== */
@keyframes arrowFade{ 0% { opacity:0 } 100 { opacity:1; } }
@keyframes arrowBounce { 0% { transform: translate(-50%, 0); } 20%,75% { transform: translate(-50%, 15); } 50% { transform: translate(-50%, 30px); } }
.arrow {animation-name: arrowBounce; animation-duration: 1.0s; animation-delay: 0s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate; margin-left: 65px; transform: translate(-50%, 0); }
.arrow-animation > a {color: #000;}
.arrow-animation > a:hover {color: #999;}