/* 

1. Custom CSS creado por Avanze ( www.avanze.net )
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/* ----------------------------------------------------------------
    General
-----------------------------------------------------------------*/
h2, .h2 {

    letter-spacing: 0px;
	font-weight: 700;
    color: #0097A9;
	
}

h3, .h3 {
  font-size: 2.1em;
  letter-spacing: 0px;
  font-weight: 700;
  color: #0097A9;
  line-height: 1.3em !important;
}

h4, .h4 {

    font-size: 1.6em;
	letter-spacing: 0px;
    font-weight: 700;
    color: #0097A9;

}

h5, .h5 {

    font-size: 1.5em;
	letter-spacing: 0px;
    font-weight: 400;
    color: #575656;

}

span.resaltado{

    color: #03a6a6 !important;
}

a {
    color: #0097A9 !important;
}



a.especialsub {
    color: #0097A9 !important;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	
}

a.especialsub:hover {
    background-size: 95% 1px;
}

a.especialsub100 {
    color: #0097A9 !important;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	
}

a.especialsub100:hover {
    background-size: 100% 1px;
}


#page-title .page-title > h1 {
	font-weight: 700;
	line-height: 1.1em;
}

#page-title .page-title > span {
    font-weight: 400;
    font-size: 1.5em;
}


.heading-text h3 {
    font-size: 2.1em !important;
    margin-bottom: 30px;
	letter-spacing: 0px !important;
	line-height: 1.1em;
}

p strong{
	color: #0097A9 !important;
	font-weight: 700;
	
}

#scrollTop:after, #scrollTop:before {

    background-color: #0097A9 !important;
	color: #03a6a6 !important;
 
}

a#scrollTop {
    color: #ffffff !important;
}

.call-to-action {
    padding: 25px 25px 34px !important;
}

section {
    padding: 40px 0 20px 0;
}

/* ----------------------------------------------------------------
    Slider
-----------------------------------------------------------------*/

#slider h5 {
    font-size: 1.3em !important;
	line-height: 1.2em !important;
}

@media (max-width: 991px) {
	#slider h5 {
	    font-size: 1.1em !important;
		line-height: 1.2em !important;
	}
}

#slider h3 {
  font-size: 2.0em !important;
  line-height: 1.2em !important;
}

@media (max-width: 991px) {
  #slider h3 {
    font-size: 1.9em !important;
    line-height: 1.2em !important;
  }
}

@media (max-width: 767px) {
  #slider h3 {
    font-size: 1.4em !important;
    line-height: 1.1em !important;

  }
    #slider h3.primerh3 {
      
      font-family: "Open Sans", sans-serif;
      margin-top: 60px !important;
      font-size: 1.6em !important;
      font-weight: 800 !important;
      line-height: 1.2em !important;
    }
}

@media (max-width: 767px) {
  #slider h6 {
    display:none;
    font-size: 0.8em !important;
    line-height: 0.9em !important;
  }
}

@media (max-width: 767px) {
  #slider img.mini-image {
    height: 80px !important;

  }
}

/* Slide Forum Libris 60 - estilos por clase (sin inline para compatibilidad con slider) */
#slider .slide-captions h4.primerh3 {
  line-height: 28px;
}
#slider .slide-captions .lh-1-2 {
  line-height: 1.2;
}


.flickity-button:hover {
    background-color: #0097A9 !important;
}


/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/

#footer .footer-content {
  background-image: url("../Images/footer/Fondo_footer_azul_MCN.jpg");
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.menufooter {

    margin-top: 105px !important;
    color: #ffffff !important;
}

#footer a:not(.btn):not(:hover) {
    color: #ffffff !important;
}

#footer p {
    font-family: "Open Sans", sans-serif;
	color: #ffffff !important;
}


/* ----------------------------------------------------------------
    Menus y Cabeceras
-----------------------------------------------------------------*/


.dark .header-extras .p-dropdown a > span, .dark .header-extras a > i {
    color: #0097A9 !important; 
}

.header-extras {
    padding-left: 5px !important;
}

.header-extras > ul > li {
    padding-left: 10px !important;
}

.header-extras > ul > li a, .header-extras > ul > li i {
    color: #0097A9 !important; 
}

