@font-face {
  font-family: 'custom-font';
  src: url('font/custom-font.eot?70695361');
  src: url('font/custom-font.eot?70695361#iefix') format('embedded-opentype'),
       url('font/custom-font.woff2?70695361') format('woff2'),
       url('font/custom-font.woff?70695361') format('woff'),
       url('font/custom-font.ttf?70695361') format('truetype'),
       url('font/custom-font.svg?70695361#custom-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'custom-font';
    src: url('font/custom-font.svg?70695361#custom-font') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "custom-font";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-down-open:before { content: '\e800'; } /* '' */
.icon-home:before { content: '\e801'; } /* '' */
.icon-mail:before { content: '\e802'; } /* '' */
.icon-mail-1:before { content: '\e803'; } /* '' */
.icon-cancel-1:before { content: '\e804'; } /* '' */
.icon-play:before { content: '\e805'; } /* '' */
.icon-up-open:before { content: '\e807'; } /* '' */
.icon-cancel:before { content: '\e819'; } /* '' */
.icon-left-open:before { content: '\e821'; } /* '' */
.icon-right-open:before { content: '\e822'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-youtube-squared:before { content: '\f166'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */

body {
  color: #2a2a2a;
}
.lisboa-popup {
  max-width: 690px !important; 
}
#heading {
    background: url("/img/bg.jpg") repeat center !important;
}
#heading h3:after {
    background-color: #f27d1d !important;
}
.bg-negro {
  background: #000;
}

.subtitle-program {
    font-size: 20px;
    color: #2292d0;
}
 
.programtext p {
    font-size: 16px;
    line-height : 180%;
    margin-bottom: 40px;
}

.square-bullets li {
    position: relative;
    padding-left: 15px;
    margin: 10px 0px;
}


#manana {
    background: #282828;
}


#tarde {
    background: #000;
    padding: 50px 0px;
}

.program_btn {
    background: #2292d0;
    border: 1px solid #2292d0;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    font-size: 18px;
    display: inline-block;
}

.program_btn:hover {
    background: #000;
    border: 1px solid #2292d0;
    color: #2292d0;
    border-radius: 5px;
    padding: 10px;
    font-size: 18px;
}

.horario {
  min-width: 100px;
} 

section article {
  padding: 0 15px;
} 


@media (min-width: 768px) {
  .subtitle-program {
      position: absolute;
      top: -60px;
      left: 30px;
  }
  #manana {
      padding: 120px 0 40px 0px;
  } 
  .square-bullets {
    margin-left: 20px;
  }
  .orange-line-right:after {
      content: '';
      width: 1px;
      height: 100%;
      position: absolute;
      right: 0px;
      top: 0;
      background-color: #2292d0; asd
  }
  .square-bullets li:before {
      content: '';
      width: 4px;
      height: 4px;
      display: block;
      position: absolute;
      left: 0;
      top: 10px;
      background-color: #2292d0;
  }
} 


@media (max-width: 767px) {
  #manana {
      padding: 50px 0 40px 0px;
  }
  .orange-line-right:after {
      content: '';
      width: 100%;
      height: 1;
      background-color: #2292d0;
      margin: 5px 0;
  }
  .square-bullets {
    margin-top: 25px;
    border-top: solid 1px #2292d0;
  }
  .square-bullets li {
    border-bottom: solid 1px #2292d0;
      padding-bottom: 10px;
  }
  .subtitle-program {
    border-bottom: solid 1px #2292d0;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .horario {
    text-align: center;
  }
} 

h6 {
  font-size: 24px;
  color: #2292d0;
  font-weight: 300;
  }
  
  .date {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  margin: 15px auto;
  }

  .time {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    }
  
  .border-bottom-orange {
    border-bottom: 1px solid #2292d0;
  }

.bg-marron {
  background: #100f0f;
}

.texto-naranja-it {
  color: #2292d0; 
  font-size: 16px;
  font-weight: 500;
}

.texto-gris-it {
  color: #808080;
  font-size: 14px;  
}

.texto-blanco-it {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.experto_nombre {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}

.experto_descripcion {
  color: #808080;
  font-size: 11px;
}

.experto_img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.cronogram,
.c-expertos {
  display: none;
}

.accordion-day,
.accordion-hour {
  cursor: pointer;
}

.open-day .icon-minus:before {
  transform: rotate(180deg);
}
.open-hour .icon-down-open:before {
  transform: rotate(180deg);
}

.cronogram .sesion:nth-child(odd) {
  background-color: #000;
}
.cronogram .sesion:nth-child(even) {
  background-color: #100f0f;
}
section {
  overflow: hidden;
}
.icon-plus {
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(img/ico-plus.png);
  background-position: center;
  border-radius: 100%;
  border: solid 1px #ff7300;
}
.open-day .icon-plus {
  background-image: url(img/ico-minus.png);
}
.p-experto {
  width: 252px;
  margin-bottom: 12px;
  display: inline-block;
}
.experto_nombre {
  margin-bottom: 0;
}
.experto_nombre,
.experto_descripcion {
  max-width: 170px;
  line-height: 140%;
}
.experto_img {
  margin-right: 10px;
}
.col-auto.col-md-2.offset-lg-1.text-right i img {
  width: 24px;
}

.impact_talk {
  background-color: rgba(245, 128, 32, 0.8) !important;
}
.impact_talk .texto-naranja-it {
  color: #000;
  padding: 5px 0;
}
.impact_talk .texto-gris-it {
  color: #fff !important;
}
.impact_talk .experto_descripcion {
  color: #fff !important;
}
#documentacion {
  background-color: #888;
  padding: 15px 0 0 0;
}
#documentacion h2 {
  font-family: Montserrat,sans-serif;
  font-size: 34px;
  color: #fff;
  padding: 25px 0;
}
#documentacion article {
  padding: 0;
  max-width: 250px;
  margin: 0 auto 25px auto;
}
.icon-calendar {
  margin-top: 20px;
  display: block;
  color: #fff;
}
.icon-calendar p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.icon-calendar:hover p {
  color: rgb(245, 128, 32)
}
@media (max-width: 575px) {
  p.time,
  p.time + p.texto-gris-it {
    display: inline-block;
  }
}

