/*    COLOR LOGO #380a17 conchovino
    COLOR OLAS #015871*/

    .nav-logo{
      width: 200px;
    }
    .nav-link{
      color:#015871;
    }
    .nav-link:hover{
      color:blue;
    }
    .neon {
      color: #fff;
      margin-top: 30%;
      text-shadow:
      0 0 5px rgba(0,178,255,1),
      0 0 10px rgba(0,178,255,1),
      0 0 20px rgba(0,178,255,1),
      0 0 40px rgba(38,104,127,1),
      0 0 80px rgba(38,104,127,1),
      0 0 90px rgba(38,104,127,1),
      0 0 100px rgba(38,104,127,1),
      0 0 140px rgba(38,104,127,1),
      0 0 180px rgba(38,104,127,1);
    }
    .img-prod{
      width: 200px;  /*width of parent container*/
      height: 200px; /*height of parent container*/
      object-fit: contain;
      align-self: center;
    }
    .img-min{
      width: 100px;  /*width of parent container*/
      height: 100px; /*height of parent container*/
      object-fit: contain;
      align-self: left;
    }
    @media only screen and (max-width: 600px) {
      .esconderMovil {
        display: none !important;
      }
    }
    //WAVE

    html, body { height: 100%; }


    body {
      background:radial-gradient(ellipse at center, rgba(255,254,234,1) 0%, rgba(255,254,234,1) 35%, #B7E8EB 100%);
      font-family: "Poppins Regular";
      
    }

    .ocean { 
      height: 5%;
      width:100%;
      position:fixed;
      bottom:0;
      left:0;
      background: #015871;
      z-index: -10;
    }

    .wave {
      background: url(/img/wave.svg) repeat-x; 
      position: absolute;
      top: -198px;
      width: 6400px;
      height: 198px;
      animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
      transform: translate3d(0, 0, 0);
    }

    .wave:nth-of-type(2) {
      top: -175px;
      animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
      opacity: 1;
    }

    @keyframes wave {
      0% {
        margin-left: 0;
      }
      100% {
        margin-left: -1600px;
      }
    }

    @keyframes swell {
      0%, 100% {
        transform: translate3d(0,-25px,0);
      }
      50% {
        transform: translate3d(0,5px,0);
      }
    }
    .card{
      border-radius: 30px !important;
      margin-bottom: 5px;
      margin-top: 5px;
    }
    /*body {
      background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
      background-size: 400% 400%;
      animation: gradient 15s ease infinite;
    }
    
    @keyframes gradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
      }*/
      .nav-background{
        background: rgba(56,10,23,1);
        background: -moz-linear-gradient(top, rgba(56,10,23,1) 90%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(90%, rgba(56,10,23,1)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(top, rgba(56,10,23,1) 90%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(top, rgba(56,10,23,1) 90%, rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(top, rgba(56,10,23,1) 90%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom, rgba(56,10,23,1) 90%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#380a17', endColorstr='#ffffff', GradientType=0 );
      }
      .titulo{
        color: #380a17;
      }