.roboto-flex-<uniquifier> {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
	"slnt" 0,
	"wdth" 100,
	"GRAD" 0,
	"XOPQ" 96,
	"XTRA" 468,
	"YOPQ" 79,
	"YTAS" 750,
	"YTDE" -203,
	"YTFI" 738,
	"YTLC" 514,
	"YTUC" 712;
}

.background {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	min-height:700px;

}

#background-video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.home-header-description{
  max-width: 430px !important;
}

.menu-red-frame{
	width: 100% !important;
	height: 30px !important;
	background-color: #E00000 !important;
}

.social-media-logo{
	margin-left: 15px !important;
}

section {
	padding-top:50px;
	padding-bottom:50px;
}

.form-container input::placeholder,
.form-container textarea::placeholder {
	color: rgba(255, 255, 255, 0.7) !important; /* Color blanco con opacidad */
}

.bkg_quote {
	background-image: url('imgs/fondo-cotizador1.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;                
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;

}

.text_container {
	padding-top:125px;
}

.text_container h1 {
	font-size:50px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;

}

.text_container h3 {
	padding:0px;
	margin:0px;
}

.padding_left {
	padding-left:20px;
}

.text_container p {
	font-size:22px;
	padding-left:20px;
}

@media (max-width: 991.98px) {
	.text_container p, .padding_left {                    
		padding-left:0px;
	}
}

.red_bkg {
	color:#E00000;
}

.custom_nav {
	position: relative;
	z-index: 1;
	background-color: transparent !important;
}

.custom_nav::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0B1538;
	z-index: -1; /* Coloca el fondo detrás del contenido */
}

.nav-item {
	padding-left:15px;
	padding-right:15px;
	
	font-size:14px;
}

.bkg_button {
	background-color:#E00000;                
}

.bkg_button a {
	color:#fff !important;
}


.form-container {
	background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
	padding: 20px;
	border-radius: 5px;
}

.form-container input,
.form-container textarea {
	background-color: rgba(255, 255, 255, 0.8); /* Fondo semi-transparente para inputs */
	color: black;
}

.form-container h5 {
	color: #E00000; /* Color rojo para el botón */
}

.info-container {
	padding-left: 40px;
}

.bottom_padding {
	padding-bottom: 20px;
}

.index_icon {
	padding-top:5px;
	padding-bottom:5px;
}

.form-control-transparent {
	background-color:rgba(255,255,255,0.2);
	color: white !important;
}

.form-control-transparent:hover {
	background-color:rgba(255,255,255,0.2);
	color: white !important;
}

.form-control-transparent:focus {
	background-color:rgba(255,255,255,0.2);
	color: white !important;
}

input::placeholder {
	color: rgba(255,255,255,0.7) !important; /* Cambia este color según tus necesidades */
}

textarea::placeholder {
	color: rgba(255,255,255,0.7) !important; /* Cambia este color según tus necesidades */
}




/*-------*/

.service-section {
	padding: 60px 0px 90px 0px;
}

.service-section-row{
	width: 100% !important;
}
.service-section-left-bck{
	background-color: #0B1538 !important;
	width: 95% !important;
	padding-top: 30px !important;
	position: relative !important;
	min-height: 200px;
	height: 500px
}
.service-section-left-info{
	width: 80% !important;
	max-width: 450px !important;
	min-width: 300px !important;
	position: absolute !important;
	right: -30 !important;
	bottom: -30 !important;
	min-height: 200px;
}

.service-section-left-info img{
	width: 100% !important;
}

.service-section-left-info h2{
	color: white !important;
	font-family: 'Roboto Flex' !important;
	font-size: 20px !important;
	margin-bottom: 40px !important;
	width: 85% !important;
	max-width: 340px !important;
	
}

.service-section-right-info{
	max-width: 517px !important;
	width: 100% !important;
		
}

.service-section-right-info h2{
	color: #0B1538 !important;
	font-family: 'Roboto Flex' !important;
	font-size: 22px !important;
	max-width: 429px !important;
	font-weight: bold !important;
}


