@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{ 	
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}	
.container{
	scroll-behavior: smooth;
}
/* Smartphones (portrait and landscape) ----------- */  
@media only screen  
and (min-width : 320px)  
and (max-width : 480px) {  
/* Styles */  
}  
/* Smartphones (landscape) ----------- */  
@media only screen  
and (min-width : 321px) {  
/* Styles */  
}  
/* Smartphones (portrait) ----------- */  
@media only screen  
and (max-width : 320px) {  
/* Styles */  
}  
/* iPads (portrait and landscape) ----------- */  
@media only screen  
and (min-width : 768px)  
and (max-width : 1024px) {  
/* Styles */  
}  
/* iPads (landscape) ----------- */  
@media only screen  
and (min-width : 768px)  
and (max-width : 1024px)  
and (orientation : landscape) {  
/* Styles */  
}  
/* iPads (portrait) ----------- */  
@media only screen  
and (min-width : 768px)  
and (max-width : 1024px)  
and (orientation : portrait) {  
	.container{
		scroll-behavior: smooth;
		width: 65%;
	}
}  
/* Desktops and laptops ----------- */  
@media only screen  
and (min-width : 1224px) {  
	.container{
		scroll-behavior: smooth;
		width: 65%;
	}
}  
/* Large screens ----------- */  
@media only screen  
and (min-width : 1824px) {  
/* Styles */  
}  
/* iPhone 4 ----------- */  
@media  
only screen and (-webkit-min-device-pixel-ratio : 1.5),  
only screen and (min-device-pixel-ratio : 1.5) {  
/* Styles */  
} 

@media only screen and (max-width:786px) {
	/*.navbar{
		display: none;
	}*/
}
.menu{
	color: rgb(255, 255, 255);
}
section{
	min-height: 100vh;
	color: #fff;
}
section h2{
	font-size: 70px;
}
section p{
	max-width: 800px;
	margin: 0 auto;
	font-size: 28px;
}
#inicio{
	background: rgb(0,39,68);
	
}
.slide{
	margin-top: 0px;
}
.slide img{
	height: 100vh;
}
.carousel-caption {
	display: flex;
    position: absolute; 
	font-size: 18px;
	letter-spacing: 3px;
    right: 45%;
    top: 240px; /* Cambiar bottom por top y los píxeles que necesites */
    left: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(255, 255, 255);
    text-align: left;
}
.carousel-caption p{
	letter-spacing: 3px;
	font-size: 90px;
}
.carousel-caption ce{
	letter-spacing: 3px;
	font-size: 90px;
	font-weight: 200;
}
.carousel-caption c{
	letter-spacing: 3px;
	font-size: 20px;
	font-weight: 200;
}
.carousel-caption c b{
	letter-spacing: 3px;
	font-size: 20px;
	font-weight: 700;
}
.carousel-caption img{
	margin-top: 110px;
    height: 10vh;
}
@media only screen and (max-width:786px) {
	#carouselExampleCaptions{
		display: none;
	}
	/*#navegador{
		display: none;
	}*/
	#inicio{
		background-image: url(../img/background.png);
		background-repeat: no-repeat;
	}
}

#servicios, #serviciosLegal, #serviciosAuditoria, #serviciosAduanas, #serviciosPresentes, #serviciosSinergia{
	padding-top: 150px;
	background: rgba(3,24,82,1);
	background: -moz-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,24,82,1)), color-stop(16%, rgba(9,28,80,1)), color-stop(42%, rgba(20,34,76,1)), color-stop(67%, rgba(20,34,76,1)));
	background: -webkit-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -o-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -ms-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: linear-gradient(to right, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031852', endColorstr='#14224c', GradientType=1 );
}
#servicios h1{
	letter-spacing: 20px;
}
@media only screen and (max-width:786px) {
	#servicios h1{
		font-size: 15px;
		letter-spacing: 5px;
	}
}


#nosotros{
	background-color: rgb(255, 255, 255);
	color: rgb(0,30,68);
}

