* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  @font-face {
    font-family: okemo;
    src: url(fuentes/okemo.ttf);
  }


  html {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 62.5%;
  }

  .mobile{
    display:none;
  }
/* ------------------------ */
/*    CLASES DE FULLPAGE.JS   */

#fp-nav ul li a span {
  background: #FFF;
}

.fp-slidesNav {
  position: absolute;
  display:flex;
  justify-content:center;
  top:88%
}

.fp-bottom ul li a span{
  background: #fff;
}

.fp-tableCell {
  /* height:50vh; */
  z-index: 178;
  position: relative;
}

.marg30nin {
  margin-left: -30px;
}

/* ------------------------ */

  header {
    position: fixed;
    z-index: 25;
    right: 30px;
    top:10px;
    justify-content: space-between;
  }

  .container {
    position: relative;
    width: 100%;
    height: 100%;
    display:flex;
    justify-content:center;
    align-items: center;
    overflow: hidden;
    z-index: 35;
  }

  .container img{
    position: absolute;
    height: 100%;
    top:0;
    left:0;
    object-fit: contain;
  }

  .mid {
    width:100%;
    z-index: 88;
  }

  .form1 {
    width:100%;
    margin-top: 20px;
  }

  .form2 {
    width:100%;
  }

  .logo {
    position: fixed;
    bottom: 15px;
    left: 20px;
    height:130px;
  }

  nav {
    /* background-color: red; */
    height:100vh;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .links {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-weight: 400;
    color: white;
    font-size: 1.4rem;
    margin-top:30px;
  }

  .links a:hover{
    color: #DC3864;
  }

   .selected {
    color: #DC3864;
  }

  .disp {
    display:none;
  }

  ul {
    display: flex;
    flex-direction: row;
  }

  .icons {
    display: absolute;
    flex-direction: column;
    text-align: center;
    margin-bottom:30px;
  }

  .icons img {
    width: 60%;
  }


  li {
    list-style: none;
    margin-bottom: 15px;
  }

  a {
    text-decoration: none;
    color: white;
  }


  .s1 {
      text-align: center;
      background:url('../img/F1.jpg');
      background-size: cover;
      background-position: bottom;
  }
/* ---------------------------------------------------------------- */
/* -------------------------------BIO------------------------------ */
/* ---------------------------------------------------------------- */

  .s2 {
    vertical-align:top;
    background:url('../img/F2.jpg');
    background-size: cover;
    background-position: top;
  }

  .conts2 {
   
    width:70%;
    margin:auto;
    /* background-color:red; */
  }

  .imgVQ {
    /* background-color:orangered; */
    width:100%;
    position: absolute;
    left:90px; 
    font-family: okemo;
    font-size: 25rem;
    top: -40px;
    color: white;

    
  }

  .biog1 {
    /* background-color:lime; */
    position: relative;
    top: 40px;
    margin:auto;
    justify-content:center;
    align-items: center;
    /* text-align: center; */
  }

  .biog {
    display:flex;
   
  }

  .biog img {
    height:60vh;
    margin: 0px 10px 0px 50px;
  }

  .tex {
   margin-top: 60px;
   width:400px;
   height:318px;
   font-size: 2rem;
   color: white;
   padding-right: 20px;
   overflow-y:scroll;
  
  }


  .tex::-webkit-scrollbar {
    width: 8px;
    }

  .tex::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
  }


  .s3 {
    background-color:#12172A;
}

/* ---------------------------------------------------------------- */
/* -------------------------------PROGRAMA------------------------------ */
/* ---------------------------------------------------------------- */

.s3contenedor{
  width:80%;
  display:flex;
  margin: auto;
}

.flex {
  display:flex;
  justify-content: space-between;
}

.programa {
  width:95%;
}

.c1 {
  width:60%;
  margin:auto;
}

.tres_tit img {
  width:450px ;
}

.tres_tex {
  font-size:2rem;
  color: white;
  width:600px;
  margin-bottom: 30px;
}

.tres_tex_2 {
  font-size:2rem;
  color: white;
}

.tres_campus img {
  width:350px;
  margin-bottom: 40px;
}

.vermas img{
  width:80px;
}


.c2 {
  width:30%;
}

.inscripcion {
  font-size:2.5rem;
  color: #DC3864;
  font-weight: bold;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
  margin-top:50px;
  margin-bottom:40px;
}

