@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat");
/*------------------------------------*\
    @RESET
\*------------------------------------*/
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,  article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%; 
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/*include de wakkos comentado REVISAR LUEGO*/
/*
    *{
        &,
        &::before,
        &::after {
            @include vendor(box-sizing, border-box);
        }
    }
    */
ul li {
  list-style-type: none; }
  ul li a {
    text-decoration: none; }

/* HTML5 display-role reset for older browsers */
/*------------------------------------*\
    $TIPOGRAFÍA
\*------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: bold;
  padding: 20px 0;
  display: block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased; }

p, span {
  font-family: "Montserrat", sans-serif;
  color: #0C2446;
  font-size: 1.2em;
  line-height: 1.5; }

p {
  padding: 6px 0; 
}

h1 {
  font-size: 2.2em !important;
  color: #86909E;
  font-weight: bold;
  font-weight: 700; }
  @media only screen and (min-width: 1024px) {
    h1 {
      font-size: 2.3em !important; } }

h2 {
  font-size: 1.4em;
  color: whitesmoke;
  font-weight: 700; }

h3 {
  font-size: 1.2em;
  color: whitesmoke;
  font-weight: 700; }

h4 {
  font-size: 5em;
  color: whitesmoke;
  font-weight: 900; }



.block-heading {
  display: inline-block;
  padding: 30px 0 10px;
  width: 100%; }
  .block-heading h4 {
    margin: 0;
    padding: 0 0 7px;
    color: #4b4b4b;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    display: inline-block;
    width: 94%; }
  .block-heading a {
    float: right !important;
    font-size: 1.2em; }

.pull-right {
  float: right; }

.modal-dialog {
  z-index: 1050 !important; }

.modal-content {
  z-index: 1060 !important; }

body {
  margin: 0;
  padding: 0;
  background: rgb(7,24,49);
    background: linear-gradient(105deg, rgba(7,24,49,1) 33%, rgba(11,36,63,1) 59%, rgba(13,40,73,1) 76%);

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; 
}

.wrapper {
  width: 100%;
  max-width: 100%; }

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap; }

.maincontent {
  
  clear: both;
  width: 100%;
  font-size: 0.8125em;
  margin: 0 auto;
  line-height: 1.5em;
  position: relative;
  margin-bottom: 100px; }
  @media only screen and (min-width: 1024px) {
    .maincontent {
      margin-bottom: 0; } }


/* CONTAINER HOME */
.container-personalizado{
   width: 100%; 
    max-width: 1550px; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: auto; 
    padding-right: auto;

}


/*  CARD  */
#card-principal {
    width: 100%;
    height: 700px;
    color: whitesmoke;
    border-radius: 6%;
    box-shadow: 3px 3px 6px black;
    background: rgb(7,24,49);
    background: linear-gradient(105deg, rgba(7,24,49,1) 33%, rgba(11,36,63,1) 59%, rgba(13,40,73,1) 76%);
}

.tituloCard {
    font-size: 53px;
    color: whitesmoke;
    font-weight: bold;
}

.subTituloUsuario {
    font-size: 30px;
    color: #1DB6B7;
    font-weight: 100;
}

.subTitulos {
    font-size: 18px;
    color: #1DB6B7;
    font-weight: 100;
}

.numeros {
    font-size: 30px;
    color: whitesmoke;
    font-weight: bold;
}

.underLine {
            border: none;
            border-top: 2px dotted #1DB6B7;
            width: 80%;
        }
        .dottedLine {
            border: none;
            border-top: 2px dotted #1DB6B7;
            width: 80%;
        }

  .letrasForm {

    font-size: 27px;
    color: whitesmoke;
  }

  .derecha{
    margin-right: -460px;
  }

  .izquierda{
    margin-left: -400px;
  }

/* Responsive adjustments */
@media (max-width: 1200px) {

    .container-personalizado{
   width: 93%;  

}

    #card-principal {
        height: 800px;
        padding: 5px;
    }
    
    .tituloCard {
        font-size: 40px;
    }
    
    .subTituloUsuario, .numeros {
        font-size: 25px;
    }
    
    .subTitulos {
        font-size: 18px;
    }
    
    .underLine {
        width: 75%;
    }


      .letrasForm {

      font-size: 27px;
    }

  .derecha{
    margin-right: 20px !important;
  }

  .izquierda{
    margin-left: -10px;
  }
}

@media (max-width: 992px) {
    #card-principal {
        height: auto;
        padding: 15px;
    }
    
    .tituloCard {
        font-size: 40px;
    }
    
    .subTituloUsuario, .numeros {
        font-size: 22px;
    }
    
    .subTitulos {
        font-size: 16px;
    }
    
    .underLine {
        width: 70%;
    }




}

@media (max-width: 768px) {
    #card-principal {
        height: auto;
        padding: 10px;
    }
    
 .tituloCard {
        font-size: 35px;
    }
    
    .subTituloUsuario, .numeros {
        font-size: 25px;
    }
    
    .subTitulos {
      font-size: 20px;
    }
    
    .underLine {
        width: 65%;
    }

   .letrasForm {

      font-size: 17px;
    }

  .derecha{
    margin-right: 0px;
  }

  .izquierda{
    margin-left: 0px;
  }

}

@media (max-width: 576px) {
    #card-principal {
        height: auto;
        padding: 5px;
    }
    
    .tituloCard {
        font-size: 30px;
    }
    
    .subTituloUsuario, .numeros {
        font-size: 20px;
    }
    
    .subTitulos {
      font-size: 16px;
    }
    
    .underLine {
        width: 60%;
    }

    .letrasForm {

      font-size: 17px;
    }

  .derecha{
    margin-right: 0px;
  }

  .izquierda{
    margin-left: 0px;
  }

}

/*  SECCIÓN TARIFARIO  */


 .iframe-container {
      display: flex;
            justify-content: center;
            align-items: center;
            background: linear-gradient(90deg, rgba(23,97,145,1) 0%, rgba(22,81,131,1) 7%, rgba(14,45,80,1) 41%, rgba(8,32,57,1) 73%);
           position: relative;
            width: 80%;
            padding-top: 45%; /* Aspect ratio 16:9 */
            box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16);
            margin-top: 8.8em;
            margin-bottom: 0.9em;
            margin-left: auto;
            margin-right: auto;
            overflow: hidden;
            border-radius: 8px;
        }
        .iframe-container iframe {
            position: absolute; 
            width: 100%; 
            height: 100%; 
            top: 0; 
            left: 0; 
            border: none; 
            padding: 0;
            margin: 0;
        }



/*  SECCIÓN "SOBRE NOSOTROS"  */

#nosotros{
  background-color: black;
  


}

#cuadroPresentaciones{

  position: relative; 
  width: 100%; 
  height: 100%; 
  padding-top: 56.2500%;
  padding-bottom: 0; 
  box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); 
  margin-top: 1.6em; 
  margin-bottom: 0.9em; 
  overflow: hidden;
  border-radius: 8px; 
  will-change: transform;
  
}

.Presentaciones{

  position: absolute; 
  width: 100%; 
  height: 100%; 
  top: 0; left: 0; 
  border: none; 
  padding: 0;
  margin: 0;
  
}

/* ELEMENTOS
    *******************************************************************************/
.elementoDecorativo img {
    position: absolute;
    width: 27%;
    height: 25%;
    margin-left: -1905px;
    margin-top: 109px;
}




/* LETRAS DEL HOME */
 .cd-main-content {
            background: rgb(23,97,145);
            background: linear-gradient(90deg, rgba(23,97,145,1) 0%, rgba(22,81,131,1) 7%, rgba(14,45,80,1) 41%, rgba(8,32,57,1) 73%);
        }
        .tituloBPrincipal p {
            font-size: 5rem;
            font-weight: bold;
             font-weight: 900;
            color: white;
        }
        .textoBPrincipal {
            font-size: 1.2rem;
            font-weight: ;
            color: white;
        }
        .tRedesSocialesTitulo {
            font-size: 5rem;
             font-weight: 900;
            color: #fff;
            text-align: center !important;
        }
        .tRedesSociales {
          font-size: 1.9rem;
          font-weight: 100;
          color: white;
              margin-top: 20px;
          margin-bottom: 50px;
        }


    .underLineTitulo {
      border: none;
      border-bottom: 5px solid #1DB6B7;
      width: 40%;
      margin: 0 auto;
      margin-bottom: 50px;
    }

    .imgNoticias{

      width: 30%
    }




/* TABLA REDES */
.table {
    border: none !important;
    height: auto;
    margin: 0 auto;
}

.table-responsive {
  overflow-x: auto;
}

.custom-table {
  border-radius: 50px;
  background: rgb(7, 24, 49);
  background: linear-gradient(105deg, rgba(7, 24, 49, 1) 33%, rgba(11, 36, 63, 1) 59%, rgba(13, 40, 73, 1) 76%);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  color: whitesmoke;
  border: none;
}

.custom-table th,
.custom-table td {
  padding: 10px 10px;
  color: whitesmoke;
  text-align: center !important; 
  border: none !important;
  vertical-align: middle !important;
}

.custom-table th img,
.custom-table td img {
  display: block; 
  margin: 0 auto; 
}

.program-logo,
.logo-img {
  display: block;
  margin: 0 auto; 
}

.custom-table tbody tr:nth-child(even) td {
  background-color: #;
  border: none !important;
  align-content: center !important;
}

.custom-table tbody tr:nth-child(odd) td {
  background-color: #04101E;
  border: none !important;
  align-content: center !important;
}

/* SECCIÓN DE GRÁFICOS */
.graficoCircular{
  position: relative;
  z-index: 1 !important;
  color: whitesmoke;
}



/* SECCION DE FORMATOS */

   .carousel {
            height: 100%;
        }
        .carousel-inner {
            height: 100%;
        }

 .carousel-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-align: left;
        }
        .carousel-item img {
            max-width: 100%;
            height: auto;
        }
        .format-title {
            color: #1DB6B7;
            font-size: 4rem;
            font-weight: bold;
        }
        .format-item {
            color: #1DB6B7;
            font-size: 2.9rem;
            border-bottom: 2px solid #1DB6B7;
            margin-bottom: 10px;
        }
        .format-item span {
            color: #fff;
        }

/* SECCION DE NOTICIAS */

    .textNoticias{
      color: #FFF;
      font-size: 4rem;
      text-align: left;
    }

/*GRÁFICO*/
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 350px;
  perspective: 2000px;
  margin: 10%;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 400px;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 400px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
}

.flip-card-back {
  background: rgb(197,255,118);
background: radial-gradient(circle, rgba(197,255,118,1) 0%, rgba(141,197,62,1) 69%);
  color: white;
  transform: rotateY(180deg);
}



#caja{

  width: 70%;
  margin: 0%;

}

#sumaTotal{
  color: whitesmoke;
}

.totalUsuarios{

  font-size: 520%;
  color: #082039;

}

@media only screen and (max-width: 1300px) {
  .totalUsuarios {
            font-size: 320%; } }



  .tituloBPrincipal p {
        font-size: 35px !important;
    }


  .textoBPrincipal{
    font-size: 190%;
    color: whitesmoke;
    align-content: left;
  }

  .tRedesSocialesTitulo {
            font-size: 4rem;
        }
        .tRedesSociales {
          font-size: 1.7rem;
        }

}

