/* ==========================================================================
GENERALES
========================================================================== */
hr {border: 1px #f2f2f2 solid; margin: 25px 0;}
.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;}
/* ==========================================================================
MENU & BUTTONS
========================================================================== */
/* PRINCIPAL */
#jalp-Menu {border: none; background-color: #000; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; font-weight: 200; letter-spacing: 1px;}
#jalp-Menu .navbar-toggler {font-size: 12px; padding: 8px 10px;}
#jalp-Menu .navbar-nav > li > a { font-size: 12px; font-family: inherit; letter-spacing: 2px; text-transform: uppercase; }
#jalp-Menu .navbar-nav > li > a.active {color: #29ABE2 !important; background-color: transparent;}
#jalp-Menu .navbar-nav > li > a.active:hover { background-color: transparent; }
#jalp-Menu .navbar-nav > li > a, #jalp-Menu .navbar-nav > li > a:focus {color: #CCC;}
#jalp-Menu .navbar-nav > li > a:hover, #jalp-Menu .navbar-nav > li > a:focus:hover {color: #29ABE2;}
@media (min-width: 992px) {
#jalp-Menu {background-color: transparent;} }
#jalp-Menu .navbar-brand {color: fade(black, 70%);}
#jalp-Menu .navbar-brand:hover, #jalp-Menu .navbar-brand:focus {color: #000;}
#jalp-Menu .navbar-nav > li > a, #jalp-Menu .navbar-nav > li > a:focus {color: rgba(255, 255, 255, 0.7);}
#jalp-Menu .navbar-nav > li > a:hover, #jalp-Menu .navbar-nav > li > a:focus:hover {color: #29ABE2;}
#jalp-Menu.navbar-shrink {background-color: rgba(0, 0, 0, 0.8);}
#jalp-Menu.navbar-shrink .navbar-brand {color: #222222;}
#jalp-Menu.navbar-shrink .navbar-brand:hover, #jalp-Menu.navbar-shrink .navbar-brand:focus {color: #000;}
#jalp-Menu.navbar-shrink .navbar-nav > li > a,#jalp-Menu.navbar-shrink .navbar-nav > li > a:focus {color: #29ABE2;}
#jalp-Menu.navbar-shrink .navbar-nav > li > a:hover, #jalp-Menu.navbar-shrink .navbar-nav > li > a:focus:hover {color: #FFF;}}
/* TOGGLE-MENU */
.navbar-toggle {padding: 15px 15px; margin-top: 12px; margin-right: 15px;}
.navbar-collapse {padding: 10px; color: #FFF;}
.navbar-toggler {padding: 1rem .75rem; font-size: 1.25rem; line-height: 1; background-color: rgba(39, 170, 225, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: .25rem;}
/* 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;}
/* BUTTONS */
.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: #CCC; border: 1px solid; border-color: #CCC; -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: #000; border-color: #fdcc52; background-color: #fdcc52;}
.btn-outline-c {color: #666; border: 1px solid; border-color: #666; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.btn-outline-c:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {color: #000; border-color: #fdcc52; background-color: #fdcc52;}
.btn {border-radius: 300px; letter-spacing: 2px; text-transform: uppercase; margin: 50px 0 50px 0;}
.btn-xl {font-size: 11px; padding: 15px 45px;}
#contacto ul li a {color: #666; text-decoration-line: none;}
#contacto ul li a:hover {color: #29ABE2;}
.panel-Detalle {margin-bottom: 20px;}
/* REDES */
.panel-Redes a {color: #29ABE2; transition: all 600ms ease; padding: 20px;}
.panel-Redes a:hover {color: #CCC;}
/* ==========================================================================
SECCIONES
========================================================================== */
.masterheader {width: 100%; color: white; background-color: #000; position: relative; padding-top: 150px; padding-bottom: 100px;
background: url("../images/backgrounds/bg-pattern.png"), #1a1a1a;
background: url("../images/backgrounds/bg-pattern.png"), -webkit-linear-gradient(to bottom, #1a1a1a, #000);
background: url("../images/backgrounds/bg-pattern.png"), linear-gradient(to bottom, #1a1a1a, #000); }
header.masterheader .header-content {max-width: 500px; margin-bottom: 100px; text-align: center;}
    header.masterheader .header-content h1 {font-size: 40px; font-weight: 100; letter-spacing: 3px;}
    header.masterheader .header-content h2 {font-size: 40px; font-weight: 200; letter-spacing: 9px;}
    header.masterheader .header-content a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
  @media (min-width: 992px) {
    header.masterheader {height: 100vh; min-height: 775px; padding-top: 0; padding-bottom: 0;}
      header.masterheader .header-content {margin-bottom: 0; text-align: left;}
        header.masterheader .header-content h1 {font-size: 4rem;}
        header.masterheader .header-content h2 {font-size: 6rem;}
        header.masterheader .header-content a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
}
.masterheaderCurso-Caracas {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/jalp-BG-05.jpg);}
header.masterheaderCurso-Caracas .header-contentCurso {max-width: 1000px; margin-bottom: 100px; text-align: center;}
    header.masterheaderCurso-Caracas .header-contentCurso h1 {font-size: 40px; font-weight: 100; letter-spacing: 3px;}
    header.masterheaderCurso-Caracas .header-contentCurso h2 {font-size: 15px; font-weight: 200; letter-spacing: 0px; text-transform: uppercase; color: #29ABE2;}
    header.masterheaderCurso-Caracas .header-contentCurso h3 {font-size: 20px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #FBB03B;}
    header.masterheaderCurso-Caracas .header-contentCurso h4 {font-size: 15px; font-weight: 100; letter-spacing: 3px; text-transform: uppercase; color: #FFF;}
    header.masterheaderCurso-Caracas .header-contentCurso a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
  @media (min-width: 992px) {
    header.masterheaderCurso-Caracas {width: 100%; height: 100vh; min-height: 775px; padding-top: 0; padding-bottom: 0;}
      header.masterheaderCurso-Caracas .header-contentCurso {margin-bottom: 0; text-align: left;}
        header.masterheaderCurso-Caracas .header-contentCurso h1 {font-size: 6rem;}
        header.masterheaderCurso-Caracas .header-contentCurso h2 {font-size: 3rem; text-transform: uppercase; color: #29ABE2;}
        header.masterheaderCurso-Caracas .header-contentCurso h3 {font-size: 5rem; font-weight: bolder; text-transform: uppercase; color: #FBB03B;}
        header.masterheaderCurso-Caracas .header-contentCurso h4 {font-size: 2rem; font-weight: 100; text-transform: uppercase; color: #FFF;}
        header.masterheaderCurso-Caracas .header-contentCurso a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
}
.masterheaderCurso-Panama {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/jalp-BG-11.jpg);}
header.masterheaderCurso-Panama .header-contentCurso {max-width: 1000px; margin-bottom: 100px; text-align: center;}
    header.masterheaderCurso-Panama .header-contentCurso h1 {font-size: 40px; font-weight: 100; letter-spacing: 3px;}
    header.masterheaderCurso-Panama .header-contentCurso h2 {font-size: 15px; font-weight: 200; letter-spacing: 0px; text-transform: uppercase; color: #29ABE2;}
    header.masterheaderCurso-Panama .header-contentCurso h3 {font-size: 20px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #FBB03B;}
    header.masterheaderCurso-Panama .header-contentCurso h4 {font-size: 15px; font-weight: 100; letter-spacing: 3px; text-transform: uppercase; color: #FFF;}
    header.masterheaderCurso-Panama .header-contentCurso a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
  @media (min-width: 992px) {
    header.masterheaderCurso-Panama {width: 100%; height: 100vh; min-height: 775px; padding-top: 0; padding-bottom: 0;}
      header.masterheaderCurso-Panama .header-contentCurso {margin-bottom: 0; text-align: left;}
        header.masterheaderCurso-Panama .header-contentCurso h1 {font-size: 6rem;}
        header.masterheaderCurso-Panama .header-contentCurso h2 {font-size: 3rem; text-transform: uppercase; color: #29ABE2;}
        header.masterheaderCurso-Panama .header-contentCurso h3 {font-size: 5rem; font-weight: bolder; text-transform: uppercase; color: #FBB03B;}
        header.masterheaderCurso-Panama .header-contentCurso h4 {font-size: 2rem; font-weight: 100; text-transform: uppercase; color: #FFF;}
        header.masterheaderCurso-Panama .header-contentCurso a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
}
.masterheaderServicios {width: 100%; height: 25vh; color: white; background-color: #000; background-position: center; position: relative; padding-top: 150px; padding-bottom: 100px;}
header.masterheaderServicios .header-contentServicios {max-width: 1000px; margin-bottom: 100px; margin-top: -50px; text-align: center;}
    header.masterheaderServicios .header-contentServicios h1 {font-size: 40px; font-weight: 100; letter-spacing: 3px;}
    header.masterheaderServicios .header-contentServicios h2 {font-size: 15px; font-weight: 200; letter-spacing: 0px; text-transform: uppercase; color: #29ABE2;}
    header.masterheaderServicios .header-contentServicios h3 {font-size: 20px; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; color: #FBB03B;}
    header.masterheaderServicios .header-contentServicios h4 {font-size: 15px; font-weight: 100; letter-spacing: 3px; text-transform: uppercase; color: #FFF;}
    header.masterheaderServicios .header-contentServicios a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
  @media (min-width: 992px) {
    header.masterheaderServicios {width: 100%; height: 500px; min-height: 100%; padding-top: 0; padding-bottom: 0;}
      header.masterheaderServicios .header-contentServicios {margin-bottom: 0; text-align: center;}
        header.masterheaderServicios .header-contentServicios h1 {font-size: 6rem;}
        header.masterheaderServicios .header-contentServicios h2 {font-size: 3rem; text-transform: uppercase; color: #29ABE2;}
        header.masterheaderServicios .header-contentServicios h3 {font-size: 5rem; font-weight: bolder; text-transform: uppercase; color: #FBB03B;}
        header.masterheaderServicios .header-contentServicios h4 {font-size: 2rem; font-weight: 100; text-transform: uppercase; color: #FFF;}
        header.masterheaderServicios .header-contentServicios a {font-size: 10px; font-weight: 200; letter-spacing: 3px;}
}
#principal {padding: 100px 0 0 0;}
#sobre-mi {padding: 100px 0 0 0;}
#portafolio {padding: 80px 0 0 0;}
#social {padding: 30px 0 30px 0; text-align: center;}
#contacto {padding: 60px 0 60px 0; background-color: #f2f2f2;}
#curso {padding: 100px 0 100px 0;}
#registro {padding: 100px 0 0 0;}
footer {width: 100%; text-align: center; padding: 20px; color: #b3b3b3; float: left;}
/* ==========================================================================
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;}
/* ==========================================================================
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
========================================================================== */
.jalp-Instrument {padding: 50px; text-align: left;}
.jalp-ProfilePicture {margin-bottom: 50px;}
.jalp-Parallax {background-size: cover;	background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; box-sizing: content-box;}
.jalp-Parallax-Servicio-01 {background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; box-sizing: content-box;}
.jalp-Parallax-Servicio-02 {background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; box-sizing: content-box;}
.jalp-Parallax-Servicio-03 {background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; box-sizing: content-box;}
.jalp-Parallax-Servicio-04 {background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; box-sizing: content-box;}
.jalp-Parallax-Servicio-05 {background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; box-sizing: content-box;}
.jalp-Parallax-Servicio-06 {background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; box-sizing: content-box;}
@media only screen and (max-width: 1024px) {
    .jalp-Parallax {background-color: #000; padding: 50px 0 0px 0 !important; background-image: none !important;}
    .jalp-Parallax-Servicio-01 {background-color: #29ABE2 !important; padding: 50px 0 0px 0 !important; background-image: none !important;}
    .jalp-Parallax-Servicio-02 {background-color: #29ABE2 !important; padding: 50px 0 0px 0 !important; background-image: none !important;}
    .jalp-Parallax-Servicio-03 {background-color: #29ABE2 !important; padding: 50px 0 0px 0 !important; background-image: none !important;}
    .jalp-Parallax-Servicio-04 {background-color: #29ABE2 !important; padding: 50px 0 0px 0 !important; background-image: none !important;}
    .jalp-Parallax-Servicio-05 {background-color: #29ABE2 !important; padding: 50px 0 0px 0 !important; background-image: none !important;}
    .jalp-Parallax-Servicio-06 {background-color: #29ABE2 !important; padding: 50px 0 0px 0 !important; background-image: none !important;}
}
#sobre-mi {background-image: url(../images/backgrounds/jalp-BG-01.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: auto; box-sizing: content-box; overflow-x: hidden;}
#curso {background-image: url(../images/backgrounds/jalp-BG-04.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow-x: hidden;}
#servicio-01 {background-image: url(../images/backgrounds/jalp-BG-02.jpg); padding: 200px 0 0 0; overflow-y: auto; overflow-x: hidden;}
#servicio-02 {background-image: url(../images/backgrounds/jalp-BG-06.jpg); padding: 200px 0 0 0; overflow-y: auto; overflow-x: hidden;}
#servicio-03 {background-image: url(../images/backgrounds/jalp-BG-07.jpg); padding: 200px 0 0 0; overflow-y: auto; overflow-x: hidden;}
#servicio-04 {background-image: url(../images/backgrounds/jalp-BG-08.jpg); padding: 200px 0 0 0; overflow-y: auto; overflow-x: hidden;}
#servicio-05 {background-image: url(../images/backgrounds/jalp-BG-09.jpg); padding: 200px 0 0 0; overflow-y: auto; overflow-x: hidden;}
#servicio-06 {background-image: url(../images/backgrounds/jalp-BG-10.jpg); padding: 200px 0 0 0; overflow-y: auto; overflow-x: hidden;}
.bg-White {background-color: rgb(255, 255, 255, 1);}
.panel-Element {margin: 0 0 100px 0;}
.jalp-Element {box-sizing: content-box; display: inline-block; text-align: center;}
.panel-Redes {padding: 40px 0;}
.panel-Servicios {margin: 100px 0;}
.panel-TxtTop {text-align: center; margin-bottom: 30px;}
.panel-Contenido {background-color: rgba(0, 255, 255, 1); padding: 20px 20px; margin-bottom: 30px;}
.panel-Contenido-W {background-color: rgba(255, 255, 255, 1); padding: 20px 20px; margin: 30px 0;}
.panel-Certificado {background-color: rgba(251, 176, 59, 1); padding: 20px 20px; margin-bottom: 30px;}
.panel-Horas {background-color: rgba(0, 0, 255, 0.5); padding: 20px 20px; margin-bottom: 30px;}
.panel-Incluye {background-color: rgba(0, 0, 0, 1); box-sizing: content-box; padding: 25px 20px; margin-bottom: 20px; /*height: 100%;*/}
.panel-Header {background-image: url(../images/backgrounds/jalp-BG-01.jpg); background-size: cover;	background-position: center; background-repeat: no-repeat; background-attachment: fixed; height: 25vh; box-sizing: content-box; text-align: center;}
.panel-Registro {text-align: center;}
.panel-Form {padding: 50px 0;}
/* ==========================================================================
TITLES & BOXES & TXT
========================================================================== */
.header-content h1 {margin-bottom: 0px; font-weight: 100; font-size: 4rem; text-transform: uppercase;}
.header-content h2 {margin-bottom: 10px; font-weight: 200; font-size: 7rem; letter-spacing: 10px;}
.header-content h3 {margin-bottom: 0px; font-weight: 400; font-size: 3rem; letter-spacing: 3px; color: #29ABE2;}
.gallery-text h2 {margin-bottom: 0px; font-weight: 100; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px;}
.gallery-text p {margin-bottom: 0px; font-size: 0.7rem; color: #29ABE2;}
#servicios h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #29ABE2; font-weight: 100; margin: 80px 0 100px 0;}
#servicios h4 {text-align: center; font-size: 1.7rem; text-transform: uppercase; color: #333; font-weight: 100; margin: 50px 0 0 0;}
#servicios h5 {text-align: center; font-size: 1rem; text-transform: uppercase; color: #000; font-weight: 400; margin: 0 0 10px 0;}
#sobre-mi h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #29ABE2; font-weight: 100; margin: 80px 0 100px 0;}
#sobre-mi p {text-align: justify; font-size: 1rem; color: #333; line-height: 2rem;}
#servicio-01 h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 200px 0;}
#servicio-01 p {text-align: justify; font-size: 1rem; color: #333; line-height: 2rem;}
#servicio-02 h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 200px 0;}
#servicio-02 p {text-align: justify; font-size: 1rem; color: #333; line-height: 2rem;}
#servicio-03 h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 200px 0;}
#servicio-03 h3 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 50px 0;}
#servicio-03 p {text-align: justify; font-size: 1rem; color: #333; line-height: 2rem;}
#servicio-04 h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 200px 0;}
#servicio-04 h3 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 50px 0;}
#servicio-04 p {text-align: justify; font-size: 1rem; color: #333; line-height: 2rem;}
#servicio-05 h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 200px 0;}
#servicio-05 p {text-align: justify; font-size: 1rem; color: #333; line-height: 2rem;}
#servicio-06 h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 200px 0;}
@media screen and (max-width: 1024px) {
    #servicios h1 {text-align: center; font-size: 3rem; text-transform: uppercase; color: #29ABE2; font-weight: 100; margin: 80px 0 100px 0;}
    #servicio-01 h1 {text-align: center; font-size: 1rem; text-transform: uppercase; color: #FFF; font-weight: 100; margin: 0 0 50px 0;}
    #servicio-02 h1 {text-align: center; font-size: 1rem; text-transform: uppercase; color: #FFF; font-weight: 100; margin: 0 0 50px 0;}
    #servicio-03 h1 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #FFF; font-weight: 100; margin: 0 0 50px 0;}
    #servicio-03 h3 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 50px 0;}
    #servicio-04 h1 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #FFF; font-weight: 100; margin: 0 0 50px 0;}
    #servicio-04 h3 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #FBB03B; font-weight: 100; margin: 0 0 50px 0;}
    #servicio-05 h1 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #FFF; font-weight: 100; margin: 0 0 50px 0;}
    #servicio-06 h1 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #FFF; font-weight: 100; margin: 0 0 50px 0;}
}

#servicio-06 p {text-align: justify; font-size: 1rem; color: #333; line-height: 2rem;}
.txt-sobre-mi {padding: 25px 20px;}
.txt-servicios {padding: 40px 20px;}
#portafolio h1 {text-align: center; font-size: 4rem; text-transform: uppercase; color: #29ABE2; font-weight: 100; margin: 50px 0 0 0;}
#portafolio h4 {text-align: center; font-size: 2rem; text-transform: uppercase; color: #333; font-weight: 100; margin: 50px 0 0 0;}
#portafolio h5 {text-align: center; font-size: 1rem; text-transform: uppercase; color: #000; font-weight: 100; margin: 0 0 50px 0;}
@media screen and (max-width: 450px) {
    #portafolio h1 {text-align: center; font-size: 3rem; text-transform: uppercase; color: #29ABE2; font-weight: 100; margin: 50px 0 0 0;}
    #portafolio h4 {text-align: center; font-size: 1rem; text-transform: uppercase; color: #333; font-weight: 100; margin: 50px 0 0 0;}
    #portafolio h5 {text-align: center; font-size: 0.7rem; text-transform: uppercase; color: #000; font-weight: 100; margin: 0 0 50px 0;}
}
#portafolio .jalp-Element h5 {text-align: center; font-size: 1.5rem; text-transform: uppercase; color: #666; font-weight: 100; margin: 20px 0 0 0;}
#curso .panel-TxtTop h1 {font-size: 4.5rem; text-transform: uppercase; font-weight: 100; color: #00FFFF;letter-spacing: 2px;}
@media screen and (max-width: 450px) {
    #curso .panel-TxtTop h1 {font-size: 2rem; text-transform: uppercase; font-weight: 100; color: #00FFFF;letter-spacing: 2px;}
}
#curso .panel-Contenido h1 {text-align: center; font-size: 1.5rem; text-transform: uppercase; font-weight: 100; margin: 0 0 20px 0; background-color: #000; color: #FFF; padding: 10px 0px; letter-spacing: 2px;}
#curso .panel-Contenido ul > li {font-size: 0.8rem; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; color: #000;}
#curso .panel-Certificado h1 {text-align: center; font-size: 1.5rem; text-transform: uppercase; font-weight: 100; margin: 0 0 20px 0; background-color: #000; color: #FFF; padding: 10px 0px; letter-spacing: 2px;}
#curso .panel-Certificado ul > li {font-size: 0.8rem; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; color: #000;}
#curso .panel-Horas h1 {text-align: center; font-size: 1.5rem; text-transform: uppercase; font-weight: 100; margin: 0 0 20px 0; background-color: #000; color: #FFF; padding: 10px 0px; letter-spacing: 2px;}
#curso .panel-Horas ul > li {font-size: 0.8rem; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; color: #000;}
#curso .panel-Incluye h1 {text-align: center; font-size: 1.5rem; text-transform: uppercase; font-weight: 100; margin: 0 0 20px 0; background-color: rgba(0, 255, 255, 1); color: #000; padding: 10px 0px; letter-spacing: 2px;}
#curso .panel-Incluye ul {display: inline-block; margin-right: 30px; width: auto;}
#curso .panel-Incluye ul > li {font-size: 0.8rem; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; color: #CCC;}
#social .panel-Redes h2 {text-align: center; font-size: 2.5rem; text-transform: uppercase; letter-spacing: 5px; color: #CCC; font-weight: 100; margin: 0 0 20px 0;}
#registro h1 {text-align: center; font-size: 2.5rem; text-transform: uppercase; letter-spacing: 5px; color: #CCC; font-weight: 100; margin: 0 0 70px 0;}
#registro p {text-align: center; font-size: 1rem; color: #666;}
@media screen and (max-width: 450px) {
  #social .panel-Redes h2 {text-align: center; font-size: 3rem; text-transform: uppercase; letter-spacing: 5px; color: #CCC; font-weight: 100; margin: 0 0 20px 0;}
  #registro h1 {text-align: center; font-size: 2rem; text-transform: uppercase; letter-spacing: 5px; color: #CCC; font-weight: 100; margin: 0 0 20px 0;}
}
#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;}
/* ==========================================================================
GALLERY
========================================================================== */
.wrapper {position: relative; overflow: auto; float: left; background-size: cover; height: 100%; box-sizing: border-box;}
.wrapper-image { position: relative; overflow: hidden; width: 100%; height: 100%; float: left; background-size: cover;}
.wrapper-image .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.5); transition: all 400ms ease;}
.wrapper-image .overlay:hover {background-color: transparent;}
.wrapper-image img {display: block; position: static; width: 100%; height: 100%; transition: all 400ms ease;}
.wrapper-image:hover img {transform: scale(1.05,1.05);}
.body-gallery {display: block;}
.gallery {display:block; width:100%; padding: 0 20px 0 20px; float:left; margin: 0;}
.gallery-text {background-color: rgba(0,0,0,0.5); position:absolute; padding: 15px; display:block; color: #FFF; font-weight: 100; width:100%; bottom:0; left:0; box-sizing:border-box; opacity:1; z-index: 11; text-align: center;}

/* ==========================================================================
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;}