.form {
  display:flex;
  flex-direction:row;
}

.form-camp {
  width:100%;
  margin-bottom: 20px;
  background-color:transparent;
  border: none;
  font-size:2rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: bold;
  font-style: italic;
  color:#C4BCB9 ;
  border-bottom: 1px solid #FFF;
  padding-bottom: 5px;
  font-family:  'Barlow Condensed', sans-serif;
}

.form-camp:hover {  
  color:#dfaf9d ;
}

.select {
  background-color:#12172A;
}

.but {
  margin-bottom: 0px;
}

.butt {
  padding-top:10px;
  padding-bottom:10px;
  background-color:#352776;
  color: #DC3864;
}

.fondo2 {
  width:90%;
  margin: auto;
  text-align:center;
}
/* ------------------------------------------------- */
/* ----------------------SESIONES------------------- */
/* ------------------------------------------------- */


.sesiones {
  display:flex;
  align-items:center;
  width:80%;
  margin: auto;
  justify-content: space-around;
}
 
.slide {
  height:20px;
}
.sli {
  margin-top:-200px;
  height:50vh;
  display:flex;
  align-items:flex-start;
  justify-content: space-around;
}

 .fp-bottom {
  color: #FFF !important;
}

.tit-s4 {
  padding-top:80px;
}

.tit-s4 img {
  width:400px;
}

.bott-20 {
  margin-bottom: 10px;
  margin-top:5px;
}

.se1, .se2, .se3, .se4, .se5, .se6  {
  width:40%;


}



h3 {
  font-family: okemo;
  color:white;
  font-size: 2.5rem;
}


.text-s4 {
  color:#FFF;
  font-size:2rem;
  text-align:center;
  width: 50%;
  margin: auto;
  

  
}

.fp-controlArrow.fp-next{
  height:15px;
  width:15px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  right:90px;
  top: 73vh;
  
  /* border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF; */
}

.fp-controlArrow.fp-prev{
  height:15px;
  width:15px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  left:90px;
  top: 75%;
  /* border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF; */
}

.slide.fp-slide.fp-table{
  width: 100%;
}

 /***** CONTACTO *****/

 .s5{
   background-color:#352776;
 }

 .contact {
   height:75%;
   width:70%;
   margin: auto;
   padding-top:30px
 }

 .tit-cont img{
  width:300px;
 }

 .form-contacto {
   /* padding-left: 60px; */
   padding-top: 20px;
   background-color:#12172A;
   width:680px;
   margin: auto;
   text-align:center;
   z-index: 25;
 }

 /* .form-dos{
   padding-top:10px;
   width: 680px;
   margin: auto;
 } */

 .form-dos textarea {
 width:90%;
 background-color:#12172A;
 display: block;
 border:none;
 margin: auto;
 font-size: 1.6rem;
 font-style: italic;
 font-weight: bold;
 color: rgba(255, 255, 255, 1);
 margin-bottom: 25px;
 font-family:  'Barlow Condensed', sans-serif;
 }
 
 .contacto{
  font-family:  'Barlow Condensed', sans-serif;
  padding-bottom: 5px;
  font-size: 1.6rem;
  font-style: italic;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  border:none;
  border-bottom: 1px solid #FFF;
  width:90%;
  margin: auto;
  background-color:#12172A;
  margin-bottom: 20px;
 }

 .env {
   font-family:  'Barlow Condensed', sans-serif;
   color:white;
   font-size: 2rem;
   font-style: italic;
   font-weight: 700; 
   margin:auto;
   text-align:center;
   width:100%;
   background-color:transparent;
   border:none;
   padding-bottom:10px;
   padding-top:20px;
   background-color:#352776;
   text-decoration: underline;
 }

 #form-message-warning, #form-message-success {
  display: none;
 
 }


 .footer {
   height:25%;
   background-color:#12172A;
 }

 /* -----------FORMACION----------- */

 .secfor1 {
  margin-left: 111px;
  height:100vh;
  padding-top:4rem;
 }

 .fs1{
   background: url(../img/bg-formacion.png);
   background-size: cover;
 }

 .flex-row{
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   justify-items: flex-start;
 }

 .flexx {
   display: flex;
   flex-direction: column;
   

 }

