/* CSS Global */

  



    body {

      font-family: 'Roboto', sans-serif!important;

    }

    .no-desktop {

        display: none;

    }



    .no-mobile {

        display: block;

    }



    .just-center {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

    }



    .just-center-vertical {

        position: absolute;

        top: 50%;

        transform: translateY(-50%);

    }



    .xx-button-1 {

        background: linear-gradient(to right, #7f1a70 , #b8498f);

        display: block;

        padding: 5px 35px;

        font-size: 17px;

        color: #fff!important;

        width: fit-content;

        margin: auto;

        margin-top: 25px;

        border-radius: 3px;

        text-decoration: none!important;

    }



    body .np-left {

      padding-left: 0px;

    }



    body .np-right {

      padding-right: 0px;

    }



    body .xx-col-cont {

        float: none;

        margin: auto;

    }



    .text-icon {

        display: block;

        margin-bottom: 15px;

        font-size: 15px;

    }



    .text-icon i {

        color: #4caf90;

        margin-right: 10px;

    }

  

  /* Fin CSS Global */





  

    .ps-navbar {

        width: 100%;

        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);

        position: fixed;

        z-index: 20;

        background: #fff;

        top: 0;

        transition: 0.3s;

    }



    .ps-nav-profile {

        display: inline-block;

        border-left: 1px solid #cacaca;

        padding-left: 15px;

        line-height: 35px;

    }

    

    .ps-topbar {        

        background: #ffffff;

        color: #908888;

        text-align: left;

        padding: 7px 50px;

        border-bottom: 1px solid #dadada;

    }



    .ps-social-icons {

        float: right;

    }



    .ps-social-icons a {

        display: inline-block;

        width: 22px;

        height: 22px;

        background: #b3b3b3;

        border-radius: 30px;

        text-align: center;

        line-height: 24px;

        color: #fff!important;

        font-size: 11px;

        margin-left: 5px;

    }



    .ps-bottombar {

        padding: 0px 50px;

    }



    .ps-navbar .ps-logo {

        width: 160px;

        display: inline-block;

        line-height: 90px;

    }



    .ps-navbar .ps-logo img {

        max-width: 100%;

        max-height: 90px;

    }



    .ps-navbar .ps-navbar-menu {

      display: inline-block;

    }



    .ps-navbar .ps-navbar-menu {

        display: inline-block;

        float: right;

        line-height: 90px;

    }



    .ps-navbar-menu a {

        color: #656565!important;

        margin: 0px;

        padding: 0px 10px;

        text-decoration: none!important;

        transition: 0.2s;

    }



    .ps-navbar-menu a:hover {

        background: #4caf90;

        color: #fff!important;

        padding: 5px 10px;

        border-radius: 25px;

    }



    .ps-navbar-menu .dropdown {

        display: inline-block;

        transition: 0.3s;

    }



    .ps-navbar-menu .dropdown:hover a.parent {

        background: #4caf90;

        color: #fff!important;

        padding: 5px 10px;

        border-radius: 25px;

    }



    .ps-navbar-menu .dropdown .menu {

        opacity: 0;

        visibility: hidden;

        position: absolute;

        background: #fff;

        width: 135px;

        text-align: left;

        transition: 0.3s;

        left: 0;

        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);

        margin-top: -20px;

    }



    .ps-navbar-menu .dropdown:hover .menu {

        opacity: 1;

        visibility: visible;

    }



    .ps-navbar-menu .dropdown .menu a {

        display: block;

        line-height: 40px;

        border: 1px solid #f3f3f3;

    }



    .ps-navbar-menu .dropdown .menu a:hover {

        border-radius: 0px;

        background: #efefef;

        color: #676767!important;

        border-left: 4px solid #4caf90;

        line-height: 40px;

        padding: 0px 10px;

    }



    a.ps-btn-1 {

        border: 2px solid #0082c8;

        padding: 5px 15px;

        border-radius: 3px;

        text-align: center;

        color: #0082c8!important;

    }



    a.ps-btn-2 {

        border: 2px solid #0082c8;

        padding: 5px 15px;

        border-radius: 3px;

        text-align: center;

        color: #ffffff!important;

        background: #0082c8;

    }



    .ps-navbar-menu a.ps-btn-2 {

        margin-left: 10px;

    }

  



  

    /* Cover */

    .xx-cover {

        height: 100vh;

        position: relative;

        text-align: center;

    }



    .xx-cover video {

        position: absolute;

        right: 0;

        bottom: 0;

        min-width: 100%;

        min-height: 100%;

        background-image: url(https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/D8qa-2E/water-drops-on-window-rain-raining-crying-sadness-sad-blurred-background_rdev0dro8__F0000.png);

    }



    .xx-cover-cont {

        color: #fff;

        /*text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);*/

        text-align: left;

        transform: translate(-15%, -50%);

    }



    .xx-cover-cont span.sub {

        font-size: 30px;

    }



    .xx-cover h2 {

        font-size: 75px;

        font-weight: 400;

        margin: 0px;

    }



    .xx-cover strong {

        font-weight: 400;

        color: #224422;

    }



    .xx-black-opacity {

        background: linear-gradient(to left, rgba(24, 175, 120, 0.9) 30%,rgba(33, 150, 243, 0.2));

        position: absolute;

        width: 100%;

        height: 100%;        

        top: 0;

    }

    .xx-black-opacity-cover {

       /* background: linear-gradient(to left, rgba(24, 175, 120, 0.9) 30%,rgba(33, 150, 243, 0.2));*/
        background-color: rgba(0,0,0,0.41) !important;

        position: absolute;

        width: 100%;

        height: 100%;        

        top: 0;

    }



    .xx-cover .xx-cover-img {

        background-color: #bfbfbf;

        width: 100%;

        height: 100%;

        background-image: url(../img/cover-punto-sano.jpg);

        background-size: cover;

        background-position: center;

        background-attachment: fixed;        

    }

    .video-punto-sano{
        margin-top: 90px;  
    }

    .video-punto-sano iframe{
        display: block;
        margin: auto;
      
    }

  



  



    .ps-products {

        padding: 80px 0px;

    }



    .ps-product-overlay .just-center {

      width: 100%;

      text-align: center;

    }



    .pp-product-img-cont {

        height: 280px;

        width: 100%;

        position: relative;

        background: #fff;

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

    }



    .ps-product-bg {

        background-image: url(../img/product.jpg);

        background-size: contain;

        background-position: center;

        background-repeat: no-repeat;

        width: 100%;

        height: 100%;

        position: absolute;

    }



    .ps-product-overlay {

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.3);

        position: absolute;

        transition: 0.3s;

        opacity: 0;

        visibility: hidden;

    }



    .pp-product-img-cont:hover .ps-product-overlay {

        opacity: 1;

        visibility: visible;

    }



    .ps-product-overlay a {

        color: #fff!important;

        text-decoration: none!important;

        border: 1px solid #fff;

        padding: 10px;

        border-radius: 3px;

        transition: 0.3s;

    }



    .ps-product-overlay a:hover {

        background: rgba(255, 255, 255, .3);

    }



    .ps-product-item-text {

        text-align: center;

    }



    .ps-product-item-text .title {

        margin: 15px 0px;

        font-size: 22px;

        margin-bottom: 0px;

        font-weight: 400;

    }



    .ps-product-item-text span.category {

        font-size: 15px;

        color: #636363;

    }



    .ps-product-item-text span.price {

        font-size: 16px;

        color: #31966d;

        font-weight: 700;

    }



    .ps-products .main-title {

        text-align: center;

        margin: 0px;

        margin-bottom: 30px;

        font-size: 27px;

        color: #37997f;

    }

  



  

    .ps-big-menu {

        padding: 50px 0px;

    }



    .ps-big-menu-btn:hover {

        transform: translateY(-50px);

        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.5);

    }



    .ps-big-menu-btn {

        position: relative;

        width: 100%;

        height: 400px;

        background: #e4e4e4;

        text-align: center;

        color: #fff;

        transition: 0.3s;

        background-size: cover;

        background-repeat: no-repeat;

        overflow: hidden;

    }



    .ps-big-menu-overlay {

        width: 101%;

        height: 100%;

        background: #4caf90;

    }



    .ps-big-menu-overlay.color1 {

        background: linear-gradient(to bottom, rgba(117, 175, 76, 0.75) 50%, transparent);

    }



    .ps-big-menu-overlay.color2 {

        background: linear-gradient(to bottom, rgba(76, 175, 94, 0.75) 50%, transparent);

    }



    .ps-big-menu-overlay.color3 {

        background: linear-gradient(to bottom, rgba(76, 175, 135, 0.75) 50%, transparent);

    }



    .ps-big-menu-overlay.color4 {

        background: linear-gradient(to bottom, rgba(76, 175, 163, 0.75) 50%, transparent);

    }



    .ps-big-menu-btn .just-center {

        width: 65%;

        transform: translate(-50%, -90%);

    }



    .ps-big-menu-cont i {

        font-size: 30px;

    }



    .ps-big-menu-cont .title {

        margin: 5px 0px;

        font-size: 30px;

    }

  



  

    .ps-sucursales {

        position: relative;

        display: -webkit-box;

        padding: 80px 0px;

    }



    .height1 {

      /*height: 400px;*/

    }



    .ps-sucursales .title-1 {

        margin: 0px;

        margin-bottom: 20px;

        color: #4caf90;

    }



    .ps-sucursales .title-2 {

        margin: 0px;

        margin-bottom: 15px;

        font-size: 20px;

        color: #4caf90;

    }            



    div#map {

        height: 100%;

        width: 100%;

        background: #c3e0ec;

        position: absolute;

    }



    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

       .ps-sucursales {               

           display: flex;               

       }

    }







    .xx-cover .xx-cover-cont h2.small {

    font-size: 50px;

    }



    .xx-about-us {

      text-align: center;

      padding: 100px 15px;

      padding-bottom: 50px;

      /*border-bottom: 1px solid gainsboro;*/

    }



    .xx-title-1 {

      text-transform: uppercase;

    }



    .xx-title-1 span {

      font-size: 25px;

      color: #4caf90;

    }



    .xx-title-1 h2 {

      margin: 0px;

      margin-bottom: 50px;

      font-size: 40px;

      font-weight: 600;

      position: relative;

    }



    .xx-title-1 h2:after {

      content: "";

      height: 5px;

      width: 35px;

      position: absolute;

      background: #000;

      bottom: -10px;

      left: 50%;

      transform: translateX(-50%);

    }



    .xx-about-us-text {

      max-width: 1000px;

      margin: auto;

      font-size: 17px;

    }



    .ps-img-texto {

      padding: 50px 0px;

    }



    .ps-aboutus-bg {

      height: 400px;

      width: 100%;

      background-image: url(../img/bg-2.jpg);

      background-size: cover;

      background-position: center;

    }



    .ps-img-texto .xx-about-us {

      text-align: left;

      padding: 50px 15px;

    }



    body .ps-full-box {

      background: linear-gradient(45deg, #39bb77, #217fca);

      padding: 50px;

    }



    .ps-color-boxes {

      text-align: center;

      padding: 50px 0px;

    }



    .ps-box {

      height: 300px;

      background: #419fad;

      color: #fff;

    }



    .ps-block-img {

        height: 450px;

        background-size: cover;

        background-position: center;

    }



    .ps-faq {

        padding: 50px 15px;

    }



    .title3 {

        color: #73af90;

        margin: 0px;

        margin-bottom: 20px;

    }



    .ps-faq button.btn.btn-link {

        text-align: left;

        border: 1px solid #e4e2e2;

        border-radius: 30px;

        width: 100%;

        color: #34b37f;

        font-weight: 500;

        text-decoration: none!important;

        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);

        outline: none;

        padding: 10px 30px;

        transition: 0.3s;

    }



    .ps-faq button.btn.btn-link:hover, button.btn.btn-link[aria-expanded="true"] {

        background: #34b37f;

        color: #fff;

    }



    .ps-form {

        padding: 50px 15px;

    }



    .ps-form input, .ps-form textarea {

        width: 100%;

        padding: 13px 15px;

        border: none;

        background: #efefef;

        margin-bottom: 10px;

    }



    .send-btn {

        background: #34b37f;

        color: #fff!important;

        display: inline-block;

        padding: 10px 35px;

        border-radius: 5px;

        text-decoration: none!important;

        transition: 0.3s;

    }

    



    /* Footer */

    body .xx-footer {

        background-image: url(../img/bg-2.jpg);

        background-size: cover;

        color: #fff;

        padding: 35px 50px;

        padding-bottom: 80px;

        background-position: center;

        background-size: cover;

    }



    .xx-footer h2 {

        font-size: 20px;

        font-weight: 700;

    }



    .xx-footer span {

        font-size: 13px;

    }



    .xx-footer-logo {

        width: 100%;

    }



    .xx-footer-logo img {

        max-width: 100%;

    }



    .xx-footer-link {

        display: block;

        color: #fff!important;

        line-height: 28px;

        font-size: 14px;

        font-weight: 500;

        text-decoration: none!important;

    }



    .xx-footer-link i {

        font-size: 10px;

        margin-right: 10px;

    }



    .xx-footer-logo img {

        max-width: 175px;

        /* filter: brightness(100); */

        margin-bottom: 15px;

        margin-top: 20px;

    }



    .xx-footer .xx-bottom-bar {

        padding: 3px 50px;

        margin-top: 20px;

        background: rgba(6, 45, 40, 0.28);

        position: absolute;

        bottom: 0;

        left: 0;

        color: #ffffff;

    }



    .xx-footer .xx-bottom-bar a {

        color: #fff!important;

        font-weight: 700;

    }



    .xx-footer hr {

        margin: 0px 0px;

        width: 20px;

        border: none;

    }



    .xx-footer input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

        color: rgba(255, 255, 255, 0.5);

        opacity: 1; /* Firefox */

    }



    .xx-footer .f-col {

      text-align: center;

    }



    .xx-footer .breakit {

      display: inline-block;

      margin: auto;

      text-align: left;

    }



    .xx-footer .xx-input-text input {

        background: #ffffff1f;

        border-bottom: 2px solid #fff;

        margin-bottom: 10px;

        border-radius: 2px;

        padding: 5px 15px;

        width: 100%;

        outline: none;

        color: #fff;

        border-style: none;

    }



    .xx-footer-overlay {

        position: absolute;

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

        background: linear-gradient(45deg, #39bb77, #217fca);

        opacity: 0.9;

    }



    form#xx-contact-form-footer .xx-button-1 {

        margin: 0px;

        margin-top: 7px;

        padding: 5px 15px;

        background: #006fc5;

        color: #fff!important;

        font-weight: 500;

        font-size: 14px;

    }



    body .xx-footer .text-icon i {

        color: #fff;

    }

    /* Fin footer */





    .pp-mobile-navbar {

        padding: 0px 25px;

        width: 100%;

        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);

        position: fixed;

        z-index: 20;

        background: #fff;

        top: 0;

    }



    .pp-mobile-navbar .pp-logo {

        width: 150px;

        display: inline-block;

        line-height: 70px;

    }



    .pp-logo img {

        max-width: 100%;

        max-height: 100%;

    }



    .pp-mobile-menu-btn {

        display: inline-block;

        float: right;

        font-size: 20px;

        line-height: 70px;

        width: 50px;

        text-align: center;

    }



    .pp-mobile-menu-btn a {

        color: #419fad!important;

        width: 100%;

    }



    .mobile-menu-list {

        position: fixed;

        background: rgba(255, 255, 255, 1);

        z-index: 101;

        height: 100%;

        width: 100%;

        text-align: center;

        padding: 50px 0px;

        transition: 0.3s;

        visibility: hidden;

        opacity: 0;

        padding-top: 35px;

    }



    .mobile-menu-list.open {

        visibility: visible;

        opacity: 1;

    }



    .mobile-menu-list a {

        display: block;

        font-size: 25px;

        color: #4caf90;

        font-weight: 100;

        padding: 5px 0px;

    }



    .mobile-menu-list .close-menu-btn {

        position: absolute;

        bottom: 0;

        width: 100%;

        background: #4caf90;

        color: #fff;

    }

    /*----Inicio nuevos cambios---*/
     .banner-punto{
      width: 100%;
      height: 100px;
      background: rgb(110,188,90);
      background: linear-gradient(95deg, rgba(110,188,90,1) 0%, rgba(0,186,128,1) 62%);
      position: absolute;
      top: 100px;
      z-index: 1;
      padding-bottom: 50px;
      padding-top: 58px;
      padding-left: 30px;
      }

      .banner-punto p{
        color: #fff;
        text-transform: uppercase;
      }

      .banner-punto p span{
        margin-right: 20px;
      }

      .ps-big-menu-btn-small{
        height: 350px!important;
        margin-top: 50px;
       }


    /* Modo Responsivo */

    @media (max-width : 767px) {

        body .no-desktop {

            display: block;

        }



        body .no-mobile {

            display: none;

        }



        body .xx-cover .xx-cover-img {

            background-attachment: scroll;

        }



        body .xx-cover-cont {

            transform: translate(-50%, -50%);

            width: 90%;

            text-align: center;

        }



        body .xx-black-opacity {

            background: linear-gradient(to bottom, rgba(24, 175, 120, 0.9) 30%,rgba(33, 150, 243, 0.2));    

        }



        body .xx-cover h2 {

            font-size: 55px;

        }



        h2.small {

            font-size: 35px!important;

        }



        body .xx-cover strong {

            font-weight: 500;

            color: #ffffff;

        }



        body .xx-cover-cont span.sub {

            font-size: 30px;

        }



        body .ps-product-item {

            margin-bottom: 25px;

        }



        body .ps-big-menu-btn {

            margin-bottom: 25px;

        }



        body .xx-col-cont {

            padding: 0px 0px;

        }



        body .ps-big-menu-cont span {

            font-size: 17px;

        }



        body .ps-sucursales {    

            display: block;

        }



        body div#map {

            margin-top: 50px;

            height: 350px;

            position: relative;

        }



        body .pp-mobile-navbar .pp-logo {

            line-height: 72px;

            height: 50px;

        }



        body .xx-footer .f-col {

            text-align: left;

        }



        body .ps-icon-text-item {

            margin-bottom: 25px;

        }



        body .ps-block-img {

            background-attachment: scroll!important;

        }



        body .ps-icon-text-col .icon {            

            padding: 50px 0px;

        }



        body .ps-form {

            margin-bottom: 25px;

        }

        /*Inicio*/
        .banner-punto{
          height: auto;
          padding-bottom: 18px;
          padding-top: 26px;
          top: 72px;
        }



    }

    /* Fin modo responsivo */