@import url(https://fonts.googleapis.com/css?family=Lora:400,700,700italic,400italic|Montserrat:400,700);

:root {
  --primary-red-color: #8F2934;
  --color-gold: #EBA900;
}

h1, h2, h3, h4, h5, h6, a, p, span {
  font-family: "Roboto", sans-serif; text-align: justify;}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

i, em {
  font-family: Lora;
  font-weight: 400;
  font-style: italic; }

a {
  text-decoration: none; }
  a:hover, a:active, a:visited, a:focus {
    text-decoration: none; }

/*
	Helpers class
*/
body {
  overflow-x: hidden; }

.no-padding {
  padding: 0 !important; }

.button, .button-login {
  background-color: #75031b;
  border: none;
  padding: 10px 50px;
  color: #FFF;
  font-family: Montserrat;
  font-weight: 700;
  margin-bottom: 5px; }

.button-login {
  background-color: #FFF;
  color: #75031C; }

.button-white {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 20px;
  font-family: Montserrat;
  font-weight: 700;
  transition: all .3s; }
  .button-white:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all .3s; }

.slick-dots {
  position: relative !important;
  margin-top: -80px; }

.line-red, .line-white {
  display: block;
  width: 80px;
  height: 5px;
  background-color: #75031C;
  margin-bottom: 15px; }

.text-center img {
  margin: 0 auto; }

.line-white {
  background-color: #FFF; }

.padding-lg {
  padding: 30px 0; }

.padding-lg-total {
  padding: 30px; }

.padding-bg {
  padding: 50px 0; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.lora {
  font-family: Lora; }

.montserrat {
  font-family: Montserrat; }

.white-text {
  color: #FFF; }

.red-text {
  color: #8F2934; }
.yellow-text{
  color: #EBA900;
}

.margin-top-md {
  margin-top: 25px; }

.margin-top-lg {
  margin-top: 35px; }

.image {
  width: 100%; }

a:hover {
  color: #fff; }

.form-natural {
  width: 100%; }
  .form-natural input, .form-natural textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #75031C;
    padding: 10px 20px;
    color: #202020;
    outline: 0;
    margin-bottom: 15px;
    font-family: Montserrat; }

.slick-slider {
  margin-bottom: 0 !important; }

.shadow-text {
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.6); }

@media (max-width: 768px) {
  .no-padding-left, .no-padding-right {
    padding-right: 15px !important;
    padding-left: 15px !important; } }
/*
	Estilos del menu
*/
/* Banda del menu y el logo*/
#menu-home {
  height: 75px; /*odem 100*  --alto de la banda*/
  width: 100%;
  background-color: #FFF;
  position: relative;
  z-index: 100;
  padding: 8px 0; /*odem 15 0  --espacio del contenido de la banda*/
  border-bottom: 1px solid #CCC;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3); }

.logo-home {
  float: left; }

.logo-home img {
  width: 208px; }

.menu-options {
  max-width: 700px;
  margin: 0 auto;
  text-align: center; }

.menu-options ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.menu-options ul li {
  display: inline-block; }

.menu-options ul li a {
  color: #202020;
  padding: 15px;
  height: 60px; /*odem 80*  --alto del menu*/
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: Montserrat; }

.menu-options ul li a:hover {
  text-decoration: none; }

.menu-options span {
  position: relative;
  top: 3px; }

.menu-right {
  float: right; }

.menu-right a {
  text-decoration: none;
  font-weight: 700;
  color: #FFFF;
  background-color: var(--primary-red-color);
  text-transform: uppercase;
  padding: 12px 20px;
  position: relative;
  top: 20px; /*odem 30*/
  transition: all .3s; }

.menu-right-mobile{
  background-color: var(--primary-red-color)!important;
  color: #fff!important;
  border: none!important;
}

.logo-red {
  display: none; }

.menu-white {
  background-color: #FFF !important;
  transition: all .3s;
  border-bottom: 1px solid #ccc; }
  .menu-white a {
    color: #202020 !important;
    transition: all .3s; }
  .menu-white .logo-normal {
    display: none;
    transition: all .3s; }
  .menu-white .logo-red {
    transition: all .3s;
    display: block; }

.button-to-top {
  background: #75031C;
  border: none;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #FFF;
  position: absolute;
  right: 0;
  z-index: 0;
  right: 15px;
  transition: all .3s;
  padding: 15px;
  opacity: 0;
  bottom: 20px; }

.button-to-top.affix {
  z-index: 150;
  opacity: 1;
  position: fixed;
  transition: all .3s; }

.button-to-top:visited, .button-to-top:active {
  color: #FFF; }

/*
	Estilos del header
*/
#banner-section {
  width: 100%;
  height: 400px;
  position: relative; }
  #banner-section .container-fluid {
    overflow: hidden;
    position: absolute;
    width: 100%; }

.banner-home {
  width: 100% !important;
  min-height: 400px;
  position: relative;
  z-index: 0; }

.banner-home .banner-item {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner1.jpg);
  /*background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner1.jpg);*/
  background-position: center;
  min-height: 400px;
  background-size: cover;
  width: 100%; }

.banner-home .banner-2 {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner2.jpg);
  background-position: center;
  min-height: 400px;
  background-size: cover;
  width: 100%; }
  
.banner-home .banner-3 {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner3.jpg);
  background-position: center;
  min-height: 400px;
  background-size: cover;
  width: 100%; }
  
.banner-home .banner-4 {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner4.jpg);
  background-position: center;
  min-height: 400px;
  background-size: cover;
  width: 100%; }
  