#cont_nosotros{
	margin-top: 150px;
	margin-left: 150px;
	margin-right: 100px;
	text-align: justify;
}
#cont_nosotros p{
	font-size: 80px;
}
@media only screen and (max-width:786px) {
	#cont_nosotros{
		margin-top: 50px;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 10px;
	}
	#cont_nosotros p{
		font-size: 30px;
	}
	#img_nosotros{
		display: none;
	}
}

#valores, #mision, #politicas{
	padding-top: 130px;
}
#competencias{
	padding-top: 130px;
	background: rgba(3,24,82,1);
	background: -moz-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,24,82,1)), color-stop(16%, rgba(9,28,80,1)), color-stop(42%, rgba(20,34,76,1)), color-stop(67%, rgba(20,34,76,1)));
	background: -webkit-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -o-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -ms-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: linear-gradient(to right, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031852', endColorstr='#14224c', GradientType=1 );
}
.separador{
	text-align: right;
}

#noticias{
	padding-top: 130px;
	background: rgba(3,24,82,1);
	background: -moz-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,24,82,1)), color-stop(16%, rgba(9,28,80,1)), color-stop(42%, rgba(20,34,76,1)), color-stop(67%, rgba(20,34,76,1)));
	background: -webkit-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -o-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -ms-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: linear-gradient(to right, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031852', endColorstr='#14224c', GradientType=1 );
}
.imgnoticias{
	max-width: 100%;
	padding: 50px;
}
#noticias a{
	color: #fff;
	text-decoration: none;
}
#noticias a:hover .imagen{
	filter: opacity(.8);
	animation: swing 1s ease;
    animation-iteration-count: 1;
    }
     @keyframes swing { 
    15% { 
    transform: translateX(5px);
    } 
    30% { 
    transform: translateX(-5px);
    } 
    50% { 
    transform: translateX(3px);
    } 
    65% { 
    transform: translateX(-3px);
    } 
    80% { 
    transform: translateX(2px);
    } 
    100% { 
    transform: translateX(0);
    } 
}
@media only screen and (max-width:786px) {
	#noticias .ocultar{
		display: none;
	}
	.imgnoticias{
		max-width: 50%;
		padding: 10px;
	}
	#noticias a{
		color: #fff;
		text-decoration: none;
		font-size: 8px;
	}
	#noticias a:hover .imagen{
		filter: opacity(.8);
		animation: swing 1s ease;
		animation-iteration-count: 1;
		}
		 @keyframes swing { 
		15% { 
		transform: translateX(5px);
		} 
		30% { 
		transform: translateX(-5px);
		} 
		50% { 
		transform: translateX(3px);
		} 
		65% { 
		transform: translateX(-3px);
		} 
		80% { 
		transform: translateX(2px);
		} 
		100% { 
		transform: translateX(0);
		} 
	}
}


