@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/* ============================== */
@font-face {
  font-family: 'GT Pressura';
  src: url("../fonts/GT Pressura/gt-pressura-regular-web-webfont.ttf");
  src: url("../fonts/GT Pressura/gt-pressura-regular-web-webfont.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'GT Pressura-light';
  src: url("../fonts/GT Pressura/gt-pressura-light-web-webfont.ttf");
  src: url("../fonts/GT Pressura/gt-pressura-light-web-webfont.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: 'GT Pressura-light-italic';
  src: url("../fonts/GT Pressura/gt-pressura-light-italic-web-webfont.ttf");
  src: url("../fonts/GT Pressura/gt-pressura-light-italic-web-webfont.ttf") format("truetype");
  font-weight: lighter;
  font-style: italic;
}

@font-face {
  font-family: 'GT Pressura-regular-italic';
  src: url("../fonts/GT Pressura/gt-pressura-regular-italic-web-webfont.ttf");
  src: url("../fonts/GT Pressura/gt-pressura-regular-italic-web-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'GT Pressura-bold-italic';
  src: url("../fonts/GT Pressura/gt-pressura-bold-italic-web-webfont.ttf");
  src: url("../fonts/GT Pressura/gt-pressura-bold-italic-web-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'GT Pressura-bold';
  src: url("../fonts/GT Pressura/gt-pressura-bold-web-webfont.ttf");
  src: url("../fonts/GT Pressura/gt-pressura-bold-web-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Rockwell';
  src: url("../fonts/rockwell/Rockwell.ttc");
  src: url("../fonts/rockwell/Rockwell.ttc") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cera-medium';
  src: url("./fonts/cera/Cera-Medium.ttf");
  src: url("./fonts/cera/Cera-Medium.ttf") format("truetype");
}
* {
  font-family: 'GT Pressura-light';
  
}

section {
  padding: 70px 0;
  background-color: #FFFFFF;
}

/*banner*/
.hero-area {
  padding: 0;
}
/* boton flotante */
#boton-flotante {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: #4CAF50;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1;
  color: #FFFFFF
}

#boton-flotante:hover {
  background-color: #3e8e41;
}
.slick-prev:before, .slick-next:before {
  color: #1C2464;
}

/* titulos y subtitulos */

.subtitle {
  font-size: 48px;
  color: #FFFFFF;
  font-weight: bold;
  font-family: 'GT Pressura-bold';
  line-height: 1;
  margin-bottom: 5px
}

    /* banner */
    .banner-content-wrap {
        color: #FFFFFF;
        font-family: 'GT Pressura-light';
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    h1 {
        font-size: 72px;
        font-family: 'GT Pressura-bold';
        line-height: 1;
        margin-bottom: 20px
    }
    h2 {
      font-size: 50px;
      text-align: center;
      margin-bottom: 40px;
      font-family: 'GT Pressura-bold';
      color: #4C4C4C;
      line-height: 1;
    }
    p {
      font-size: 1.8rem;
      line-height: 1.2;
    }
    .banner-info {
        font-size: 26px;
        line-height: 1
    }
    .banner-sub-title {
      color: #4C4C4C;
    }
    .banner-sub-title strong{
        font-family: 'GT Pressura-bold';
        color: #49B8D4;
        text-transform: capitalize
    }
.box-maestrias {
    color: #FFFFFF;
    font-size: 19.5px;
    margin: auto;
    color: #4C4C4C
  }
  .box-maestrias h2 {
    text-align: center;
  }
  .box-maestrias .elementos {
    text-align: center;
    color: #4C4C4C;
  }
  .box-maestrias .elementos h5{
    
   font-size: 1.4rem;
   line-height: 1;
  }
  .box-maestrias .elementos p{
    
   font-size: 1.1rem;
   line-height: 1;
  }
  .box-maestrias .elementos .btn-info {
    color: #FFFFFF;
    margin-right: 5px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05rem;
    padding: 5px 20px;
    border: none!important
  }
  .box-maestrias img {
    width: 100%;
    margin: 5px auto 15px;

  }
  /* nueva seccion maestrias*/
  .btn-plus {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 22px;
    padding: 2px 10px 5px;
    line-height: 1;
  }
  .info-cdm {
    font-size: 20px;
    line-height: 1.05
  }
  /* FORMULARIO */
  .banner-form {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5)
  }
  .banner-form h4 {
    font-weight: bold
  }
  /*GENERAL INFORMACION*/
  .general-infor {
    padding: 30px 0;
    text-align: center;
  }
  .general-infor .container {
    border-top: 2px solid #4C4C4C;
    border-bottom: 2px solid #4C4C4C;
    padding: 20px 0;
  }
  .general-infor img {
    margin-right: 5px
  }
  .general-infor p {
    font-size: 1.9rem;
    line-height: 1;
    margin-bottom: 2px;
  }
  /* QUE ES?*/
.what01 {
  background-color: #1C2464;
  color: #FFFFFF;
  text-align: center;
} 

.what01 h2 {
  color: #FFFFFF;
}
  /* contenido */
  .ts-intro {
    background-color: #FFFFFF;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-position: top left, top right
  }
  .ts-intro .texto-principal {
    font-size: 21px;
    text-align: center
  }
   /**/
   .div-bg div {
    background: #E3183F;
/*     clip-path: polygon(0 0, 100% 0%, 100% 90%, 10% 90%);
 */    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  color: white;
    padding: 6px 10px;
   line-height: 1;
   font-size: 50px;
   height: 60px;
   font-family: 'GT Pressura-bold';
   }
   .div-bg div span {
    font-family: 'GT Pressura-bold';
   }
   /* por qué asistir*/
.div-bg {
  display: flex;
  justify-content: center;
}
  /*MASTER CLASS*/
  
  .master-session {
    background-image: url(../images/banner/banner002.jpg);
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .master-session p {
    font-size: 1.15rem;
  }
  .master-session h2 {
    color: #FFFFFF;
  }
  /* CRONOGRAMA*/
  .sectionCronograma .tableCrono {
    max-width: 640px;
    width: 100%;
    
  }
  .sectionCronograma .tableCrono h3 {
    font-size: 1.4rem
  }
  .sectionCronograma .Crono01 {
    background-color: #bcbcbc;
    border-bottom: 2px solid #aaaaaa;
  }
  /* atributos */
  /* .b-atributos {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px
  } */
   .b-atributos11 .slick-slide a {
    text-decoration: none;
   }
  .atributos{
    font-size: 25px;
    line-height: 1;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px;
    text-align: center;
    padding: 20px 15px;
    font-family: 'GT Pressura';
    background-color: #1C2464;
    color: #FFFFFF;
    border-radius: 15px;
    min-height: 190px
  }
  .slick-slide {
    filter: none!important;
    -webkit-filter: none
  } 
  .atributos img{
    max-width: 90px;
    margin: 0 auto 10px
  }

  /* alianza partners */
  .alianza {
    padding: 40px 0
  }
  .alianza h2 {
    color: #FFFFFF
  }
  .alianza .alianza-b {
/*     flex-wrap: wrap;
 */    color: #FFFFFF;
    font-family: 'GT Pressura-bold';
   
  }
  
  .alianza .alianza-b .img-a  {
    /* max-width: 400px; */
    max-width: 300px;
    width: 100%;
    border-right: 4px solid #FFFFFF;
    margin-right: 20px
  }
  .alianza .alianza-b .img-a img {
    max-width: 280px;
    width: 100%
  }
  .alianza .alianza-b .texto-a {
    font-size: 25px;
    margin: auto;
    line-height: 1.3
  }

  /* ventajas partner */
  .ventajas-partners {
   padding: 40px 0;
   color: #FFFFFF

  }
  .ventajas-partners .c-ventajas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px
  }
  .ventajas-partners .c-ventajas .item-v {
    max-width: 450px;
    width: 50%;
    font-size: 21px;
    font-family: 'GT Pressura-bold';
    line-height: 1.1;
    padding: 0 5px;
    margin-bottom: 8px;
    display: flex
  }
  .ventajas-partners .c-ventajas .item-v .check {
    max-width: 40px;
    width: 100%
  }
  .ventajas-partners .c-ventajas .item-v .check img {
    width: 36px
  }
  .ventajas-partners h3 {
    font-size: 37px;
    color: #49b8d4;
    font-family: 'GT Pressura-bold'
  }
  .ventajas-partners {
    font-size: 21px
  }
  .ventajas-partners h4 {
    font-size: 37px;
    color: #4C4C4C;
    font-family: 'GT Pressura-bold';
    line-height: 1.1;
    text-align: center;
    margin-bottom: 20px
  }
  /*DESARROLLO PROFESIONAL*/
  .ventajas-partners2 {
   padding: 40px 0;
   color: #FFFFFF;
   background-color: #FFFFFF

  }
  .ventajas-partners2 h3 {
    color: #4C4C4C;
    font-family: 'GT Pressura-bold'
  }
  .ventajas-partners2 p {
    font-family: 'GT Pressura-light';
    color: #4C4C4C;
    font-size: 21px
  }
  .ventajas-partners2 h3 {
    font-size: 37px;
    line-height: 1
  }
  .ventajas-partners2 h4 {
    font-size: 37px;
    color: #4C4C4C;
    font-family: 'GT Pressura-bold';
    line-height: 1.1;
    text-align: center;
    margin-bottom: 20px
  }
  /* CARRUSEL */
  .section-carousel {
    padding: 60px 0 40px;
    background-repeat: no-repeat;
    background-position: top left, top right;
    background-color: #FFFFFF;
  }
  .section-carousel .subtitle {
    color: #4C4C4C;
  }
  .section-carousel .carousel-control-prev {
    left: -100px
  }
  .section-carousel .carousel-control-next {
    right: -100px
  }
  .section-carousel > .container {
    max-width: 900px
  }
  .carousel-it {
    display: flex;
  }
  .carousel-it .texto-carousel {
    font-size: 22px;
    color: #4C4C4C;
    padding-right: 60px;
    font-family: 'GT Pressura-light'
  }
  .carousel-it .img-carousel img{
    max-height: 210px;
    width: auto
  }
  .carousel-control-next-icon {
    background-image: url('https://www.esan.edu.pe/landings/maestrias/ecosistema-marketing/images/iconos/arrow-r.png')!important
  }
  .carousel-control-prev-icon {
    background-image: url('https://www.esan.edu.pe/landings/maestrias/ecosistema-marketing/images/iconos/arrow-l.png')!important
  }

  /* footer */
  .ts-schedule {
    background-color: #FFFFFF;
    padding: 0
  }
  .ts-schedule h3 {
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 36px
  }
  .ts-schedule .carousel-indicators {
    bottom: -20px
  }
  .ts-schedule .div-asesora {
    background-color: #1C2464;
    padding: 30px 0;
    text-align: center;
    color: #4C4C4C;
    display: flex;
    justify-content: center
  }
  .ts-schedule .div-asesora .img-asesora{
    max-width: 350px; 
    width: 100%
  }
  .ts-schedule .div-asesora .information-asesora {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 380px;
    margin: auto;
    color: #FFFFFF
  }
  .ts-schedule .div-asesora .information-asesora h5 {
    min-height: 59px;
    line-height: 1;
    margin-bottom: 1px
  }
  .ts-schedule .div-asesora .information-asesora h4 {
    font-size: 36px
  }
  .ts-schedule .div-asesora .information-asesora p {
    font-size: 22px;
    margin-bottom: 0;
    line-height: 1.45
  }
  .footer-area {
    background-color: #3e3e3e;
    padding: 20px 0 10px
  }
  .copyright-text {
    color: #FFFFFF
  }
  @media only screen and (max-width: 991px) {
    p {
      font-size: 1.5rem;
    }
  .alianza .alianza-b {
    flex-direction: column;
    
  }
  .alianza .alianza-b .img-a {
    border-right: none
  }
  .box-maestrias h2 {
    font-size: 37px;
  }
  .div-bg div {
    font-size: 37px;
    height: 45px
  }
 }
  @media only screen and (max-width: 780px) {
    h2 {
      font-size: 40px;
    }
    .general-infor p {
      font-size: 1.6rem;
    }
    .div-bg {
    display: block;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .div-bg div {
    width: fit-content

  }
  .box-maestrias h2 {
    font-size: 34px;
    margin-bottom: 5px;
    text-align: left;
  }

   
    /* banner principal */
    h1 {
      font-size: 45px
    }
    h1 br {
      display: none
    }
    .banner-info {
      font-size: 22px
    }
    .banner-sub-title {
      font-size: 24px
    }

    /* formulario */
    .banner-form {
      max-width: 460px; 
      margin: auto
    }
    .carousel-it {
    flex-direction: column
  }
  .carousel-it .texto-carousel {
    padding-right: 0
  }
  .carousel-it .img-carousel {
    margin: auto
  }
  .carousel-it .img-carousel img {
    max-width: 250px;
  }
  .carousel-it .texto-carousel {
    font-size: 18px;
    line-height: 1.1
  }
  .box-maestrias {
    max-width: 500px;
    margin: auto
  }
  .box-maestrias .elementos {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 15px;
    width: 100%
  }

   /* atributos */
  .atributos {
    max-width: 192px;
    font-size: 18px;
    min-height: 180px;

  }

   .atributos img{
    max-width: 90px;

  }
  .ventajas-partners h4 {
    font-size: 28px
  }
  /* ventajas partner */
 
  .ventajas-partners .c-ventajas .item-v {
    width: 100%;
   
  }
  .section-carousel .carousel-control-prev {
    left: -35px
  }
  .section-carousel .carousel-control-next {
    right: -35px
  }
  .div-bg {
    display: flex;
    justify-content: center
  }
  .master-session p {
    font-size: 1.2rem;
    line-height: 1;
  }

  }

  @media only screen and (max-width: 560px) {
    h2 {
      font-size: 28px;
      line-height: 1
    }
    .general-infor p {
      font-size: 1.3rem;
    }
    .box-maestrias .elementos h5 {
      margin-right: 3px;
      font-size: 1.3rem
    }
    /* formulario */
    .banner-form h4{
      font-size: 15px
    }
    .subtitle {
      font-size: 30.5px
    }
    .banner-info {
      font-size: 19px
    }
    .banner-sub-title {
      font-size: 20px
    }
    .banner-sub-title strong {
      font-size: 24px
    }
    
    .ventajas-partners .c-ventajas .item-v {
      font-size: 18px
    }
    .b-atributos .atributos img {
      max-width: 70px
    }
    .b-atributos .atributos {
      font-size: 15px
    }
    .ventajas-partners {
      font-size: 15px;
      line-height: 1
    }
    .ts-intro {
      background-size: 220px
    }
    .section-carousel {
      background-size: 220px
    }

  .section-carousel .carousel-control-prev {
    left: -5px
  }
  .section-carousel .carousel-control-next {
    right: -5px
  }
  .carousel-it .img-carousel img {
    max-width: 200px
  }
  .carousel-it .texto-carousel {
    font-size: 16.2px
  }
  .ventajas-partners h3 {
    font-size: 29px
  }

  .alianza .alianza-b {
    flex-direction: column;
    display: flex;
    padding: 0 12px
  }
  .alianza .alianza-b .texto-a {
    font-size: 19px;
    line-height: 1.2
  }
  .alianza .alianza-b .img-a {
    border-right: none;
    max-width: 210px;
    margin: auto
  }

  .alianza .alianza-b .img-a img {
    width: 180px;
    margin: auto
  }
  .ventajas-partners h4 {
    font-size: 21px
  }
  .ventajas-partners .c-ventajas .item-v .check {
    max-width: 28px
  }
  .ventajas-partners .c-ventajas .item-v .check img {
    width:21px
  }
  .ts-schedule .div-asesora .information-asesora h5 {
    min-height: auto
  }
  .ts-schedule .div-asesora .information-asesora p {
    font-size: 21px;
    line-height: 1.05
  }
  .ventajas-partners2 h4 {
    font-size: 24px
  }
  .ts-schedule .div-asesora {
    flex-direction: column
  }
  .ts-schedule .div-asesora .img-asesora {
    max-width: 150px;
    margin-bottom: 10px
  }
  .box-maestrias h2 {
    font-size: 29px;
  }
  .ts-intro {
    padding-top: 50px;
  }
 section {
  padding: 50px 0;
 }
 .master-session h4 {
  text-align: center;
 }
 .master-session p {
  text-align: justify;
 }
}
@media only screen and (max-width: 450px) {
  .b-atributos11 {
    width: 91%;
    margin: auto;
  }
  .form-check {
    font-size: 0.72rem;
  }
  .hero-area {
    background-image: url(../images/banner/bg-mobileLeader.jpg)!important;
  }
  p {
    font-size: 1rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  .sectionCronograma .tableCrono h3 {
    font-size: 1.1rem;
  }
   .box-maestrias h2 {
    font-size: 26px;
  }
  .div-bg div {
    font-size: 26px;
    height: 38px
  }
}
 @media only screen and (max-width: 350px) {
    .box-maestrias h2 {
    font-size: 24px;
  }
  .div-bg div {
    font-size: 24px;
    height: 36px
  }
   }