/*.banner-home .banner-5 {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner5.jpg);
  background-position: center;
  min-height: 400px;
  background-size: cover;
  width: 100%; }
  
.banner-home .banner-6 {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner6.jpg);
  background-position: center;
  min-height: 400px;
  background-size: cover;
  width: 100%; }
 
.banner-home .banner-7 {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner7.jpg);
  background-position: center;
  min-height: 400px;
  background-size: cover;
  width: 100%; }
 
.banner-home .banner-8 {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/banner/banner8.jpg);
  background-position: center;
  min-height: 400px;
  background-size: cover;
  width: 100%; }
*/
  
.banner-home .banner-item {
  padding-top: 180px; }
  .banner-home .banner-item .banner-content h1 {
    color: #FFF;
    font-size: 4.5rem;
    font-weight: 700; }
    .banner-home .banner-item .banner-content h1 span {
      font-weight: 400; }

/*
	Login form
*/
.login-content{
  border: 2px solid #ffff;
}

.login-menu input{
  border: 1px solid var(--color-gold);
  background: transparent;
  border-radius: 10px;
  padding: 10px 20px;
  width: 70%;
  margin-bottom: 20px;
}

.btn-login{
  background-color: var(--color-gold);
  padding: 10px 20px;
  color: var(--primary-red-color);
  text-align: center;
  width: 70%;
  border-radius: 10px;
  border: none;
}

/*Acerca de section*/
#about-section {
  border-top: 4px solid #75031C;
  width: 100%; }
  #about-section .about-info {
    padding-top: 0px;
    padding-bottom: 0px; }
    #about-section .about-info h2 {
      font-weight: 700;
      margin-bottom: 25px; }
    #about-section .about-info p {
      margin-bottom: 20px; }
  #about-section .about-image {
    background-image: url(../images/recursos/about-image.jpg);
    min-height: 213px;
    background-size: cover; }