#contactanos{
	padding-top: 130px;
	background: rgba(3,24,82,1);
	background: -moz-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,24,82,1)), color-stop(16%, rgba(9,28,80,1)), color-stop(42%, rgba(20,34,76,1)), color-stop(67%, rgba(20,34,76,1)));
	background: -webkit-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -o-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: -ms-linear-gradient(left, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	background: linear-gradient(to right, rgba(3,24,82,1) 0%, rgba(9,28,80,1) 16%, rgba(20,34,76,1) 42%, rgba(20,34,76,1) 67%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031852', endColorstr='#14224c', GradientType=1 );
}




/*video*/
#ventana-flotante {
	height: 450px;  /* Alto de la ventana */
	width: 450px;  /* Ancho de la ventana */
	/* background: #ceffad;   Color de fondo */
	position: fixed;
	top: 20px;
	left: 35%;
	/* margin-left: -380px;
	/* border: 1px solid #adffad;   Borde de la ventana */
	box-shadow: 0 5px 25px rgba(0,0,0,.9);  /* Sombra */
	z-index:99999;
	}
	
	#ventana-flotante #contenedor {
	padding: 25px 10px 10px 10px;
	}
	#ventana-flotante .cerrar {
	float: right;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	color: #999;
	background: white;
	line-height: 17px;
	text-decoration: none;
	padding: 0px 14px;
	font-family: Arial;
	/*border-radius: 0 0 0 5px;*/
	box-shadow: -1px 1px white;
	font-size: 18px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	}
	
	#ventana-flotante .cerrar:hover {
	background: #ff6868;
	color: white;
	text-decoration: none;
	text-shadow: -1px -1px red;
	/*border-bottom: 1px solid red;*/
	border-left: 1px solid red;
	}
	
	#ventana-flotante #contenedor .contenido {
	padding: 15px;
	/*box-shadow: inset 1px 1px white;*/
	/*background: #000000;  /* Fondo del mensaje */
	/*border: 1px solid #9eff9e;  /* Borde del mensaje */
	font-size: 20px;  /* Tamaño del texto del mensaje */
	color: #555;  /* Color del texto del mensaje */
	text-shadow: 1px 1px white;
	margin: 0 auto;
	border-radius: 4px;
	}
	

	.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-opacity:0;visibility:hidden;}

	@media only screen and (max-width:786px) {
		/*video*/
	#ventana-flotante {
		height: 380px;  /* Alto de la ventana */
		width: 380px;  /* Ancho de la ventana */
		/* background: #ceffad;   Color de fondo */
		position: fixed;
		top: 30px;
		left: 0%;
		/* margin-left: -380px;
		/* border: 1px solid #adffad;   Borde de la ventana */
		box-shadow: 0 5px 25px rgba(0,0,0,.9);  /* Sombra */
		z-index:99999;
		}
		
		#ventana-flotante #contenedor {
		padding: 25px 10px 10px 10px;
		}
		#ventana-flotante .cerrar {
		float: right;
		border-bottom: 1px solid #bbb;
		border-left: 1px solid #bbb;
		color: #999;
		background: white;
		line-height: 17px;
		text-decoration: none;
		padding: 0px 14px;
		font-family: Arial;
		/*border-radius: 0 0 0 5px;*/
		box-shadow: -1px 1px white;
		font-size: 18px;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		-ms-transition: .3s;
		}
		
		#ventana-flotante .cerrar:hover {
		background: #ff6868;
		color: white;
		text-decoration: none;
		text-shadow: -1px -1px red;
		/*border-bottom: 1px solid red;*/
		border-left: 1px solid red;
		}
		
		#ventana-flotante #contenedor .contenido {
		padding: 0px;
		/*box-shadow: inset 1px 1px white;*/
		/*background: #000000;  /* Fondo del mensaje */
		/*border: 1px solid #9eff9e;  /* Borde del mensaje */
		font-size: 20px;  /* Tamaño del texto del mensaje */
		color: #555;  /* Color del texto del mensaje */
		text-shadow: 1px 1px white;
		margin: 0 auto;
		border-radius: 4px;
		}
	}

	.redes-sociales{
		position: fixed; 

		margin-top: 330px; 
		margin-left: -20px;
		text-align: right;
	}

	.redes-sociales img{
		margin-top: 15px;
		width: 2%;
		border-radius: 20px;
		outline: 1px solid;
  		outline-color: rgba(49, 138, 172, 0.4);
  		transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.redes-sociales img:hover{
		margin-top: 15px;
		width: 2%;
		filter: opacity(.6);
		outline-color: rgba(49, 138, 172, 0);
  		outline-offset: 80px;
  		text-shadow: 1px 1px 6px #fff;
  		border-shadow: 
	}

@media only screen and (max-width:786px) {
		.redes-sociales{
		position: fixed; 
		z-index: 99999; 
		margin-top: 290px; 
		margin-left: 0px;
		text-align: right;
	}

	.redes-sociales img{
		margin-top: 15px;
		width: 10%;
		border-radius: 20px;
		outline: 1px solid;
  		outline-color: rgba(49, 138, 172, 0.4);
  		transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.redes-sociales img:hover{
		margin-top: 15px;
		width: 10%;
		filter: opacity(.6);
		outline-color: rgba(49, 138, 172, 0);
  		outline-offset: 80px;
  		text-shadow: 1px 1px 6px #fff;
  		border-shadow: 
	}
}