/**COUNTRY CODES*/
  .iti__flag {background-image: url("/images/vendor/intl-tel-input/build/flags.png");}

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("/images/vendor/intl-tel-input/build/flags@2x.png");}
  }


  .select2-container .select2-selection{
  border-radius: 50rem !important;
}

/*Fondo footer*/
  .bg-light-blue{
    background-color: #ebeef2 !important;
  }

  .light-navy{
    color:#163072;
  }


/*Espaciado entre lineas*/
  .space {
    line-height: 1.6;
  }
  .space_list {
    line-height: 2;
  }

  .image-header figure img {
      margin: auto;
      display: block;
      object-fit: contain;
  }

/*Tamaño del header*/
  /* header {
  position:relative;
  overflow:hidden;
  padding-top:calc(4rem + 72px);
  padding-bottom:7rem;
  } */

/*Posición circulos*/
  .bg-circle{
  z-index:0;
  position:absolute;
  border-radius:100%;
  /*background:linear-gradient(0deg,#ee0979 0,#ff6a00 100%)*/
  }

/*Circulo grande blanco*/
  .bg-circle-1{
  z-index: 1 !important;
  height:50rem;
  width:50rem;
  top:5rem;
  left:-10rem
  }

/*Aplicamos un tamaño a todas las imagenes de los links*/
  .bg-circle-1 img{
  height: 3rem;
  width: 5rem;
  }

/*Circulo pequeño blanco*/
  .bg-circle-2{
    height:15rem;
    width:15rem;
    top:calc(4rem + 72px);
    right:-10%
  }

  /*Circulo grande naranja*/
    .bg-circle-3{
    z-index: 0 !important;
    height:50rem;
    width:50rem;
    top:7rem;
    left:-10rem
    }
    .circle-section{
      position:relative;
    }
  /*Circulo mediano azul*/
    .bg-circle-4{
      position:absolute;
      border-radius:100%;
      height:18rem;
      width:18rem;
      top:calc(0rem - 72px);
      left:-10%;
      opacity: 0.5;
    }
    /*Circulo mediano naranja*/
      .bg-circle-5{
        position:absolute;
        border-radius:100%;
        height:18rem;
        width:18rem;
        top:calc(-1rem - 72px);
        right:-10%;
        opacity: 0.5;
      }

/*Links circulares verticales*/

/*Circulo 1*/
  .tiny-circle-1{
    height:5rem;
    width:5rem;
    top:-2rem;
    right:27rem;
  }

/*Circulo 2*/
  .tiny-circle-2{
    height:5rem;
    width:5rem;
    top:-1.5rem;
    right:16rem;
  }

/*Circulo 3*/
  .tiny-circle-3{
    height:5rem;
    width:5rem;
    top:4rem;
    right:6rem;
  }

/*Circulo 4*/
  .tiny-circle-4{
    height:5rem;
    width:5rem;
    top:14rem;
    right:-1rem;
  }

/*Circulo 5*/
  .tiny-circle-5{
    height:5rem;
    width:5rem;
    top:25.5rem;
    right:-2.5rem;
  }

/*Estilos list group*/

/*Inactivo*/
  .list-group .list-group-item {
    background-color: #fff!important;
    color:#163072;
    opacity: 0.5;
  }

/*Activo*/
  .list-group .list-group-item.active {
    background-color: #fff!important;
    color:#163072;
    opacity: 1;
}

  /*Secciones*/
  .section-0{    
    padding-bottom:7rem;
  }
  .section-1{
    padding-top:calc(12rem + 72px);
    padding-bottom:7rem;
  }

  .section-2{
    padding-top:calc(4rem + 72px);
    padding-bottom:7rem;
    overflow: hidden;
  }
  .section-3{
    padding-top:calc(4rem + 72px);
    padding-bottom:7rem;
  }
  .section-4{
    padding-top:calc(4rem + 72px);
    padding-bottom:2rem;
  }

  .header-negocio{
    position: relative;
    padding-bottom:10rem;
  }

  .negocio-image{
    z-index:0;
    position:absolute;
    height:40rem;
    top:-22rem;
    left: 12.5rem;
    padding-top:calc(12rem + 72px);
    padding-bottom:7rem;
  }

