/*!
Theme Name: collahuasi_portable
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: collahuasi_portable
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

collahuasi_portable is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@charset "UTF-8";
/* CSS Document */

/* No less than 400px, no greater than 900px */
@media (min-width:992px) and (max-width:1160px) {
   .sidebar-menu {width: 20vw!important}
}

/* Table Prácticas */
table.table-practicas {margin:30px 0;}
table.table-practicas td {padding:5px; border:1px solid #666; text-align:left; vertical-align:top;}

/* Table Prevencion */
table.table-prevencion {margin:30px 0;}
table.table-prevencion td, table.table-prevencion th {padding:10px; border:1px solid #666; text-align:left; vertical-align:middle;}

/*Prevencion Redes Sociales*/

.main-content .wswig .repeat-rrss {margin-bottom: 30px;}
.main-content .wswig .repeat-rrss img {margin-bottom: 10px;}
.main-content .wswig .repeat-rrss a {display: inline-block; margin: 3px; border-radius: 50%; padding: 7px 5px; text-align: center; background-color: #000; width: 30px; height: 30px;}
.main-content .wswig .repeat-rrss a i {color:#FFF; font-size: 16px; vertical-align: text-top;}

/* Form Contacto */
div#form-contactenos p {margin-bottom:15px; width: 100%;}
div#form-contactenos p label {font-size:14px; color:black; display:block; margin-bottom:5px;}
div#form-contactenos p input { padding:3px!important; border:1px solid #666!important;}
div#form-contactenos p input[type="radio"] {position:relative;opacity:1;}
div#form-contactenos p input[type="checkbox"] {position:relative;opacity:1;}
div#form-contactenos p select {padding: 3px 6px;}
div#form-contactenos p input#envia_contacto {padding:10px 30px!important; margin-bottom:60px;}
div#form-contactenos p input#envia_practica {padding:10px 30px!important; margin-bottom:60px; background-color:black;}
div#form-contactenos p input#envia_postulacion {padding:10px 30px!important; margin-bottom:60px; background-color:black;}
div#form-contactenos p input#envia_postulacion_c20_v2 {padding:10px 30px!important; margin-bottom:60px; background-color:black;}
div#form-contactenos ul.tabs {margin-bottom:30px;}
div#form-contactenos .tabs .tab a:hover, .tabs .tab a.active, .tab a:visited {background-color:black!important;}

div#form-contactenos h3 {margin: 40px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;}
div#form-contactenos p.p-motivo-de-consulta label {display: inline-block;}
div#form-contactenos p.p-motivo-de-consulta input {display: inline-block; margin-right: 10px;}


#pojo-a11y-toolbar.pojo-a11y-toolbar-left {width: 64px; height: 64px;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {border:none;}
.pojo-a11y-toolbar-inner {height: 100vh;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {padding: 9px;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {border-color:#FFF}


@media(max-width:720px){
#pojo-a11y-toolbar.pojo-a11y-toolbar-left {width: 64px; height: 64px; top:100px!important;}
}

a.btn-lg {
	-webkit-appearance: button;
    background: #175641;
    color: white;
    display: inline-block;
    padding: 10px 50px;
    cursor: pointer;
    margin-top: 40px;
	margin-bottom: 90px;
}

a.btn-lg:hover {
	color: white;}

a.btn-lg svg {
	fill: white;
    height: 14px;
    margin-left: 5px;}

body.single-oferta .main-content .wswig ul {margin-bottom:40px;}

body{
  font-family:"questa-sans";
  font-size:14px;
  line-height: 19px;
  max-width: 100vw;
overflow-x: hidden;
}
body *{
  margin:0;
  padding:0;
}
header ul li a{
	font-family: "gotham"!important;
}
header{
  font-family: "gotham";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  background: white;
  color: black;
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 11px;
  text-transform: uppercase;
  height: 93px;
}
a, a:hover, a:active{
  color:inherit;
}
.medium{
  font-weight: medium;
  font-weight: 500;
}
h1{
  font-family:"cronos-pro";
  font-size:50px;
  line-height: 50px;
  font-weight: bold;
  font-weight: 700;
  margin-bottom:20px;
}
h2{
  font-family:"cronos-pro";
  font-size:30px;
  line-height: 30px;
    font-weight: 600;
  margin-bottom:20px;
}
h3{
  font-family:"cronos-pro";
  font-size:22px;
  line-height: 24px;
    font-weight: 600;
  margin-bottom:20px;
}
h4{
  font-family:"cronos-pro";
  font-size:20px;
  line-height: 24px;
    font-weight: 600;
  margin-bottom:20px;
}
h5{
  font-family:"cronos-pro";
  font-size:18px;
  line-height: 21px;
    font-weight: 600;
  margin-bottom:20px;
}


.header-border{
  position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7px;
object-fit: cover;
}
.branding, .logo{
  height: 58px;
display: block;
transition:all 0.33s ease;
}
.container_div{
  padding-left: 50px;
  padding-right:50px;
}
.upper-part{
  display: flex;
  align-items: center;
  font-size: 9px;
  line-height: 11px;
  font-weight: 500;
  text-transform: uppercase;
  justify-content: flex-end;
}
ul.menu{
  display: flex;
}
ul.menu li{
  margin-left:30px;
}
ul.menu li:first-child{
  margin-left:0!important;
}
.language-chooser{
  position: relative;
margin: 0 20px;
border-left: 1px solid rgba(0,0,0,0.2);
border-right: 1px solid rgba(0,0,0,0.2);
}
.language-chooser li{
  padding: 5px 25px 5px 10px!important;
}
.language-chooser::before{
  content: "";
border-top: 4px solid black;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
top: 9px;
right: 10px;
transition:all 0.33s ease;
}
.language-chooser:hover::before{
  transform:rotate(180deg);
}
.language-chooser li:not(.active){
  position: absolute;
  display: none;
}
.language-chooser:hover li:not(.active){
  top: 100%;
  display: block;
  background: white;
  width: calc(100% + 2px);
  border-left: 1px solid rgba(0,0,0,0.2);
  border-right: 1px solid rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
  border-top: 1px solid rgba(0,0,0,0.2);
  left: -1px;
}
.social-icons .fa{
  font-size: 15px;
  line-height: 12px;
  margin-left: 15px;
}
.menu-part{
      position: absolute;
    right: 0;
    padding-right: 50px;
    padding-left:50px;
    max-width: calc(90vw - 220px);
    top: 7px;
    padding-top: 10px;
}
header .sub-menu{
  display: none;
  position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 75vh;
background: white;
padding: 120px 50px 30px 50px!important;
-webkit-box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
-moz-box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
}
li:hover .sub-menu{
  display: block;
}
.menu-header-menu-container{
    margin-top: 25px;
}
header .sub-menu li{
  margin:0!important;
}
header .sub-menu h4{
  font-family: 'gotham';
  text-transform:uppercase;
}
header .sub-menu li a{
  font-size:20px;
  line-height: 42px;
  font-family: 'questa-sans';
  text-transform:none;
}
img{
  max-width: 100%;
}
header .sub-menu img{
  position: absolute;
top: 120px;
right: 50px;
max-width: 40%;
}
.slider_wrap .slider_inicio .slide{
  height:80vh;
  position: relative;
  color:white;
}
.slick-dotted{
  margin:0!important;
}
.bg{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
}
.slick-dots{
  display: block;
    bottom: 30px;
    z-index: 10;
}
.slick-dots{
  display: block;
  width: 580px;
  max-width: 50vw;
  left: 50%;
  transform: translateX(-50%);
  text-align: left;
  bottom: 150px;
}
.slick-dots li button::before{
  opacity: 1!important;
color: transparent!important;
border: none!important;
border-radius: 50%!important;
background: rgba(255,255,255,0.4);
}
.slick-dots li.slick-active button:before{
  background: white!important;
}
.text_part{
  position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 200px;
    width: 580px;
    z-index: 1;
    max-width:50vw;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
  }
body:not(.scrolled) header::before{
  content: "";
  position: absolute;
  background: rgba(0,0,0,0.3);
  top: 7px;
  left: 0;
  width: 100%;
  height: 39px;
}
body:not(.scrolled) header{
  background: transparent;
  color:white;
}
body:not(.scrolled) header .logo{
  filter: invert(1);
    transform: translateY(20vh);
    height: 78px;
}
body:not(.scrolled) header .sub-menu{
  background: rgba(0,0,0,0.75);
  box-shadow: none!important;
}
.with_space{
  padding-top:30px;
  padding-bottom:30px;
}
footer .logo{
  filter:invert(1);
	height:40px;
}
footer{
  color:white;
  background: #808080;
}
footer .logos{
  background: #BCBCBC;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .logos div img{
  margin: 0 15px;
height: 50px;
width: 120px;
object-fit: contain;
object-position: center;
}
footer .logos div{
  display: flex;
align-items: center;
}
body:not(.scrolled) .language-chooser::before{
  filter:invert(1);
}
body:not(.scrolled) .language-chooser {
    border-left: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);
}
body:not(.scrolled) .language-chooser:hover li:not(.active) {
    top: 100%;
    display: block;
    background: rgba(0,0,0,0.2);
    width: calc(100% + 2px);
    border-left: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
    left: -1px;
}
.flex-homepage{
  display: flex;
  flex-wrap: wrap;
}
.logros-box{
  width:100%;
  display: flex;
}
.small-box{
  width:25%;
}
.vertical{
  height:50vw;
}
.logros-wrap{
  position: relative;
width: 50%;
height: 50vw;
}
.numeros-destacados{
  width: 50%;
display: flex;
}
.logros .slick-slide{
  height: 50vw;
  padding: 40px;
  text-align: center;
}
.logros{
  position: absolute;
top: 0;
height: 50vw;
background: white;
width: 100%;
-webkit-box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
-moz-box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
}
.logros .slick-slide img{
  height: 15vw;
  display: block;
  margin: 50px auto 30px;
  max-width: 100%;
  object-fit: contain;
}
.counter{
  position: absolute;
color: #BF5800;
bottom: 50px;
font-size: 11px;
font-weight: 900;
font-family: 'overpass-variable';
left: 50%;
transform: translateX(-50%);
}
.antetitulo{
  font-family: "overpass-variable";
font-size: 13px;
font-weight: bold;
text-decoration: underline;
line-height: 17px;
display: block;
text-transform: uppercase;
}
.antetitulo-like{
  font-family: "overpass-variable";
      font-size: 13px;
      font-weight: bold;
      line-height: 17px;
      display: block;
      text-transform: uppercase;
      margin-bottom: 20px;
}
.subtitulo{
  color:#6A6A6A;
  font-size:18px;
  line-height: 24px;
}
.arrow-left{
  display: inline;
    position: absolute;
    bottom: 50px;
    left: 40px;
    z-index: 10;
    transform: rotate(180deg);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #BF5800;
}
.logros-wrap .slick-slide:nth-child(odd){
  background: #F7F7F7;
}
.noticia-block:nth-child(odd){
  background: #F7F7F7;
}

.arrow-right{
  display: inline;
    position: absolute;
    bottom: 50px;
    right: 40px;
    z-index: 10;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #BF5800;
}
.slider_de_imagenes_wrap .arrow-left, .slider_de_imagenes_wrap .arrow-right, .slider_de_imagenes_wrap .counter{
  color:white;
  bottom:50px;
}
.slider_de_imagenes_wrap{
  background: #1987AC;
  width: 50%;
display: inline-block;
height: 50vw;
position: relative;
}
.links-destacados{
  display: flex;
  flex-flow: column;
  justify-content: stretch;
  height: 50vw;
  width: 50%;
}
.links-destacados a{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 1 auto;
  font-size: 16px;
  color: white;
  font-weight: 900;
  font-family: 'overpass-variable';
  text-transform: uppercase;
}
.links-destacados a:hover{
  opacity:0.9;
}
.noticia-block img{
  display: block;
height: 25vw;
object-fit: cover;
}
.noticia-block .text{
  position: relative;
  padding:40px;
  display: flex;
  flex-flow: column;
  height: 25vw;
}
.noticia-block:hover .text::before{
  content:"";
  position: absolute;
  top:-12px;
  border-bottom: 12px solid #DF6939;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}
.noticia-block h5{
      margin-top: 20px;
}
.noticia-block h2{
  margin-top:20px;
}
.category-display span{
  width: 15px;
height: 15px;
margin-right: 5px;
}
.category-display{
  text-transform: uppercase;
  margin-top: 15px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.first-col.sidebar.col{
    margin-top: -8vw;
    display: block;
    background: white;
    height: 58vw;
    z-index: 10;
    position: relative;
    padding: 50px!important;
}
.ver-mas{
  font-family: 'overpass-variable';
    font-size: 11px;
    font-weight: 900;
    display: flex;
    align-items: center;
    line-height: 11px;
    color:#BF5800;
    margin-top:auto;
}
.destacados-con-imagen .ver-mas{
  margin-top:30px;
}
.ver-mas .fa{
  font-size: 20px;
  margin-left: 5px;
  line-height: 7px;
}
.preview-content{
  overflow-y: hidden;
flex: 1 auto;
margin-bottom: 10px;
position: relative;
}
.preview-content::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, white, transparent);
}
.noticia-block:nth-child(odd) .preview-content::before{
  background:  linear-gradient(0deg, #F7F7F7, transparent);
}
footer .menu{
  display: flex;
flex-flow: column;
flex-wrap: wrap;
height: 190px;
}
footer ul.menu li{
  margin-left:0!important;
}
footer ul.menu li a{
  font-size: 14px;
    font-weight: 900;
    font-family: 'overpass-variable';
    text-transform: uppercase;
    display: block;
    margin:0 0 10px;
}
footer ul.menu .sub-menu li a{
  font-size:12px;
  line-height: 14px;
  display: block;
  margin:0 0 10px;
  font-family:"questa-sans";
  text-transform: none;
  font-weight: 400;

}
.noticia-block:hover .text{
  background: #DF6939;
  color:white;
}
.noticia-block:hover .ver-mas{
  color:white;
}
.noticia-block:hover .preview-content::before{
  background: linear-gradient(0deg, #DF6939, transparent);
  transition:all 0.33s ease;
}
.destacado_con_imagen{
  width: 50%;
  height: 50vw;
}
.destacado_con_imagen img{
  display: block;
    width: 100%;
    height: 25vw;
    object-fit: cover;
}
.destacados-con-imagenes-wrap{
  position: relative;
width: 50%;
height: 50vw;
}
.destacado_con_imagen .text-part{
  background: #efeae5;
    color: #000000;
    height: 25vw;
    padding: 40px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
}
.js-expand-gallery{
  position: absolute;
top: 15px;
right: 15px;
z-index: 10;
color: white;
background: rgba(255,255,255,0.3);
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 23px;
cursor: pointer;
}
.js-expand-gallery:hover{
  opacity:0.9;
}
.content-part {
    height: 50vw;
    padding: 40px;
    color: white;
    margin-top: -50vw;
    background: rgba(0,0,0,0.3);
    z-index: 2;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding-bottom: 100px;
}
.slider_de_imagenes_wrap .slick-slide img{
  display: block;
  height: 50vw;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  position: relative;
}
.slider_wrap{
  width:100%;
}
.links-cuadrados{
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  height: 50vw;
}
.link-cuadrado{
  width: 50%;
  height: 25vw;
  padding: 40px;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  color: white;
}
.link-cuadrado img{
  height: 6vw;
margin-bottom: 30px;
}
.link-cuadrado h2{
  min-height: 60px;
}
.link-cuadrado .ver-mas{
  color:white;
}
.slider_wrap .slider_inicio .slide::before{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  background: rgba(0,0,0,0.3);
}
.page-header .slide::before{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  background: rgba(0,0,0,0.3);
}
.page-header .antetitulo{
  margin-bottom:20px;
}
.sidebar-menu{
  position: absolute;
top: -8vw;
width: 25vw;
background: white;
z-index: 10;
min-height: 25vw;
padding: 50px;
}
.page-content{
  position: relative;
}
.main-content{
  width:580px;
  margin:0 auto;
  font-size:17px;
  line-height: 23px;
}
.main-content .wswig h1{
  font-size:40px;
  line-height: 40px;
  font-weight: 600;
}
.main-content .wswig h3{
  font-size:26px;
  line-height: 31px;
  font-weight: 600;
  margin: 30px 0;
}
.page-header .text_part{
  bottom: 120px;
}
.main-content .wswig img{
  display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
strong{
  font-weight: 600;
}
header .current-menu-item, header .current-menu-parent{
      border-bottom: 2px solid white;
}
.scrolled header .current-menu-item, .scrolled header .current-menu-parent{
      border-bottom: 2px solid black;
}
.sub-menu .current-menu-item{
  border-bottom:none!important;
}
.sidebar-menu a, .filters-noticia a{
  display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-family: 'overpass-variable';
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
    line-height: 17px;
    opacity: 0.5;
    cursor: pointer;
}
.flex-basic{
  display: flex;
    align-items: flex-end;
}
.flex-basic .category-display{
  margin-left:15px;
}
.sidebar-menu a .fa, .filters-noticia a .fa{
  font-size: 20px;
    margin-right: 5px;
    line-height: 15px;
    opacity:0;
}
.sidebar-menu a:hover, .sidebar-menu a.active, .filters-noticia a:hover, .filters-noticia a.active{
  opacity:1;
}
.sidebar-menu a:hover .fa, .sidebar-menu a.active .fa, .filters-noticia a.active .fa, .filters-noticia a:hover .fa{
  opacity:1;
}
.sidebar-menu a:hover span, .sidebar-menu a.active span, .filters-noticia a:hover span, .filters-noticia a.active span{
  text-decoration: underline;
}
.slider-relacionados-wrap{
  position: relative;
}
.slider-relacionados-wrap h1{
  font-size:40px;
  line-height: 53px;
  border-top: 1px solid #E8E8E8;
  padding-top:20px;
  padding-left:50px;
}
.slider-relacionados-wrap .arrow-right{
  display: block;
bottom: auto;
top: 37px;
}
.slider-relacionados-wrap .arrow-left{
  bottom: auto;
  top: 36px;
  right: 100px;
  left: auto;
}
.slider-relacionados-wrap .counter{
  bottom: auto;
    top: 38px;
    right: 41px;
    left: auto;
    display: flex;
    align-items: center;
    width: 33px;
    justify-content: space-between;
}
.slick-disabled{
  opacity:0.3!important;
}
.buttons-sharing{
  max-width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 30px;
  left: 75vw;
  display: flex;
  align-items: center;
}
.buttons-sharing .fa{
  background: black;
  color: white;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  border:1px solid black;
  transition:All 0.33s ease;
}
.buttons-sharing .fa:hover{
  background: white;
  color:black;
}
.sharing:hover .sharing-options{
  opacity:1;
}
.sharing .sharing-options{
  opacity:0;
  position: absolute;
  top: 40px;
  padding-top:10px;
  display: flex;
  align-items: center;
  left: 0;
  z-index: 10;
}
.wswig p{
  margin-bottom:20px;
}
.linea-de-tiempo{
      margin: 60px 0;
}
.single-linea-tiempo.grande{
  text-align:center;
}
.single-linea-tiempo.grande img{
  width:100%;
  height:auto;
  display: block;
  margin-bottom:10px;
}
.single-linea-tiempo h1{
  margin-bottom:10px;
}
.single-linea-tiempo.derecho{
  display: flex;
align-items: center;
margin: 40px 0;
flex-flow: row-reverse;
justify-content: space-between;
position: relative;
}
.single-linea-tiempo.derecho img, .single-linea-tiempo.derecho .text, .single-linea-tiempo.izquierdo img, .single-linea-tiempo.izquierdo .text{
  width: 40%;
}
.single-linea-tiempo.izquierdo{
  display: flex;
align-items: center;
margin: 40px 0;
justify-content: space-between;
position: relative;
}
.single-linea-tiempo.derecho::before, .single-linea-tiempo.izquierdo::before{
  content: "";
    position: absolute;
    width: 1px;
    background: #E8E8E8;
    height: calc(100% + 40px);
    left: 50%;
    top: -20px;
    transform: translateX(-1px);
}
.single-linea-tiempo.derecho .text::before, .single-linea-tiempo.izquierdo .text::before{
  content:"";
  position: absolute;
background: #BF5817;
width: 15px;
height: 15px;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 10;
}
.single-linea-tiempo.derecho::after{
  content: "";
position: absolute;
height: 1px;
width: 8%;
top: 50%;
left: 50%;
background: #E8E8E8;
}
.single-linea-tiempo.izquierdo::after{
  content: "";
  position: absolute;
  height: 1px;
  width: 8%;
  top: 50%;
  left: auto;
  right: 50%;
  background: #E8E8E8;
}
.collapsible{
  box-shadow: none;
    border: none;
    margin-bottom:40px;
    border-top: 1px solid #E8E8E8;
}
.collapsible-header{
  position: relative;
  text-transform: uppercase;
  border-bottom: 1px solid #E8E8E8;
  font-family: 'overpass-variable';
  font-size: 14px;
  line-height: 17px;
  font-weight: 900;
  padding-left:0;
}
.collapsible-body{
  border-bottom: 1px solid #E8E8E8;
    margin: 0!important;
    padding-left:0;
    padding-right:0;
}
.collapsible-header .fa{
  position: absolute;
  top: 13px;
  right: -21px;
  transform: rotate(90deg);
  font-size:20px;
}
.active .collapsible-header .fa{
  transform: rotate(-90deg);
}
.external-link{
  display: flex;
margin-bottom: 10px;
align-items: center;
}
.external-link:hover span{
  text-decoration:underline;
}
.external-link .fa{
  color: #BF5800;
  font-size: 20px;
  margin-right: 10px;
}
.noticia-block.trabaja-con-nosotros{
  height: 25vw;
background: #C4B499;
color: white;
display: block;
    max-width: 25%;
}
.noticia-block.trabaja-con-nosotros a{
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  height:100%;
  padding: 50px;
}
.noticia-block.trabaja-con-nosotros img{
  height: 7vw;
object-fit: contain;
margin-bottom: 20px;
margin-right:auto;
}
.noticia-block.trabaja-con-nosotros .ver-mas{
  color: white;
margin-top: 50px;
}
.wswig h1, .wswig h2, .wswig h3, .wswig h4, .wswig h5, .wswig h6, .wswig p, .wswig ol, .wswig ul{
	margin-bottom:20px;
}
.wswig ul li{
  position: relative;
      padding-left: 20px;
      margin-bottom: 15px;
}
.wswig ol li{
  position: relative;
      padding-left: 20px;
      margin-bottom: 15px;
	list-style-position: inside;
}

.wswig div.aviso {padding: 15px;
    background-color: #EBEBEB;
    margin-bottom: 30px;}

.wswig div.aviso a {text-decoration:underline;}

.wswig ul li::before{
  position: absolute;
  content: "";
  top: 6px;
  left: 0px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: black;
}
.image-holder{
  margin: 20px 0;
display: block;
}
.listado{
  display: flex;
align-items: flex-start;
margin-bottom:20px;
}
span.index{
  color: white;
    width: 30px;
    font-size: 18px;
    line-height: 18px;
    font-family: 'overpass-variable';
    font-weight: 900;
    height: 30px;
    border-radius: 50%;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.embed-holder iframe{
  width:100%;
  display: block;
  aspect-ratio:100/56;
  margin-bottom:20px;
}
.display_posts_ajax.row .col:not(.first-col){
  padding:0!important;
}
.display_posts_ajax.row{
  margin:0;
}
.js-next-ajax{
  cursor: pointer;
  font-size: 24px;
font-family: 'cronos-pro';
font-weight: bold;
padding: 50px;
display: block;
border-top: 1px solid #E8E8E8;
	text-align: center;
}
.ver-mas.reversed{
  position: absolute;
    top: 30px;
    left: 50px;
}
.ver-mas.reversed .fa{
  margin-left: 0;
margin-right: 5px;
}
.fecha{
  font-weight: lighter;
font-style: italic;
margin-bottom: 15px;
}
.single-post .subtitulo{
  color: black;
font-weight: 500;
font-size: 19px;
line-height: 26px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #E8E8E8;
}




















#nav-icon {
  margin-left:20px;
	width: 25px;
	min-width: 25px;
	height: 25px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	transition: 0s!important;
	z-index: 110;
	transform: translateX(-10px);
}
 #nav-icon.open{
	 width: 25px;
	 min-width: 25px;
	 height: 25px;
}
#nav-icon span {
 display: block;
 position: absolute;
 height: 2px;
 width: 100%;
 background: black;
 border-radius: 5px;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .25s ease-in-out;
 -moz-transition: .25s ease-in-out;
 -o-transition: .25s ease-in-out;
 transition: .25s ease-in-out;
}
body:not(.scrolled) #nav-icon span{
  background: white;
}
#nav-icon span:nth-child(1) {
 top: 4px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}
#nav-icon span:nth-child(2) {
 top: 11px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}
#nav-icon span:nth-child(3) {
 top: 18px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}
 #nav-icon.open span:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 3px;
     left: 4px;
     width: 25px;
}
 #nav-icon.open span:nth-child(2) {
 width: 0%;
 opacity: 0;
}
#nav-icon.open  span:nth-child(3) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 top: 21px;
 left: 4px;
 width: 25px;
}
@media(max-width:1450px){
  ul.menu li {
      margin-left: 15px;
  }
  .menu-part{
      max-width: calc(100vw - 200px);
      padding-left:20px;
      padding-right:20px;
  }
  .container_div {
    padding-left: 20px;
    padding-right: 20px;
}
.logros .slick-slide {
    padding: 20px;
}
.logros .slick-slide img {
    height: 15vw;
    display: block;
    margin: 30px auto 15px;
    max-width: 100%;
    object-fit: contain;
}
.subtitulo {
    color: #6A6A6A;
    font-size: 13px;
    line-height: 15px;
}
.counter{
  bottom:20px;
}
.arrow-left, .arrow-right{
  bottom:calc(25vw + 20px);
}
.arrow-left{
  left:20px;
}
.arrow-right{
  right:20px;
}
.noticia-block .text , .destacado_con_imagen .text-part, .link-cuadrado, .content-part{
    padding: 20px;
}
.slider_de_imagenes_wrap .arrow-left, .slider_de_imagenes_wrap .arrow-right, .slider_de_imagenes_wrap .counter{
  bottom:20px;
}

}
@media(max-width:1250px){
  header{
    font-size:10px;
  }
  footer .menu {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      height: auto;
  }
  footer .menu li{
    width:33%;
    margin-bottom:50px;
  }
  footer .sub-menu li{
    width:100%;
    margin-bottom:5px;
  }
}
@media(min-width:992px){
  .mobile{
    display: none!important;
  }
}
@media(max-width:991px){
  .first-col.sidebar.col{
    width:100%;
    height: auto;
  }
	footer .logos{
		flex-flow:column;
	}
	footer .logos div{
		flex-flow:column;
	}
  .menu_open #nav-icon span{
    background: black!important;
  }
  .menu-part{
    position: fixed;
padding-right: 20px;
padding-left: 20px;
max-width: 100%;
top: 7px;
padding-top: 40px;
background: white;
height: calc(100vh - 7px);
width: 100%;
left: 0;
flex-flow: column-reverse;
display: flex;
justify-content: flex-end;
opacity: 0;
transform: translateX(100%);
transition: all 0.33s ease;
z-index: -1;
  }
  .menu_open .menu-part{
    opacity:1;
    transform:none;
    font-size: 9px;
  }
  .logros-wrap{
    width: 100%;
  }
  .numeros-destacados{
    width: 100%;
flex-flow: column;
  }
  ul.menu {
    display: flex;
    flex-flow: column;
	  font-size: 180%;
    line-height: 180%;
    margin-top: 80px;
}
ul.menu li {
    margin-left: 0;
}
.menu-header-menu-container {
    margin-top: 50px;
}
.upper-part {
    display: flex;
    font-size: 9px;
    line-height: 11px;
    font-weight: 500;
    text-transform: uppercase;
    justify-content: flex-start;
    margin-top: 20px;
    line-height: 19px;
}
.language-chooser {
    position: absolute;
    margin: 0;
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2);
    bottom: 20px;
    right: 20px;
    line-height: 13px;
}
header .social-icons{
  position: absolute;
bottom: 20px;
left: 20px;
}
header li .sub-menu{
  display: block;
  position: relative;
  padding: 0px!important;
  box-shadow: none!important;
  height:0;
  max-height:0;
  overflow:hidden;
  transition:all 0.33s ease;
  z-index: 10;
  margin-bottom:0;
}
header li:hover .sub-menu {
    height: auto;
    max-height:100vh;
    margin-bottom:20px;
    padding: 10px!important;
}
header .sub-menu h4 {
    display: none;
}
header {
    font-size: 12px;
    line-height: 24px;
}
header .sub-menu li a {
    font-size: 15px;
    line-height: 30px;
    font-family: 'questa-sans';
    text-transform: none;
}
header .sub-menu img {
  display: none;
}
body:not(.scrolled) header::before{
  display: none;
}
header{
  align-items: center;
}
.branding, .logo {
    height: 50px;
    display: block;
    transition: all 0.33s ease;
}
.destacado_con_imagen {
    width: 100%;
    height: auto;
}
.destacado_con_imagen img {
    display: block;
    width: 100%;
    height: 50vw;
    object-fit: cover;
}
.destacado_con_imagen .text-part {
    background: #efeae5;
    color: #000000;
    height: auto;
    padding: 20px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.slider_de_imagenes_wrap {
    background: #1987AC;
    width: 100%;
    display: inline-block;
    height: auto;
    position: relative;
}
.slider_de_imagenes_wrap .slick-slide img {
    display: block;
    height: 50vw;
    width: 100%;
    object-fit: cover;
}
.content-part {
    height: 50vw;
    padding: 20px;
    color: white;
}
.links-cuadrados {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}
.link-cuadrado img {
    height: 35vw;
    margin-bottom: 30px;
}
.small-box {
    width: 100%;
}
.vertical {
    height: auto;
}
.logros {
    position: absolute;
    top: 0;
    height: 100vw;
    background: white;
    width: 100%;
    -webkit-box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
    -moz-box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
    box-shadow: 0px 0px 4px -1px rgba(201,201,201,1);
}
.logros-wrap {
    position: relative;
    padding-top: 100vw;
}
.logros .slick-slide {
    height: 100vw;
    padding: 20px;
    text-align: center;
}
.logros .slick-slide img {
    height: 25vw;
    display: block;
    margin: 30px auto 15px;
    max-width: 100%;
    object-fit: contain;
}
.links-destacados {
    display: flex;
    flex-flow: column;
    justify-content: stretch;
    height: 50vw;
    width: 100%;
}
.destacados-con-imagenes-wrap{
  width: 100%;
  height: auto;
}
.destacados-con-imagenes-wrap .arrow-left, .destacados-con-imagenes-wrap .arrow-right{
  display: none!important;
}
.arrow-left, .arrow-right{
      bottom: calc(50vw + 20px);
}
.link-cuadrado {
    width: 100%;
    height: 100vw;
    padding: 20px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    color: white;
}
.noticia-block img{
    bottom: calc(50vw + 20px);
}
.noticia-block .text {
    position: relative;
    padding: 20px;
    display: flex;
    flex-flow: column;
    height: auto;
    transition: all 0.33s ease;
}
.slick-dots {
    display: block;
    width: 580px;
    max-width: calc(100vw - 40px);
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    bottom: 25px;
	height:15px;
}
.text_part {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    width: 580px;
    z-index: 2;
    max-width: calc(100vw - 40px);
}
footer .menu li {
    width: 100%;
}
.noticia-block img {
    display: block;
    height: 100vw;
    object-fit: cover;
    width:100%;
}
.content-part {
    height: 100vw;
    padding: 20px;
    color: white;
}
h1 {
    font-family: "cronos-pro";
    font-size: 40px;
    line-height: 42px;
  }
  body:not(.scrolled) header .menu-part{
    color:black;
  }
  body:not(.scrolled) header .sub-menu {
    background: transparent;
    box-shadow: none!important;
}
.menu_open .logo{
  filter: none!important;
    transform: none!important;
    height: 52px!important;
}
.slider-relacionados-wrap h1 {
    font-size: 23px;
    line-height: 48px;
    border-top: 1px solid #E8E8E8;
    padding-top: 20px;
    padding-left: 20px;
}
.sidebar-menu {
    position: static;
    top: auto;
    width: 100%;
    background: white;
    z-index: 10;
    min-height: 0;
    padding: 0 20px;
}
.main-content {
    width: 100%;
    margin: 0;
    font-size: 17px;
    line-height: 23px;
    padding: 30px 20px;
}
.buttons-sharing {
    max-width: 100%;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 20px 60px;
    left: auto;
top: auto;
}
.scrolled header .current-menu-item, .scrolled header .current-menu-parent{
  border:none!important;
}
}
.special-row h5{
  margin-bottom:0;
  margin-top:20px;
  font-weight: bold;
}
.input-field label{
  position: static!important;
font-size: 14px!important;
color: #175641;
display: block;
transform: none!important;
}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after{
  border:2px solid #175641;
}
[type="checkbox"]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #175641;
    border-bottom: 2px solid #175641;
  }