/*
	Services section
*/
#services-section {
  width: 100%;
  background-image: url(../images/recursos/services-section.jpg);
  min-height: 10px;
  background-size: cover;
  position: relative; }
  #services-section .servicios-items {
    padding-top: 30px;
    padding-bottom: 30px; }
    #services-section .servicios-items h2 {
      color: #FFF;
      font-weight: 700; }
    #services-section .servicios-items p {
      color: #FFF;
      font-family: Lora;
      font-style: italic; }
  #services-section .servicios-menu {
    width: 100%;
    padding: 15px 0; }
    #services-section .servicios-menu ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #services-section .servicios-menu ul li {
        text-align: center;
        border-bottom: 1px solid #FFF; }
        #services-section .servicios-menu ul li a {
          font-weight: bold;
          color: #FFF;
          transition: all .3s;
          padding: 15px;
          display: block; }
          #services-section .servicios-menu ul li a:hover {
            background-color: #FFF;
            color: #75031C;
            transition: all .3s; }
      #services-section .servicios-menu ul li:nth-child(1) a {
        border-top: 1px solid #FFF; }
      #services-section .servicios-menu ul li.active a {
        background-color: #FFF;
        color: #75031C;
        transition: all .3s; }
  #services-section .servicios-content {
    background-color: rgba(255, 255, 255, 0.3);
    min-height: 550px;
    position: relative; }
    #services-section .servicios-content .tab-pane {
      position: relative;
      min-height: 500px; }
      #services-section .servicios-content .tab-pane .servicio-excerpt {
       min-height: 350px; 
          position: absolute;
        bottom: 0;
        padding: 10px; }
        #services-section .servicios-content .tab-pane .servicio-excerpt h2 {
          color: #FFF; }
        #services-section .servicios-content .tab-pane .servicio-excerpt p.sub-title {
          font-style: italic;
          font-family: Lora;
          color: #FFF;
          margin-bottom: 50px;
          font-size: 1.6rem; }
        #services-section .servicios-content .tab-pane .servicio-excerpt p.sub-description {            
            color: #FFF;
            margin: 25px 0 35px 0;
        }
          
          
          
          
          #services-section .servicios-content .tab-pane .servicio-alerta_temprana {
        position: absolute;
        bottom: 0;
        padding: 30px; }
        #services-section .servicios-content .tab-pane .servicio-alerta_temprana h2 {
          color: #FFF; }
        #services-section .servicios-content .tab-pane .servicio-alerta_temprana p.sub-title {
          font-style: italic;
          font-family: Lora;
          color: #FFF;
          margin-bottom: 50px;
          font-size: 1.6rem; }
        #services-section .servicios-content .tab-pane .servicio-alerta_temprana p.sub-description {
          color: #FFF;
          margin: 25px 0 35px 0; }
          
          
          
            #services-section .servicios-content .tab-pane .servicio-reporte_ubicacion {
        position: absolute;
        bottom: 0;
        padding: 30px; }
        #services-section .servicios-content .tab-pane .servicio-reporte_ubicacion h2 {
          color: #FFF; }
        #services-section .servicios-content .tab-pane .servicio-reporte_ubicacion p.sub-title {
          font-style: italic;
          font-family: Lora;
          color: #FFF;
          margin-bottom: 50px;
          font-size: 1.6rem; }
        #services-section .servicios-content .tab-pane .servicio-reporte_ubicacion p.sub-description {
          color: #FFF;
          margin: 25px 0 35px 0; }
          

/*
	Responsabilidad Social
*/
#resp-section {
  width: 100%;
  padding-bottom: 30px; }
  #resp-section h2, #resp-section p {
    color: #75031C; }

/*
	Medios Section
*/
#medios-section {
  width: 100%;
  background: #FFF;
  position: relative; }
  #medios-section .container {
    border-top: 4px solid #75031C; }
  #medios-section .left-border:before {
    position: absolute;
    border-top: 4px solid #75031C;
    left: -100%;
    top: -4px;
    width: 100%;
    content: "";
    display: block;
    height: 100%; }
  #medios-section .medios-carousel {
    width: 100%;
    margin-top: 25px; }
    #medios-section .medios-carousel .medios-item {
      width: auto;
      height: auto;
      padding-left: 30px; }
      #medios-section .medios-carousel .medios-item .medios-date {
        width: 65px;
        float: left;
        padding-right: 20px; }
        #medios-section .medios-carousel .medios-item .medios-date h4 {
          text-transform: initial;
          font-size: 2.5rem;
          font-weight: 400;
          margin-bottom: 5px; }
        #medios-section .medios-carousel .medios-item .medios-date h5 {
          font-weight: 700;
          font-size: 1.8rem; }
      #medios-section .medios-carousel .medios-item .medios-info {
        padding-right: 30px;
        border-right: 1px solid #ccc; }
        #medios-section .medios-carousel .medios-item .medios-info a {
          color: #202020; }
      #medios-section .medios-carousel .medios-item:before, #medios-section .medios-carousel .medios-item:after {
        clear: both;
        display: table;
        content: ""; }
    #medios-section .medios-carousel .slick-active {
      padding-left: 0;
      transition: all .6s; }
  #medios-section .medios-image {
    height: 220px;
    background: url(../images/recursos/medios-image.jpg);
    background-size: cover;
    padding-top: 60px; }
    #medios-section .medios-image h4 {
      color: #FFF;
      text-transform: uppercase;
      font-weight: 700; }
    #medios-section .medios-image p {
      color: #FFF;
      font-size: 1.8rem; }

/*
	Articlecs Section
*/
#articles-section {
  background: #75031C;
  background: linear-gradient(right, #870808, #530808);
  background: -moz-linear-gradient(right, #870808, #530808);
  background: -webkit-linear-gradient(right, #870808, #530808);
  min-height: 100px; }
  #articles-section h2 {
    color: #FFF; }
  #articles-section em {
    color: #FFF; }
  #articles-section .articles-numbers {
    background-color: rgba(92, 3, 22, 0.75); }
    #articles-section .articles-numbers .padding-bg {
      padding-right: 30px;
      padding-left: 30px; }