.h1-formacion{
  font-size:3rem;
  color: white;
  font-style: italic;
  font-weight:900;
}

.img-curva{
  margin: 10px 0px;
}
.img-curva img{
  width:83px;
  margin: 10 10;
}

.h2-formacion{
  font-size:2.5rem;
  color: white;
  font-style: italic;
  font-weight:700;
  line-height: 0.5;
}

.h4-formacion{
  color: white;
  font-size: 1.5rem;
  width:40%;
}

 .turnos img {
   width: 1.5rem;
   margin-left: -3rem;
   margin-right: 1rem;
 }

 .bott20{
   margin-bottom: 1.5rem;
 }

 .temario {
   padding-left:2rem ;
   margin-top: 30px;
   width:470px;
   height:200px;
   font-size: 3rem;
   color: white;
   padding-right: 20px;
   overflow-y:scroll;
   color: white;
   /* box-shadow: 1px 1px 10px #36277638 ; */
   
 }

 .temario-ondemand {
  padding-left:2rem ;
  margin-top: 30px;
  width:470px;
  height:300px;
  font-size: 3rem;
  color: white;
  padding-right: 20px;
  overflow-y:scroll;
  color: white;
  /* box-shadow: 1px 1px 10px #36277638 ; */
  
}

 
 .temario ul {
  font-size: 4rem;
 }
 

 .leyen{
   margin:0;
   padding: 0;
   margin-top:-10px;
   margin-bottom:5px;
   font-size: 1.5rem;
 }

 .flexx li {
  list-style-type: disc;
  line-height: 0.4;
  font-size: 2rem;
 }

 .temario::-webkit-scrollbar {
  width: 6px;
  }

.temario::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px;
}

 .temario-title li {
   list-style-type: none;
   font-size: 2rem;
   list-style-type: circle;
   line-height: 0.4;
   padding-top: 1.5rem;
   font-weight: bold;
 }

 .temario-ondemand::-webkit-scrollbar {
  width: 6px;
  }

.temario-ondemand::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px;
}



 .inscribirme{
   margin-top:2rem;
   padding: 0.5rem;
   padding-left: 1.2rem;
   padding-right: 2.2rem;
   color: #fff;
   font-size: 1.5rem;
   font-weight: bold;
   border: 2px solid #fff;
   border-radius: 22px;
   display: inline-block;
   font-style: italic;

 }

 .inscripcion2 {
  font-size:2.5rem;
  color: #DC3864;
  font-weight: bold;
  text-align:left;
  width: 70%;
  padding-bottom:20px;
  margin: auto;
}

/* ----------------------- MENU MOBILE ------------------------ */
.open-menu,
.close-menu {
  display: none;
}
/* ------------------------------------------------------------ */
 /* ----------------------- MEDIA QUERYES ----------------------*/
 