.input-field input[type="text"], .input-field input[type="number"], .input-field input[type="date"]{
    border:1px solid #175641;
    color: #175641;
    box-shadow:none!important;
    padding-left:10px;
    width:calc(100% - 10px);
}
button[type="submit"] svg{
  fill: white;
height: 14px;
margin-left: 5px;
}
textarea{
  border:1px solid #175641;
  color: #175641;
  box-shadow:none!important;
  padding-left:10px;
  width:100%;
  min-width: 100px;
  height: auto;
}
.col .small-box{
  width:100%;
}
select{
  border:1px solid #175641;
}
.form{
  color: #175641;
}
.input-field {
    width: 100%;
    margin-bottom: 15px;
    color: #175641;
}
.form h3 {
    width: 100%;
    margin-top: 40px;
}
.tab-pane.active{
  display: flex!important;
  flex-wrap:wrap;
}
.tabs .tab a:hover, .tabs .tab a.active, .tab a:visited {
    background-color: #175641!important;
    color: white;
}
.tabs .tab a {
    color: black;
  }
  .tabs .indicator{
    display: none;
  }
#recaptcha_element{
  width:100%;
}
input[type="submit"]{
  background: black;
color: white;
border: none;
padding: 10px 50px;
cursor: pointer;

}

.modal_wrap{
  position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0,0,0,0.9);