/*
	Contact-section
*/
#contact-section {
  background-image: url(../images/recursos/contacto-banner.jpg);
  background-size: cover;
  width: 100%;
  padding: 40px 0; }
  #contact-section .row div {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
    color: #FFF; }
    #contact-section .row div p {
      margin: 0; }

#medios-section a {
  outline: 0; }

@media (min-width: 992px) and (max-width: 1400px) {
  #banner-section, .login-form {
    height: 300px; }

  .banner-home {
    min-height: 300px; }
    .banner-home .banner-item, .banner-home .banner-2 {
      min-height: 300px; }
    .banner-home .banner-item {
      padding-top: 130px; }
 }
footer {
  width: 100%; }
  footer .footer-top {
    padding: 40px 0; }
  footer span {
    display: block;
    float: left;
    color: #75031C;
    padding-right: 15px;
    font-size: 1.8rem; }
  footer span.glyphicon-map-marker {
    height: 50px; }
  footer .sub-footer {
    padding: 15px 0; }
    footer .sub-footer i {
      font-style: inherit;
      font-weight: 300;
      font-family: Montserrat; }
    footer .sub-footer p {
      margin: 0;
      text-transform: uppercase; }

/*Boxs prjects*/
.box-project {
  width: 100%;
  background: #EFEFEF;
  border-bottom: solid 1px #c7c9c8;
  margin: 15px 0;
	height: 156px;
}
  .box-project .box-image {
    overflow: hidden;
    height: 168px;
    width: 28%;
    float: left;
    position: relative;
	top: 1px;
	left: -2px;
}
    .box-project .box-image img {
      -webkit-transform: scale(1, 1);
      -webkit-transition-timing-function: ease-out;
      -webkit-transition-duration: 2000ms;
      -moz-transform: scale(1, 1);
      -moz-transition-timing-function: ease-out;
      -moz-transition-duration: 2000ms;
      transform: scale(1, 1);
      transition-timing-function: ease-out;
      transition-duration: 2000ms;
      width: 169px;
      height: 145px; }
    .box-project .box-image .button-white {
      opacity: 0;
      border: 2px solid #FFF;
      padding: 10px;
      color: #FFF;
      left: 40%;
      font-weight: bold;
      position: absolute;
      bottom: 1px;
      transition: all .3s;
      display: block;
	height: 57px;
	width: 51px;
}
  .box-project .box-content {
    width: 65%;
    float: left;
    padding: 15px;
	height: 127px;
}
    .box-project .box-content p {
      font-size: 1.1rem;
      line-height: 1.3rem; }
      .box-project .box-content p em {
        color: #202020; }
  .box-project:hover .box-image img {
    width: 220px; }
  .box-project:hover .box-image .button-white {
    opacity: 1;
    bottom: 50px;
    transition: all .3s; }

.box-articles {
  height: 250px;
  width: 100%;
  overflow: hidden;
  position: relative; }
  .box-articles .box-content {
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    padding: 12px;
    bottom: -82px;
    transition: all .3s; }
    .box-articles .box-content h4 {
      color: #FFF;
      text-transform: uppercase;
      font-size: 1.3rem;
      margin: 0; }
    .box-articles .box-content p {
      line-height: 1.5rem;
      font-size: 1.3rem;
      padding: 1rem 0; }
      .box-articles .box-content p em {
        color: #FFF; }
    .box-articles .box-content a {
      padding: 8px;
      font-size: 1.2rem;
      display: inline-block; }
      .box-articles .box-content a:hover {
        color: #FFF; }
  .box-articles:hover .box-content {
    bottom: 0;
    transition: all .3s; }

 
.header-quienes-somos {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/recursos/quienes-somos.jpg);
  background-size: cover;
  background-position: bottom;
  min-height: 400px;
  width: 100%;
  position: relative;
  padding-top: 220px; }
  .header-quienes-somos h1 {
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 30px; }

#about-us {
  border-top: 4px solid #75031C;
  width: 100%; }
  #about-us .padding-lg em {
    color: #75031C; }
  #about-us .padding-lg h2 {
    margin: 5px 0; }
  #about-us .padding-lg p {
    margin: 20px 0; }
  #about-us .numeros-about {
    background: url(../images/recursos/numeros-about.jpg);
    background-size: cover;
    min-height: 400px;
    padding-left: 10%;
    padding-right: 10%; }
    #about-us .numeros-about em {
      color: #FFF !important; }

