html, body { margin:0; font-family: ''; color: #fff; font-size:20px; line-height:31px;}
    body { background: #000; animation: fadein 2s; font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;  -moz-animation: fadein 2s; /* Firefox */ 
          -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */  }
    @keyframes fadein { from { opacity:0; } to { opacity: 1;} } 
    @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity: 1;} }
    @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity: 1;} }
    @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1;} }
    h1, h2, h3, a, blockquote, body, label, input, figure, p, header, ul { transition:all 200ms ease;  }
    h1, h2, h3, h4 { font-family: "Onest", sans-serif; font-weight: 600; margin-bottom:25px; }
    a { text-decoration:none; }
    section  { padding:75px 0; width:100%; height:auto; overflow:hidden; }
    .naranja { color:#db8f1b; font-size:24px; line-height:28px; }
    .txt-n { color:#000; }
    .flota { display:inline-block; vertical-align: middle; margin:0 15px; }
    header { position:fixed; width:100%; height:140px; top:0; left:0; padding:3% 3% 1% 3%; z-index:9999;  }
    ul.menu { width:auto; height:auto; display:inline-block; }
    ul.menu li { display: inline-block; margin:5px 15px; vertical-align: bottom;  list-style: none; }
    ul.menu li a { color:#fff; text-decoration:none; }
    ul.menu li a:hover { color:#09D0FB; text-decoration:none; }
    a.active { color:#09D0FB !important; text-decoration:none; }
    .active_ { color:#09D0FB !important; text-decoration:none; }
    .container, .container-fluid { position:relative; z-index:10; }
    .fulgor { position:absolute; z-index:1; bottom:0; right:0; }
    footer { padding:150px 0; background: url(img/footer.webp) no-repeat center;  background-size:cover; }
    footer ul { padding:0px; }
    footer ul li { list-style:none; }
    footer a { position:relative; padding-left:30px; }
    footer a img { width:20px; left:0px; top: 5px; position:absolute; }
    footer ul li a { color:#fff; text-decoration:none;  }
    footer ul li a:hover { color:#fff; text-decoration:none; opacity:.7; }
    footer a.rs { color:#fff; text-decoration:none; display: block; margin-bottom:15px; }
    p { font-size:20px; line-height:31px; }
    b { font-family: ''; }
    .btn1 { padding:20px 25px; border-radius:20px; border:#09D0FB solid 3px; color:#fff; background:none; }
    .logo-foo { width:60%; margin-bottom:50px; }
    .licencia { font-size:14px; font-family: "Lato", sans-serif;  font-weight: 300;  font-style: normal; }
    .font-14 { font-size:14px; line-height: 18px; font-family: "Lato", sans-serif;  font-weight: 300;  font-style: normal; }
    .font-24 { font-size:24px; line-height: 32px !important; }
    .font-27 { font-size:27px; line-height: 34px !important; }
    .mainn { background: /*#120c4a*/ rgba(4, 9, 37, .7);
          /*   background: linear-gradient(180deg, rgba(2, 5, 29, .8) 0%, rgba(2, 5, 29, 0) 100%);*/ }
    .carousel { width: 100%; }
    .carousel-cell {
      width: 100%;
      height: auto;
      margin-right: 10px;
      border-radius: 5px;
    }


    /* Menu Button 1 */
    .menu-btn-1 {
        height: 32px;
        width: 40px;
        cursor: pointer;
    }

        .menu-btn-1 span,
        .menu-btn-1 span::before,
        .menu-btn-1 span::after {
            background: #fff;
            border-radius: 3px;
            content: '';
            position: absolute;
            width: 40px;
            height: 3px;         
            margin-top: 13px; 

            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

        .menu-btn-1 span::before {
            margin-top:-12px;
        }

        .menu-btn-1 span::after {
            margin-top:12px;
        }

        .menu-btn-1.active span {
            background: transparent;
        }

        .menu-btn-1.active span::before {
            margin-top: 0;

            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .menu-btn-1.active span::after {
            margin-top: 0;

            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }




    .active_ { color:#09D0FB; }
    .negro { color:#000; }
    .azul { color:#09D0FB; }
    .azulf { color:#001A59; }
    .azuln { color:#0059FF; }
    .mas { width:20px; height:20px; display: block; position: relative; background: url(img/mas.svg) no-repeat center;  background-size:cover;   }
    .mas img { position:absolute; top:0; }
    .caja { width:49%; height:auto; display:inline-block; vertical-align: top; padding-left:90px; margin-bottom:50px; }
    .caja h3 { font-size:30px; line-height:28px; }

    .caja_ { width:100%; height:auto; display:inline-block; position: relative; vertical-align: top; padding-left:40px; margin-bottom:50px; }
    .caja_ h3 { font-size:20px; line-height:22px; }
    .caja_ .mas { width:20px; height:20px; display: block; position: absolute; top: 5px; left: 0; background: url(img/mas.svg) no-repeat center;  background-size:cover;   }
    .caja_ .mas img { position:absolute; top:0; }

    .caja_ { width:100%; height:auto; display:inline-block; vertical-align: top; position: relative; margin-bottom:50px; }
    .caja_ .mas_ { width:20px; height:20px; display: block; position: absolute; top: 10px; left: 0; background:url(img/mas_.svg) no-repeat center;  
                    background-size:cover;   }
    .caja_ .mas_ img { position:absolute; top:0; }
     
    .caja_1 { width:100%; height:auto; display:inline-block; vertical-align: top; position: relative; margin-bottom:50px; }
    .caja_1 .mas_ { width:20px; height:20px; display: block; position: absolute; top: 35px; left: 0; background:url(img/mas_.svg) no-repeat center;  
                    background-size:cover;   }
    .caja_1 .mas_ img { position:absolute; top:0; }

    .encabezado h3 { font-family: "Onest", sans-serif; font-weight:600; line-height:44px; }
    .encabezado h3 > span { font-family: "Onest", sans-serif; font-weight:800 }
.btn-close {opacity: 1; display: block; float: right; margin-bottom: 15px;
    background: url(img/cerrar.svg) no-repeat; width:10px !important; }
    .modal-dialog { margin-top:150px; } 

     .caja.uno { background: url(img/icon1.svg) no-repeat;  background-size:75px; background-position:0 5px !important }
     .caja.dos { background: url(img/icon2.svg) no-repeat;  background-size:75px; background-position:0 5px !important }
     .caja.tres { background: url(img/icon3.svg) no-repeat; background-size:75px; background-position:0 5px !important }
     .caja.cuatro { background: url(img/icon4.svg) no-repeat; background-size:75px; background-position:0 5px !important }
     .caja.cinco { background: url(img/icon5.svg) no-repeat;  background-size:75px; background-position:0 5px !important }
     .caja.seis { background: url(img/icon6.svg) no-repeat;  background-size:75px; background-position:0 5px !important }
     .caja.siete { background: url(img/icon7.svg) no-repeat;  background-size:75px; background-position:0 5px !important }
     .caja.ocho { background: url(img/icon8.svg) no-repeat;  background-size:75px; background-position:0 5px !important }

    .logo { max-width:290px; }
    .nimo { background:; width:100%; min-height:100vh; padding-top:35vh; background: url(img/nimo.webp) no-repeat center;  background-size:cover; }
    .nimo h1 { font-size:65px; }
    .estrategias { background: url(img/fondo-ar.webp) no-repeat center;  background-size:cover; }
    .turn_ { transform: rotate(90deg); }

    .transformamos { background: url(img/transformamos.webp) no-repeat center top; padding: 125px 0;  background-size:cover; }
    .transformamos h3 { margin-top:40px; }
 
    .valor { padding:150px 0; background: url(img/valor.webp) no-repeat center top;  background-size:cover; }
    #contacto-nimo { background:#237ADB; color:#fff; }
    #contacto-nimo h2  { margin:75px auto; }
    #contacto-nimo .btn1 { display: block; margin:15px auto; }
    input { width:100%; height: 60px; margin-bottom: 25px; background:none; border:none; border-bottom:#fff solid 1px; color: #fff;
            border-radius:0; padding:10px !important; font-size:14px; font-family: "Lato", sans-serif;  font-weight: 300;  font-style: normal; }
            textarea { width:100%; height: 160px; margin-bottom: 25px; background:none; border:none; border-bottom:#fff solid 1px; resize: none;
            border-radius:0; padding:10px !important; font-size:14px; font-family: "Lato", sans-serif;  font-weight: 300;  font-style: normal; color: #fff; }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #fff;
    }
    ::-moz-placeholder { /* Firefox 19+ */
      color: #fff;
    }
    :-ms-input-placeholder { /* IE 10+ */
      color: #fff;
    }
    :-moz-placeholder { /* Firefox 18- */
      color: #fff;
    }
    .submit { width:200px; display: block; margin-top:75px !important;}
    .form-check { width:20px: height:100%; position:relative; float:left;  }
    p.pl-15 { padding-left:45px; }
    .integrantes { background: #D0D0D0; padding: 125px 0;
      background: linear-gradient(180deg, rgba(208, 208, 208, 1) 0%, rgba(226, 226, 226, 1) 20%, rgba(226, 226, 226, 1) 80%, rgba(208, 208, 208, 1) 100%); }
    .form-check-input:checked {    background-color: #222221;    border-color: #222221; }   

    .testimonio p.nombre { font-weight: 300; font-size:18px; color:#000; margin-top:50px; }
    .testimonio p.remate { color:#000; font-size:26px; }
    .testimonio h3 { font-size:32px; margin-bottom:10px; }
    .testimonio { height:30%; }
    .avatar { background:#fff; display:block; width:190px; height:190px; }
    .jorge { background: url(img/avatar1.png) no-repeat center top;  background-size:cover;  }
    .enrique { background: url(img/avatar2.png) no-repeat center top;  background-size:cover;  }

    .integrantes h3 { font-size:32px; margin-bottom:10px; margin:35px 0; background: }
    .integrantes h3 > span { font-size:24px; margin-bottom:10px; display:block; font-weight: 100 !important; }
    .f100 { font-weight: 100 !important; }
    .f200 { font-weight: 200 !important; }
    .f300 { font-weight: 300; }
    a.rs { width:30px; height:30px; display: block; margin-top: 10px; background-size: 100% auto !important; background-position:center top; }
    a.rs:hover { width:30px; height:30px; display: block;s background-size:100% auto; background-position:center bottom; }
    .li { background: url(img/rs3.svg) no-repeat; }
    .ig { background: url(img/rs2.svg) no-repeat; }
    .wh { background: url(img/rs1.svg) no-repeat; }

    .burger { position:fixed; top:20px; right:40px; z-index: 9999999999; display:none; }
       .icon-wrapper {
      display: block;
      height: 40px;
      position: relative;
      overflow: hidden;
      width: 40px;

      svg {
        display: block;
        height: 100%;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
        fill:#09D0FB;

        &.outside-square {
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
        }

        &.inside-square {
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition-delay: 0s;
          transition-delay: 0s;

          &.inside-square__first {
          }

          &.inside-square__second {
          }
        }
     }

          &.selected {
            svg {
              &.outside-square {
                opacity: 0;

                -webkit-transition-delay: 0s;
                transition-delay: 0s;
              }

              &.inside-square {
                -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s;

                &.inside-square__first {
                  transform: rotate(45deg) scaleY(10);
                }

                &.inside-square__second {
                  transform: rotate(-45deg) scaleY(10);
                }
              }
            }
          }
        }

        .more_ { min-height:300px; }
        .no_ { display:none !important; background:#f60; }
        .cont { display:block;  }


@media only screen and (max-width: 1180px) {
    .burger { position:fixed; top:25px; right:40px; display:block; }

    ul.menu { width:auto; height:100vh; display:block; position:fixed; padding-top: 150px; text-align: right; top: 0; right: -90%; width: 300px; background: rgba(0, 0, 0, .7); }
    ul.menu li { margin:5px 15px; vertical-align: bottom;  list-style: none; display:block; }
    ul.menu span { display: none;  }
    a.rs { width:30px; height:30px; display: inline-block; margin-top: 10px; background-size: 100% auto !important; background-position:center top; }
    ul.menu.main { width:auto; height:100vh; display:block; position:fixed; padding-top: 150px; text-align: right; top: 0; right: 0%; width: 300px; background: rgba(0, 0, 0, .7); }
    
  }



@media only screen and (max-width: 690px) {
  h1 br { display:none; }
   h2 br { display:none; }
    h3 br { display:none; }
     h4 br { display:none; }
       p br { display:none; }
.caja {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding-left: 90px;
    margin-bottom: 90px;
}
.rounded-4 
 { border-radius: 25px !important; }

.valor .col-sm-4 img { width:70%; }

  }


@media only screen and (max-width: 490px) {
  .nimo h1 {
    font-size: 40px;
}
.nimo {
    width: 100%;
    min-height: auto;
    padding: 125px 0;
    background: url(img/nimo.webp) no-repeat center;
    background-size: cover;
}
.btn1 {
    font-size: 18px;
}
.testimonio { height:350px; }
.carousel-cell p {
    padding: 0 6%;
}
.caja_ {
    width: 80%;
    height: auto;
    display: block;
    vertical-align: top;
    position: relative;
    margin-bottom: 50px;
    margin-left: 7%;
    margin-right: auto;
}
.more_ {
    height: 500px;
}
  .logo { max-width:190px; }
      .col {
          flex: 1 1 100%;
          /* width: 100% !important; */
      }
}