z-index: 120;
}
.gallery{
  display: flex;
justify-content: start;
flex-wrap:wrap;
position: relative;
}
.gallery figure{
  cursor: pointer;
    width: 30%;
}
.modal_wrap img{
  width: 90vw;
  height: 90vh;
  object-fit:contain;
  object-position: center;
}
.modal_wrap .modal-gallery{
  width: 90vw;
  height: 90vh;
  margin: 5vh 5vw;
}
.js-close-this{
  position: absolute;
    color: white;
    background: rgba(255,255,255,0.3);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.modal_wrap .arrow-right {
    position: absolute;
    bottom: 50%;
    right: 10px;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,0.3);
    color: white;
    text-align: center;
    line-height: 30px;
    font-size: 25px;
}
.modal_wrap .arrow-left{
    position: absolute;
    transform: none;
    bottom: 50%;
    left: 10px;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,0.3);
    color: white;
    text-align: center;
    line-height: 30px;
    font-size: 25px;
}
.modal_wrap{
  position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0,0,0,0.9);
z-index: -20;
opacity:0;
transition: all 0.33s ease;
}
.modal_wrap.active{
  z-index: 120;
  opacity:1;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background: #175641;
    color: white;
    display: inline-block;
    padding: 10px 50px;
    cursor: pointer;
    margin-top: 40px;
}
.input-field.radio{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after{
    background-color: #175641;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after{
    border: 2px solid #175641;
}
@media(min-width:992px){
  .destacados-pagina{
      width: calc(100% + (50vw - 280px));
      display: flex;
      flex-wrap:wrap;
  }
  .destacados-pagina .small-box {
    width: 33.333%;
    height: auto!important;
}
.destacados-pagina .noticia-block img {
    display: block;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1;
}
.destacados-pagina .noticia-block .text {
    position: relative;
    padding: 40px;
    display: flex;
    flex-flow: column;
    height: auto;
    aspect-ratio: 3/2;
}
}
.volver-btn{
  color: #DF6939;
}
.volver-btn .fa{
  transform: rotate(180deg);
    margin-right: 8px;
    font-size: 10px;
}
@media(min-width:992px){
  .volver-btn{
  position: absolute;
  top: 30px;
  left: 3vw;
  }
}