.header-extras > ul > li > a:not(.btn) i, .header-extras > ul > li .topbar-dropdown > .title i {
    font-size: 20px !important;
}

#mainMenu nav > ul > li > a {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    margin-left: 1px;
    padding: 8px 8px;
}

.btn:not(.close):not(.mfp-close).btn-blanco, a.btn:not([href]):not([tabindex]).btn-blanco {
  border-color: #0097A9;
  background-color: #ffffff;
  color: #0097A9 !important;
  font-size: 11px;
}

@media (max-width: 1200px) and (min-width: 1024px)  {
  li.solopczp {
    display: none;
  }
}

  .dropdown-menu h5 {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    font-style: normal;
    color: #0097A9 !important;
  }

  #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    padding: 12px 20px 12px 18px;
  }

  @media (max-width: 998px) {
    .header-extras > ul > li {
      margin-left: -35px !important;
    }
  }

  /* TOP BAR */

  @media (max-width: 1210px) {
    #topbar.topbar-transparent.dark {
      /*     
      background-color: #ffffff !important;
           */
    }

      #topbar.topbar-transparent.dark .top-menu > li > a,
      #topbar.topbar-transparent.dark .social-icons li a {
        color: #fff !important;
      }
  }

  /* ----------------------------------------------------------------
HEADER: Responsive
-----------------------------------------------------------------*/
  @media ( min-width :1024px) and (max-width: 1210px) {
    #mainMenu nav > ul > li > a {
      font-size: 14px !important;
      font-weight: 700 !important;
      text-transform: none !important;
      margin-left: 1px;
    }

    #header .header-inner #logo a > img {
      height: 70px !important;
    }
  }


  /* ----------------------------------------------------------------
    Social Menu - Responsive
-----------------------------------------------------------------*/

  @media (max-width: 991px) {
    .solopc {
      visibility: hidden;
    }
  }



  /* ----------------------------------------------------------------
    Logos Home
-----------------------------------------------------------------*/

  #section-partners {
    padding: 20px 0 !important;
  }

  /* ----------------------------------------------------------------
    Entradilla
-----------------------------------------------------------------*/

  #section-entradilla {
    padding: 40px 0 20px 0 !important;
  }

  /* ----------------------------------------------------------------
    Fondos Crema Secciones
-----------------------------------------------------------------*/

  .background-crema {
    background: rgba(246, 216, 174, 0.2);
  }


  /* ----------------------------------------------------------------
    Fondos VerdeMC2 Secciones
-----------------------------------------------------------------*/

  .background-verdeMC2 {
    background: #03a6a6;
  }

  /* ----------------------------------------------------------------
    Productos Home
-----------------------------------------------------------------*/
  #section-productos {
    margin-bottom: 0px !important;
    padding: 40px 0 60px 0;
  }


  .post-item .post-item-description > h2, .post-item .post-item-description > h2 > a {
    color: #0097A9 !important;
  }



  /* ----------------------------------------------------------------
    Iconos Home
-----------------------------------------------------------------*/

  .icon-box.text-center p, .icon-box.center p {
    font-size: 13px !important;
    margin-right: 15px;
    margin-left: 15px;
  }

  img.size70 {
    width: 70px !important;
    margin-bottom: 20px;
  }


  .icon-box h3 {
    margin: 0 12px 10px 83px;
    letter-spacing: 0px;
    font-size: 18px !important;
    line-height: 25px;
    font-weight: 700 !important;
  }

  .icon-box.size70 {
    display: block !important;
  }


  /* ----------------------------------------------------------------
    Call to Action Home
-----------------------------------------------------------------*/

  .CTA {
    font-size: 1.5em;
    letter-spacing: 0px;
    font-weight: 400;
    color: #ffffff;
  }

  #section-CTA {
    padding: 0px 0 !important;
  }

  .call-to-action.call-to-action-verde {
    background-color: #0097A9;
  }

  .button.btn.btn-verde {
    border-color: #03a6a6;
    background-color: #03a6a6;
    color: #ffffff !important;
    font-size: 14px;
  }

  .button.btn.btn-verdeMC {
    border-color: #0097A9 !important;
    background-color: #0097A9 !important;
    color: #ffffff !important;
    font-size: 14px;
  }

  .button.btn.btn-blanco {
    border-color: #0097A9 !important;
    background-color: #ffffff !important;
    color: #0097A9 !important;
    font-size: 14px;
  }

  .btn:not(.close):not(.mfp-close).btn-verde,
  a.btn:not([href]):not([tabindex]).btn-verde {
    border-color: #03a6a6;
    background-color: #03a6a6;
    color: #ffffff !important;
    font-size: 14px;
  }

  .btn:not(.close):not(.mfp-close).btn-verdeMC,
  a.btn:not([href]):not([tabindex]).btn-verdeMC {
    border-color: #0097A9;
    background-color: #0097A9;
    color: #ffffff !important;
    font-size: 14px;
  }

  .btn:not(.close):not(.mfp-close).btn-blanco,
  a.btn:not([href]):not([tabindex]).btn-blanco {
    border-color: #0097A9;
    background-color: #ffffff;
    color: #0097A9 !important;
    font-size: 14px;
  }

  button.btn.btn-verde:hover, button.btn.btn-verde:focus, button.btn.btn-verde:active,
  .btn:not(.close):not(.mfp-close).btn-verde:hover,
  .btn:not(.close):not(.mfp-close).btn-verde:focus,
  .btn:not(.close):not(.mfp-close).btn-verde:active,
  a.btn:not([href]):not([tabindex]).btn-verde:hover,
  a.btn:not([href]):not([tabindex]).btn-verde:focus,
  a.btn:not([href]):not([tabindex]).btn-verde:active {
    border-color: #e6e8eb;
    background-color: #f4f5f8;
    color: #03a6a6 !important;
  }


  button.btn.btn-verdeMC:hover, button.btn.btn-verdeMC:focus, button.btn.btn-verdeMC:active,
  .btn:not(.close):not(.mfp-close).btn-verdeMC:hover,
  .btn:not(.close):not(.mfp-close).btn-verdeMC:focus,
  .btn:not(.close):not(.mfp-close).btn-verdeMC:active,
  a.btn:not([href]):not([tabindex]).btn-verdeMC:hover,
  a.btn:not([href]):not([tabindex]).btn-verdeMC:focus,
  a.btn:not([href]):not([tabindex]).btn-verdeMC:active {
    border-color: #0097A9;
    background-color: #f4f5f8;
    color: #0097A9 !important;
  }

  button.btn.btn-blanco:hover, button.btn.btn-blanco:focus, button.btn.btn-blanco:active,
  .btn:not(.close):not(.mfp-close).btn-blanco:hover,
  .btn:not(.close):not(.mfp-close).btn-blanco:focus,
  .btn:not(.close):not(.mfp-close).btn-blanco:active,
  a.btn:not([href]):not([tabindex]).btn-blanco:hover,
  a.btn:not([href]):not([tabindex]).btn-blanco:focus,
  a.btn:not([href]):not([tabindex]).btn-blanco:active {
    border-color: #03a6a6;
    background-color: #f4f5f8;
    color: #03a6a6 !important;
  }

  /* ----------------------------------------------------------------
    Simulador Home
-----------------------------------------------------------------*/

  #section-simuladores {
    padding: 40px !important;
  }


  .call-to-action.call-to-action-verdeMC {
    background-color: #03a6a6;
    min-height: 90%;
  }

  .call-to-action-verdeMC h3 {
    color: #ffffff !important;
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.1em;
  }

  .call-to-action-verdeMC p {
    color: #ffffff !important;
    margin-top: 10px;
    font-weight: 500;
    margin-bottom: 50px;
    line-height: 1.5em;
  }

  /* ----------------------------------------------------------------
    Blog Home
-----------------------------------------------------------------*/

  #section-blog .call-to-action {
    position: relative;
    overflow: hidden;
    padding: 10px 20px 10px;
    margin-bottom: 0px !important;
  }


  /* ----------------------------------------------------------------
    Productos
-----------------------------------------------------------------*/

  #cabecera-producto .heading-text h1 {
    font-size: 2em !important;
    line-height: 2em !important;
    color: #0097A9 !important;
    font-weight: 700;
  }

  #cabecera-producto .row h5 {
    font-size: 1.5em !important;
    line-height: 1.5em !important;
    margin-bottom: 20px !important;
  }


  #section-CTA-simulador {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }


  .call-to-action.call-to-action-verdeMC {
    background-color: #03a6a6;
    min-height: 90%;
  }

  .call-to-action-verdeMC h3 {
    color: #ffffff !important;
    margin-top: 0px;
    font-size: 1.7em !important;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.1em;
  }

  .call-to-action-verdeMC p {
    color: #ffffff !important;
    margin-top: 10px;
    font-weight: 500;
    margin-bottom: 50px;
    line-height: 1.5em;
  }

  div.toggle.accordion-simple {
    width: 100%;
  }

  /* ----------------------------------------------------------------
    Quienes Somos
-----------------------------------------------------------------*/

  #colegio .colegio-content {
    background-image: url(../images/cabeceras/Fondo_Mutualidad_Caminos_crema.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 350px;
  }

  #colegio {
    padding: 0px !important;
  }



  #junta .h2, .h3, .h4, .h5, .h6 {
    color: #0097A9;
  }

  #junta h5 {
    font-size: 1.15em !important;
    letter-spacing: 0px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 1px;
  }

  #junta h6 {
    font-size: 1.10em !important;
    text-decoration: underline;
    letter-spacing: 0px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 1px;
  }

  #junta hr {
    height: 1px;
    width: 50px;
    background-color: #03a6a6;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  #junta .row.juntaderecha {
    padding-left: 20px !important;
    padding-right: 150px !important;
  }

  #junta .row.juntaizquierda {
    padding-left: 170px !important;
  }

  #numeros h3 {
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  #numeros p {
    color: #ffffff;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
    line-height: 3em;
  }

  #numeros span {
    font-size: 2em !important;
    font-weight: 600;
    color: #ffffff;
  }

  #numeros .m-b-50 {
    margin-bottom: 10px !important;
  }

  #masinfo {
    padding: 20px 0 !important;
  }


    #masinfo .h2, .h3, .h4, .h5, .h6 {
      color: #03a6a6 !important;
    }

    #masinfo .call-to-action h3 {
      color: #03a6a6 !important;
      margin-top: 10px;
      font-weight: 600;
      margin-bottom: 10px;
    }

    #masinfo p {
      padding-bottom: 30px !important;
      padding-top: 20px;
    }


  @media (max-width: 991px) {

    #junta .row.juntaderecha {
      padding-left: 30px !important;
      padding-right: 30px !important;
      padding-bottom: 30px !important;
    }

    #junta .row.juntaizquierda {
      padding-left: 30px !important;
      padding-right: 30px !important;
      padding-bottom: 50px !important;
    }
  }


  /* ----------------------------------------------------------------
    Contacto Mapa
-----------------------------------------------------------------*/

  #contacto-mapa .m-t-30 {
    margin-bottom: 30px !important;
    margin-top: 40px !important;
  }

  .colorMC2 {
    background-color: #03a6a6 !important;
  }

  .overlayMC2 {
    background: rgba(0, 0, 0, 0) !important;
  }

  #contacto-mapa .col-lg-6 {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 25px;
  }


  /* ----------------------------------------------------------------
    Contacto Unete
-----------------------------------------------------------------*/

  #contacto-unete .m-t-30 {
    margin-bottom: 30px !important;
    margin-top: 40px !important;
  }

  .colorMC2 {
    background-color: #03a6a6 !important;
  }

  .overlayMC2 {
    background: rgba(0, 0, 0, 0) !important;
  }

  #contacto-unete .col-lg-6 {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 25px;
  }

  #ventajas .ventajas-content {
    background-image: url(../images/cabeceras/Fondo_ventajas_mutualidad_caminos.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 350px;
  }

  #ventajas {
    padding: 0px !important;
  }

  /* ----------------------------------------------------------------
   Info Legal y Memoria
-----------------------------------------------------------------*/


  #info-legal .info-legal-content {
    background-image: url(../images/cabeceras/Fondo_memoria_Mutualidad_Caminos.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 350px;
  }

  #info-legal {
    padding: 0px !important;
  }


  .heading-text h2 {
    font-size: 2.5em;
    margin-bottom: 30px;
    letter-spacing: 0px;
    line-height: 1.1em;
  }

  .situacion-financiera h3 {
    font-size: 2em !important;
    margin-bottom: 30px;
    letter-spacing: 0px;
    line-height: 1.1em;
  }

  #situacion-financiera {
    padding: 30px !important;
  }

  .accordion .ac-item .ac-title {
    color: #0097A9 !important;
    font-weight: 500;
    font-size: 1.2em;
    margin-right: 40px;
  }

  .accordion.accordion-simple .ac-item {
    border-bottom: 1px solid #03a6a6;
  }

  .accordion .ac-item .ac-title:before {
    font-size: 22px;
    font-weight: 600;
    right: -30px;
  }

  ul.info-mas-ul li {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.7;
    letter-spacing: 0;
    color: #777777 !important;
    font-family: "Open Sans", sans-serif;
    margin-left: 30px;
  }


  .testimonial .testimonial-item {
    border: 0px;
    background-color: #ffffff;
    padding: 46px;
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
  }

  #carrusel-info {
    padding: 30px 0;
  }

  #carrusel-info-content div {
    padding: 20px 0;
  }

  #info-producto {
    padding: 30px 0;
  }

  #productos-relacionados {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  /* ----------------------------------------------------------------
   Modal te llamamos