@media (max-width: 1200px) {
    
    .tituloBPrincipal p {
        font-size: 40px !important;
    }


  .textoBPrincipal{
    font-size: 210%;
  }


        


}

@media (max-width: 992px) {

  .tituloBPrincipal p {
        font-size: 4px !important;
    }


  .textoBPrincipal{
    font-size: 210%;
  }

   .elementoDecorativo img {
    width: 22%;
    height: 5%;
    margin-left: -422px;
    margin-top: -180px;
  }

}

@media (max-width: 768px) {

  .tituloBPrincipal p {
      font-size: 24px !important;
    }


  .textoBPrincipal{
    font-size: 180%;
  }

  .underLineTitulo {        
    width: 80%;
      margin-bottom: 10px;
    }

  .format-title {
    font-size: 3rem;
  }
  .format-item {
    font-size: 2.1rem;
  }

  .imgNoticias {
    width: 90%;
  }
  
  .textNoticias {
    font-size: 2.3rem;
    text-align: left;
  }

   .elementoDecorativo img {
    width: 22%;
    height: 5%;
    margin-left: -422px;
    margin-top: -180px;
  }

  .tRedesSocialesTitulo {
    font-size: 4rem;
  }

}

@media (max-width: 576px) {

  .tituloBPrincipal p {
      font-size: 24px !important;
    }


  .textoBPrincipal{
    font-size: 180%;
  }

   .underLineTitulo {
      width: 80%;
      margin-bottom: 10px;
    }

  .format-title {
    font-size: 3rem;
  }
  .format-item {
    font-size: 2.1rem;
  }

  .imgNoticias {
    width: 90%;
  }

  .textNoticias {
    font-size: 2.3rem;
    text-align: left;
  }

  .elementoDecorativo img {
    width: 22%;
        height: 5%;
        margin-left: -422px;
        margin-top: -180px;
  }

  .tRedesSocialesTitulo {
    font-size: 3.6rem;
  }
}


.logoAnalytics{

  width: 200px;
  height: 200px;
  color: whitesmoke;
  display: block;
  margin: auto;

}

hr {
  height: 20%;
  width: 30%;
}@media only screen and (max-width: 1300px) {
          hr {
            width: 90%; } }

/*  SECTIONS  */
.section {
  clear: both;
  padding: 50%;
  margin: 50%; }

.center {
  text-align: center;
  margin: auto; }

/*  COLUMN SETUP  */
.col {
  display: block;
  float: left; }

/*  GROUPING  */
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
  width: 98%; }

.span_11_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_11_of_12 {
      width: 91.58%; } }

.span_10_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_10_of_12 {
      width: 83.16%; } }

.span_9_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_9_of_12 {
      width: 74.75%; } }

.span_8_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_8_of_12 {
      width: 64.3%; } }

.span_7_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_7_of_12 {
      width: 57.91%; } }

.span_6_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_6_of_12 {
      width: 48%; } }

.span_5_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_5_of_12 {
      width: 41.08%; } }

.span_4_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_4_of_12 {
      width: 31.66%; } }

.span_3_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_3_of_12 {
      width: 23%; } }

.span_2_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_2_of_12 {
      width: 15.83%; } }

.span_1_of_12 {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .span_1_of_12 {
      width: 7.416%; } }

/* HEADER DESKTOP */
#header-menu {
  height: 43px; }

#header-menu ul:after {
  content: "";
  display: table;
  clear: both; }

#header-menu nav > ul > li {
  float: left;
  color: #dbdbdb;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  padding: 0;
  position: relative; }
  #header-menu nav > ul > li a {
    line-height: 20px;
    padding: 18px 20px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased; }

#header-menu li a {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 16px;
  padding: 18px 20px;
  display: none; }
  @media only screen and (min-width: 1024px) {
    #header-menu li a {
      padding: 0 10px;
      display: block; } }

#header-menu .home-sticky:nth-child(1) a {
  line-height: 18px;
  padding: 10px 24px 7px 14px;
  display: block; }

#header-menu nav > ul > li:hover,
#header-menu nav > ul > li.active {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

#header-menu li.noticias:hover {
  background-color: #22bab8; }

#header-menu li.noticias > ul {
  background-color: #22bab8; }

#header-menu li.noticias > ul > li > ul {
  background-color: #17a6a3; }

#header-menu li.deportes:hover {
  background-color: #8ac349; }

#header-menu li.deportes > ul {
  background-color: #8ac349; }

#header-menu li.deportes > ul > li > ul {
  background-color: #82b141; }

#header-menu li.estilo-vida:hover {
  background-color: #f8a824; }

#header-menu li.estilo-vida > ul {
  background-color: #f8a824; }

#header-menu li.estilo-vida > ul > li > ul {
  background-color: #e39e39; }

#header-menu li.entretenimiento:hover {
  background-color: #f05d21; }

#header-menu li.entretenimiento > ul {
  background-color: #f05d21; }

#header-menu li.entretenimiento > ul > li > ul {
  background-color: #d95327; }

#header-menu .row {
  position: relative;
  width: 100%;
  margin: auto; }

/* SUB MENUS */
#header-menu li > ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease 0.3s, opacity 0.3s ease;
  -webkit-transition: visibility 0s ease 0.3s, opacity 0.3s ease;
  position: absolute; }

#header-menu li:hover > ul {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  -webkit-transition-delay: 0s; }

#header-menu .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: red;
  z-index: 150;
  border-top: 1px solid #000;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.25); }
  @media only screen and (min-width: 1024px) {
    #header-menu .submenu {
      width: 170px; } }

#header-menu .submenu li {
  display: block;
  display: none;
  width: 100%;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  line-height: 34px;
  height: 34px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-transform: none;
  position: relative; }

#header-menu .submenu li.has-sub-menu {
  background-image: url(../images/arrow-right.png);
  background-repeat: no-repeat;
  background-position: 155px 50%; }

#header-menu .submenu li a {
  line-height: 34px; }

#header-menu .submenu ul {
  background-color: #353637;
  display: none; }

#header-menu .submenu > li > ul {
  position: absolute;
  left: 100%;
  top: -1px;
  width: 170px;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.25); }

#header-menu .submenu > li > ul:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 11px;
  background: transparent url(../images/gradient.png) repeat-y top left; }


/* --------------------------------
Imágenes Tarifario
-------------------------------- */
.tamaño_com{
  max-width: 100%;
  max-height: 100%;
  padding-top: 100px;
  padding-bottom: 20px;
}

.tamaño_r{
  max-width: 100%;
  max-height: 100%;
  padding-bottom: 20px;
}

.tamaño_tv{
  max-width: 100%;
  max-height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.tamaño{
  max-width: 100%;
  max-height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* --------------------------------
Graficos
-------------------------------- */


/* --------------------------------
Primary style
-------------------------------- */
*, *::after, *::before {
  -webkit-filter: border-box;
  -moz-filter: border-box;
  -ms-filter: border-box;
  -o-filter: border-box;
  filter: border-box; }



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

Main components

-------------------------------- */
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform; }

.cd-main-content, .cd-main-header {
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s; }
  @media only screen and (max-width: 1023px) {
    .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
      -webkit-transform: translateX(260px);
      -moz-transform: translateX(260px);
      -o-transform: translateX(260px);
      -ms-transform: translateX(260px);
      transform: translateX(260px); }
    .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
      -webkit-transform: translateX(260px);
      -moz-transform: translateX(260px);
      -o-transform: translateX(260px);
      -ms-transform: translateX(260px);
      transform: translateX(260px); } }

.cd-main-content {
  min-height: 100vh;
  z-index: 2; }

.cd-main-header {
  height: 95px;
  z-index: 3;

  background-color: transparent;
  color: #dddddd; }
  .nav-is-fixed .cd-main-header {
    /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  @media only screen and (min-width: 1024px) {
    .cd-main-header {
      height: 95px; }
      .cd-main-header::after {
        clear: both;
        content: "";
        display: block; } }

.cd-logo {
  position: absolute;
  top: 12px;
  left: 5%; }
  .cd-logo img {
    display: block; }
  @media only screen and (max-width: 1023px) {
    .nav-on-left .cd-logo {
      left: auto;
      right: 5%; } }
  @media only screen and (min-width: 1024px) {
    .cd-logo {
      top: 26px;
      left: 4em; } }

.cd-header-buttons {
  position: absolute;
  top: 0;
  left: 0; }
  .cd-header-buttons li {
    display: inline-block;
    padding: 0 5px; }
  @media only screen and (max-width: 1023px) {
    .nav-on-left .cd-header-buttons {
      right: auto;
      left: 0; }
      .nav-on-left .cd-header-buttons li {
        float: right; } }

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3; }

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #dddddd; }

.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #dddddd;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #dddddd;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s; }

.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0; }

.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1; }

.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.cd-nav-trigger i {
  opacity: 0; }

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #ffffff; }

.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.2s 0.2s;
  -moz-transition: background 0.2s 0.2s;
  -ms-transition: background 0.2s 0.2s;
  -o-transition: background 0.2s 0.2s;
  transition: background 0.2s 0.2s; }

.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: transform 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  -webkit-transition: background 0.2s 0.2s;
  -moz-transition: background 0.2s 0.2s;
  -ms-transition: background 0.2s 0.2s;
  -o-transition: background 0.2s 0.2s;
  transition: background 0.2s 0.2s; }

.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px; }

.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px; }

.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(221, 221, 221, 0); }

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #dddddd; }

.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg); }

.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg); }

@media only screen and (min-width: 1024px) {
  .cd-nav-trigger {
    display: none; } }

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 260px;
  background: #333333;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  display: block;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s; }
  @media only screen and (min-width: 1024px) {
    .cd-primary-nav, .cd-primary-nav ul {
      display: none; } }
  .cd-primary-nav a, .cd-primary-nav ul a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #7f8999;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s; }
    .cd-primary-nav a:hover, .cd-primary-nav ul a:hover {
      text-decoration: none;
      color: #ffffff; }
    .cd-primary-nav a i, .cd-primary-nav ul a i {
      position: relative;
      top: 17px;
      float: right; }
  .cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
    /* secondary navigations hidden by default */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }

@media only screen and (max-width: 1023px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0; } }

.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #999999; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px; }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    overflow: hidden;
    text-overflow: ellipsis; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px; }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    color: #717c8e;
    font-size: 1.3rem;
    /* hide description on small devices */
    display: none; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    /* item icon */
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
    background-image: url("../images/line-icon-1.svg"); }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
    background-image: url("../images/line-icon-2.svg"); }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
    background-image: url("../images/line-icon-3.svg"); }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
    background-image: url("../images/line-icon-4.svg"); }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
    background-image: url("../images/line-icon-5.svg"); }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
    background-image: url("../images/line-icon-6.svg"); }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
    background-image: url("../images/line-icon-7.svg"); }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
    background-image: url("../images/line-icon-8.svg"); }

@media only screen and (max-width: 1023px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    -ms-transition: visibility 0s 0.3s;
    -o-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s; }
    .cd-primary-nav.nav-is-visible {
      visibility: visible;
      -webkit-transition: visibility 0s 0s;
      -moz-transition: visibility 0s 0s;
      -ms-transition: visibility 0s 0s;
      -o-transition: visibility 0s 0s;
      transition: visibility 0s 0s; } }