#banner-about {
  width: 100%;
  background: url(../images/recursos/banner-about.jpg);
  background-size: cover;
  padding: 60px 0;
  position: relative; }

#junta-directiva {
  background-color: #eee;
  padding: 30px 0;
  width: 100%; }

#vision {
  background: #F1F1F1;
  padding: 50px 0; }

#responsabilidad-items {
  background: #E5E4E5;
  width: 100%;
  position: relative;
  border-bottom: 4px solid #75031C; }
  #responsabilidad-items .tabs-resp {
    width: 100%;
    height: 580px;
    overflow-y: scroll; }
    #responsabilidad-items .tabs-resp ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    #responsabilidad-items .tabs-resp .resp-excerpt {
      width: 100%;
      background: #F7F7F7;
      border-bottom: 2px solid #FFF; }
      #responsabilidad-items .tabs-resp .resp-excerpt .resp-image {
        width: 40%;
        float: left;
        min-height: 150px;
        background-size: cover;
        background-position: center; }
      #responsabilidad-items .tabs-resp .resp-excerpt .resp-title {
        width: 60%;
        float: left;
        padding: 15px; }
        #responsabilidad-items .tabs-resp .resp-excerpt .resp-title h4 {
          font-size: 1.3rem;
          color: #202020;
          margin: 0; }
  #responsabilidad-items .item1 {
    background: url(../images/resp-images/item1/item1.jpg); }
  #responsabilidad-items .item2 {
    background: url(../images/resp-images/item2/item2.jpg); }
  #responsabilidad-items .item3 {
    background: url(../images/resp-images/item2/item2-3.jpg); }
  #responsabilidad-items .item4 {
    background: url(../images/resp-images/item3/item3.jpg); }
  #responsabilidad-items .item5 {
    background: url(../images/resp-images/item5/item5.jpg); }
  #responsabilidad-items .item6 {
    background: url(../images/resp-images/item6/item6.jpg); }
  #responsabilidad-items .item7 {
    background: url(../images/resp-images/item7/item7.jpg); }
  #responsabilidad-items .item8 {
    background: url(../images/resp-images/item8/item8.jpg); }
  #responsabilidad-items .item9 {
    background: url(../images/resp-images/item9/item9.jpg); }
  #responsabilidad-items .tabs-resp-content {
    width: 100%;
    padding: 30px;
    background-color: #FFF;
    height: 580px;
    overflow-y: auto; }
    #responsabilidad-items .tabs-resp-content h2 {
      font-size: 2.2rem;
      margin: 0; }
    #responsabilidad-items .tabs-resp-content .resp-content-images {
      margin-top: 30px;
      margin-bottom: 15px; }
      #responsabilidad-items .tabs-resp-content .resp-content-images div {
        width: 33.3333333%;
        border: none;
        display: block;
        float: left;
        background-size: cover !important;
        background-position: center !important;
        height: 160px; }
        #responsabilidad-items .tabs-resp-content .resp-content-images div button {
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          padding: 40px;
          color: #FFF;
          border: 0;
          outline: 0;
          opacity: 0;
          font-family: Montserrat;
          font-weight: 700;
          font-size: 1.5rem;
          transition: all .3s; }
          #responsabilidad-items .tabs-resp-content .resp-content-images div button:hover {
            transition: all .3s;
            opacity: 1; }
    #responsabilidad-items .tabs-resp-content #item1 .resp-content-images div:nth-child(1) {
      background-image: url(../images/resp-images/item1/item1.jpg); }
    #responsabilidad-items .tabs-resp-content #item1 .resp-content-images div:nth-child(2) {
      background-image: url(../images/resp-images/item1/item1-2.png); }
    #responsabilidad-items .tabs-resp-content #item1 .resp-content-images div:nth-child(3) {
      background-image: url(../images/resp-images/item1/item1-3.jpg); }
    #responsabilidad-items .tabs-resp-content #item2 .resp-content-images div {
      background-image: url(../images/resp-images/item2/item2.jpg); }
    #responsabilidad-items .tabs-resp-content #item3 .resp-content-images div:nth-child(1) {
      background-image: url(../images/resp-images/item2/item2-2.jpg); }
    #responsabilidad-items .tabs-resp-content #item3 .resp-content-images div:nth-child(2) {
      background-image: url(../images/resp-images/item2/item2-3.jpg); }
    #responsabilidad-items .tabs-resp-content #item4 .resp-content-images div:nth-child(1) {
      background-image: url(../images/resp-images/item3/item3.jpg); }
    #responsabilidad-items .tabs-resp-content #item4 .resp-content-images div:nth-child(2) {
      background-image: url(../images/resp-images/item3/item3-2.jpg); }
    #responsabilidad-items .tabs-resp-content #item4 .resp-content-images div:nth-child(3) {
      background-image: url(../images/resp-images/item3/item3-3.jpg); }
    #responsabilidad-items .tabs-resp-content #item5 .resp-content-images div:nth-child(1) {
      background-image: url(../images/resp-images/item5/item5.jpg); }
    #responsabilidad-items .tabs-resp-content #item5 .resp-content-images div:nth-child(2) {
      background-image: url(../images/resp-images/item5/item5-2.jpg); }
    #responsabilidad-items .tabs-resp-content #item5 .resp-content-images div:nth-child(3) {
      background-image: url(../images/resp-images/item5/item5-3.jpg); }
    #responsabilidad-items .tabs-resp-content #item5 .resp-content-images div:nth-child(4) {
      background-image: url(../images/resp-images/item5/item5-4.jpg); }
    #responsabilidad-items .tabs-resp-content #item6 .resp-content-images div:nth-child(1) {
      background-image: url(../images/resp-images/item6/item6.jpg); }
    #responsabilidad-items .tabs-resp-content #item6 .resp-content-images div:nth-child(2) {
      background-image: url(../images/resp-images/item6/item6-2.jpg); }
    #responsabilidad-items .tabs-resp-content #item6 .resp-content-images div:nth-child(3) {
      background-image: url(../images/resp-images/item6/item6-3.jpg); }
    #responsabilidad-items .tabs-resp-content #item6 .resp-content-images div:nth-child(4) {
      background-image: url(../images/resp-images/item6/item6-4.jpg); }
    #responsabilidad-items .tabs-resp-content #item7 #item7-11 div:nth-child(1) {
      background-image: url(../images/resp-images/item7/item7-5.jpg); }
    #responsabilidad-items .tabs-resp-content #item7 #item7-11 div:nth-child(2) {
      background-image: url(../images/resp-images/item7/item7-4.jpg); }
    #responsabilidad-items .tabs-resp-content #item7 #item7-12 div:nth-child(1) {
      background-image: url(../images/resp-images/item7/item7.jpg); }
    #responsabilidad-items .tabs-resp-content #item7 #item7-12 div:nth-child(2) {
      background-image: url(../images/resp-images/item7/item7-2.jpg); }
    #responsabilidad-items .tabs-resp-content #item7 #item7-12 div:nth-child(3) {
      background-image: url(../images/resp-images/item7/item7-3.jpg); }
    #responsabilidad-items .tabs-resp-content #item8 .resp-content-images div:nth-child(1) {
      background-image: url(../images/resp-images/item8/item8.jpg); }
    #responsabilidad-items .tabs-resp-content #item8 .resp-content-images div:nth-child(2) {
      background-image: url(../images/resp-images/item8/item8-1.jpg); }
      #responsabilidad-items .tabs-resp-content #item9 .resp-content-images div:nth-child(1) {
      background-image: url(../images/resp-images/item9/item9.jpg); }

