/* FUENTE PERSONALIZADA */
@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri.woff2') format('woff2'),
        url('fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri-Light';
    src: url('fonts/Calibri-Light.woff2') format('woff2'),
        url('fonts/Calibri-Light.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri-Bold';
    src: url('fonts/Calibri-Bold.woff2') format('woff2'),
        url('fonts/Calibri-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a.cky-banner-element {
	color: #1a6eb6!important;
}

img.foto-case {
	max-height: 250px;
}

li strong {
	font-family: "Calibri"!important;
}

.header_escritorio a {
	font-family: "Calibri";
}

b, strong {
	font-family: "Calibri-Bold";
}

body {
	font-family: 'Calibri-Light';
	background: #ffffff;
	font-size: 20px;
	color: #000000;
	overflow-x: hidden;
}


div.contacto {
	margin-top: 80px;
	margin-bottom: 40px;
}

@media screen {
	
	
	
	/* --- GENERALES --- */

	/*.container {
		width: 100%;
		max-width: 100%;
	}*/

	img, legend {
		border: none;
	}
	
	
	figcaption {
		display: none;	
	}
	
	
	.img-thumbnail {
		border: none !important;	
		background: none !important;
		border-radius: 0px !important;
		padding: 0px !important;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	
	a:active, a:active * { 
		outline: none !important; -moz-outline-style: none !important; 
	}
	
	a:focus, a:focus *, button:focus { 
		outline: none !important; -moz-outline-style: none !important; 
	}
	
	.form-control:focus { 
		outline: none !important;
  		-webkit-box-shadow: none !important;
  		-moz-box-shadow: none !important;
  		box-shadow: none !important; 
	}
	
	
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    	background-color: none !important;
	}
	
	
	
	.contenido a {
		color: #000000;	
	}
	
	.contenido a:hover {
		color: #64c0dc;	
	}
	

	
	.carousel-control.left, .carousel-control.right {
		background: none !important;
	}

	/* HEADER */
	.header_movil {
		display:  none;
	}

	.header_escritorio {
		padding-top: 15px;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
			width: 100%;
			background: white!important;
			height: 88px;		
	}
	
	.header_escritorio_border {
		border-bottom: 1px solid #e2e2e2;
	}
	
	


	.home img, .home p {
		width: 100%;
		margin: 0 auto;
		height: 500px;
		object-fit: cover;
	}

	.header_escritorio img {
		width:  230px;
	}

	.header_escritorio nav a {
		margin-top:  15px;
		float: right;
		text-transform: uppercase;
		color: #1D1D1B;
		font-size:  18px;
		margin-left: 15px;
	}

	.dropdown-menu a {
		float:  left !important;
		font-size:  15px !important;
	}

	.header_escritorio nav a:hover, .header_escritorio a.activo {
		color:  #196eb5
	}

	/* FOOTER */
	footer {
		float:  left;
		width:  100%;
		margin:  50px 0px 0px 0px;
		padding:  40px 20px 40px 20px;
		background: #c5e9e9;
	}

	.footer0 img {
		width: 200px;
	}

	footer a {
		color:  #000000;
	}

	footer a:hover {
		color: #1a6eb6;
	}

	footer h2 {
		font-size:  25px;
	}

	footer ul {
		 margin-left:  -20px;
	}

	.legal {
		float:  left;
		width:  100%;
		margin:  15px 0px 0px 0px;
		text-align: right;
	}

	.legal a {
		color: #1a6eb6;
		margin-left:  15px;
		font-size: 17px;
	}

	.legal a:hover {
		color:  #000000;
	}

	/* ANIMACIONES */
	@keyframes anim-fade-in { from { opacity: 0; } to { opacity: 1 } }

	@keyframes anim-up { 
		from { opacity: 0; transform: translateY(100px); } 
		to { opacity: 1; transform: translateY(0px); }  
	}		

	@keyframes anim-down { 
		from { opacity: 0; transform: translateY(-100px); } 
		to { opacity: 1; transform: translateY(0px); }  
	}		

	@keyframes anim-left { 
		from { opacity: 0; transform: translateX(100px); } 
		to { opacity: 1; transform: translateX(0px); }  
	}		

	@keyframes anim-right { 
		from { opacity: 0; transform: translateX(-100px); } 
		to { opacity: 1; transform: translateX(0px); }  
	}		

	.anim-up, .anim-down, .anim-left, .anim-right, .anim-fade-in {
		animation-duration: 1s; /* la animacion dura X segundos */
		animation-delay: 0.5s; /* esperamos X segundos antes de hacer la animacion */			
		animation-fill-mode: both; /* aplica estilos de la animacion antes y despues de reproducirla */
	}

	.anim-up { animation-name: anim-up; }
	.anim-down { animation-name: anim-down; }
	.anim-left { animation-name: anim-left; }
	.anim-right { animation-name: anim-right; }
	.anim-fade-in { animation-name: anim-fade-in; }

	.anim-pause-2 { animation-delay: 2s; } /* la animacion empieza en 2 seg. */		
	.anim-pause-3 { animation-delay: 3s; } /* la animacion empieza en 3 seg. */
	.anim-pause-4 { animation-delay: 4s; } /* la animacion empieza en 4 seg. */
	.anim-pause-5 { animation-delay: 5s; } /* la animacion empieza en 5 seg. */

	/* todas las animaciones pausadas */
	.paused * { 
		animation-play-state: paused;
	}

	/* HOME */
	.home {
		float:  left;
		max-width:  100%;
		margin: 0px 0px 20px 0px;
	}
	
	

	.home h2 {
		float:  left;
		width:  100%;
		margin:  -50px 0px 0px 0px;
		padding:  5px 0px 5px 0px;
		text-align: center;
		background: #1a6eb6;
		color:  #ffffff;
		position: relative;
		z-index: 2;
		font-size:  40px;
		font-family: "Calibri-light";
	}

	.home h3, .body_33 h3, .body_50 h3 {
		float:  left;
		width:  100%;
		margin:  10px 0px 20px 0px;
		text-align: center;
		font-size:  50px!important;
		margin-top: 70px;
		color: #1a6eb6;
		font-family: "Calibri-light";
	}
	
	.justify {
		text-align: justify;
	}

	.carousel-item .card img {
		width: auto!important;
		height: 250px!important;
		object-fit: cover;
	}
	



	.home h4 {
		float:  left;
		width:  100%;
		margin:  10px 0px 40px 0px;
		padding:  0px 10px 0px 10px;
		text-align: center;
		font-size:  25px;
		font-weight: 500;
		font-family: "Calibri-light";
	}
	
	.home h4 strong {
		font-family: "Calibri"!important;
	}
	
	h4.card-title {
		font-family: "Calibri"!important;
	}

	.home h1 {
		float:  left;
		width:  100%;
		margin:  10px 0px 0px 0px;
		text-align: center;
		font-size:  40px;
		line-height: 35px;
		color:  #196EB5;
	}

	.casos h2 {
		float:  left;
		width:  100%;
		text-transform: uppercase;
		font-size:  50px;
	}
	
	.card {
		border-radius: 0px!important;
	}
	
	


	.casos h4 {
		text-transform: uppercase;
	}

	.casos p {
		line-height: 25px;
	}

	.casos h5 {
		float:  right;
		position: absolute;
		bottom: 10px;
		right: 30px;
	}

	.casos h5 a {
		color:  #1a6eb6;
	}

	.casos h5 a:hover {
		color:  #000000;
	}

	.casos h5 i {
		background: #1a6eb6;
		color:  #ffffff !important;
		padding: 5px 10px 5px 10px;
		font-size: 30px;
	}

	.casos .carousel-item {
		margin-bottom:  40px;
	}

	.casos .card-body {
		border-radius:  none !important;
		background: #ededed;
		height: 208px;
	}

	.carousel-indicators {
		float:  left;
		width:  100%;
		margin:  50px 0px 0px 0px !important;
		padding-top:  40px;
	}

	.carousel-indicators li {
		border: 1px solid #a0c3e1;
		background: #a0c3e1;
		cursor: pointer;
	}

	.carousel-indicators li.active {
		border: 1px solid #1b6eb6;
		background: #1b6eb6;
	}

	.contador {
		float:  left;
		width:  100%;
		margin:  40px 0px 0px 0px;
		text-align: center;
	}

	.contador .container {
		
		padding:  40px 10px 40px 10%;
		background-image:  url(../files/media/faldo.jpg);
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

	.contador_ {
		background: #ffffff;
		width: 150px !important;
		height:  150px;
		border-radius:  150px;
		color:  #82827f;
		padding-top:  30px;
	}
	
	.home-services img.img-fluid {
		max-height: 295px!important;
		width: auto;
		object-fit: cover;
	}

	p strong {
		font-family: "Calibri"!important;
	}
	
	
	
	.contador_ h2 {
		font-size:  40px;
	}

	.contador_ h3 {
		font-size:  18px;
		line-height: 18px;
	}

	/* INTERIOR */
	.interior {
		float:  left;
		width:  100%;
		margin:  20px 0px 20px 0px;
	}

	.interior h2, .contacto-page h2 {
		font-size:  50px;
		text-transform: uppercase;
	}
	
	.contacto-page h2{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.cc_container .cc_btn {
		background-color: #196eb5!important;
		color: white!important;
	}
	
	.contacto-page {
		margin-bottom: 60px;
	}

	.interior p img {
		display:  block;
		float:  left;
		margin-right:  15px;
	}

	hr {
		background: #1a6eb6;
	}

	.interior h3 {
		float:  left;
		width:  100%;
		margin:  50px 0px 50px 0px;
		color:  #1a6eb6;
		text-align: center;
		font-size: 35px;
	}
	
	hr {
		border-top: 2px solid rgba(0,0,0,.1)!important;
	}
	
	.vmp h5 {
		font-size: 25px;
	}

	.interior h4 {
		float:  left;
		width:  200px;
		color:  #1a6eb6;
		font-size: 50px;
	}
	
	
	.interior h5 {
		color:  #878787;
	}

	.right_ img {
		width:  100%;
	}

	.link_ {
		background: #1a6eb6;
		color:  #ffffff;
		padding:  5px 15px 5px 15px;
		float:  left;
		margin-bottom:  20px;
	}

	.link_:hover {
		color:  #ffffff;
		background: #000000;
	}

	.contacto {
		float:  left;
		width:  100%;
		margin:  50px 0px 0px 0px;
	}

	.contacto h2 {
		float:  left;
		width:  100%;
		font-weight: 900;
	}

	.contacto h3 {
		float:  left;
		width:  100%;
	}

	.contacto p {
		float:  left;
		width:  100%;
	}

	.form-control {
		border: none;
		box-shadow: none;
		border-radius: 0px !important;
		border-bottom:  1px solid #878787;
		color:  #878787;
		padding: 15px 10px 15px 10px;
		margin-bottom:  20px;
	}

	.btn {
		background: #1a6eb6;
		color:  #ffffff;
		padding:  5px 15px 5px 15px;
		border-radius:  0px !important;
	}

	#formulario_contacto {
		float:  left;
		width:  100%;
		margin:  15px 0px 0px 0px;
	}


	.body_1 {
		margin-top: 0px!important;
	}
	
	.services h5 {
		color: #878787;
		font-size: 30px;
		margin-bottom: 20px
	}
	
	.vertical-alignment {
		margin: auto;
		  width: 50%;
	}
	
	.case-studies-header {
		text-align: center;
	}
	
	.case-studies-header h5 {
		color: black;
	}
	
	.header-case h2, .header-case h5 {
		margin: 0 auto;
	}
	
	.header-case h1 {
		color: #1a6eb6;
		font-size: 50px;
		text-transform: uppercase;
	}
	
	
	
	.foto-case {
		min-height: 250px;
		object-fit: cover;
	}
	
	.mb30 {
		margin-bottom: 30px!important;
	}
	
@media (min-width: 1011px) {
	
	p.btn-cta {
		position: absolute;
		bottom: 1px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	p.btn-cta a {
		margin-bottom: 0px;
	}
	
	.header-case {
		padding-left: 10%;
		padding-right: 10%;
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
	}
	
	.case-studies-header .c1 {
		padding-right: 0;
	}
	
	.case-studies-header .c2 {
		padding-left: 0px; 
		background: #E2E2E2;
	}
	
	.home img, .home p {
		margin-top: 40px;
	}
	
	p.footer-contact-data {
		margin-left: 58px;
	}
	
	.dropdown-menu a {
		width: 100%;
		margin-right: 15px;
	}
	
	.menu {
		margin-bottom: 0px!important;
		margin-top: 15px!important;
	}
	
	.vmp {
		margin-left: 25px;
		margin-right: 50px;
	}

	body {
		margin-top: 100px;
	}
}	

.icono {
	max-height: 60px;
	max-width: 60px;
	border: 1px solid black;
	padding: 10px;
	margin-bottom: 10px;
}

h4.innovation {
	color: #878787;
	font-size: 50px;
	max-width: 300px;
	width: 100%;
}

.contacto-custom {
	margin-top: -40px;
}


@media (min-width: 0px) and (max-width: 1010px) {
	

	.whatsapp {
		display: inherit;
		position: fixed;
		bottom:  0;
		left:  0;
		margin: 0px 0px 10px 10px;
	}

	.interior h2, .contacto-page h2 {
		font-size: 49px!important;
		text-transform: uppercase;
	}
	
	
	.whatsapp img {
		height:  70px;
	}

	.header_escritorio {
		display:  none;
	}

	.header_movil {
		display:  inherit;
	}

	.header_movil img {
		width: 200px;
		margin:  15px 0px 0px 15px;
	}

	.header_movil h1 {
		font-size:  25px;
		color:  #000000;
		margin-top:  20px;
		margin-left:  15px;
	}

	.header_logo_ {
		
	}

	.contador_ {
		margin: auto;
		margin-top: 20px;
	}
	
	.header_logo_ img {
		height:  70px;
		margin:  10px 0px 0px 20px;
	}

	.menu_ {
		float:  right;
		margin: -65px 20px 0px 0px;
	}

	.menu_ .dropdown {
		margin-right:  20px;
	}

	

	.menu_ i {
		font-size:  22px;
		color:  #000000 !important;
	}

	.dropdown-item- {
		margin-left:  30px;
	}

	.footer_redes {
		margin-bottom:  30px;
	}

	.dropdown-menu {
		margin-left: -200px;
	}

	.cabecera {
		padding:  15px 0px 0px 0px  !important;
		background: #ff7900 !important;
	}

	.cabecera h1 {
		display:  none;
	}

	.cabecera h2 {
		margin:  0px 0px 0px 0px !important;
	}

	
    .casos .card-body {
		min-height: 250px;
	}
}


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


_::-webkit-full-page-media, _:future, :root body,
_::-webkit-full-page-media, _:future, :root h1,
_::-webkit-full-page-media, _:future, :root h2,
_::-webkit-full-page-media, _:future, :root h3,
_::-webkit-full-page-media, _:future, :root h4,
_::-webkit-full-page-media, _:future, :root strong,
_::-webkit-full-page-media, _:future, :root a {
  font-family: sans-serif!important;
}

.home h3, .body_33 h3, .body_50 h3