@media (max-width: 950px) {

  .mobile{
    display: block;
  
  }

  .web{
    display:none;
  }

    header {
      position: inherit;
      padding-left: 10%;
      padding-right: 10%;
      text-align: center;
    }

    header .op{
       position: fixed;
       top: 20px;
       right: 20px;
       width: 30px;
       z-index: 2;
    }

    header nav .clo{
      position: absolute;
      top: 20px;
      
    }

    header nav{
      display: none;
      position:fixed;
      top: 0;
      left: 0;
      width: 100%;
      height:100vh;
      background-color:#352776;
      z-index: 20;
      font-size: 3rem;
      color: white;
      text-align:center;
      
      
    }

    header nav ul{
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items: center;
      margin-top: -40px;
    }

    header nav img {
      width:30px;
      position:absolute;
      top: 20px;
       right: 20px;
       width: 30px;
    }

  


    #nav:target{
      display: flex;
      justify-content:center;
      align-items: center;
      margin-top: 0px;
    }

    p {
      width: 100%;

    }

    .mb-section_01{
        background:url('../img/F1.jpg');
        background-size: cover;
        height: 100%;
        width: 100%;
        padding-bottom:30px;

        
    }

    .mb_bio {
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 60vh;
        padding-bottom: 60px;
    }

    .mb-log{
      position: fixed;
      bottom: 20px;
      left: 20px;
    }

    .mb_logo  {
        width:70%;
        margin-top: 45vh;
      }
    
      .mb_bio img {
        width: 100%;
      }

      .disp img{
          width: 20px;
      }

      .mb_formacion-astro img{
        height:100px;
        margin-top:60px;
      }

      .btn_form-contacto {
        margin-bottom:5px;
        padding-top: 10px;
        background-color:#352776;
        width:100%;
        z-index: 1;
        font-family:  'Barlow Condensed', sans-serif;
        font-style: italic;
        color: #fff;
        font-weight: bold;
      }

      .mb_butt {
        padding-top:10px;
        padding-bottom:10px;
        background-color:#352776;
        color: #DC3864;
      }

      .but {
        margin-bottom: 0px;
      }

      .mb_seciones_img img{
        height:100px;
      }

      .mb_contacto_img img{
        height:100px;
      }

      .formu{
        display:flex;
        flex-direction: column;
      }
    
      .form-contacto{
        width:100%;
        padding-top: 0px;
        background: transparent;
      }

      .mb_tex {
        margin-top: 30px;
        width:100%;
        /* height:318px; */
        font-size: 2rem;
        color: white;
        overflow-y:scroll;
        height:50vh;
        padding-right: 10px;
       }

       .mb_tex::-webkit-scrollbar {
        width: 8px;
        }
    
      .mb_tex::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 12px;
      }

       .mb_formaciones{
        background-color: #12172A;
        padding-top: 30px;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 80px;
        font-size: 2rem;
        color: white;
        text-align: center;
       }

       .mb_formacion_flex{
         display:flex;
         flex-direction: column;
       }

       .mb_formacion_titulo img{
        height:100px;
        padding-top:30px;
        margin-left:-10px;
      }

      .formu-div{
        margin-top: 30px;
        margin-bottom:5rem;
      }

      .mb_seciones{
        background:url('../img/F2.jpg');
        background-size: cover;
        padding-top: 50px;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 50px;
        text-align: center;
        font-size: 2rem;
        color: white;
      }

      h3 {
        font-family: okemo;
        color:white;
        font-size: 2.5rem;
        margin-top:55px
      }

      .mb_contacto {
        background-color: #352776;
        padding-top: 50px;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 50px;
        height:100%;
      }

      .mb_contacto_img{
        padding-bottom: 40px;
      }

      .contacto, .btn_form-control{
        width: 100%;
        font-family:  'Barlow Condensed', sans-serif;
        font-size: 1.6rem;
        font-style: italic;
        font-weight: bold;
        color: rgba(255, 255, 255, 1);
        border:none;
        background-color:#12172A;
        padding: 0px 10px;
        margin-bottom:1rem;
      }

      .form-dos textarea{
        width: 100%;
        padding:10px;
        background-color:#12172A;
        margin-bottom:0px;
      }

      #form-message-warning, #form-message-success {
        display: none;
       
       }

       .btn_env {
        font-family:  'Barlow Condensed', sans-serif;
        color:white;
        font-size: 2rem;
        font-style: italic;
        font-weight: 700; 
        margin:auto;
        text-align:center;
        width:100%;
        background-color:transparent;
        border:none;
        padding-bottom:10px;
        padding-top:20px;
        background-color:#352776;
        text-decoration: underline;
      }

      
      /* ///////////////// FORMACIONES MOBILE ////////////////// */

      .contenedor{
        margin-top:0px;
        padding:0px;
      }

      .secfor1 {
        margin-left: 0px;
        padding-top: 6rem;
        padding-left: 10%;
        padding-right: 15%;
        padding-bottom: 50px;
        height:100%;
       }

       .h1-formacion{
        font-size:4rem;
        color: white;
        font-style: italic;
        font-weight:900;
      }

      .img-curva img{
        width:143px;
        margin: 10 10;
      }

      .h2-formacion{
        font-size:3rem;
        color: white;
        font-style: italic;
        font-weight:700;
        line-height: 0.9;
      }

      .h4-formacion{
        color: white;
        font-size: 2.4rem;
        width:100%;
        font-weight: 500;
      }

      .turnos img {
        width: 2rem;
        margin-left: 0rem;
        margin-right: 1rem;
        padding-top:0.7rem ;
      }

      .temario {
        font-size: 4rem;
        height:100%;
        width:100%;
        overflow-y: 100%;
        padding-left: 3rem;
      }

  

      .flexx li {
        list-style-type: disc;
        line-height: 0.4;
        font-size: 2rem;
       }

       .temario-title li {

        font-size: 2.5rem;
        line-height: 1;
        list-style-type: circle;
      }

      .temario-ondemand {
        padding-left:3rem ;
        margin-top: 30px;
        padding-right: 20px;
        color: white;
        font-size: 4rem;
        height:100%;
        width:100%;
        
      }

      .inscripcion2 {
        text-align:center;
        font-size:2.5rem;
        color: #DC3864;
        font-weight: bold;
       
        width: 70%;
        padding-bottom:20px;
        margin: auto;
      }

      .footer{
        display:none;
      }

  }





 

  /* nav {display: none;
  } */

  /* .section {
    height:100vh;
  }
 
 .s1{
   overflow-y: auto;
   height:100vh;
 }

  header {
    display:flex;
    position: fixed; 
    z-index: 25;
    left: 0px;
    top:0px;
    height: 100%;
    justify-content:  center;
    text-align: center;
    overflow-y: auto;
    height:100vh;
    
  }

  nav {
    height:100vh;
    width:100vw;
    display:flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    
  }

  .logo {
    position: fixed;
    bottom: 15px;
    left: 20px;
    height:130px;
  } 

  .links {
    writing-mode: horizontal-tb;
    transform: rotate(0deg);
    font-weight: 400;
    color: white;
    font-size: 1.4rem;
    margin-top:0px;
    width:100%;
    height:100vh;
    position:absolute;

  }

  .disp {
    display:block;

  }

  .icons {

    display: none;
    justify-content:center;
    flex-direction: column;
    text-align: center;
    margin-bottom:30px;
    width:100%;
    position:absolute;
  }

  .icons img{
    width: 20px;
  }

  ul {
    display: flex;
    flex-direction: column;
  }

  ul:nth-last-child(){
    justify-content:center;
  }

   
  .links{
    background-color: #352776;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    font-size: 3rem;
  }

  .object {
    opacity: 20%;
  }

  .open-menu,
  .close-menu {
  display: block;
  background:none;
  border: none;
  cursor:pointer;
  padding: 20px;
  }

  .close-menu{
    align-self: flex-end;
    justify-content:flex-start;
    
  }

  .open-menu{
    align-self: flex-start;
    position:absolute;
    top: 0;
    right: 0;
    
  }

  .open-menu img,
  .close-menu img{
    width: 40px;
  }

  .menu_opened {
    opacity: 1;
    pointer-events: all;
  }

  .open-menu:focus:not(:focus-visible),
  .open-menu:focus:not(:focus-visible) {
    outline: none;
  }
  .container {
    position: relative;
    width: 100%;
    height: 100%;
    display:fixed;
    justify-content:center;
    align-items: center;
    overflow: hidden;
    z-index: 35;
  }
  .container img{
    height:100vh;
  }
---------------------- QUIEN SOY ---------------------
  .conts2 {
    
    height:100px;
    margin:auto;
  }

  .imgVQ {
    height:100px;
    position: absolute;
    left:0px; 
    font-family: okemo;
    font-size: 8rem;
    top: 5rem;
    color: white;
    display:none;

    
  }

  .biog1 {
    position: relative;
    top: 0px;
    margin:auto;
    justify-content:center;
    align-items: center;
    
  }

  .biog {
    display:flex;
    flex-direction:column;
    margin:auto;
  }

  .biog img {
    width: 70%;
    height:70%;
    margin:auto;
    text-align: center;
  }

  .tex {
  margin-top: 6rem;
  width:70%;
  height:31.8rem;
  font-size: 2rem;
  color: white;
  padding-right: 20px;
  overflow-y:scroll;
  margin: auto;

  } */