.navbar-default {
  display: none; }

@media (max-width: 1182px) {
  #menu-dropdown a {
    font-size: 1rem; } }
@media (max-width: 998px) {
  #menu-dropdown, #menu-home {
    display: none; }

  .navbar-default {
    display: block;
    z-index: 200; }

  .navbar {
    margin-bottom: 0;
    border-radius: 0;
    width: 100%;
    position: fixed; }

  .footer-top img {
    max-width: 100%; } }
@media (max-width: 768px) {

  #about-section .about-image {
    min-height: 0; }

  #medios-section .slick-arrow {
    display: none !important; }

  .box-project .box-image {
    height: 250px;
    width: 100%; }
    .box-project .box-image img {
      width: 100%;
      transform: inherit !important;
      -webkit-transform: inherit !important;
      -moz-transform: inherit !important; }
  .box-project .box-content {
    width: 100%; }
  .box-project:hover .box-image img {
    width: 100%; }
  .box-project:hover .button-white {
    left: 40%;
    bottom: 100px !important; }

  .footer-top > div {
    padding-top: 15px;
    padding-bottom: 15px; }

  .header-quienes-somos h1, .banner-content h1 {
    font-size: 3rem !important; }

  .header-quienes-somos {
    padding-top: 200px; }

  #about-us .col-sm-4 {
    display: none; }

  #articles-single article {
    padding: 15px !important; }

  .button-to-top.affix {
    display: none !important; } }