.service-item{
	margin: 30px 0px !important;
}

.service-item img{
	width: 100% !important;
	max-width: 90px !important;
	
}

.service-item h5{
	font-family: 'Roboto Flex' !important;
	font-size: 18px !important;
	color: #0B1538 !important;
}

.service-item p{
	font-family: 'Roboto Flex' !important;
	font-size: 14px !important;
	color: #0B1538 !important;
	max-width: 400px !important;
}



.custom_padding_left_service {
	padding-left:100px;
}

.btn-red {
  background-color: #E00000;
  border-color: #E00000;
  color: white !important;
  font-family: 'Roboto Flex' !important;
  font-size: 14px !important;
  padding: 10px 20px !important;
}

.btn-red:hover {
  background-color: white !important;
  border-color: white !important;
  color: #E00000 !important;
  font-family: 'Roboto Flex' !important;
  font-size: 14px !important;
}

.home-our-service{
  background-color: #EDEDED !important;
  padding: 40px 0px 50px 0px !important;
}

.home-our-service-title{
  font-family: 'Roboto Flex' !important;
  font-size: 22px !important;
  color: #0B1538 !important;
  margin-bottom: 40px !important;
}

.our-service-item{
  text-align: left !important;
  background-color: white !important;
  padding: 30px 20px 40px 20px !important;
  font-family: 'Roboto Flex' !important;
  font-size: 14px !important;
  color: #0B1538 !important;
  width: 100% !important;
  margin: 0px 5px !important;
  min-height: 180px !important;
}

.our-service-item-right{
	margin-top: 20px !important;
 }

.our-service-col{
  padding: 0px !important;
}

.our-service-item img{
  height:  40px !important;
}