#temario-lineh {
  line-height:30px;
}
/* ----------------------- FULL HD------------------------ */

@media(min-width: 1500px) {

  .logo {
    position: fixed;
    bottom: 35px;
    left: 30px;
    height:180px;
  }

  .links {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-weight: 400;
    color: white;
    font-size: 2rem;
    margin-top:30px;
  }

  .icons img {
    width: 30px;
  }

  .icons {
    display: absolute;
    flex-direction: column;
    text-align: center;
    margin-bottom:50px;
  }

  .imgVQ {
    /* background-color:orangered; */
    width:100%;
    position: absolute;
    left:90px; 
    font-family: okemo;
    font-size: 32rem;
    top: -40px;
    color: white;

    
  }

  .biog1 {
    /* background-color:lime; */
    position: relative;
    top: 40px;
    margin:auto;
    justify-content:center;
    align-items: center;
    /* text-align: center; */
  }

  .biog {
    display:flex;
   
  }

  .biog img {
    height:600px;
    margin: 0px 10px 0px 50px;
  }

  .tex {
   margin-top: 140px;
   width:600px;
   height:450px;
   font-size: 3rem;
   color: white;
   padding-right: 20px;
   overflow-y:scroll;
  
  }
/* -----------------------FORMACION----------------------------- */
  .s3contenedor{
    width:80%;
    display:flex;
    margin: auto;
  }
  
  .flex {
    display:flex;
    justify-content: space-between;
  }
  
  .programa {
    width:90%;
  }
  
  .c1 {
    width:60%;
    margin:auto;
  }
  
  .tres_tit img {
    width:650px ;
  }
  
  .tres_tex {
    font-size:2.7rem;
    color: white;
    width:800px;
    margin-bottom: 30px;
  }
  
  .tres_tex_2 {
    
    font-size:3rem;
    color: white;
  }
  
  .tres_campus img {
    width:350px;
    margin-bottom: 40px;
  }

  .forma-options {
    height:90px;
  }

  .img-tam {
    height:20px;
    width: 30px;
  }

  .img-curva img {
    width:140px;
  }
  
  .vermas img{
    width:80px;
  }
  
  
  .c2 {
    width:35%;
  }
  
  .inscripcion {
    font-size:3.5rem;
    color: #DC3864;
    font-weight: bold;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    margin-top:50px;
    margin-bottom:40px;
  }
  
  .form {
    display:flex;
    flex-direction:row;
  }
  
  .form-camp {
    width:100%;
    margin-bottom: 20px;
    background-color:transparent;
    border: none;
    font-size:3rem;
    font-weight: bold;
    font-style: italic;
    color:#C4BCB9 ;
    border-bottom: 1px solid #FFF;
    padding-bottom: 5px;
    font-family:  'Barlow Condensed', sans-serif;
  }
  
  .select {
    background-color:#12172A;
  }
  
  .but {
    margin-bottom: 0px;
  }
  
  .butt {
    padding-top:10px;
    padding-bottom:10px;
    background-color:#352776;
    color: #DC3864;
  }

  /* ------------------------------ SECIONES ----------------------------- */
  .sesiones {
    display:flex;
    align-items:center;
    width:80%;
    margin: auto;
    justify-content: space-around;
  }
   
  .slide {
    height:20px;
  }
  .sli {
    
    margin-top:0px;
    height:70vh;
    display:flex;
    align-items:flex-start;
    justify-content: space-around;
  }
  
   .fp-bottom {
    color: #FFF !important;
  }
  
  .tit-s4 {
    padding-top:80px;
  }
  
  .tit-s4 img {
    width:600px;
  }
  
  .bott-20 {
    margin-bottom: 10px;
    margin-top:5px;
  }

  h3 {
    font-family: okemo;
    color:white;
    font-size: 4rem;
  }
  
  
  .text-s4 {
    color:#FFF;
    font-size:3rem;
    text-align:center;
    width: 50%;
    margin: auto;
    
  }

  .fp-slidesNav {
    position: absolute;
    display:flex;
    justify-content:center;
    top:88%
  }

  .fp-controlArrow.fp-next{
  height:15px;
  width:15px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  right:150px;
  top: 70%;
  /* border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF; */
}

.fp-controlArrow.fp-prev{
  height:15px;
  width:15px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  left:150px;
  top: 70%;

}

   /* ------------------------------ CONTACTO ----------------------------- */

   .s5{
    background-color:#352776;
  }
 
  .contact {
    height:70%;
    width:70%;
    margin: auto;
    padding-top:20px;
  }
 
  .tit-cont img{
   width:400px;
  }
 
  .form-contacto {
    padding-top: 40px;
    background-color:#12172A;
    width:880px;
    margin: auto;
    text-align:center;
    z-index: 25;
    margin-top:70px;
  }

 
  .form-dos textarea {
    padding-top:15px;
  width:90%;
  background-color:#12172A;
  display: block;
  border:none;
  margin: auto;
  font-size: 2rem;
  font-style: italic;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 25px;
  font-family:  'Barlow Condensed', sans-serif;
  }
  
  .contacto{
   font-family:  'Barlow Condensed', sans-serif;
   padding-bottom: 15px;
   padding-top:15px;
   font-size: 2rem;
   font-style: italic;
   font-weight: bold;
   color: rgba(255, 255, 255, 1);
   border:none;
   border-bottom: 1px solid #FFF;
   width:90%;
   margin: auto;
   background-color:#12172A;
   margin-bottom: 0px;
  }
 
  .env {
    font-family:  'Barlow Condensed', sans-serif;
    color:white;
    font-size: 2rem;
    font-style: italic;
    font-weight: 700; 
    margin:auto;
    text-align:center;
    width:100%;
    background-color:transparent;
    border:none;
    padding-bottom:10px;
    padding-top:20px;
    background-color:#352776;
    text-decoration: underline;
  }
 
  #form-message-warning, #form-message-success {
   /* display: none; */
  
  }
 
 
  .footer {
    height:30%;
    background-color:#12172A;
  }

  .control-label{
    background-color:#352776;
    border:none;
  }

  /* ---------------HTML-FORMACIONES-------------- */
  .secfor1 {
    margin-left: 111px;
    height:100vh;
    padding-top:4rem;
   }
  
   .fs1{
     background: url(../img/bg-formacion.png);
     background-size: cover;
   }
  
   .flex-row{
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: flex-start;
     justify-items: flex-start;
   }
  
   .flexx {
     display: flex;
     flex-direction: column;
     
  
   }
  
  .h1-formacion{
    font-size:5rem;
    color: white;
    font-style: italic;
    font-weight:900;
  }
  
  .img-curva{
    margin: 10px 0px;
  }
  .img-curva img{
    width:93px;
    margin: 10 10;
  }
  
  .h2-formacion{
    font-size:3.5rem;
    color: white;
    font-style: italic;
    font-weight:700;
    line-height: 0.5;
  }
  
  .h4-formacion{
    color: white;
    font-size: 2rem;
    width:40%;
    font-weight: 500;
  }
  
   .turnos img {
     width: 2rem;
     margin-left: -3rem;
     margin-right: 1rem;
   }
  
   .bott20{
     margin-bottom: 1.5rem;
     
   }
   #temario {
      
   }
   .temario {
    
     padding-left:2rem ;
     margin-top: 30px;
     width:670px;
     height:450px;
     font-size: 3rem;
     color: white;
     padding-right: 20px;
     overflow-y:scroll;
     color: white;
     /* box-shadow: 1px 1px 10px #36277638 ; */
     
   }
   
   .temario ul {
    font-size: 4rem;
   }
   
  
   .leyen{
     margin:0;
     padding: 0;
     margin-top:-10px;
     margin-bottom:5px;
     font-size: 1.5rem;
   }
  
   .flexx li {
    list-style-type: disc;
    line-height: 0.4;
    font-size: 2rem;
   }
  
   .temario::-webkit-scrollbar {
    width: 6px;
    }
  
  .temario::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px;
  }
  
   .temario-title li {
     list-style-type: none;
     font-size: 2rem;
     list-style-type: circle;
     line-height: 0.4;
     padding-top: 1.5rem;
     font-weight: bold;
   }

   .temario-title-2 li {
    list-style-type: none;
    font-size: 2rem;
    list-style-type: circle;
    padding-top: 1.5rem;
    font-weight: bold;
  }
  
   .inscribirme{
     margin-top:2rem;
     padding: 0.5rem;
     padding-left: 1.2rem;
     padding-right: 2.2rem;
     color: #fff;
     font-size: 1.5rem;
     font-weight: bold;
     border: 2px solid #fff;
     border-radius: 22px;
     display: inline-block;
     font-style: italic;
  
   }
  
   .inscripcion2 {
    font-size:3.5rem;
    color: #DC3864;
    font-weight: bold;
    text-align:left;
    width: 70%;
    padding-bottom:20px;
    margin: auto;
    padding-top: 100px;
  }

  .form-contacto {
    margin-top: 20px;
  }

  #temario-lineh {
      line-height:20px;
    }

  }