@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
   opacity: 0;
   transition: 0.25s all;
}
.content-loaded {
   opacity: 1 !important;
}

*{
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}


.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.bg-yellow{
    background: #FFC108;
}
.bg-purple{
    background: #525FFD;
}
.color-purple{
    color: #525FFD;
}
.bg-blue{
    background: #1E255E;
}
.color-blue{
    color:#1E255E;
}
.color-claro{
    color:#666666;
}
.cursor-pointer{
    cursor:pointer;
}
.space-menu{
    padding-top:60px;
}
.z-index-0{
    z-index: 0;
}
.z-index-100{
    z-index: 100;
}
.bx-id{
    border-top-left-radius: 83px;
    border-bottom-left-radius: 83px;
    height: 120px;
    
}

.bx-idp {
    border-top-left-radius: 83px;
    border-bottom-left-radius: 83px;
    height: 70px;
    position: relative;
        bottom: 33.5%;
            width: 200% !important;
        max-width: 200%;
        z-index: 9 !important;
        right: 95%;

}
.text-main{
    font-size: 4rem;
}
.text-title{
            font-size: 4rem;
            line-height: 5rem;
        }
.text-producto{
    font-size: 1.3rem;
    }

@media(max-width:1200px){
    .bx-idp {
            border-top-left-radius: 83px;
            border-bottom-left-radius: 83px;
            height: 70px;
            position: relative;
            bottom: 37.5%;
            width: 200% !important;
            max-width: 200%;
            z-index: 9 !important;
            right: 95%;
    
        }
}

.z-index-1000 {
    z-index: 1000;
}
.client:hover{
    transform: scale(1.05);
    transition: .5s;
}
.slider-container{
    height:600px;
}
.title{
    font-size: 45px;
   
}
.t1{
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;

}
.flex-0{
    flex: none !important;
}
.h-100vh{
    
    min-height: 550px !important;
    max-height: 790px !important;
}
.h-100h{
    
    min-height: 650px !important;
    max-height: 790px !important;
}
@media(min-width:1500px){
    .h-100vh{
       
        min-height: 750px !important;
        max-height: 790px !important;
    }
}
.border-btn{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.border-l {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}
.bg-celeste{
    background: #4BA9FF;
}
.bg-orange{
    background: #F78523;
}
.bg-plomo{
    background: #404040;
}
.box-client{
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}
.text-green{
    color:#168B46;
}
.border-15{
    border-radius: 15px;
}
.negative-top{
    margin-top: -60px;
    position: relative;
}
.slick-list{
    padding-top: 130px !important;
    
}
.prev-button {
        position: absolute;
            left: 46%;
            top: 2%;

}
.btn-sg{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    z-index: 120;
    border: 0;
}
.next-button{
    position: absolute;
        /* left: 82.5%; */
        right: 23.5%;
        top: 2%;
        
    
}

.text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Número de líneas que quieres mostrar antes de expandir */
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
    transition: .5s;
}
.text5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* Número de líneas que quieres mostrar antes de expandir */
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
    transition: .5s;
}
.element-hidden{
    display: none;
    opacity: 0;
}
.text3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Número de líneas que quieres mostrar antes de expandir */
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
    transition: .5s;
}
.text9 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    /* Número de líneas que quieres mostrar antes de expandir */
    -webkit-box-orient: vertical;
    transition: all 0.3s ease;
    transition: .5s;
    
}
.expand{
     transition: all .15s;
}
.expand:hover .text-all{
    -webkit-line-clamp: inherit !important;
    transition: all .15s;
    transition: max-height 0.5s ease-in-out;
        
}
.expand:hover .element-hidden{
    display: block;
    opacity: 1;
}
.expand2{
    width: 300px !important;
    max-width: 300px !important;
    height: 160px;
    border-radius: 50% !important;
}
.abierto{
    height: 300px;
}
@media(max-width:740px){
    .tp {
            position: relative;
            top: 0px !important;
            padding: 0 50px;
        }
       
        .menu{
            position: fixed;
            top: 0;
            width: 80%;
            margin-left: -80%;
            height: 100vh;
            transition: .5s;
            left: 0;
            background: white;
        }
        .menu.activemenu{
            position: fixed;
                top: 0;
                width: 80%;
                margin-left: 0%;
                height: 100vh;
                transition: .5s;
                left: 0;
                background: white;
        }
        .contact{
            text-align: left !important;
            padding-left: 8px !important;
        }
        .contact span{
            color: black !important;
        }

                .bx-cart {
                    width: 100% !important;
                    height: 110px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    border-radius: 50px !important;
                    overflow: hidden;
                    transition: .5s;
                    padding-left: 8px !important;
                    padding-right: 8px !important;
                    margin-bottom: 8px;
                }
        
                .bx-cart div div {
                    display: block !important;
                    opacity: 10 !important;
                    transition: .5;
                }

                .bx-not {
                    width: 100% !important;
                    height: 110px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    border-radius: 50px !important;
                    overflow: hidden;
                    transition: .5s;
                    padding-left: 8px !important;
                    padding-right: 8px !important;
                    margin-bottom: 8px;
                }

                .bx-not div div {
                    display: block !important;
                    opacity: 10 !important;
                    transition: .5;
                }


                .bx-phone {
                    width: 100% !important;
                    height: 110px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    border-radius: 50px !important;
                    overflow: hidden;
                    transition: .5s;
                    padding-left: 8px !important;
                    padding-right: 8px !important;
                    margin-bottom: 8px;
                }

                .bx-phone div div {
                    display: block !important;
                    opacity: 10 !important;
                    transition: .5;
                }
        
                
}
.tp{
    color: #ffffff;
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}