/*Cards*/

  .card-columns {
    column-count: 2;
  }
  .card-rows {
    column-count: 2;
  }

  .card-blue{
    background-color:#fff;
    opacity:0.7;
  }
  .card-blue:hover{
    background-color:#163072;
    opacity:1;
  }
  .card-orange{
    max-height:18rem;
    background-color:#fff;
    opacity:0.7;
  }
  .card-orange:hover{
    max-height:18rem;
    background-color:#fb6820;
    opacity:1;
  }
  .mirror{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .card-servicios
  {
    border-radius: 25px;
    background-size:cover;
    position:relative;
    cursor:pointer;
    transition: all 0.4s ease-out;
    /*box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.44);*/
    overflow:hidden;
    color:white;
  }
  .card-servicios img
  {
    height:100%;
    width:100%;
    transition: all 0.4s ease-out;
  }

  .card-servicios:hover
  {
     /*box-shadow: 0px 35px 77px -17px rgba(0,0,0,0.64);*/
     transform:scale(1.02);
  }

  .card-servicios:hover img
  {
    opacity: 0.2;
  }

  .card-servicios:hover h3
  {
    position:absolute;
    top:2rem;
    left:1rem;
    font-weight:100;
    font-style:italic;
    transform: translateY(0px);
    transition: transform 0.4s ease-out, opacity 0.5s ease;
  }

  .animate-text
  {
    position:absolute;
    top:6rem;
    left:1rem;
    opacity:0;
    transition: all 0.6s ease-in-out;
  }
  .card-servicios:hover .animate-text
  {
    transform:translateX(0);
    opacity:1;
  }

  .text{
    color:#163072;
  }
  .text:hover
  {
      color:white !important;
  }

  .dots
  {
    position:absolute;
    bottom:20px;
    right:30px;
    margin: 0 auto;
    color:currentColor;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;

  }

  .dots span
  {
      display:block;
      opacity:0;
      transition: transform 0.4s ease-out, opacity 0.5s ease;
      transform: translateY(30px);
      font-weight: bold;
  }

  .card-servicios:hover span
  {
    opacity:1;
    transform:translateY(0px);
  }

  .dots span:nth-child(1)
  {
     transition-delay: 0.05s;
  }

  .rounded-corners{
    border-radius:15px;
  }
  .border-gray{
    color: #d9d9d9;
    border-color: #d9d9d9;
  }
  .border-gray:hover{
    color: #bababa;
    border-color: #bababa;
  }
/*Footer*/
  .f_list li a{
     color: #0f3072;
  }
  .f_list li a:hover{
     color: #fb6819;
  }

  .social-networks li{
    font-size: 1.5rem;
  }

  .social-networks li a:hover {
  text-decoration: none;
  }

/*Circulo grande*/
  .footer-circle-1{
    border-radius:100%;
    height:16rem;
    width:16rem;
    background-color: #fff!important;
  }

  .btn-plan {
    font-weight: bold;
    color: white;
    border: 1px solid white;
  }

  .container-cards{
  position: absolute;
  z-index: 1;
  top:40rem;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  }

  .carousel{
    width:95%;
    margin:0px auto;
  }
  .slick-slide{
    margin:1rem;
  }

  .card-vertical{
    position:relative;
    right:0;
    height: 17rem !important;
    border-radius: 25px;
    cursor:pointer;
    overflow:hidden;
  }

  .card-vertical:hover{
    transform:scale(1.02);
  }

  .slick-slide img{
    width: 5rem;
    height: 5rem;

  }

  .slick-slide h5{
    position:absolute;
    bottom:5.5rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .more{
    position:absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 6rem;
    }

    .svg-container{
      position:relative;
    }
    .svg-blue{      
      position:absolute;
      z-index:1;
      right:-100px;
            
    }

    .svg-blue h2{      
      position:absolute;
      z-index:1;
      left: 50%;
      top: 50%;      
      transform: translate(-50%, -50%);
    }


    .svg-contact{
      height: 80%;
    }
    .svg-container h2, .svg-container h5{
      position:absolute;
      z-index:1;
      left: 50%;
      top: 50%;      
      transform: translate(-50%, -50%);
    }
    .svg-container .rrhh-contact{
      position:absolute;
      z-index:1;
      left: 50%;
      top: 50%;      
      transform: translate(-50%, -50%);
      width: 25rem;
      height: 25rem;
    }

    .s1-normal{
      font-size:16px;
    }
    .negocio-label{
      z-index:1;
    }
    .watermark-container{
      position:relative;
    }
    .watermark-1 {
      color:#000000c2 !important;
      position: absolute;
      right:0;
      bottom: -30px;
      color:transparent;
      opacity: 0.08;
      padding: 0;
      margin:0;
      font-size: 13em;
      width: 100%;
      z-index: 0;
      font-weight: 900;
  }

  .border-custom{
    border: 1px solid rgba(255,255,255,0.2) !important;    
  }
  .border-custom2{
    border: 1px solid rgba(22, 48, 114, 0.2) !important;    
  }

  .bullet-list li::before{  
    vertical-align: sub; 
    content: "• ";
    font-size: 2em;
    color: #fb6819; /* or whatever color you prefer */
  
}

/* .bullet-list li{  
  font-size: 1.5em;  

} */

.container-form{
  z-index:999;
  }

  .customer-mobile{
    display: none;
  }