 @charset "utf-8";
/* CSS Document */
/****General****/
html, body {
	margin:0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	color:#212121;
}
html {
  scroll-behavior: smooth;
}
div {
	box-sizing: border-box;
}
button:focus, a:focus, .btn:focus {
  outline: none;
  box-shadow: none;
}
.wow {
  visibility: hidden;
}
.serif {
  font-family: 'Abril Fatface', cursive;
}
.b-400 {
  font-weight: 400;
}
.overflow-hidden {
  overflow: hidden;
}
/*******/
.text-orange {
  color: #ea7400;
}
.text-black {
  color: #212121;
}
.btn-naranja, .btn-naranja:hover {
  background-color: #ea7400!important;
  color: #fff;
}
/*******/
.bg-grey {
  background-image: url(../images/background-gray-light.gif);
  background-size: 75px;
  background-repeat: repeat;
}
.bg-orange {
  background-image: url(../images/background-orange.gif);
  background-size: 75px;
  background-repeat: repeat;
}
.bg-black {
  background-image: url(../images/background-black.gif);
  background-size: 75px;
  background-repeat: repeat;
}
/********/
.card {
  background-color: transparent!important;
}
.md-accordion .card, .md-accordion .card:first-of-type, .md-accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 1px solid #212121;
}
.md-accordion .card .card-header {
  position: relative;
}
#headingEconomia::after, #headingSeguridad::after, #headingSalud::after, #headingPensiones::after, #headingAmbiente::after, #headingEducacion::after, #headingMujeres::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  top: -10px;
  z-index: 20;
  pointer-events:none;
  background-position: center;
  background-repeat: no-repeat;
}
#headingEconomia::after {
  background-image: url(../images/economia.png);
  left: 60%;
}
#headingSalud::after {
  background-image: url(../images/salud.png);
  left: 20%;
}
#headingPensiones::after {
  background-image: url(../images/pensiones.png);
  left: 70%;
}
#headingSeguridad::after {
  background-image: url(../images/seguridad.png);
  left: 50%;
}
#headingAmbiente::after {
  background-image: url(../images/ma.png);
  left: 30%;
}
#headingEducacion::after {
  background-image: url(../images/educacion.png);
  left: 80%;
}
#headingMujeres::after {
  background-image: url(../images/mujeres.png);
  left: 40%;
}
/***************/
@media (min-width: 1460px) {}
@media (min-width: 992px) {
  .jarallax {
    min-height: 300px;
  }
}
@media (max-width: 991px) {
   .jarallax {
    min-height: 300px;
  }
}
@media (max-width: 720px) {
  .jarallax {
    min-height: 250px;
  }
}
@media (max-width: 576px) {
  .jarallax {
    min-height: 200px;
  }
  #portrait-boric {
    margin-right: -80px;
  }
  #portrait-kkk {
    margin-left: -60px;
  }
  .resumen-orange p, .resumen-orange ul {
    background-color: rgba(234,116,0,.8);
  }
  .resumen-black {
    z-index: 2;
  }
  .resumen-black p, .resumen-black ul {
    background-color: rgba(33,33,33,.8);
  }
  #headingEconomia::after {
    left: 60%;
    background-size: 80%;
  }
  #headingSalud::after {
    left: 40%;
    background-size: 80%;
  }
  #headingPensiones::after {
    left: 60%;
    background-size: 80%;
  }
  #headingEducacion::after {
    left: 70%;
    background-size: 80%;
  }
  #headingSeguridad::after {
    left: 40%;
    background-size: 80%;
  }
  #headingAmbiente::after {
    left: 60%;
    background-size: 80%;
  }
  #headingMujeres::after {
    left: 40%;
    background-size: 80%;
  }
}
/****************/