.row > div {
  word-break: break-word; }

@media (max-width: 480px) {
  #medios-archive #list-medios-item li .image-medios-item, #medios-archive #list-medios-item li .content-medios-item {
    width: 100% !important;
    padding: 0 !important; } }
#main-servicios {
  width: 100%; }
  #main-servicios .header-servicios, #main-servicios .header-contacto {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)), url(../images/servicios/header-servicios.jpg);
    background-size: cover;
    width: 100%;
    border-bottom: 6px solid #75031C;
    padding-top: 90px;
    padding-bottom: 90px; }
    #main-servicios .header-servicios p, #main-servicios .header-contacto p {
      font-size: 1.8rem;
      margin-top: 3rem; }
  #main-servicios .header-contacto {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)), url(../images/recursos/contacto.jpg);
    background-size: cover !important; }
  #main-servicios .menu-servicios {
    width: 100%;
    background-color: #FFF;
    height: 120px;
    text-align: center; }
    #main-servicios .menu-servicios ul {
      margin: 0;
      padding: 0;
      list-style: none;
      height: 120px; }
      #main-servicios .menu-servicios ul li {
        display: inline-block;
        height: 120px; }
        #main-servicios .menu-servicios ul li a {
          color: #202020;
          height: 120px;
          display: table-cell;
          vertical-align: middle;
          padding: 0 15px; }
  #main-servicios .services-white {
    overflow: hidden; }
    #main-servicios .services-white .score-image, #main-servicios .services-white .crediticia-image, #main-servicios .services-white .revision-image {
      background-image: url(../images/servicios/score-sinriesgos.jpg);
      widht: 100%;
      min-height: 400px;
      background-position: center;
      background-size: cover; }
    #main-servicios .services-white .crediticia-image {
      background-image: url(../images/servicios/consulta-crediticia.jpg);
      min-height: 600px; }
    #main-servicios .services-white .revision-image {
      background-image: url(../images/servicios/revision-masiva.jpg); }
      
      #main-servicios .services-white .alerta_temprana {
      background-image: url(../images/servicios/alerta_temprana.jpg); }
  #main-servicios .services-green {
    background-color: #eee;
    overflow: hidden; }
    #main-servicios .services-green .precalificada-image, #main-servicios .services-green .oro-image, #main-servicios .services-green .antiguedad-image {
      background-image: url(../images/servicios/consulta-precalificada.jpg);
      widht: 100%;
      min-height: 400px;
      background-position: center;
      background-size: cover; }
    #main-servicios .services-green .oro-image {
      background-image: url(../images/servicios/consulta-crediticia-oro.jpg); }
    #main-servicios .services-green .antiguedad-image {
      background-image: url(../images/servicios/antiguedad-mora.jpg); }
      
      #main-servicios .services-green .reporte-ubicacion {
      background-image: url(../images/servicios/reporte-ubicacion.jpg); }
  #main-servicios #score-sinriesgos, #main-servicios #consulta-precalificada, #main-servicios #consulta-crediticia, #main-servicios #consulta-oro, #main-servicios #revision-masiva, #main-servicios #antiguedad-mora , #main-servicios #alerta_temprana, #main-servicios #reporte-ubicacion{
    width: 100%;
    background-size: cover; }
    #main-servicios #score-sinriesgos p, #main-servicios #consulta-precalificada p, #main-servicios #consulta-crediticia p, #main-servicios #consulta-oro p, #main-servicios #revision-masiva p, #main-servicios #antiguedad-mora p, #main-servicios #alerta_temprana p, #main-servicios #reporte-ubicacion p {
      font-size: 1.4rem; }
    #main-servicios #score-sinriesgos ul, #main-servicios #consulta-precalificada ul, #main-servicios #consulta-crediticia ul, #main-servicios #consulta-oro ul, #main-servicios #revision-masiva ul, #main-servicios #antiguedad-mora ul, #main-servicios #alerta_temprana ul, #main-servicios #reporte-ubicacion ul {
      font-size: 1.4rem; }

.menu-fixed {
  position: fixed;
  top: 0;
  z-index: 100; }

.articles-header, .medios-header {
  background-image: url(../images/servicios/header-servicios.jpg);
  background-size: cover;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 120px; }
  .articles-header p, .medios-header p {
    font-size: 1.8rem;
    margin-top: 3rem; }