@media only screen and (min-width: 1024px) {
  .cd-primary-nav {
    position: static;
    padding: 0 150px 0 0;
    height: auto;
    width: auto;
    float: right;
    overflow: visible;
    background: transparent; }
    .cd-primary-nav::after {
      clear: both;
      content: "";
      display: block; }
    .cd-primary-nav.moves-out > li > a {
      /* reset mobile style */
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1; }
    .cd-primary-nav ul {
      position: static;
      height: auto;
      width: auto;
      background: transparent;
      overflow: visible;
      z-index: 3; }
      .cd-primary-nav ul.is-hidden {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
      .cd-primary-nav ul.moves-out > li > a {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1; }
    .cd-primary-nav > li {
      float: left;
      margin-left: 3em; }
    .cd-primary-nav > li > a {
      /* main navigation buttons style */
      position: relative;
      display: inline-block;
      height: 95px;
      line-height: 95px;
      padding: 0 10px;
      color: #717c8e;
      overflow: visible;
      border-bottom: none;
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      -ms-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s;
      -webkit-transition: box-shadow 0.3s;
      -moz-transition: box-shadow 0.3s;
      -ms-transition: box-shadow 0.3s;
      -o-transition: box-shadow 0.3s;
      transition: box-shadow 0.3s; }
      .cd-primary-nav > li > a:hover {
        color: #69aa6f; }
      .cd-primary-nav > li > a.selected {
        color: #69aa6f;
        box-shadow: inset 0 -2px 0 #69aa6f; }
    .cd-primary-nav .go-back, .cd-primary-nav .see-all {
      display: none; }
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
      /* dropdown menu style */
      position: absolute;
      top: 95px;
      width: 100vw;
      background: #ffffff;
      padding: 48px 64px 130px;
      box-shadow: inset 0 1px 0 #dddddd, 0 3px 6px rgba(0, 0, 0, 0.05);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: opacity .3s 0s, visibility 0s 0s;
      -moz-transition: opacity .3s 0s, visibility 0s 0s;
      transition: opacity .3s 0s, visibility 0s 0s; }
      .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
        clear: both;
        content: "";
        display: block; }
      .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        -moz-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s; }
      .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
        /* this is the BIG See all button at the bottom of the dropdown menu */
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 80px;
        width: 100%;
        overflow: hidden;
        /* reset some inherited style */
        margin: 0;
        padding: 0; }
        .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          font-size: 2.2rem;
          font-weight: bold;
          text-align: center;
          line-height: 80px;
          border-top: 1px solid #dddddd;
          /* reset some inherited style */
          border-bottom: none;
          margin: 0;
          padding: 0;
          -webkit-transition: color 0.2s;
          -moz-transition: color 0.2s;
          -ms-transition: color 0.2s;
          -o-transition: color 0.2s;
          transition: color 0.2s;
          -webkit-transition: background 0.2s;
          -moz-transition: background 0.2s;
          -ms-transition: background 0.2s;
          -o-transition: background 0.2s;
          transition: background 0.2s;
          -webkit-transition: border 0.2s;
          -moz-transition: border 0.2s;
          -ms-transition: border 0.2s;
          -o-transition: border 0.2s;
          transition: border 0.2s; }
          .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
            background: #717c8e;
            border-color: #717c8e;
            color: #ffffff; }
    .cd-primary-nav .cd-secondary-nav > li {
      /* change the height according to your needs - you can even set height: auto */
      height: 340px;
      /* here you set the number of columns - use width percentage */
      width: 23%;
      float: left;
      margin-right: 2.66%;
      border-right: 1px solid #dddddd;
      overflow: hidden;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
        /* +2 because we have 2 list items with display:none */
        margin-right: 0;
        border-right: none; }
      .cd-primary-nav .cd-secondary-nav > li > a {
        /* secondary nav title */
        color: #69aa6f;
        font-weight: bold;
        font-size: 1.6rem;
        margin-bottom: .6em; }
    .cd-primary-nav .cd-secondary-nav a {
      height: 30px;
      line-height: 30px;
      padding: 0 18% 0 0;
      color: #717c8e;
      border-bottom: none;
      font-size: 1.4rem; }
      .cd-primary-nav .cd-secondary-nav a:hover {
        color: #69aa6f; }
    .cd-primary-nav .cd-secondary-nav ul {
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -o-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0); }
    .cd-primary-nav .cd-secondary-nav ul ul {
      /* tertiary navigation */
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
      .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%); }
      .cd-primary-nav .cd-secondary-nav ul ul .go-back {
        display: block; }
        .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
          color: transparent; }
      .cd-primary-nav .cd-secondary-nav ul ul .see-all {
        display: block; }
    .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
      /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); }
    .cd-primary-nav .cd-nav-gallery li {
      /* set here number of columns - use width percentage */
      width: 22%;
      float: left;
      margin: 0 4% 40px 0; }
      .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
        /* +2 because we have two additional list items with display:none */
        margin-right: 0; }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item {
      border-bottom: none;
      padding: 0;
      height: auto;
      line-height: 1.2; }
      .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
        position: static;
        margin-top: 0;
        height: auto;
        width: 100%;
        margin-bottom: .6em; }
      .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
        color: #69aa6f;
        font-weight: bold;
        padding: 0 .4em; }
    .cd-primary-nav .cd-nav-icons li {
      /* set here number of columns - use width percentage */
      width: 32%;
      float: left;
      margin: 0 2% 20px 0; }
      .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
        /* +2 because we have two additional list items with display:none */
        margin-right: 0; }
    .cd-primary-nav .cd-nav-icons .cd-nav-item {
      border-bottom: none;
      height: 80px;
      line-height: 1.2;
      padding: 24px 0 0 85px; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
        background: #f1f1f1; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        color: #69aa6f;
        font-weight: bold; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item p {
        display: block; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
        left: 25px; } }

.has-children > a, .go-back a {
  position: relative; }
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    /* arrow icon in CSS - for element with nested unordered lists */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #f7f6f6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .has-children > a::before, .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .has-children > a::after, .go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  @media only screen and (min-width: 1024px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
      background: #c4c3c3; }
    .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
      background: #69aa6f; } }

.has-children > a {
  padding-right: 40px; }
  .has-children > a::before, .has-children > a::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    transform-origin: 9px 50%; }

.cd-primary-nav .go-back a {
  padding-left: 40px;
  cursor: pointer; }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    transform-origin: 1px 50%; }

@media only screen and (min-width: 1024px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%; }
  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important; }
    .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
      width: 9px;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      background: #c4c3c3;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: width 0.3s;
      -moz-transition: width 0.3s;
      -ms-transition: width 0.3s;
      -o-transition: width 0.3s;
      transition: width 0.3s;
      -webkit-transition: transform 0.3s;
      -moz-transition: transform 0.3s;
      -ms-transition: transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s; }
    .cd-primary-nav > .has-children > a::before {
      right: 12px; }
    .cd-primary-nav > .has-children > a::after {
      right: 7px; }
    .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
      width: 14px; }
    .cd-primary-nav > .has-children > a.selected::before {
      -webkit-transform: translateX(5px) rotate(-45deg);
      -moz-transform: translateX(5px) rotate(-45deg);
      -o-transform: translateX(5px) rotate(-45deg);
      -ms-transform: translateX(5px) rotate(-45deg);
      transform: translateX(5px) rotate(-45deg); }
    .cd-primary-nav > .has-children > a.selected::after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none; }
  .cd-primary-nav .go-back a {
    padding-left: 20px; }
    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
      left: 1px; } }

.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 53px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }
  .cd-search form {
    height: 100%;
    width: 100%; }
  .cd-search input {
    border-radius: 0;
    border: none;
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #dddddd, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    .cd-search input:focus {
      outline: none; }
  .cd-search.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s; }
  .nav-is-fixed .cd-search {
    position: fixed; }
  @media only screen and (min-width: 1024px) {
    .cd-search {
      height: 120px;
      top: 95px; }
      .cd-search input {
        padding: 0 2em;
        font-size: 3.2rem;
        font-weight: 300; } }

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(105, 170, 111, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s;
  -moz-transition: opacity 0.3s 0s;
  -ms-transition: opacity 0.3s 0s;
  -o-transition: opacity 0.3s 0s;
  transition: opacity 0.3s 0s;
  -webkit-transition: visibility 0s 0.3s;
  -moz-transition: visibility 0s 0.3s;
  -ms-transition: visibility 0s 0.3s;
  -o-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
  -webkit-transition: transform 0.3s 0s;
  -moz-transition: transform 0.3s 0s;
  -ms-transition: transform 0.3s 0s;
  -o-transition: transform 0.3s 0s;
  transition: transform 0.3s 0s; }
  .cd-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s;
    -moz-transition: opacity 0.3s 0s;
    -ms-transition: opacity 0.3s 0s;
    -o-transition: opacity 0.3s 0s;
    transition: opacity 0.3s 0s;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    -ms-transition: visibility 0s 0.3s;
    -o-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
    -webkit-transition: transform 0.3s 0s;
    -moz-transition: transform 0.3s 0s;
    -ms-transition: transform 0.3s 0s;
    -o-transition: transform 0.3s 0s;
    transition: transform 0.3s 0s; }
  @media only screen and (max-width: 1023px) {
    .cd-overlay.is-visible {
      -webkit-transform: translateX(-260px);
      -moz-transform: translateX(-260px);
      -o-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      transform: translateX(-260px); }
    .nav-on-left .cd-overlay.is-visible {
      -webkit-transform: translateX(260px);
      -moz-transform: translateX(260px);
      -o-transform: translateX(260px);
      -ms-transform: translateX(260px);
      transform: translateX(260px); }
    .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }

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

support for no js

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2; }

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible; }

@media only screen and (min-width: 1024px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0; }
  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed; } }