-----------------------------------------------------------------*/

  p.rpgd {
    font-size: 0.9em !important;
    line-height: 1.1em;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 300;
  }

  .modal-content {
    background-color: #03a6a6 !important;
  }


  /* ----------------------------------------------------------------
   Seguridad y Control
-----------------------------------------------------------------*/

  ul.info-mas-ul-br li {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.7;
    letter-spacing: 0;
    color: #777777 !important;
    font-family: "Open Sans", sans-serif;
    margin-left: 50px;
    margin-bottom: 20px;
  }


  /* ----------------------------------------------------------------
   Socios
-----------------------------------------------------------------*/


  .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    width: 100%;
  }


  #ficha-socio .heading-text {
    margin-top: 50px;
  }

  /* ----------------------------------------------------------------
   Simuladores
-----------------------------------------------------------------*/

  .table-bordered th, .table-bordered td {
    border: 1px solid #03a6a6;
    border-bottom-width: 1px;
    border-left-width: 1px;
  }

  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #03a6a6;
  }

  th.nodoble {
    vertical-align: bottom;
    border-bottom: 1px solid #03a6a6 !important;
  }

  /* ----------------------------------------------------------------
   Pagina de Todos los Productos
-----------------------------------------------------------------*/

  section.navegable {
    padding-top: 100px !important;
    padding-bottom: 10px !important;
  }



  .solouno {
    width: 33% !important;
    position: unset !important;
    float: none !important;
  }

  @media (max-width: 593px) {

    .solouno {
      width: 100% !important;
    }
  }

  @media (min-width: 594px) and (max-width: 991px) {

    .solouno {
      width: 50% !important;
    }
  }

  #section-productos-PIAS .container {
    max-width: 720px;
  }

  /* #section-productos-seguros-ahorro .container {
        max-width: 720px;
    }*/

  #section-productos-seguros-profesionales .container {
    max-width: 720px;
  }

  .solodos {
    width: 50% !important;
  }

  @media (max-width: 593px) {

    .solodos {
      width: 100% !important;
      left: 0px;
    }
  }

  @media (max-width: 593px) {

    #header.OnlyPC {
      display: none !important;
    }

    #page-title.OnlyPC {
      display: none !important;
    }


    #header.OnlyMobile {
      display: block !important;
    }

    #page-title.OnlyMobile {
      display: block !important;
      height: 600px;
      margin-bottom: 6rem;
    }

      #page-title.OnlyMobile .page-title > h1 {
        margin-bottom: 6.5rem !important;
        font-size: 40px !important;
      }
  }


  @media (min-width: 594px) and (max-width: 991px) {
    .solodos {
      width: 50% !important;
      left: 0px;
    }