.cuadro-naranja {
  border: solid 1px #2292d0;
  padding: 15px;
}


.text-grey {
  color: #808080;
}

.num-impact {
  font-weight: 200;
}

.importante {
  font-size: 30px;
}

#header {
  background: #fff;
}

#head {
   background: url("img/bg.jpg") no-repeat center;
   background-size: cover;
   padding-top: 110px;
}

h1 {
font-size: 60px;
color: #fff;
}

h2 {
font-size: 18px;
color: #2292d0;
}

h3 {
font-size: 22px;
color: #2292d0;
}

h4 {
  color: #fff;
  font-size: 20px;
}

.banner-text {
  color: #2292d0;
  font-size: 16px;
}

.fecha-jalisco {
font-size: 22px;
color: #2292d0;
}

.fw-light {
  font-weight: 300;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.banners {
  margin-top: 60px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slider-banners a{display:block;background-color:#fff;padding:30px 5px;margin:0 15px}

.slider-banners a.activo,.slider-banners a:hover{background-color:#000}

.slider-banners a.activo p,.slider-banners a:hover p{color:#2292d0} 

.slider-banners .slick-dots{bottom:-30px}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

#puerto {
  background: url("img/bg_02.jpg") no-repeat center;
  background-size: cover;
  padding: 100px 50px;
}

.cuadro-blanco {
  background: #fff;
  padding: 75px;
}

.h3-puerto {
  font-size: 30px;
  color: #2292d0;
}

.p-puerto {
  font-size: 16px;
  color: #323232;
}

#tematicas {
  background: #02050a;
}

.h3-tematicas {
  font-size: 24px;
  color: #2292d0;
}

.h4-tematicas {
  font-size: 22px;
}

.p-tematicas {
  font-size: 18px;
  color: #f4ffff;
}

.bloque-gris {
  background: #0e1116;
  padding: 75px 0px;
}

.bloque-negro {
  background: #02050a;
  padding: 75px 0px;
}

.p-x-100 {
  padding: 0px 100px;
}

.texto-naranja {
  color: #2292d0;
}

.fs-16 {
  font-size: 16px;
}

ul {
  list-style-type: disc
}

.vertodo-btn {
font-size: 22px;
color: #fff;
padding: 10px 20px;
background: #2292d0;
border: solid 2px #2292d0;
}

.vertodo-btn:hover {
  font-size: 22px;
  color: #2292d0;
  padding: 10px 20px;
  background: #fff;
  border: solid 2px #2292d0;
  }

  
.texto-negro {
  color: #000;
}

.newsletter-btn {
  background-color: #2292d0;
  color: #fff;
  border: 1px solid #2292d0;
  margin: 0;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 5px;
}

.newsletter-btn:hover {
  background-color: #fff;
  color: #2292d0;
  border: 1px solid #2292d0;
  margin: 0;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 5px;
}

.nav-menu a {
  color: #000 !important;
  font-size: 16px;
}

html {
  scroll-behavior: smooth; 
}

.scroll-animation {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (min-width:  992px) {
  #menu {
    display: block !important;
  } 
}
@media (max-width:  991px) {
  #menu {
    display: none;
    position: absolute;
    top: 65px;
    right: 0;
    width: 300px;
    background-color: #fff;
    z-index: 99;
  }
  #menu .nav-menu a {
    display: block;
    text-align: right;
    padding: 5px 20px !important;
  }
  #puerto {
    padding: 50px 15px;
  }
  .cuadro-blanco {
    padding: 25px;
  }
  .bloque-gris,
  .bloque-negro {
    padding: 25px 0;
  }
  .p-x-100 {
    padding: 0 30px;
  }
  #head {
    padding-top: 70px;
  }
  h1 {
    font-size: 42px; 
  }
}
@media (max-width:  540px) {
  #menu {
    top: 55px;
  }
}
@media (max-width:  380px) {
  #menu {
    top: 45px;
  }
}

.img-banner {
position: relative;
top: -3px;
right: 5px;
}

.faq ul {
  padding-right: 20px;
}
ul.faq li li strong {
  color: #2292d0;
}

#head {
  font-family: 'Raleway', sans-serif;
}
#head h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
  max-width: 700px;
}
#head h1 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 120%;
  max-width: 700px;
}