#articles-loop {
  width: 100%;
  background: #f2f2f2; }
  #articles-loop .menos-top {
    margin-top: -100px; }
  #articles-loop article {
    width: 100%;
    box-shadow: 0px 5px 100px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px; }
    #articles-loop article .article-content {
      padding: 20px 50px 40px 50px; }
    #articles-loop article .button, #articles-loop article .button-login {
      display: inline-block; }
  #articles-loop #article-1 .article-images {
    background-image: url(../images/articles/article-1.png);
    height: 150px;
    background-size: cover;
    width: 100%;
    background-position: center; }
  #articles-loop #article-2 .article-images {
    background-image: url(../images/articles/article-2.png);
    height: 150px;
    background-size: cover;
    width: 100%;
    background-position: center; }

  #articles-loop .contact-right {
    background-color: #FFF;
    min-height: 450px;
    margin-bottom: 40px; }
  #articles-loop .contact-left {
    background-color: #FFF; }

.line-separator {
  width: 100%;
  background: #d5d5d5;
  height: 2px;
  margin: 15px auto 15px 0; }
  .line-separator:before {
    content: "";
    display: block;
    border: 3px solid #d5d5d5;
    width: 30%;
    position: relative;
    top: -4px; }

#articles-single {
  background: #f2f2f2; }
  #articles-single .articles-header {
    padding: 90px 0 90px 0; }
  #articles-single article {
    background-color: #FFF;
    padding: 20px 50px 40px 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }

#medios-archive {
  background-color: #f2f2f2; }
  #medios-archive .medios-header {
    padding: 90px 0 90px 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), url(../images/recursos/medios-header.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  #medios-archive #medios-items {
    background-color: #FFF;
    margin: 30px 0;
    padding: 40px; }
    #medios-archive #medios-items .medios-item-dates {
      padding: 10px 0;
      border-bottom: 1px solid #ccc;
      position: relative; }
      #medios-archive #medios-items .medios-item-dates span {
        display: inline-block;
        margin-right: 15px; }
      #medios-archive #medios-items .medios-item-dates span:nth-child(3) {
        position: absolute;
        right: 0; }
    #medios-archive #medios-items .medios-item-excerpt {
      padding: 10px 0; }
  #medios-archive #list-medios-item {
    margin: 0;
    padding: 0;
    list-style: none; }
    #medios-archive #list-medios-item li {
      width: 100%;
      padding: 40px 0; }
      #medios-archive #list-medios-item li .image-medios-item {
        width: 30%;
        float: left; }
      #medios-archive #list-medios-item li .content-medios-item {
        width: 70%;
        float: left;
        padding-left: 20px; }
        #medios-archive #list-medios-item li .content-medios-item p {
          font-size: 1.4rem;
          padding: 15px 0; }
        #medios-archive #list-medios-item li .content-medios-item a:hover {
          color: #23527c; }
      #medios-archive #list-medios-item li:before, #medios-archive #list-medios-item li:after {
        clear: both;
        display: block;
        content: ""; }
    #medios-archive #list-medios-item li.medios-no-image .image-medios-item {
      display: none; }
    #medios-archive #list-medios-item li.medios-no-image .content-medios-item {
      width: 100%; }
  #medios-archive .sidebar-medios {
    background-color: #f2f2f2;
    padding-top: 30px;
    padding-bottom: 30px; }
    #medios-archive .sidebar-medios hr {
      border-top: 1px solid #505050; }
    #medios-archive .sidebar-medios hr.line-divider {
      border-top: 1px solid #ccc; }
    #medios-archive .sidebar-medios a:hover {
      color: #23527c; }
  #medios-archive a:hover {
    color: #23527c; }

/*# sourceMappingURL=styles.css.map */

/*# Nuevos estilos */


.bg-with-logo {
  background-color: #8F2934;
  background-image:
    linear-gradient(
      to right,
      rgba(143,41,52,1) 0%,       
      rgba(143,41,52,0.97) 40%, 
      rgba(143,41,52,0.4) 70%,  
      rgba(143,41,52,0.2) 100%    
    ),
    url("../images/recursos/logo-sinriesgos-bg.png");
  background-repeat: no-repeat;
  background-position: 50% 50%, 50% 20%;
  background-size: cover, 500px auto;
}

.pills-home{
  border: 1px solid var(--color-gold);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.about{
  background-color: #eceeed;
}


@media (max-width: 768px) {
  .bg-with-logo {
    background-position: center, center center; 
    background-size: cover, 70% auto;          
  }
}