@charset "utf-8";
/* CSS Document */
body
{
	margin:0;
	padding:0;
	font-family: "Open Sans", Medium 500;
	background-color: #E1E3E5;
     color: #004266;
     font-size: 1.2em;
     font-weight: bold;
     text-align: right;
	
}

header
{
	padding-top:10px;
	padding-right:10px;
	margin: 0px 2px 2px 2px;
	box-sizing: border-box;
}





section
{
	width:100%;
	height:auto;
	box-sizing: border-box;
	padding-top:12px;
	
}

/* sec1 = nosotros */
section.sec1 img
{
	margin: 10px 50px 0px 0px;

}

section.sec1 p{
	padding-top: 25px;
	padding-left: 50px;
	padding-right: 50px;
	column-gap: 40px;
	column-count: 2;
	text-align: justify;
    text-justify: inter-word;
}

/* sec2 = que es ndt */
section.sec2 p{
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 50px;
	padding-right: 50px;
	column-gap: 40px;
	column-count: 2;
	text-align: justify;
    text-justify: inter-word;
}
/* sec3 = servicios de inspeccion */
section.sec3 li{
	
	padding-right: 50px;
	}

section.sec3 ul{
	padding-top: 25px;
	padding-right: 50px;
	}

.vertcenter {
	display: flex;
  align-items: center;
}


section.sec3 img{
	padding-top: 25px;
	background-clip: content-box;
		background: transparent;
	background-image: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
	}

section.sec3 {
	background: transparent;
	background-clip: content-box;
	background-image: none;
	
	padding-top: 25px;
	display: flex;
	
	align-items: center;
	flex-direction: column;
	}


/* sec4 = objetivos de nuestros servicios */
section.sec4 {
	padding-top: 25px;
	}

/* sec5 = aplicabilidad */

section.sec5 {
	padding-top: 25px;
	
	}

section.sec5 p{
	padding-top: 25px;
	padding-right: 50px;
	text-align: right;
    
}


section.sec5 li{
	padding-right: 00px;
	
	}

section.sec5 ul{
	padding-right: 50px;
	
	}

/* sec6 = giros */

section.sec6 ul{
	padding-right: 50px;
	padding-top: 25px;
	}

section.sec6 {
	padding-top: 25px;
	
	}

section.sec6 ul{
	padding-right: 50px;
	}

.card {
	margin:1% 5%;
     background-color: white;
     width: 40%;
     height: 200px;
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5 );
     transition: 0.3s;
     border-radius: 7px;
     vertical-align: middle;
	 align-items: center;
     justify-content: center;
	 float:left;
	
    }

.card-text {
     vertical-align: middle;
	margin-top: 5%; 
	align-items: center;
     justify-content: center;
	 float:left;
	 
    
    }

/* On mouse-over, add a deeper shadow */
 .card:hover {
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8);
}
section.sec7 img,
section.sec8 img{
	padding: 25px 50px;
	}



nav {
	vertical-align: middle;
	width:100%;
	height:34px;
	background-color: #4F7087;
     color: #fff;
     font-family: "Open Sans", Medium 500;
     font-weight: bold;
	 font-size: 1vw;
	position:sticky;
	top:0px;
	z-index: 99;
     
}

nav ul {
	display:flex;
	margin: 0;
	padding:0px 20px;
	float:left;
	
}

nav ul li {
	list-style: none;
	padding-left: 7px;
}

nav ul li a {
	display:block;
	color:#fff;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Open Sans", Medium 500;
	font-weight: bold;
	line-height: 34px;
}

nav ul li a:hover,
nav ul li a.active{
	
	background: #00416B;
	display:block;
	color:#fff;
	
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Open Sans", Medium 500;
	font-weight: bold;
	line-height: 34px;
}

nav img {
	display:inline-flex;
	margin:4px 5px 0px 0px;
	padding-right: 0px;
	float:right;
	
	
}

.carousel-control.left, .carousel-control.right, .d-block, .w-100, .carousel-item, .carousel-control-prev, .carousel-control-next {background: none !important;}

 .footer {
	 background: #fff;
     background-color: white;
     color: #F57E25;
     font-family: "Open Sans", Medium 500;
     font-weight: bold;
     font-size: 16px;
     text-align: center;
	 padding: 0px 0px;
	 margin: 0px 0px
}

footer a {
	color:#F57E25;
}

footer a:link {
	color:#F57E25;
}

footer a:visited {
	color:#F57E25;
}

/* Slideshow container */
 .slideshow-container {
     max-width: 1000px;
     position: relative;
     margin: auto;
	 scroll-snap-align: start;
	 transform-origin: center center;
	 animation-name: containeranim;
	 transition: transform 2s opacity 2s;
     
	 opacity:1;
     -webkit-transition: opacity 2s;
     -moz-transition: opacity 2s;     
      
}
	
/* Hide the images by default */
 .mySlides {
     display: none;
}
/* Next & previous buttons */
 .prev, .next {
     cursor: pointer;
     position: relative;
     top: 50%;
     width: auto;
     margin-top: -22px;
     padding: 16px;
     color: white;
     font-weight: bold;
     font-size: 18px;
     transition: 2s ease;
	 opacity:0;
     border-radius: 0 3px 3px 0;
     user-select: none;
}
/* Position the "next button" to the right */
 .next {
     right: 0;
     border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
 .prev:hover, .next:hover {
     background-color: rgba(0,0,0,0.8);
}
/* Caption text */
 .text {
     color: #f2f2f2;
     font-size: 15px;
     padding: 8px 12px;
     position: absolute;
     bottom: 8px;
     width: 100%;
     text-align: center;
}
/* Number text (1/3 etc) */
 .numbertext {
     color: #f2f2f2;
     font-size: 12px;
     padding: 8px 12px;
     position: absolute;
     top: 0;
}
/* The dots/bullets/indicators */
 .dot {
     cursor: pointer;
     height: 15px;
     width: 15px;
     margin: 0 2px;
     background-color: #bbb;
     border-radius: 50%;
     display: inline-block;
     transition: background-color 0.6s ease;
}
 .active, .dot:hover {
     background-color: #717171;
}
/* Fading animation */
 .fade {
     animation-name: containeranim;
     animation-duration: 1s;
	 animation-fill-mode:forwards;
}
 
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 4px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

.nomargin {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}






.custom-carousel-container {
  width: 500px; /* Adjust the width as per your requirement */
  height: 75px;
  overflow: hidden;
}

.custom-carousel {
  display: flex;
  animation: scroll 10s linear infinite;
}

.custom-carousel img {
  width: 75px; /* Adjust the image size as per your requirement */
  height: 75px; /* Adjust the image size as per your requirement */
  margin-right: 0px; /* Adjust the spacing between images */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-600px); /* Adjust the value based on the width of your container */
  }
}

.home-icon {
	padding-left:25px;
	pading-top:50px;
}

.toppad50 {
	
	pading-top:150px;
}

h1 {
	width:100%;
	padding:2px 0px 3px 0px;
	margin:25px 0px 14px 0px;
     background-color: #F57E25;
	 
     color: white;
     font-size: 2vw;
     font-family: "Open Sans", Bold 700;
     font-weight: bold;
     text-align: right;
     
     
}

.banderanl {
	padding-right:50px;
	
}

.centered-section {
	display:flex;
	justify-content: center;
	align-items: center;
}