/* Media Queries for navMovil */
/*
@media screen and (max-width: 900px) {
	.cd-main-content {
		-webkit-box-shadow: 0 0 20px 0 #181818;
		box-shadow: 0 0 20px 0 #181818;
	}
}
*/
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }
  header #logo {
    display: inline-block;
    height: 100px;
    line-height: 95px;
    float: left;
    margin-left: 30px;
    width: 230px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    header #logo img {
      width: 300px; }
  header #logoSmaller {
    height: 100px;
    line-height: 100px;
    float: left;
    margin-left: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none; }
  header .cd-header-buttons {
    display: inline-block;
    height: 100px;
    line-height: 100px;
    float: left;
    padding: 0 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  header .mobile #logo {
    margin-left: 21px; }
    header .mobile #logo img {
      width: 180px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  header .mobile #logoSmaller img {
    width: 180px;
    margin-left: -10px;
    margin-top: 3px;
    opacity: 0;
    filter: alpha(opacity=0);
    /* For IE8 and earlier */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  header nav {
    display: inline-block; }
    header nav .menu {
      margin: 0;
      -webkit-margin-before: 0;
      -webkit-margin-after: 0; }
      header nav .menu li {
        cursor: pointer; }
        header nav .menu li a {
          line-height: 100px;
          margin-left: 50px;
          color: #ffffff;
          font-weight: 700;
           font-size: 18px;
          font-family: "Montserrat", sans-serif;
          text-transform: uppercase;
          letter-spacing: .13em;
          border-bottom: 2px solid transparent;
          -webkit-font-smoothing: antialiased;
          -moz-font-smoothing: antialiased;
          -ms-font-smoothing: antialiased;
          -o-font-smoothing: antialiased;
          font-smoothing: antialiased;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
      header nav .menu li:hover a {
        color: #ffffff;
        cursor: pointer;
        border-bottom: 2px solid #ffffff;
        padding-bottom: 5px;
        text-decoration: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
  header .menu li:hover .submenu {
    display: block;
    z-index: 9999; }
  header .menu .submenu {
    display: none;
    position: absolute;
    top: 94px;
    z-index: 9999;
    width: 230px;
    padding: 0;
    background: white; }
    header .menu .submenu li {
      width: 230px; }
      header .menu .submenu li a {
        color: #8b8b8b !important;
        line-height: 40px;
        font-weight: 300; }
        header .menu .submenu li a:hover {
          color: #1a1a1a !important; }
      header .menu .submenu li:nth-child(1) .submenu2 {
        top: 0; }
      header .menu .submenu li:nth-child(2) .submenu2 {
        top: 41px; }
      header .menu .submenu li:nth-child(3) .submenu2 {
        top: 82px; }
  header .menu li .submenu li a {
    border: none !important; }
  header .menu li:hover .submenu li a {
    border: none !important; }
  header .submenu li:hover .submenu2 {
    display: block;
    z-index: 9999; }
  header .submenu .submenu2 {
    display: none;
    position: absolute;
    top: 0;
    left: 230px;
    z-index: 9999;
    width: 230px;
    background: #ffffff; }
    header .submenu .submenu2 li {
      width: 230px;
      line-height: 40px; }
      header .submenu .submenu2 li a {
        color: whitesmoke; !important;
        line-height: 40px;
        font-weight: 300; }
        header .submenu .submenu2 li a:hover {
          color: whitesmoke !important; }
  header .share {
    top: 32px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    header .share li a {
      border: 1px solid #ffffff; 
      margin-left: -50px}
      header .share li a i {
        color: #ffffff; }
  header.smaller {
    height: 75px;
    background-color: background: rgb(23,97,145);
    background: linear-gradient(90deg, rgba(23,97,145,1) 0%, rgba(22,81,131,1) 7%, rgba(14,45,80,1) 41%, rgba(8,32,57,1) 73%);;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s; }
    header.smaller #logo {
      display: none;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    header.smaller #logoSmaller {
      display: block;
      height: 75px;
      line-height: 70px;
      width: 230px; }
      header.smaller #logoSmaller img {
        width: 300px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    header.smaller .cd-header-buttons {
      height: 75px !important;
      line-height: 75px !important; }
    header.smaller .cd-nav-trigger span {
      background: #8b8b8b; }
    header.smaller .cd-nav-trigger span::before, header.smaller .cd-nav-trigger span::after {
      /* keep visible other 2 lines */
      background: #8b8b8b; }
    header.smaller .cd-nav-trigger.nav-is-visible span {
      /* hide line in the center */
      background: rgba(139, 139, 139, 0); }
    header.smaller .cd-nav-trigger.nav-is-visible span::before, header.smaller .cd-nav-trigger.nav-is-visible span::after {
      /* keep visible other 2 lines */
      background: whitesmoke; }
    header.smaller .mobile #logoSmaller img {
      width: 280px;
      opacity: 1;
      filter: alpha(opacity=100);
      /* For IE8 and earlier */
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    header.smaller nav .menu li a {
      line-height: 75px;
      color: whitesmoke;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased; }
      header.smaller nav .menu li a:hover {
        color: #1a1a1a;
        border-bottom: 2px solid #1a1a1a;
        padding-bottom: 5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    header.smaller nav .menu li .submenu {
      top: 74px; }
      header.smaller nav .menu li .submenu li a {
        border: none;
        line-height: 40px;
        font-weight: 300; }
        header.smaller nav .menu li .submenu li a:hover {
          border: none;
          color: #1a1a1a; }
    header.smaller nav .menu li:hover a {
      color: #1a1a1a;
      border-bottom: 2px solid #1a1a1a;
      padding-bottom: 5px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    header.smaller .share {
      top: 22px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      header.smaller .share li a {
        border: 1px solid #5c5c5c; }
        header.smaller .share li a i {
          color: #5c5c5c; }
        header.smaller .share li a:hover {
          border-color: #ffffff; }
          header.smaller .share li a:hover i {
            color: #ffffff; }

/*------------------------------------*\
    $EXTRAS
\*------------------------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
/* Footer
       *******************************************************************************/
#footerMobile {
  background-image: url("../images/footer-bar.png");
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #242426;
  width: 100%;
  padding: 50px 0 0;
  margin: 0px 0 0;
  display: inline-block;
  position: relative;
  background-image: none;
  display: none !important; }

#footerMobile:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: -webkit-linear-gradient(0deg, #f8a824 25%, #f05d21 25%, #f05d21 50%, #8ac349 50%, #8ac349 75%, #22bab8 75%, #22bab8 100%);
  background-image: -ms-linear-gradient(0deg, #f8a824 25%, #f05d21 25%, #f05d21 50%, #8ac349 50%, #8ac349 75%, #22bab8 75%, #22bab8 100%);
  background-size: 100%; }

#footerMobile .logo.teletica {
  background-image: url("../images/teletica.png");
  width: 114px;
  height: 79px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top; }

#footerMobile .logo.teletica7 {
  background-image: url("../images/teletica7.png");
  width: 117px;
  display: inline-block;
  margin: 0 0 30px;
  height: 79px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top; }

#footerMobile a {
  color: #afb0b4; }

#footerMobile a:hover {
  text-decoration: none;
  color: #22bab8;
  transition: all .15s ease; }

#footerMobile ul {
  list-style: none;
  padding: 0 0 15px;
  margin: 0; }

#footerMobile ul a {
  color: #afb0b4;
  font-size: 13px; }

#footerMobile ul a:hover {
  text-decoration: none; }

#footerMobile .equal-height {
  float: left;
  width: 50%;
  text-align: center;
  margin: 0; }

#footerMobile .equal-height .col-md-2 {
  display: none; }

#footerMobile .equal-height .col-xs-12 {
  display: block; }

#footerMobile .bottom {
  border-bottom: 1px solid #2d2d2f;
  padding: 30px 0 10px;
  display: inline-block;
  text-align: center; }

#footerMobile .bottom .comscore {
  color: #999;
  font-size: 9px;
  display: inline-block;
  margin: 0 0 20px; }

#footerMobile .bottom .comscore a {
  width: 160px;
  float: left;
  text-align: center; }

#footerMobile .bottom .comscore a span {
  color: #999;
  font-size: 9px;
  display: inline-block;
  margin: 0 0 5px; }

#footerMobile .bottom .comscore a em {
  background-image: url("../images/googleAnalytics_wh.svg");
  width: 133px;
  height: 20px;
  background-size: cover;
  display: inline-block; }

#footerMobile .bottom .anuncie {
  color: #999;
  font-size: 12px;
  display: inline-block;
  margin: 0 0 10px; }

#footerMobile .bottom .anuncie p {
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 7px; }

#footerMobile .bottom .anuncie ul {
  float: left;
  width: 100%;
  padding: 0; }

#footerMobile .bottom .anuncie ul li {
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #555;
  line-height: 12px; }

#footerMobile .bottom .anuncie ul li:last-child {
  margin: 0;
  padding: 0;
  border: none; }

#footerMobile .bottom .social {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center; }

#footerMobile .bottom .social ul {
  margin: 0; }

#footerMobile .bottom .social li {
  display: inline-block;
  margin: 0 10px;
  float: initial; }

#footerMobile .bottom .social li a {
  float: left;
  border: 1px solid #5c5c5c;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 100%;
  font-size: 16px;
  transition: all .15s ease; }

#footerMobile .bottom .social li a i {
  color: #5c5c5c;
  transition: all .15s ease; }

#footerMobile .bottom .social li a:hover i {
  color: #FFFFFF; }

#footerMobile .bottom .social li a.facebook:hover {
  background-color: #3b5998;
  border-color: #3b5998; }

#footerMobile .bottom .social li a.twitter:hover {
  background-color: #1da1f2;
  border-color: #1da1f2; }

#footerMobile .bottom .social li a.instagram:hover {
  background-color: #36598d;
  border-color: #36598d; }

#footerMobile .bottom .social li a.youtube:hover {
  background-color: #de2825;
  border-color: #de2825; }

#footerMobile .bottom .social li a.rss:hover {
  background-color: #fe9900;
  border-color: #fe9900; }

#footerMobile .last p {
  padding: 20px 0;
  line-height: 20px;
  color: #afb0b4;
  font-size: 12px;
  text-align: center; }

#footerMobile .last p a {
  clear: both;
  display: inline-block;
  width: 100%; }

#footerMobile .last {
  position: relative; }

#footerMobile .last .agency {
  width: 50px;
  position: relative;
  margin: 0 auto 30px; }

#footerMobile .last .agency a {
  opacity: .5;
  transition: all .15s ease; }

#footerMobile .last .agency a:hover {
  opacity: 1; }

#footerMobile .last .agency a * {
  fill: #ffffff; }

/* Footer
    *******************************************************************************/
#footerDesktop {
  background-image: url("../images/footer-bar.png");
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #242426;
  width: 100%;
  padding: 50px 0 0;
  margin: 0px 0 0;
  display: inline-block;
  position: relative;
  background-image: none; }

#footerDesktop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: -webkit-linear-gradient(0deg, #f8a824 25%, #f05d21 25%, #f05d21 50%, #8ac349 50%, #8ac349 75%, #22bab8 75%, #22bab8 100%);
  background-image: -ms-linear-gradient(0deg, #f8a824 25%, #f05d21 25%, #f05d21 50%, #8ac349 50%, #8ac349 75%, #22bab8 75%, #22bab8 100%);
  background-size: 100%; }

#footerDesktop .logo.teletica {
  background-image: url("../images/teletica.png");
  width: 114px;
  height: 101px;
  display: inline-block; }

#footerDesktop .logo.teletica7 {
  background-image: url("../images/teletica7.png");
  width: 117px;
  height: 108px;
  display: inline-block;
  margin: 0 0 30px; }

#footerDesktop h4 {
  position: relative;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  margin: 0;
  padding: 11px 0 4px; }

#footerDesktop h4::after {
  content: ' ';
  height: 2px;
  width: 32px;
  background: #797a7f;
  position: absolute;
  top: 0;
  left: 0; }

#footerDesktop .noticias h4::after {
  background-color: #22bab8; }

#footerDesktop .deportes h4::after {
  background-color: #8ac349; }

#footerDesktop .estilo h4::after {
  background-color: #f8a824; }

#footerDesktop .entretenimiento h4::after {
  background-color: #f05d21; }

#footerDesktop a {
  color: #afb0b4; }

#footerDesktop a:hover {
  text-decoration: none;
  color: #22bab8;
  transition: all .15s ease; }

#footerDesktop .noticias a:hover {
  color: #22bab8; }

#footerDesktop .deportes a:hover {
  color: #8ac349; }

#footerDesktop .estilo a:hover {
  color: #f8a824; }

#footerDesktop .entretenimiento a:hover {
  color: #f05d21; }

#footerDesktop ul {
  list-style: none;
  padding: 0 0 15px;
  margin: 0; }

#footerDesktop ul a {
  color: #afb0b4;
  font-size: 13px; }