@media (max-width: 1400px) { 
    .text-main{
            font-size: 4rem;
        }
    .text-title{
            font-size: 4rem;
            line-height: 4rem;
        }
    
    .expand2 {
            width: 300px !important;
            max-width: 300px !important;
            height: 200px;
            border-radius: 50% !important;
        }
        

    .abierto {
            height: 300px;
            }
    .bx3:hover img {
            transform: scale(1.05);
            transition: .5s;
           
        }
    }
    
@media (max-width: 1200px) {
     .text-main{
            font-size: 3rem;
        }
        .text-title{
            font-size: 3rem;
             
        }
        .space-menu{
    padding-top:80px;
    }
        .p-5 {
            padding:1rem!important;
        }
        .p-5 {
            padding:0.5rem!important;
        }
        .prev-button {
    position: absolute;
    left: 29%;
    top: 2%;
}
.next-button {
    position: absolute;
   
    right: 29%;
    top: 2%;
}
.mt-8rem{
    margin-top:6rem;
}
    }

@media (max-width: 768px) {
    .text-main{
    font-size: 2.3rem;
    }
    .text-title{
    font-size: 2.3rem;
    }
    .text-producto{
    font-size: 1.3rem;
    }
    .btn-sg{
        display:none;
    }
    .ocultar-icono{
        display:none;
    }
    .space-menu{
    padding-top:80px;
    }
    .pt-4 {
    padding-top: 1rem!important ;
    }
    .p-5 {
            padding:1rem!important;
        }
    
    .prev-button {
    display:none;
}
.next-button {
    display:none;
}
.banner-alt{
    margin-top:-160px;
    
}

    }  
@media (max-width: 576px) { 
         .text-main{
            font-size: 2rem;
        }
         .text-title{
            font-size: 2rem;
        }
        .tp{
   
    margin-bottom: 0;
}
        .ocultar-icono{
        display:initial;
    }
        .pbresp{
            margin-top:-50px;
            padding-bottom:10rem;
        }
        .bx-id{
            height: 60px;
        }
        .footer-logo{
            display:flex;
            justify-content:center;
        }
        .text-logo{
            text-align:justify;
        }
        .pbr-8{    
        padding-bottom: 12rem;}
        .slider-container {
    height: 510px;
}
.banner-alt{
    margin-top:-160px;
    
}

}






.slick-slide {
    display: none;
    float: left;
    height: auto !important;
    min-height: 1px;
}
.top-20{
    top:20%;
}
.border-60{
    border-radius: 60px;
}
.img-review{
    width: 120%;
}
a{
    text-decoration: none !important;
}
.footer{
    background: #404040;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.shadow-all{
    -webkit-box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, 0.75);
        overflow: hidden;
}
.border-60{
    border-radius: 60px;
}