.home-consolidated-section{
  background-image: url('imgs/consolidated-bck.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  min-height: 300px !important;
  padding: 60px 0px 60px 0px !important;
}

.home-consolidated-title{
  font-family: 'Roboto Flex' !important;
  font-size: 22px !important;
  color: white !important;
  margin-bottom: 20px !important;
}

.home-consolidated-description{
  font-family: 'Roboto Flex' !important;
  font-size: 16px !important;
  color: white !important;
}

.home-consolidated-image{
  max-width: 500px !important;
  width: 100% !important;
  margin: auto !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  display: block;
}

.home-consolidated-image-mobile{
  display: none;
}

.footer-section{
	background-color: #0B1538 !important;
	padding: 50px 0px 100px 0px !important;
}

.pre-footer{
  padding: 0px 50px !important;
}

.pre-footer-left{
  float: left !important; 
  width: fit-content !important;
  width: 20% !important;

}

.pre-footer-right{
  float: left !important; 
  width: 80% !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

.pre-footer-left-2{
  float: right !important; 
  width: fit-content !important;
  width: 20% !important;

}

.pre-footer-right-2{
  float: right !important; 
  width: 80% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.pre-footer-img{
  width: 45px !important;
}

.pre-footer-item{
  font-family: 'Roboto Flex' !important;
  font-size: 12px !important;
  color: white !important;
}

.footer-div{
  margin-top: 50px !important;  
}

.footer-hr{
  background: white;
  margin-top: 50px !important;
}

.logo-footer{
  width: 50px !important;
}

.footer-copyright{
  font-family: 'Roboto Flex' !important;
  font-size: 10px !important;
  color: white !important;
  margin-top: 30px !important;
}

.footer-title{
  font-family: 'Roboto Flex' !important;
  font-size: 16px !important;
  color: white !important;
}

.footer-ul{
  list-style-type: none; /* Remove bullets */
  padding: 0;            /* Remove padding */
  margin: 0;   
  width: 95% !important;
}

.footer-li-border{
  border-bottom: 1px solid  rgb(255,255,255,0.7) !important;
}

.footer-ul li{
  padding: 10px 0px 10px 0px !important;
  font-family: 'Roboto Flex' !important;
  font-size: 12px !important;
  color: rgb(255,255,255,0.7) !important;
  
  background: url('imgs/li-footer-bullet.png') no-repeat left center; /* Set bullet image */
  background-size: 5px; /* Resize bullet image as needed */
}

.active-menu{
  color: #E00000 !important;
}

.navbar-dark .navbar-nav .nav-link{
  color: white;
}

.nav-link:focus{
  color: white;
}


.active-menu::after {
	content: url('imgs/menu-ico-red.png') !important;
	display: inline-block; 
	margin-bottom: -8px !important;
	margin-left: 5px !important;
}


.menu-nav::after {
	content: url('imgs/menu-ico.png');
	display: inline-block; 
	margin-bottom: -8px !important;
	margin-left: 5px !important;
}


.background_us {
	background-image: url('imgs/bck-us.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	min-height:500px;
	position: relative !important;
}

.us-header-title{
  font-family: 'Roboto Flex' !important;
  font-size: 38px !important;
  color: white !important;
  margin-top: 170px !important;
}

.us-header-subtitle{
  background-color: #E00000 !important;
  color: white !important;
  font-family: 'Roboto Flex' !important;
  font-size: 14px !important;
  padding: 10px 25px !important;
  width: fit-content !important;
  margin: auto !important;
  margin-top: 20px !important;
}

.us-header-subtitle img{
  height: 10px !important;
  margin-top: -3px !important;
}


.us-contact-section {
	padding: 60px 0px 90px 0px;
}

.us-contact-section-row{
	width: 100% !important;
}
.us-contact-section-left-bck{
	background-color: #0B1538 !important;
	width: 95% !important;
	padding-top: 30px !important;
	position: relative !important;
	min-height: 200px;
	height: 500px
}
.us-contact-section-left-info{
	width: 100% !important;
	max-width: 450px !important;
	min-width: 300px !important;
	position: absolute !important;
	right: -30 !important;
	bottom: -30 !important;
	min-height: 200px;
}

.us-contac-phone-img{
	width: 35px !important;
}

.us-contac-phone{
  color: white !important;
  font-family: 'Roboto Flex' !important;
  font-size: 24px !important;
  margin-bottom: 40px !important;

}

.us-contact-section-left-info img{
	width: 100%;
	
}

.us-contact-section-left-info h2{
	color: white !important;
	font-family: 'Roboto Flex' !important;
	font-size: 24px !important;
	margin-bottom: 40px !important;
	width: 85% !important;
	max-width: 340px !important;
	
}



.us-contact-section-right-info{
	max-width: 517px !important;
	width: 100% !important;
		
}

.us-contact-section-right-info h2{
	color: #0B1538 !important;
	font-family: 'Roboto Flex' !important;
	font-size: 26px !important;
	max-width: 230px !important;
	margin-bottom: 40px !important;
}


.us-contact-item{
	margin: 30px 0px !important;
}

.us-contact-item img{
	width: 100% !important;
	max-width: 90px !important;
	
}

.us-contact-item h5{
	font-family: 'Roboto Flex' !important;
	font-size: 18px !important;
	color: #0B1538 !important;
}

.us-contact-item p{
	font-family: 'Roboto Flex' !important;
	font-size: 14px !important;
	color: #0B1538 !important;
	max-width: 400px !important;
	text-align: justify !important;
	margin-right: 20px !important;
}

.background_service {
	background-image: url('imgs/bck-service.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	min-height:500px;
	position: relative !important;
}


.service-info-section{
  background-color: #F5F5F5 !important;
  padding: 50px 0px 50px 0px !important;
}

.service-info-title{
  font-family: 'Roboto Flex' !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #0B1538 !important;
  max-width: 519px !important;
  margin: auto !important;
  margin-bottom: 40px !important;

}

.service-info-item {
   text-align: left !important;
   background-color: white !important;
   padding: 0px !important;
   font-family: 'Roboto Flex' !important;
   font-size: 12px !important;
   color: white !important;
   background-color:  #0B1538 !important;
   width: 100% !important;
   margin: auto !important;
   min-height: 10px !important;
   max-width: 450px !important;
   height: 100% !important;
 }
 
 .service-info-col{
   padding: 10px !important;
 }
 
 .service-info-img{
   width: 100% !important;
   background-position: center !important;
   background-size: cover !important;
   height: 150px !important;
 }
 
 .service-info-footer{
   padding: 15px !important;
   font-family: 'Roboto Flex' !important;
   font-size: 15px !important;
   color: white !important;
   height: 100% !important;
 }

 .service-info-number{
   float: left !important;
   width: fit-content !important;
   height: 100% !important;
 }
 
 .service-info-text{
	float: left !important;
	height: 100% !important;
	margin-left: 10px !important;
}

.background_contact {
	background-image: url('imgs/contact-bck.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	min-height:500px;
	position: relative !important;
}

.contact-header-title{
  font-family: 'Roboto Flex' !important;
  font-size: 38px !important;
  color: white !important;
  margin-top: 170px !important;
}

.contact-header-subtitle{
  background-color: #E00000 !important;
  color: white !important;
  font-family: 'Roboto Flex' !important;
  font-size: 14px !important;
  padding: 10px 25px !important;
  width: fit-content !important;
  margin: auto !important;
  margin-top: 20px !important;
}

.contact-header-subtitle img{
  height: 10px !important;
  margin-top: -3px !important;
}

.contact-form-img{
  width: 90% !important;
  max-width: 500px !important;
}

.contact-form-title{
  margin-bottom: 50px !important;
}

.contact-form-subtitle{
  font-family: 'Roboto Flex' !important;
  font-size: 18px !important;
  color: #0B1538 !important;
  margin: 30px 0px 10px 0px !important;
}

.form-control-gray::placeholder {
  color: #6c757d !important;
  font-family: 'Roboto Flex' !important;
  font-size: 14px !important;
  opacity: 1;
}

.footer-ul a{
  text-decoration: none !important;
  color: rgb(255,255,255,0.7) !important;
}


@media (max-width: 991px) {
	 .service-info-img {
	   width: 100% !important;
	   background-position: center !important;
	   background-size: cover !important;
	   height: 200px !important;
	 }
	 
	 .us-contact-section-right-info {
	   max-width: 991px !important;
	   width: 100% !important;
	 }
	 
	 .us-contact-item p {
	   font-family: 'Roboto Flex' !important;
	   font-size: 14px !important;
	   color: #0B1538 !important;
	   max-width: 500px !important;
	 }
	 
	 .pre-footer-item {
	   font-family: 'Roboto Flex' !important;
	   font-size: 12px !important;
	   color: white !important;
	   padding: 10px 0px !important;
	 }
	 
	 .bkg_button{
	   background: none !important;
	 }
}


@media (max-width: 500px) {
	.home-consolidated-image{
	   display: none;
	 }
	 
	 .home-consolidated-description {
	   font-family: 'Roboto Flex' !important;
	   font-size: 14px !important;
	   color: white !important;
	   margin: auto !important;
	   max-width: 90% !important;
	 }
	 
	 .home-consolidated-image-mobile{
		max-width: 500px !important;
		width: 70% !important;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		margin-left: 15% !important;
		display: block;
	  }
	  
	  
}
.href-social-media{
   text-decoration: none !important;
   color: white !important;
 }

@media (max-width: 768px) {
  .contact-form-img {
	width: 100% !important;
  }
  .contact-form-title{
	margin-top: 50px !important;  
  }
  
  .text_container {
	 padding-top: 100px;
   }
   
   .text_container h1 {
	 font-size: 32px;
	 margin-top: 0px;
	 margin-bottom: 0px;
	 padding-top: 0px;
	 padding-bottom: 0px;
   }
   
   .text_container h3 {
	 font-size: 18px;
	 margin-bottom: 40px !important;
   }
   
   .home-header-description{
	 font-size: 15px !important;
   }
   
   .bkg_quote{
	 background-color: #424962 !important;
	 background-image: none !important;
	 
   }
   
   .quote-col-right{
	 padding-top: 15px !important;
   }
   
   .btn-red {
	 background-color: #E00000;
	 border-color: #E00000;
	 color: white !important;
	 font-family: 'Roboto Flex' !important;
	 font-size: 14px !important;
	 padding: 10px 20px !important;
	 width: 100% !important;
	 margin-top: 10px !important;
	 margin-bottom: 40px !important;
   }

   .service-section {
	 padding: 0px 0px 0px 0px;
   }
   
   .service-section-left-bck {
	 background-color: #0B1538 !important;
	 width: 100% !important;
	 padding-top: 30px !important;
	 position: relative !important;
	 min-height: 200px;
	 height: fit-content;
   }
   
   .service-section-left-info {
	 width: 90% !important;
	 max-width: 800px !important;
	 min-width: 100px !important;
	 position: relative !important;
	 bottom: -30 !important;
	 min-height: 200px;
	 left: 5%;
   }
   
   .service-section-row{
	   width: 100% !important;
	   padding: 0px !important;
	   margin: 0px !important;
   }
   
   .service-section-col{
	 padding: 0px !important;
   }
   
   .service-section-right-info{
	 padding-top: 110px !important;
   }
   
   .home-our-service{
	 padding-top: 60px !important;
   }
   
   .our-service-item {
	 text-align: left !important;
	 background-color: white !important;
	 padding: 15px 10px 15px 10px !important;
	 font-family: 'Roboto Flex' !important;
	 font-size: 14px !important;
	 color: #0B1538 !important;
	 width: 100% !important;
	 margin: 10px 10px !important;
	 min-height: 10px !important;
	 
   }
   
   .our-service-item-left{
	 float: left !important;
	 width:15% !important;
	 text-align: center !important;
   }
   .our-service-item-right{
	  margin-top: 8px !important;
	  margin-left: 15px !important;
	  float: left !important;
	  max-height: fit-content !important;
	  max-width: 76% !important;
   }
   
   
   .pre-footer-item {
	 font-family: 'Roboto Flex' !important;
	 font-size: 12px !important;
	 color: white !important;
	 padding: 10px 0px !important;
   }
  
	#footer-title-3{
	  display: none !important;
	}
	
	.footer-title{
	  margin-top: 20px !important;
	}
	
	.logo-footer{
	  margin-top: 30px !important;
	}
   
   
	.footer-section {
	  background-color: #0B1538 !important;
	  padding: 50px 0px 50px 0px !important;
	}
	
	
	
	
	.us-contact-section {
	   padding: 0px 0px 0px 0px;
	 }
	 
	 .us-contact-section-left-bck {
	   background-color: #0B1538 !important;
	   width: 100% !important;
	   padding-top: 30px !important;
	   position: relative !important;
	   min-height: 200px;
	   height: fit-content;
	 }
	 
	 .us-contact-section-left-info {
	   width: 90% !important;
	   max-width: 800px !important;
	   min-width: 100px !important;
	   position: relative !important;
	   bottom: -30 !important;
	   min-height: 200px;
	   left: 5%;
	 }
	 
	 .us-contact-section-row{
		 width: 100% !important;
		 padding: 0px !important;
		 margin: 0px !important;
	 }
	 
	 .us-contact-section-col{
	   padding: 0px !important;
	 }
	 
	 .us-contact-section-right-info{
	   padding-top: 110px !important;
	 }
   
	 .us-contact-section-left-info h2 {
		color: white !important;
		font-family: 'Roboto Flex' !important;
		font-size: 24px !important;
		margin-bottom: 10px !important;
		width: 100% !important;
		max-width: 340px !important;
	 }
	 
	 
}