#footerDesktop ul a:hover {
  text-decoration: none; }

#footerDesktop .equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#footerDesktop .equal-height .col-md-2 {
  border-right: 1px solid #2d2d2f; }

#footerDesktop .equal-height .col-md-2:last-child {
  border: none; }

#footerDesktop .bottom {
  border-bottom: 1px solid #2d2d2f;
  padding: 30px 0; }

#footerDesktop .bottom .comscore {
  color: #999;
  font-size: 9px;
  float: left;
  margin: 0 0 5px; }

#footerDesktop .bottom .comscore a {
  width: 160px;
  float: left; }

#footerDesktop .bottom .comscore a span {
  color: #999;
  font-size: 9px;
  float: left;
  margin: 0 0 5px; }

#footerDesktop .bottom .comscore a em {
  background-image: url("../images/googleAnalytics_wh.svg");
  width: 133px;
  height: 20px;
  background-size: cover;
  float: left; }

#footerDesktop .bottom .anuncie {
  color: #999;
  font-size: 12px;
  float: left;
  margin: 0 50px 0 0; }

#footerDesktop .bottom .anuncie p {
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 7px;
  padding: 0; }

#footerDesktop .bottom .anuncie ul {
  float: left;
  width: 100%;
  padding: 0; }

#footerDesktop .bottom .anuncie ul li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #555;
  line-height: 12px; }

#footerDesktop .bottom .anuncie ul li:last-child {
  margin: 0;
  padding: 0;
  border: none; }

#footerDesktop .bottom .social {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  position: relative;
  overflow: hidden; }

#footerDesktop .bottom .social li {
  float: left;
  margin: 0 10px 0 0; }

#footerDesktop .bottom .social li:last-child {
  margin: 0; }

#footerDesktop .bottom .social li a {
  float: left;
  border: 1px solid #5c5c5c;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 100%;
  font-size: 16px;
  transition: all .15s ease; }

#footerDesktop .bottom .social li a i {
  color: #5c5c5c;
  transition: all .15s ease; }

#footerDesktop .bottom .social li a:hover i {
  color: #FFFFFF; }

#footerDesktop .bottom .social li a.facebook:hover {
  background-color: #3b5998;
  border-color: #3b5998; }

#footerDesktop .bottom .social li a.twitter:hover {
  background-color: #1da1f2;
  border-color: #1da1f2; }

#footerDesktop .bottom .social li a.instagram:hover {
  background-color: #36598d;
  border-color: #36598d; }

#footerDesktop .bottom .social li a.youtube:hover {
  background-color: #de2825;
  border-color: #de2825; }

#footerDesktop .bottom .social li a.rss:hover {
  background-color: #fe9900;
  border-color: #fe9900; }

#footerDesktop .last p {
  padding: 30px 0;
  line-height: 14px;
  color: #afb0b4;
  font-size: 12px; }

#footerDesktop .last p a {
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 1px solid #555; }

#footerDesktop .last {
  position: relative; }

#footerDesktop .last .agency {
  width: 50px;
  position: absolute;
  right: 15px;
  top: 25px; }

#footerDesktop .last .agency a {
  opacity: .5;
  transition: all .15s ease; }

#footerDesktop .last .agency a:hover {
  opacity: 1; }

#footerDesktop .last .agency a * {
  fill: #ffffff; }

/*------------------------------------*\
    $SHARE TELETICA
\*------------------------------------*/
.share {
  width: 84px;
  position: absolute;
  right: -10px; }
  @media only screen and (min-width: 768px) {
    .share {
      top: 10px; } }
  .share li {
    margin: 0 19px; }
    .share li a {
      float: left;
      border: 1px solid #5c5c5c;
      width: 34px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      border-radius: 100%;
      font-size: 16px;
      cursor: pointer;
      -webkit-transition: all 0.15s ease;
      -moz-transition: all 0.15s ease;
      -ms-transition: all 0.15s ease;
      -o-transition: all 0.15s ease;
      transition: all 0.15s ease; }
      .share li a i {
        color: #5c5c5c;
        transition: all .15s ease; }
      .share li a:hover i {
        color: #FFFFFF; }
      .share li a.facebook:hover {
        background-color: #3b5998;
        border-color: #3b5998; }
      .share li a.twitter:hover {
        background-color: #1da1f2;
        border-color: #1da1f2; }
      .share li a.instagram:hover {
        background-color: #36598d;
        border-color: #36598d; }
      .share li a.youtube:hover {
        background-color: #de2825;
        border-color: #de2825; }
      .share li a.rss:hover {
        background-color: #fe9900;
        border-color: #fe9900; }

/*------------------------------------*\
    @LISTAS
\*------------------------------------*/
.lista {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  -webkit-padding-start: 0; }
  .lista a:hover {
    text-decoration: none; }

.addItems li {
  padding: 10px;
  font-size: 1.5em;
  line-height: 1.5;
  color: #717c8e;
  font-style: italic;
  width: 100%; }
  .addItems li:before {
    content: "• "; }

body.home .tabs li a.home,
body.jurado .tabs li a.jurado,
body.participantes .tabs li a.participantes,
body.jurado .tabs li a.jurado {
  color: #f05d21; }

/*------------------------------------*\
    @HEADBOX
\*------------------------------------*/
.headBox {
  text-align: center;
  height: 100vh; }
  .headBox h1 {
    font-size: 7em; }
  .headBox h3 {
    font-size: 2em; }

.videoContainer {
  margin: 2em 0; }
  @media only screen and (min-width: 768px) {
    .videoContainer {
      margin: 4em 0; } }
  .videoContainer iframe {
    width: 100%;
    display: block;
    margin: auto;
    height: 250px; }
    .videoContainer iframe#deportesCortina {
      height: 320px; }
      @media only screen and (min-width: 480px) {
        .videoContainer iframe#deportesCortina {
          height: 400px; } }
      @media only screen and (min-width: 1024px) {
        .videoContainer iframe#deportesCortina {
          height: 380px; } }
    .videoContainer iframe#noticiasCortina {
      height: 470px; }
      @media only screen and (min-width: 480px) {
        .videoContainer iframe#noticiasCortina {
          height: 590px; } }
      @media only screen and (min-width: 1024px) {
        .videoContainer iframe#noticiasCortina {
          height: 550px; } }
    @media only screen and (min-width: 1024px) {
      .videoContainer iframe {
        width: 80%;
        height: 500px; } }
  .videoContainer > div {
    width: 100%;
    height: 250px;
    margin: auto; }
    @media only screen and (min-width: 1024px) {
      .videoContainer > div {
        width: 80%;
        height: 455px; } }

.breadcrumb {
  list-style: none;
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
  margin: 1em 0 0; }

.breadcrumb li {
  float: left; }

.breadcrumb li a {
  color: #1a1a1a;
  text-decoration: none;
  padding: 7px 10px;
  background: #dddddd;
  /* fallback color */
  position: relative;
  display: block;
  float: left;
  margin-right: 5px; }

.breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2; }

.breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1; }

.breadcrumb li:first-child a {
  padding-left: 10px; }

.breadcrumb li:last-child a {
  border: none;
  background: rgba(226, 227, 223, 0.5); }

.breadcrumb li a:hover {
  background: rgba(226, 227, 223, 0.7); }

.breadcrumb li:last-child a:hover {
  background: rgba(226, 227, 223, 0.7); }

.breadcrumb li a:hover:after {
  border-left-color: #76470a !important; }

.mobile {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .mobile {
      display: none; } }

.desktop {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .desktop {
      display: block; } }

#footerMobile {
  display: block; }
  @media only screen and (min-width: 1024px) {
    #footerMobile {
      display: none; } }

#footerDesktop {
  display: none; }
  @media only screen and (min-width: 1024px) {
    #footerDesktop {
      display: block; } }

/*------------------------------------*\
    $BANNERS 960x70PX TELETICA
\*------------------------------------*/
.banner {
  margin: 20px auto 50px;
  display: block;
  background: pink; }

.logotype {
  margin: 0 auto;
  display: block; }
  @media only screen and (min-width: 1024px) {
    .logotype {
      margin: 20px auto; } }
  .logotype img {
    width: 50%;
    margin: auto;
    display: block; }
    @media only screen and (min-width: 1024px) {
      .logotype img {
        width: 100%; } }

.innerBanner {
  margin: 0 auto 20px; }

/*-- $BANNER 320x70PX TELETICA --*/
.banner320x70 {
  width: 320px;
  height: 70px;
  display: block; }
  @media only screen and (min-width: 768px) {
    .banner320x70 {
      display: none; } }

/*-- $BANNER 300x250PX TELETICA --*/
.banner300x250 {
  width: 300px;
  height: 250px;
  display: block; }
  @media only screen and (min-width: 1024px) {
    .banner300x250 {
      display: none; } }

/*-- $BANNER 620x70PX TELETICA --*/
.banner600x100 {
  width: 600px;
  height: 100px;
  display: none; }
  @media only screen and (min-width: 768px) {
    .banner600x100 {
      display: block; } }
  @media only screen and (min-width: 1024px) {
    .banner600x100 {
      display: none; } }

/*-- $BANNER 960x70PX TELETICA --*/
.banner960x70 {
  width: 960px;
  height: 70px;
  display: none; }
  @media only screen and (min-width: 1024px) {
    .banner960x70 {
      display: block; } }

/*-- $ZOCALO 320x70PX TELETICA --*/
/* Media Queries for banners */
/*------------------------------------*\
    @SECTION
\*------------------------------------*/
.container h1 {
  font-size: 1em; }

.container h2 {
  font-size: 4.7em; }

.container h3 {
  font-size: 2em; }

.featured {
  background: transparent;}
  .featured .nota {
    padding: 0;
    overflow: hidden;
    background: #000000; }
    .featured .nota a img {
      width: 100%;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      opacity: 0.9;
      filter: alpha(opacity=90);
      /* For IE8 and earlier */ }
    .featured .nota a:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      opacity: 0.5;
      filter: alpha(opacity=50);
      /* For IE8 and earlier */ }
    .featured .nota a .text {
      text-align: center;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%;
      padding: 0 15px;
      height: auto; }
      .featured .nota a .text h3 {
        width: 85%;
        display: inline-block;
        line-height: 1.2;
        font-size: 1.5em;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        padding: 0; }
         @media only screen and (max-width: 1300px) {
          .featured .nota a .text h3 {
            font-size: 0.9em; } }


      .featured .nota a .text p {
            font-size: 1em;
            color: #ffffff;} 
        @media only screen and (max-width: 1300px) {
          .featured .nota a .text p {
            font-size: 0.6em; } }

      .featured .nota a .text:hover h3 {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
      .featured .nota a .text:hover i {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
#wrapContent {
  margin: 2em auto 5em; }
  #wrapContent h2 {
    padding: 2em 0; }

#wrapServices {
  background: #0c2446;
  padding-bottom: 3em; }
  #wrapServices img {
    margin: 2em auto;
    display: block;
    width: 80px; }
  @media only screen and (min-width: 1024px) {
    #wrapServices .app > div[class^=col]:last-child {
      padding-top: 7%; } }
  #wrapServices .app img {
    width: 40%; }
    @media only screen and (min-width: 1024px) {
      #wrapServices .app img {
        width: 85%; } }