.tp-img{
    margin-top: 90px;
}
.it{
    background: #F0F0F0 !important;
}
.bx1:hover{
 background: #E0E0E0;
 transition: .5s;
}

.bx1:hover img{
    transform: scale(1.05);
    transition: .5s;
}
.bx2:hover {
 background: #FFCD37;
 transition: .5s;
}
.bx2:hover img {
    transform: scale(1.05);
    transition: .5s;
}
.bx3{
    overflow: visible;
    max-height: 595px;
}
.bx3:hover {
  background: #4BA9FF;
  transition: .5s;
}
.bx3:hover img {
    transform: scale(1.05);
    transform-origin:bottom;
    transition: .5s;
    
}

.bx-cart{
    width: 110px;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    overflow:hidden;
    transition: all .15s;
}
.bx-cart div div{
    display: none;
    opacity: 0;
    transition: all .15;
}
.bx-cart:hover{
    
    padding: 20px;
   
    border-radius: 50px;
    width: 325px;
}

.bx-cart:hover div div {
    display: flex;
    opacity: 1;
   
}



.bx-cart img{
    max-width: 50px;
    margin: auto;
}
.bx-not {
    width: 110px;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    transition: all .15s;
}
.bx-not div div{
    display: none;
    opacity: 0;
    transition: all .15s;
}

.bx-not:hover {
    padding: 20px;
    border-radius: 50px;
    width: 325px;
}

.bx-not:hover div div {
    display: flex;
    opacity: 1;
}

.bx-not img {
    max-width: 50px;
    margin: auto;
}
.bx-phone {
    width: 110px;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    transition: all .15s;
}
.bx-phone div div{
    display: none;
    opacity: 0;
    transition: all .15s;
}

.bx-phone:hover {
   
    padding: 20px;

    border-radius: 50px;
    width: 325px;
}

.bx-phone:hover div div {
    display: flex;
    opacity: 1;
   
}

.bx-phone img {
    max-width: 50px;
    margin: auto;
}


.bx-about{
    border-radius: 113px;
    background: #E4E3E1;
}
.bx-about:hover{
  background: #FFCD37;
transition: .5s;
    transform: scale(1.05);
}

.bx-about1 {
    border-radius: 113px;
    background: #E4E3E1;
}

.bx-about1:hover {
    background: #525FFD;
    transition: .5s;
    transform: scale(1.05);
}
.ft-title{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.bx-about3 {
    border-radius: 113px;
    background: #E4E3E1;
}

.bx-about3:hover {
    background: #4BA9FF;
    transition: .5s;
        transform: scale(1.05);
}
.scale:hover{
    transition: .5s;
        transform: scale(1.05);
}




/**texto**/
.tt {
    color: #212455;
}

.ts {
    color: #9F9F9F;
}



.tf {
    font-size: 2.5rem;
}

.tf1 {
    font-size: 0.9rem;
}

.tf2 {
    font-size: 1.2rem;
}

/**imágenes**/
.i1 {
    height: 15rem;
}

.l1 {
    width: 8rem;
    height: 4rem;
}

/**secciones**/
/**sección1**/

/**sección2**/

.s2>div {
    -webkit-box-shadow: -5px 2px 26px -17px rgba(168, 165, 168, 1);
    -moz-box-shadow: -5px 2px 26px -17px rgba(168, 165, 168, 1);
    box-shadow: -5px 2px 26px -17px rgba(168, 165, 168, 1);
    padding: 6rem 0;
}

.cbps {
    padding: 0.4rem 0;
}

.cbp {
    padding: 0.4rem 1.2rem 0.4rem 1.2rem;
}

.cb1 {
    background-color: #515FFE;
}

.cb2 {
    background-color: #F78627;
}

.cb3 {
    border: 2px #A5A5A5 solid;
    color: #a5a5a5;
}

.cb4 {
    background-color: #4CA9FF;
}

.cb5 {
    background-color: #FFCC3B;
}

/**sección3**/
.s3 {
    padding: 2.5rem 0;
}

.s3p1 {
    padding: 1rem 0;
}

.lc {
    background-color: #F3F3F3;
    padding: 0.8rem 1.5rem 0.8rem 1.5rem;
}

/**repetidos**/
.s1,
.s2 {
    padding: 3rem 0;
}