.pt-80{

padding-top: 80px;

}

.pt-120{

    padding-top: 120px;
    
  }


.miner{

max-width: 350px !important;

}



.amarillo{

color: #ddb447;

}

strong.negro{

color: #000;

}


.iconos .fa-circle-check{

padding-right: 5px;
font-size: 16px;
color: #ddb447;

}


.abo{

max-width: 300px !important;

}


.centrado{

 
display: block;
text-align: center !important;
margin: auto !important;

}


.sevemobil{


display: none !important;

}


.container-menu{

max-width: 1290px;
margin: 0 auto;

}

.service-section {

background: #ddb447;

}
.service-section2 {

  background: #fff !important;
  
  }
  

.logouno{

display: block;

}


.logodos{

  display: none;
  
  }
  





.ctah{

 
  color: #000 ;
}


.ctah:before{

 
  background-color: #ddb447 !important;
  color: #000 !important;
  }

.ctah:hover{

  color: #000 !important;
  
  }

.btart{

color: #000 ;

}

.btart:hover{

  background-color: #000;
  color: #fff  !important;
}




.nosot{

  background: #000 url('../images/bg2.png');
  
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}


.negrod{

color: #000;
  
}
 
.paraf{


  color: rgba(255, 255, 255, 0.7) !important;

}


.accordion-item{

  color: rgba(0, 0, 0, 0.7) !important;

}


.negrobt{

background-color: #fff !important;

}


.amari{

color: #fff;

}



.swiper-button-next, .swiper-button-prev {
  color: transparent !important;
}



.asunto{

  margin: 30px 0 0px 0;

}



.gt-btn.whatsa{
  width: 80%;
  text-align: center;
  display: block;
  margin: auto;
  margin-top: 140px !important;
  padding: 35px 50px; 
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-family: "Space Grotesk", sans-serif;
 
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  border-radius: 999px;
  background: var(--theme); 
  border: 0px !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
















@media (max-width: 1280px){

  .cta-wrapper.style1 .cta-inner .cta-title h3{

  min-width: 350px !important;

  }


  .container-menu{

    max-width: 1140px;
    margin: 0 auto;
    
    }

    

  .about-wrapper.style2 .right-content{

  padding-left: 90px;

  }


  .carousel-container .carousel-toggle:checked ~ .carousel-content, .carousel-container .carousel-toggle.active ~ .carousel-content{

  height: 83% !important;

  }



}







































@media  (max-width: 767px) {


  .contact-wrapper.style1 .contact-inner {
  
    background: #fff;
    border: 1px solid #000;
  }

  


.gt-btn.whatsa{
  width: 100%;
  text-align: center;
  display: block;
  margin: auto;
  margin-top: 100px !important;
  padding: 35px 50px; 
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-family: "Space Grotesk", sans-serif;
 
  font-size: 24px;
  font-weight: 700;
  line-height: 18px;
 
}




  .swiper-container {
    height: calc(60vh - 120px) !important;
    margin: 60px;
  }

  
  .carousel-container .carousel-toggle:checked ~ .carousel-content, .carousel-container .carousel-toggle.active ~ .carousel-content{

    height: 100% !important;
  
    }
  

  .service-card.style1 .content h3{

  font-size: 25px;

  }

  .carousel-container {
    
    max-width: 100% !important;
    min-height: 100% !important;
 
  }

  .carousel-container .arrow{

  line-height: 380px !important;
  

  }


.ptp p{

padding-top: 10px !important;

}


  .service-card.style2 .content h3{

    font-size: 30.25px !important; 
   color: #000;

  }

  .bajah{

  padding-bottom: 40px !important;

  }

  .title-section.style2{

  padding-top: 60px;

  }


  .breadcumb .page-heading h2 {
    font-size: 42px;
    padding: 100px 0 10px 0px;
    text-align: center;
    letter-spacing: -0.864px !important;
}


  .header-1 .mega-menu-wrapper{

  background-color: #fff;

  }

  
.logouno{

  display: none;
  
  }

    
.logodos{

  display: block;
  
  }
  

  .cta-wrapper.style1 .cta-inner .cta-title h3 {
 
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  
  .about-wrapper.style2 .right-content{

    padding-left: 0px;
  
    }

  .header__hamburger {
    
    position: relative;
    left: -5px !important;
 

  }


  .bento-wrapper.style1 .bento-left-part .bento-service {
    padding: 40px 20px 160px 40px;

  }



.sevemobil{

display: block !important;

}

 
    .brand-logo-wrapper.style1 .slider-area{

     margin: 40px 0;

    }





    .bento-wrapper.style1 .bento-right-part .thumb-content {
     
        top: 25% !important;
  
      }



    .bento-wrapper.style1 .bento-right-part .thumb-content h3 {
        font-size: 34px;
      }

      .bento-wrapper.style1 .bento-left-part .bento-service .content h3{

     font-size: 28px;

      }


    .container{

      padding: 0 15px;
 
        }
        


    .pt-120{

        padding-top: 60px;
        
      }


      .intro-section .intro-wrapper.style2 .intro-slider-content .intro-title h2{

    padding: 0 15px;
    letter-spacing: -0.864px;
    line-height: 38px;


      }


      .intro-section .intro-wrapper.style2 .intro-slider-content {
        padding: 170px 0 70px 0;
    }


    
}



@media  (max-width: 320px) {

  .cta-wrapper.style1 .cta-inner .cta-title h3 {
 
    padding: 20px 40px 20px 0px !important;
  }


}