#wrapPositions {
  padding-bottom: 3em; }
  #wrapPositions h3 {
    font-size: 1.7em;
    display: inline-block; }
    @media only screen and (min-width: 1024px) {
      #wrapPositions h3 {
        margin: 20px auto 0;
        display: block;
        text-align: center; } }
  #wrapPositions .link {
    margin: 40px 0 0;
    float: right;
    text-align: center;
    background: #3A4559;
    padding: 5px 8px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 2px;
    -webkit-border-radius: 2px; }
    @media only screen and (min-width: 1024px) {
      #wrapPositions .link {
        margin: 0 auto 20px;
        display: block;
        float: none;
        width: 80px; } }
  #wrapPositions img {
    width: 80%;
    margin: auto;
    display: block; }

.Users h2 {
  margin: 12px auto !important; }

.Users h3 {
  margin: 12px auto 50px !important; }

.Users p {
  color: #ffffff; }
  .Users p img {
    margin-left: 5px;
    width: 150px; }

#totalContainer .numbers {
  margin: 0 auto 4em;
  text-align: center;
  opacity: 0; }
  #totalContainer .numbers img {
    width: 80px; }
  #totalContainer .numbers h1 {
    font-size: 4em !important;
    color: #86909E;
    margin: 0;
    padding-bottom: 0; }
    @media only screen and (min-width: 768px) {
      #totalContainer .numbers h1 {
        font-size: 3em !important; } }
    @media only screen and (min-width: 1024px) {
      #totalContainer .numbers h1 {
        font-size: 4.2em !important; } }
  #totalContainer .numbers p {
    margin: 0;
    color: #86909E; }



#breakdownContainer .numbers {
  margin: 0 auto 4em;
  text-align: center;
  opacity: 0; }
  #breakdownContainer .numbers img {
    width: 80px;
    display: block;
    margin: auto; }
  #breakdownContainer .numbers small {
    display: block;
    margin: 5px auto;
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    color: #86909E;
    font-weight: 800; }
  #breakdownContainer .numbers h1 {
    font-size: 4em !important;
    color: #86909E;
    margin: 0;
    padding-bottom: 0; }
    @media only screen and (min-width: 768px) {
      #breakdownContainer .numbers h1 {
        font-size: 2.5em !important; } }
    @media only screen and (min-width: 1024px) {
      #breakdownContainer .numbers h1 {
        font-size: 3.5em !important; } }
  #breakdownContainer .numbers p {
    margin: 0;
    color: #86909E; }
  #breakdownContainer .numbers .percent h1 {
    font-size: 2em !important; }
  #breakdownContainer .numbers .percent p {
    font-size: 1em; }

#breakdownContainer .itemA {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  -o-animation-delay: 0ms; }

#breakdownContainer .itemB {
  -webkit-animation-delay: 150ms;
  -moz-animation-delay: 150ms;
  -ms-animation-delay: 150ms;
  -o-animation-delay: 150ms; }

#breakdownContainer .itemC {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -ms-animation-delay: 300ms;
  -o-animation-delay: 300ms; }

#breakdownContainer .itemD {
  -webkit-animation-delay: 450ms;
  -moz-animation-delay: 450ms;
  -ms-animation-delay: 450ms;
  -o-animation-delay: 450ms; }

#Source p {
  padding: 0; }

#Source ul li {
  padding: 0; }
  #Source ul li:nth-child(1) {
    width: 20%; }
  #Source ul li:nth-child(2) {
    width: 40%; }
  #Source ul li img {
    width: 90%; }

#formContainer .numbers {
  margin: 0 auto 4em;
  text-align: center; }

#formContainer .itemA {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  -o-animation-delay: 0ms; }

#formContainer .itemB {
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -ms-animation-delay: 400ms;
  -o-animation-delay: 400ms; }

.sectionPrerol .video {
  margin: 2em auto;
  display: block;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .sectionPrerol .video {
      width: 80%; } }

.sectionPrerol h3 {
  padding: 0;
  margin: 0 0 20px; }

.sectionPrerol .skinPreRollContainer {
  width: 100%;
  margin: 2em 0;
  text-align: center;
  background-image: url("../images/skin.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 300px; }
  @media only screen and (min-width: 768px) {
    .sectionPrerol .skinPreRollContainer {
      background-size: contain;
      height: 350px; } }
  @media only screen and (min-width: 1024px) {
    .sectionPrerol .skinPreRollContainer {
      background-size: cover;
      height: 559px; } }
  .sectionPrerol .skinPreRollContainer img {
    position: relative;
    margin: 2em auto;
    width: 90%;
    display: block;
    left: 50%;
    -webkit-transform: translateX -50%;
    -moz-transform: translateX -50%;
    -o-transform: translateX -50%;
    -ms-transform: translateX -50%;
    transform: translateX -50%; }
  .sectionPrerol .skinPreRollContainer video {
    width: 50%;
    margin-top: 115px; }
    @media only screen and (min-width: 768px) {
      .sectionPrerol .skinPreRollContainer video {
        width: 300px;
        margin-top: 115px; } }
    @media only screen and (min-width: 1024px) {
      .sectionPrerol .skinPreRollContainer video {
        margin-top: 178px;
        width: 500px; } }

.skinMovil {
  width: 100%;
  margin: 5em auto 0;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .skinMovil {
      width: 80%; } }
  @media only screen and (min-width: 768px) {
    .skinMovil > div[class^=col]:first-child {
      height: 380px;
      padding-top: 15%;
      display: block; } }
  @media only screen and (min-width: 1024px) {
    .skinMovil > div[class^=col]:first-child {
      height: 500px;
      padding-top: 25%; } }
  .skinMovil img {
    width: 80%;
    margin: auto;
    display: block; }

#preRollContainer {
  width: 100%;
  margin: 2em 0;
  text-align: center;
  background-image: url("../images/skin.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 300px; }
  @media only screen and (min-width: 768px) {
    #preRollContainer {
      background-size: contain;
      height: 350px; } }
  @media only screen and (min-width: 1024px) {
    #preRollContainer {
      background-size: cover;
      height: 559px; } }
  #preRollContainer img {
    position: relative;
    margin: 2em auto;
    width: 90%;
    display: block;
    left: 50%;
    -webkit-transform: translateX -50%;
    -moz-transform: translateX -50%;
    -o-transform: translateX -50%;
    -ms-transform: translateX -50%;
    transform: translateX -50%; }
  #preRollContainer video {
    width: 50%;
    padding-top: 115px; }
    @media only screen and (min-width: 768px) {
      #preRollContainer video {
        width: 300px;
        padding-top: 115px; } }
    @media only screen and (min-width: 1024px) {
      #preRollContainer video {
        padding-top: 178px;
        width: 500px; } }

/*------------------------------------*\
     REDES SOCIALES
\*------------------------------------*/

.table th img,
  .table td img,
    .table tr img {
    display: block;
    margin: 0 auto;
  }

.bootstrap-link {
      text-decoration: none !important;
      color: inherit !important; 
    }

a{
  text-decoration: none; 
  color: grey; 
  font-size: 1.17em;
}

.table-borderless tbody tr {
      border: none;
    }




.letrasR{

  font-size: 190%;
}

/*------------------------------------*\
    @FORMS
\*------------------------------------*/
form {
  position: relative;
  width: 50%;
  border-radius: 60px;
  background: transparent;
  border: 4px solid #1DB6B7;
  margin-top: 10px;
}
.form-left-decoration,
.form-right-decoration {
  content: "";
  position: absolute;
  width: 50px;
  height: 20px;
  border-radius: 20px;
  background: #0C2446;
}
.form-left-decoration {
  bottom: 60px;
  left: -30px;
}
.form-right-decoration {
  top: 60px;
  right: -30px;
}
.form-left-decoration:before,
.form-left-decoration:after,
.form-right-decoration:before,
.form-right-decoration:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 20px;
  border-radius: 30px;
  background: #fff;
}
.form-left-decoration:before {
  top: -20px;
}
.form-left-decoration:after {
  top: 20px;
  left: 10px;
}
.form-right-decoration:before {
  top: -20px;
  right: 0;
}
.form-right-decoration:after {
  top: 20px;
  right: 10px;
}

.form-inner {
  padding: 40px;
}
.form-inner input,
.form-inner textarea {
  display: block;
  width: 100%;
  padding: 15px;
  margin-bottom: 10px;
  border: none;
  border-radius: 20px;
  background: #d0dfe8;
  color: #0C2446;
}
.form-inner textarea {
  resize: none;
}
button {
  width: 38%;
  padding: 10px;
  margin-top: 20px;
  border: none;
  border-radius: 20px;
  background: #1DB6B7; 
  font-weight: bold;
  color: #fff;

}
button:hover {

  background: #398BFF;

} 





.form {
  margin: 0 auto;
  width: 35%; }
  @media (max-width: 680px) {
  .form {
    width: 100%;
  }
}
  .form input[type="text"], .form input[type="password"], .form input[type="mail"], .form input[type="number"], .form input[type="tel"] {
    background-color: #0E2D50;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #65798F;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5em;
    padding: 14px 10px;
    width: 100%;
    margin-bottom: 1.5em; }
    .form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="mail"]:focus, .form input[type="number"]:focus, .form input[type="tel"]:focus {
      background-color: #0E2D50;
      border-color: #717c8e;
      color: #65798F; }
  .form input[type="submit"] {
    color: #ffffff;
    margin: 2em auto;
    display: block;
    overflow: hidden; }
  .form textarea {
    background-color: #0E2D50;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #65798F;
    float: left;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5em;
    padding: 14px 10px;
    width: 100%;
    margin-bottom: 2em; }
    .form textarea:focus {
      background-color: #dddddd;
      border-color: #717c8e;
      color: #717c8e; }

#formContainer {
  margin: 9em auto 4em;
  font-family: "Montserrat", sans-serif; }
  #formContainer h4 {
    margin: 0 0 1.2em;
    padding: 0;
    text-transform: uppercase;
    text-align: left; }
  #formContainer p {
    margin: 0;
    padding: 5px 0;
    text-align: left; }
    #formContainer p a {
      font-size: 1em; }

.buttons {
  padding: 12px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  display: inline-block;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: 700;
  cursor: pointer;
  margin: 14px 0;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  width: 100%;
  text-decoration: none; }
  @media only screen and (min-width: 768px) {
    .buttons {
      padding: 18px;
      font-size: 1.5em; } }
  .buttons i {
    padding: 0 5px; }

.firstButton {
  background-color: #f8a824;
  color: #6f4c11 !important; }
  .firstButton:hover {
    color: #6f4c11;
    text-decoration: none; }

.slideButton {
  width: 190px;
  color: #ffffff !important;
  border: 2px solid #ffffff; }
  .slideButton:hover {
    color: #ffffff !important;
    text-decoration: none; }
  @media only screen and (min-width: 768px) {
    .slideButton {
      width: 200px;
      margin-top: 20px; } }

.close {
  display: block;
  float: right;
  font-size: 25px !important;
  padding: 14px;
  background: #ffffff; }

dl {
  width: 100%;
  float: left;
  color: #717c8e;
  font-size: 12px;
  border-spacing: 0; }
  dl dt {
    width: 22%;
    float: left;
    padding: 5px; }
    @media only screen and (min-width: 1024px) {
      dl dt {
        width: 15%; } }
  dl dd {
    padding: 5px 0;
    overflow: hidden; }

.link {
  color: #C4CCED;
  text-decoration: underline;
  font-size: 1.2em;
  font-family: "Montserrat", sans-serif; }
  .link:hover {
    color: whitesmoke;
    text-decoration: underline; }

/*------------------------------------*\
    @IMAGES
\*------------------------------------*/
.graph {
  margin: 50px 0; }
  .graph img {
    display: block;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .graph img {
        width: 90%;
        margin: auto; } }

.headline img {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .headline img {
      width: auto; } }

.carousel .carousel-item img {
  width: 100%;
  max-width: 212px !important; }
  @media only screen and (min-width: 1024px) {
    .carousel .carousel-item img {
      max-width: 100% !important; } }

.col-centered {
  float: none;
  margin: 0 auto; }

.carousel-control {
  width: 3% !important;
  width: 0px; }

.carousel-control.left,
.carousel-control.right {
  background-image: none;
  opacity: 1;
  background: none !important; }

.carousel-control > a > span {
  color: white;
  font-size: 29px !important; }

.carousel-col {
  position: relative;
  min-height: 1px;
  padding: 5px;
  float: left; }
  .carousel-col img {
    -webkit-transform: translateX(0%) translateY(8%) scale(0.5);
    -moz-transform: translateX(0%) translateY(8%) scale(0.5);
    -o-transform: translateX(0%) translateY(8%) scale(0.5);
    -ms-transform: translateX(0%) translateY(8%) scale(0.5);
    transform: translateX(0%) translateY(8%) scale(0.5);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    opacity: 0.5; }
    .carousel-col img:hover {
      -webkit-transform: translateX(0%) translateY(8%) scale(0.6);
      -moz-transform: translateX(0%) translateY(8%) scale(0.6);
      -o-transform: translateX(0%) translateY(8%) scale(0.6);
      -ms-transform: translateX(0%) translateY(8%) scale(0.6);
      transform: translateX(0%) translateY(8%) scale(0.6);
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0);
      filter: grayscale(0);
      opacity: 1; }

.active > div {
  display: none; }

.active > div:first-child {
  display: block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left {
    left: -100%; }
  .carousel-inner .active.right {
    left: 100%; }
  .carousel-inner .next {
    left: 100%; }
  .carousel-inner .prev {
    left: -100%; }
  .carousel-col {
    width: 100%; }
  .active > div:first-child {
    display: block; }
  .carousel-col img {
    -webkit-transform: translateX(30%) translateY(8%) scale(0.5);
    -moz-transform: translateX(30%) translateY(8%) scale(0.5);
    -o-transform: translateX(30%) translateY(8%) scale(0.5);
    -ms-transform: translateX(30%) translateY(8%) scale(0.5);
    transform: translateX(30%) translateY(8%) scale(0.5); }
    .carousel-col img:hover {
      -webkit-transform: translateX(30%) translateY(8%) scale(0.6);
      -moz-transform: translateX(30%) translateY(8%) scale(0.6);
      -o-transform: translateX(30%) translateY(8%) scale(0.6);
      -ms-transform: translateX(30%) translateY(8%) scale(0.6);
      transform: translateX(30%) translateY(8%) scale(0.6); } }

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left {
    left: -50%; }
  .carousel-inner .active.right {
    left: 50%; }
  .carousel-inner .next {
    left: 50%; }
  .carousel-inner .prev {
    left: -50%; }
  .carousel-col {
    width: 50%; }
  .active > div:first-child + div {
    display: block; } }

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left {
    left: -33%; }
  .carousel-inner .active.right {
    left: 33%; }
  .carousel-inner .next {
    left: 33%; }
  .carousel-inner .prev {
    left: -33%; }
  .carousel-col {
    width: 33%; }
  .active > div:first-child + div {
    display: block; }
  .active > div:first-child + div + div {
    display: block; } }

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left {
    left: -20%; }
  .carousel-inner .active.right {
    left: 20%; }
  .carousel-inner .next {
    left: 20%; }
  .carousel-inner .prev {
    left: -20%; }
  .carousel-col {
    width: 20%; }
  .active > div:first-child + div {
    display: block; }
  .active > div:first-child + div + div {
    display: block; }
  .active > div:first-child + div + div + div {
    display: block; }
  .active > div:first-child + div + div + div + div {
    display: block; } }

.block {
  width: 100%;
  height: 230px !important;
  display: inline-block; }

.red {
  background: red; }

.blue {
  background: blue; }

.green {
  background: green; }

.yellow {
  background: yellow; }

/*	BigVideo Styles
	You may need to adjust these styles to get this working right in your design.
*/
#wrapper {
  position: relative !important;
  background: url("../images/carolina.jpg") no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media only screen and (min-width: 1024px) {
    #wrapper {
      background-image: none; } }

#tubular-container iframe {
  display: none; }
  @media only screen and (min-width: 1024px) {
    #tubular-container iframe {
      display: block;
      position: absolute;
      z-index: -1; } }

.ytp-watermark {
  display: none !important; }

.imageCaption {
  background-color: #0c2446;
  color: #c4cced;
  padding-top: 50px;
  padding-bottom: 100px;
  width: 50%;
  z-index: 10;
  
}

.partePrincipal {
  background-color: #0c2446;
  color: #0c2446;
  padding-top: 160px;
  padding-bottom: 100px;
  z-index: 10;
  
}






.scrollDown img {
  width: 70px;
  padding: 0 0 5vh; }
  @media only screen and (min-width: 1024px) {
    .scrollDown img {
      padding: 5vh 0 0; } }

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  z-index: 3;
  position: fixed;
  bottom: 70px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(34, 186, 184, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }
  .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s; }
  .cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1; }
  .cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5; }
  .no-touch .cd-top:hover {
    background-color: #1a1a1a;
    opacity: 1; }
  @media only screen and (min-width: 768px) {
    .cd-top {
      right: 20px;
      bottom: 20px; } }
  @media only screen and (min-width: 1024px) {
    .cd-top {
      height: 60px;
      width: 60px;
      right: 30px;
      bottom: 30px; } }

/*------------------------------------*\
    @TABLE
\*------------------------------------*/
table {
  width: 100%;
  margin: 0 0 70px;
  background: pink;
  overflow: hidden; }
  table thead tr th {
    font-family: "Montserrat", sans-serif;
    font-size: 1.5em;
    padding: 10px;
    color: #717c8e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  table tbody tr td {
    font-size: 1.3em;
    color: #8b8b8b;
    padding: 14px 10px;
    border: solid #dddddd;
    border-width: 0 0 1px 0;
    font-family: "Montserrat", sans-serif;
    overflow: hidden;
    text-overflow: ellipsis; }

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

Slider

-------------------------------- */
.cd-radial-slider-wrapper {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin: 8em auto 4em;
  /* hide horizontal scrollbar on IE11 */
  overflow: hidden; }

.cd-radial-slider > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: transform .2s;
  /* hide vertical scrollbar on IE11 */
  overflow: hidden; }
  .cd-radial-slider > li.visible {
    position: relative;
    opacity: 1; }
  .cd-radial-slider > li.is-animating, .cd-radial-slider > li.prev-slide, .cd-radial-slider > li.next-slide {
    opacity: 1; }
  .cd-radial-slider > li.is-animating {
    z-index: 2; }
  .cd-radial-slider > li.scale-down, .cd-radial-slider > li.move-up {
    z-index: 3; }
  .cd-radial-slider > li.move-up {
    /* class added to the navigation round element when clicked - used to create the click effect */
    animation: cd-clicked .2s; }
  .cd-radial-slider > li.scale-down {
    /* class added to the navigation round element to create the scale down effect  */
    transform: scale(0); }
  .cd-radial-slider > li.prev-slide image, .cd-radial-slider > li.next-slide image {
    /* make sure the prev/next round elements are visible */
    z-index: 3; }
  .cd-radial-slider > li.next-slide {
    /* for the scale-down/click effect - change the transform origin so that it is the center of the navigation round element */
    transform-origin: 92.14% 50%; }
  .cd-radial-slider > li.prev-slide {
    transform-origin: 7.86% 50%; }

.cd-radial-slider .svg-wrapper {
  position: relative;
  z-index: 1;
  /* using padding Hack to fix bug on IE - svg height not properly calculated */
  height: 0;
  padding-bottom: 57.15%; }

.cd-radial-slider li.prev-slide .svg-wrapper,
.cd-radial-slider li.next-slide .svg-wrapper {
  /* change its z-index so that it's always below the .cd-radial-slider-content */
  z-index: 2; }

.cd-radial-slider-wrapper svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cd-radial-slider-content {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateZ(0);
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  .cd-radial-slider-content .wrapper {
    /* vertically center its content */
    display: table;
    height: 100%;
    width: 100%; }
    .cd-radial-slider-content .wrapper > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      padding: 0 17%;
      color: #000000; }
  .cd-radial-slider-content h2 {
    font-size: 2rem;
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    padding: 10px 0 !important;
    margin: 0; }
    @media only screen and (min-width: 1024px) {
      .cd-radial-slider-content h2 {
        padding: 20px 0 !important; } }
  .cd-radial-slider-content p {
    font-size: 1.5em !important;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-family: "Montserrat", sans-serif !important; }
    @media only screen and (min-width: 1024px) {
      .cd-radial-slider-content p {
        font-size: 2em !important;
        margin: .6em auto .8em; } }
    .cd-radial-slider-content p span {
      font-size: 1em;
      font-weight: 700;
      color: #ffffff;
      font-family: "Montserrat", sans-serif; }
      @media only screen and (min-width: 1024px) {
        .cd-radial-slider-content p span {
          font-size: 1.5em; } }
  .cd-radial-slider-content .cd-btn {
    display: inline-block;
    padding: 1em;
    border: 2px solid #000000;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1.2rem;
    font-weight: bold; }
  .visible .cd-radial-slider-content {
    visibility: visible;
    opacity: 1; }
  .prev-slide .cd-radial-slider-content {
    transform: translateX(50px); }
  .next-slide .cd-radial-slider-content {
    transform: translateX(-50px); }
  .content-reveal-left .cd-radial-slider-content,
  .content-reveal-right .cd-radial-slider-content {
    /* animate slide content when entering the viewport */
    animation-delay: .1s;
    animation-fill-mode: both;
    opacity: 1;
    visibility: visible; }
  .content-hide-left .cd-radial-slider-content,
  .content-hide-right .cd-radial-slider-content {
    /* animate slide content when leaving the viewport */
    opacity: 0;
    visibility: hidden; }
  .content-reveal-left .cd-radial-slider-content,
  .content-reveal-right .cd-radial-slider-content,
  .content-hide-left .cd-radial-slider-content,
  .content-hide-right .cd-radial-slider-content {
    animation-duration: .4s; }
  .content-reveal-left .cd-radial-slider-content {
    animation-name: cd-reveal-left; }
  .content-reveal-right .cd-radial-slider-content {
    animation-name: cd-reveal-right; }
  .content-hide-left .cd-radial-slider-content {
    animation-name: cd-hide-left; }
  .content-hide-right .cd-radial-slider-content {
    animation-name: cd-hide-right; }
  @media only screen and (min-width: 1024px) {
    .cd-radial-slider-content h2 {
      font-size: 4.4rem; }
    .cd-radial-slider-content p {
      font-size: 2rem;
      margin: 0 auto;
      color: #ffffff; }
    .cd-radial-slider-content .cd-btn {
      font-size: 1.6rem;
      transition: background .2s, color .2s; }
      .cd-radial-slider-content .cd-btn:hover {
        background: #000000;
        color: #717c8e; } }

.cd-round-mask {
  /* wrapper for the svg mask elements */
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0; }

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

Slider navigation

-------------------------------- */
.cd-radial-slider-navigation li {
  position: absolute;
  z-index: 6;
  right: 3.58%;
  top: 42.5%;
  height: 15%;
  width: 8.57%; }
  .cd-radial-slider-navigation li a {
    display: block;
    height: 100%;
    /* replace text with image */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent; }
    .cd-radial-slider-navigation li a::after {
      /* arrow icon */
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      height: 25px;
      width: 16px;
      background: url(../images/svgSlide/cd-icon-arrows-mini.svg) no-repeat 0 0; }
    .cd-radial-slider-navigation li a:hover {
      transform: scale(1.1); }
  .cd-radial-slider-navigation li:last-of-type {
    left: 3.58%;
    right: auto; }
    .cd-radial-slider-navigation li:last-of-type a::after {
      background-position: -16px 0; }
  @media only screen and (min-width: 768px) {
    .cd-radial-slider-navigation li a::after {
      height: 48px;
      width: 48px;
      background-image: url(../images/svgSlide/cd-icon-arrows.svg); }
    .cd-radial-slider-navigation li:last-of-type a::after {
      background-position: -48px 0; } }

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

Keyframes

-------------------------------- */
@keyframes cd-reveal-left {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px); } }

@keyframes cd-reveal-right {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50px); }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px); } }

@keyframes cd-hide-left {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50px); } }

@keyframes cd-hide-right {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(50px); } }

@keyframes cd-clicked {
  0%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(0.9); } }

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

Fixed Nav - Lateral Nav

-------------------------------- */
#fixedNav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #717c8e;
  z-index: 6;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-filter: transform;
  -moz-filter: transform;
  -ms-filter: transform;
  -o-filter: transform;
  filter: transform;
  -webkit-filter: 0.4s;
  -moz-filter: 0.4s;
  -ms-filter: 0.4s;
  -o-filter: 0.4s;
  filter: 0.4s; }
  #fixedNav.lateral-menu-is-open {
    /* translate to show the lateral menu */
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    transform: translateX(-260px); }
  #fixedNav.is-fixed {
    position: fixed; }
  @media only screen and (min-width: 768px) {
    #fixedNav {
      height: 70px; } }
  @media only screen and (min-width: 1024px) {
    #fixedNav {
      display: none; } }

#cd-logo {
  display: block;
  float: left;
  padding: 10px;
  width: 25%; }
  #cd-logo img {
    display: block;
    width: 45px;
    margin: auto; }
  @media only screen and (min-width: 768px) {
    #cd-logo {
      padding: 15px 0; } }

#cd-top-nav {
  position: absolute;
  top: 0;
  left: 20%;
  width: 61%;
  height: 100%; }
  #cd-top-nav ul {
    width: 100%;
    height: 100%; }
  #cd-top-nav li {
    display: inline-block;
    width: 32%;
    padding: 11px 0 3px;
    margin: 0;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      #cd-top-nav li {
        padding: 12px 0; } }
  #cd-top-nav a {
    display: inline-block;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center; }
    #cd-top-nav a.current {
      background-color: #69aa6f; }
    .no-touch #cd-top-nav a:hover {
      color: rgba(255, 255, 255, 0.7); }
    #cd-top-nav a img {
      display: block;
      width: 40px;
      margin: 0;
      padding: 0; }

#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 20%; }
  #cd-menu-trigger .cd-menu-text {
    height: 100%;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    display: none; }
  #cd-menu-trigger .cd-menu-icon {
    /* this span is the central line in the menu menu */
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 18px;
    height: 2px;
    background-color: #ffffff;
    /* these are the upper and lower lines in the menu menu */ }
    #cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: inherit;
      left: 0; }
    #cd-menu-trigger .cd-menu-icon::before {
      bottom: 5px; }
    #cd-menu-trigger .cd-menu-icon::after {
      top: 5px; }
  #cd-menu-trigger.is-clicked .cd-menu-icon {
    background-color: rgba(255, 255, 255, 0); }
    #cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
      background-color: white; }
    #cd-menu-trigger.is-clicked .cd-menu-icon::before {
      bottom: 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    #cd-menu-trigger.is-clicked .cd-menu-icon::after {
      top: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  @media only screen and (min-width: 768px) {
    #cd-menu-trigger {
      padding-left: 1.25em; }
      #cd-menu-trigger .cd-menu-text {
        display: inline-block;
        line-height: 70px; }
      #cd-menu-trigger .cd-menu-icon {
        left: auto;
        right: 1.25em;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 5;
  width: 100%;
  background-color: #ffffff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
  #cd-lateral-nav .cd-navigation {
    margin: 10px 0 16px; }
  #cd-lateral-nav .sub-menu {
    padding: 0 10px 20px 15px;
    display: none; }
  #cd-lateral-nav a {
    display: block;
    line-height: 2em;
    padding: 10px 16px;
    color: #4B4B4D;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase; }
    #cd-lateral-nav a:hover {
      text-decoration: none; }
    #cd-lateral-nav a.current {
      background-color: #3a4a4d;
      color: #69aa6f; }
    .no-touch #cd-lateral-nav a:hover {
      color: #69aa6f; }
  @media only screen and (min-width: 768px) {
    #cd-lateral-nav .cd-navigation {
      margin: 20px 0; } }
  #cd-lateral-nav.lateral-menu-is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    /* smooth the scrolling on touch devices - webkit browsers */
    -webkit-overflow-scrolling: touch; }

#cd-lateral-nav li .linkCorporativo {
  text-transform: uppercase;
  font-weight: 600; }

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  /* this is the right arrow to show that the item has a submenu  */ }
  #cd-lateral-nav .item-has-children > a::after {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.2em;
    background: url("../images/cd-plus.svg") no-repeat center center;
    background-size: 12px 12px;
    -webkit-filter: transform;
    -moz-filter: transform;
    -ms-filter: transform;
    -o-filter: transform;
    filter: transform;
    -webkit-filter: 0.2s;
    -moz-filter: 0.2s;
    -ms-filter: 0.2s;
    -o-filter: 0.2s;
    filter: 0.2s; }
  #cd-lateral-nav .item-has-children > a.submenu-open::after {
    background-size: 12px 12px;
    background: url("../images/cd-plus.svg") no-repeat center center;
    -webkit-transform: translateY(-50%) rotate(45deg) scale(1.1);
    -moz-transform: translateY(-50%) rotate(45deg) scale(1.1);
    -o-transform: translateY(-50%) rotate(45deg) scale(1.1);
    -ms-transform: translateY(-50%) rotate(45deg) scale(1.1);
    transform: translateY(-50%) rotate(45deg) scale(1.1); }

#cd-lateral-nav .social li {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0 0 1px 0; }
  #cd-lateral-nav .social li a {
    padding: 20px 16px;
    background: #ffffff; }
    #cd-lateral-nav .social li a span {
      float: left;
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      border-radius: 100%;
      font-size: 16px;
      cursor: pointer;
      margin: 0 12px 0 0;
      background: none; }
      #cd-lateral-nav .social li a span svg {
        color: #4B4B4D; }
    #cd-lateral-nav .social li a p {
      color: #4B4B4D;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600;
      margin: 3px 0 0 0 !important; }
  #cd-lateral-nav .social li:nth-child(2) a span {
    font-size: 20px !important;
    margin-bottom: 59px; }

#cd-lateral-nav .socials {
  padding: 0 16px 70px; }
  #cd-lateral-nav .socials::after {
    clear: both;
    content: "";
    display: block; }
  #cd-lateral-nav .socials a {
    height: 32px;
    width: 32px;
    float: left;
    padding: 0;
    background-image: url("../images/cd-socials.svg");
    background-repeat: no-repeat;
    background-size: 128px 64px;
    margin-right: .5em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -o-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    border-radius: 0.25em; }
    #cd-lateral-nav .socials a.cd-twitter {
      background-position: 0 0; }
    #cd-lateral-nav .socials a.cd-github {
      background-position: -32px 0; }
    #cd-lateral-nav .socials a.cd-facebook {
      background-position: -64px 0; }
    #cd-lateral-nav .socials a.cd-google {
      background-position: -96px 0; }
    .no-touch #cd-lateral-nav .socials a:hover {
      background-color: #717c8e; }
      .no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
        background-position: 0 -32px; }
      .no-touch #cd-lateral-nav .socials a:hover.cd-github {
        background-position: -32px -32px; }
      .no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
        background-position: -64px -32px; }
      .no-touch #cd-lateral-nav .socials a:hover.cd-google {
        background-position: -96px -32px; }

.teleticacom a.teleticacom,
.teleticatv a.teleticatv,
.teleticaradio a.teleticaradio {
  background: #363b44; }
  .teleticacom a.teleticacom:hover,
  .teleticatv a.teleticatv:hover,
  .teleticaradio a.teleticaradio:hover {
    background: #363b44; }

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

interactive Nav

-------------------------------- */
.lateralInteractivesNav {
  position: fixed;
  top: 38vh;
  left: 0;
  z-index: 2;
  max-width: 95px; }
  .lateralInteractivesNav div {
    text-align: center; }
    .lateralInteractivesNav div[class^=col]:first-child {
      line-height: 20px; }
    .lateralInteractivesNav div small {
      color: #4B4B4D;
      background: #ffffff;
      padding: 2px 4px;
      display: block;
      margin-bottom: 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
    .lateralInteractivesNav div a {
      display: inline-block;
      margin: 5px auto;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      cursor: pointer; }
      .lateralInteractivesNav div a img {
        border: 2px solid rgba(255, 255, 255, 0.3);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        width: 60px;
        -webkit-transition: all 100ms ease;
        -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
        -o-transition: all 100ms ease;
        transition: all 100ms ease; }
      .lateralInteractivesNav div a:hover img {
        background: #ffffff;
        -webkit-transition: all 100ms ease;
        -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
        -o-transition: all 100ms ease;
        transition: all 100ms ease; }
      .lateralInteractivesNav div a.facebook:hover {
        background-color: #3b5998;
        border-color: #3b5998; }
      .lateralInteractivesNav div a.twitter:hover {
        background-color: #1da1f2;
        border-color: #1da1f2; }
      .lateralInteractivesNav div a.whatsapp:hover {
        background-color: #25d366;
        border-color: #25d366; }
      .lateralInteractivesNav div a.instagram:hover {
        background-color: #36598d;
        border-color: #36598d; }
      .lateralInteractivesNav div a.youtube:hover {
        background-color: #de2825;
        border-color: #de2825; }
      .lateralInteractivesNav div a.rss:hover {
        background-color: #fe9900;
        border-color: #fe9900; }

.teleticacom a.mkcom,
.teleticatv a.mktv,
.teleticaradio a.mkradio {
  display: none; }

  @media screen and (max-width: 480px){
    #img-card{
      width: 100%;
      height: 350px;
    }
    .flip-card {
      margin: 1%;
      margin-bottom: 5%;
      bar
      width: 100%;
    }
    #myChart{
    }
    #myChart1{
      
    }   
  }