@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
body {font-family:'Rajdhani',sans-serif; font-size: 15px; font-weight: 400;}

.container-fluid {   max-width:1920px; margin: auto; left: 0; right: 0;}


hr.barrita {margin:35px 0px; width:50px; height:3px; border:none; background-color: #50A7FF; border-radius: 3px;  display: block;}

/* MENU - ENCABEZADO */
	.navbar {  border-radius:0;  border: none;position: fixed; z-index: 3; width: 100%; top:0;  background-color:#00366E; -webkit-transition: .45s ease-in-out;-moz-transition: .45s ease-in-out;-o-transition: .45s ease-in-out;transition: .45s ease-in-out; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); }
	.navbar .logo a {cursor:pointer; padding: 30px 0; display: block;}
	.navbar .menu {list-style: none;  float: right; padding-left:5px;}
	.navbar .menu li {float:left; display: inline-block}
	.navbar .menu a {text-transform:uppercase; color:#fff; text-decoration: none; display: block; font-size: 15px; font-weight: 600;  margin:45px 30px 45px 0; line-height: 30px;}
	.navbar .menu li:last-child a {margin-right:0px;}

	/*.navbar.blue { background-color:#191E4E;}*/



		.navbar ul#idiomas {position:relative; padding:0;  margin-top: 0px; float: right; margin-bottom: 0;}
		.navbar ul#idiomas li { width: auto; display: inline-block; float:left; } 
		.navbar ul#idiomas li:first-child a {padding-right:15px; border-right:1px solid #3BA4FF;}
		.navbar ul#idiomas li:last-child a {padding-left:15px; border-left:1px solid #3BA4FF;}
		.navbar ul#idiomas li a {color:#fff; margin:45px 0;  cursor:pointer; text-transform: uppercase; text-decoration: none; display: block; font-size: 15px; font-weight: 600;line-height: 30px; opacity:0.5; }
		.navbar ul#idiomas li:hover a { opacity:1;}
		.navbar ul#idiomas li.active a { opacity:1; border:none;}

	@media(min-width: 992px){ 
		.navbar .menu.collapse,
		.navbar .menu.collapse.in { display: block; visibility:visible; }
	}


	@media(max-width: 991px){
		.container {max-width: 768px;}
	
		.navbar .logo a {padding: 30px 0px;}

		.hamburguesa { display: block; width: 18px; height: 12px; position: relative; margin: 54px 15px; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}
		.hamburguesa span  {display: block; position: absolute; height: 2px; width: 18px; background: #fff;  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out}
		.hamburguesa.collapsed span:nth-child(1),
		.hamburguesa.collapsed span:nth-child(2),
		.hamburguesa.collapsed span:nth-child(3) {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  left: 0px; opacity: 1; width: 18px}
		.hamburguesa.collapsed span:nth-child(1) {top: 0px}
		.hamburguesa.collapsed span:nth-child(2) {top: 5px}
		.hamburguesa.collapsed span:nth-child(3) {top: 10px}
		.hamburguesa span:nth-child(1) {top:6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); left: 0px}
		.hamburguesa span:nth-child(2) {opacity: 0; width:0; left: 9px; top:6px}
		.hamburguesa span:nth-child(3) {top: 6px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); left: 0px}

		.navbar .menu {width:62%; clear:both; float: left  }
		.navbar .menu li { display: inline-block;width: 35%;margin-right: 15px;}
		.navbar .menu li:nth-child(1) {float:left;}
		.navbar .menu li:nth-child(2) {float:left; clear:both}
		.navbar .menu li:nth-child(3) {float:left; clear:both}
		.navbar .menu li:nth-child(4) {margin-top:-104px; width:50%}
		.navbar .menu li:nth-child(5) {margin-top:-52px; width:50%}
		.navbar .menu li:nth-child(6) {width:50%}
		.navbar .menu li a {border:none; line-height:1.5; text-transform:none; padding:15px 15px;  margin: 0}

		.navbar .menu ul#idiomas {padding-left:30px;border-top:1px solid #5E6284; display: block !important; visibility: visible; background-color:#191e4e; width:100%; position:relative; margin-top:0}
		.navbar .menu ul#idiomas li.active {display:block;}
		.navbar .menu ul#idiomas li {width: auto;float: left;display: inline-block }
		.navbar .menu ul#idiomas li a { border-top:0; line-height:60px; border-top:0; opacity:0.5;padding: 15px 20px; }
		.navbar .menu ul#idiomas li.active a{display:block;color:#fff; opacity:1 }
		.navbar .menu ul#idiomas li a:hover {color:#fff;opacity:1;}
	}


	@media(max-width: 767px){ 
		.navbar .menu {padding-left:90px; width: 100%;}
		.navbar .menu li {}
		.navbar .menu li a {font-size:21px; padding: 15px 0px;}
		.navbar .menu li:nth-child(1) {margin-top:50px;} 
		.navbar .menu li:nth-child(4) {margin-top:-122px; width:50%; margin-right:0; margin-left:15px;}
		.navbar .menu li:nth-child(5) {margin-top:-61px; width:50%; margin-right:0; margin-left:15px;}
		.navbar .menu li:nth-child(6) {width:50%; margin-right:0; margin-left:15px; margin-bottom: 50px;}
	}



	@media(max-width: 479px){ 
		.container-fluid {min-width: 320px;}
		.navbar .logo a {padding: 20px;}
		.navbar .logo a img {width: 125px}
		
		.navbar ul#idiomas {padding-left:15px}
		.navbar ul#idiomas li a { margin: 25px 0;}
		.hamburguesa { margin: 32px 20px; float: right;}
		.navbar .menu { padding-left: 0px; width: 100%;}
		.navbar .menu li:nth-child(1) {margin-top:20px !important} 
		.navbar .menu li { width: 100% !important; margin:0px 0 !important; }
		.navbar .menu li a {font-size:21px; padding: 15px 40px}

	}


/* Video */
	.video {height: 1022px; overflow: hidden; position: relative; margin-top:120px; background-image: url(../img/img-home.jpg); background-size:cover;}
	.video video {width: 1920px; height: auto; position: absolute; top: -15000px; bottom: -15000px;left: -15000px; right: -15000px; margin: auto}
	.video .overlay {position: absolute; top:0; left:0; width: 100%; height: 100%; background-image:url(../img/overlay-video.png); background-repeat:repeat; /* background-color:#000; opacity:0.3;*/ z-index: 1; bottom: 0; right: 0}
	.video .overlay h4 {font-size: 45px;color: #fff;font-weight: 700;margin-top: 400px;line-height: 1.1em;letter-spacing: 0.2px;}
	.video .overlay hr  {margin:35px 0px; width:50px; height:3px; border:none; background-color: #50A7FF; border-radius: 3px;  display: block;}
	.video .overlay p { font-size: 20px; color: #fff; font-weight: 400; margin-top: 25px; letter-spacing: 0.2px; line-height: 1.5em; }
	.video .overlay a {margin-top:170px; display: block; width: 20px; height: 50px; padding-top:30px; cursor:pointer;}
	.video .overlay a:hover {animation: bounce 800ms}


	@media(max-width: 991px){
		.video {height: 900px; }
		.video video {width: auto; height: 100%; }
		.video .overlay h4 {margin-top: 300px;}
	}


	@media(max-width: 767px){
		.video {height: 680px;}
		.video .overlay h4 { margin-top:125px; }
		.video .overlay a {margin-top:35px; display: block; width: 20px; height: 30px; padding-top:10px}


	}

	@media(max-width: 479px){
		.video {height: 470px; margin-top: 60px;}	
		.video .overlay {padding:0 15px;}
		.video .overlay h4 { font-size:30px; }
		.video .overlay p {font-size: 15px; }
		.video .overlay a { margin-top:25px;}
		.video .overlay hr  {margin:20px 0px;} 
	}


/* Somos */ 
	.somos {padding-bottom: 80px; background-color:#005699;}
	.somos h1 {margin-top:90px; font-weight:600; font-size:29px; text-align:center;color:#50A7FF;}

	.somos ul {padding: 0; display: block; list-style: none; margin-top: 70px;}
	.somos li { text-align: center }
	.somos li i {width: 86px; height: 86px; position: relative; display: inline-block;}
	.somos li i img {width: auto; height: auto; max-width: 100%; bottom:0; position: absolute; left: 0; right: 0; margin: auto; opacity:0.2;transition:all 300ms ease; }
	.somos li:hover i img {opacity:1}
	.somos li h4 {font-size: 21px; line-height: 1.2; color:#fff; margin-top: 26px; padding: 0 15px;}
	.somos a {transition:all 300ms ease; opacity:0.7;  margin: 70px auto;font-weight:400; letter-spacing:0.8px; text-align: center; display: inline-block; color: #fff; font-size: 20px; border: 1px solid; padding: 12px 30px; border-radius: 25px; position: relative;}
	.somos a:hover {opacity:1;}


	@media(max-width: 991px){
		.somos li h4 {font-size: 21px; line-height: 1.2; color:#fff; margin-top: 26px; padding: 0 15px;}
	}

	@media(max-width: 767px){
		.somos h1 {margin-top:60px; font-size:24px;}
		.somos li {margin-bottom:50px;}
		.somos li i {width: 100px; height: 100px;}
		.somos li h4 {font-size: 24px;margin-top: 35px; padding: 0 25px;}
	}

	@media(max-width: 479px){ 
		.container-fluid {min-width: 320px;}
	}


/* Destacado Home */
	.destacado-home {}
	.destacado-home .img {height: 645px; margin-top:90px; margin-bottom: 60px;}
	.destacado-home .img .centrar-img img {width: 100%;}
	.destacado-home h1 {font-size:40px; color:#060e22; font-weight:600; margin:0}
	.destacado-home hr {margin:35px 0px; width:50px; height:3px; border:none; background-color: #50A7FF; border-radius: 3px;  display: block;}
	.destacado-home h3 {font-size:30px; color:#50A7FF; font-weight:600; margin-top: 0px; margin-bottom: 20px;}
	.destacado-home p  {font-size:18px; line-height: 27px; color:#060E22; font-weight:400; margin:0}
	.destacado-home a {transition:all 300ms ease; opacity:0.7;  margin: 70px auto;font-weight:400; letter-spacing:0.8px; text-align: center; display: inline-block; color: #060E22; 	font-size: 20px; border: 1px solid #060E22; padding: 12px 30px; border-radius: 25px; position: relative;}
	.destacado-home a:hover {opacity:1;}

	@media(max-width: 991px){
		.destacado-home .img { height: 500px; margin-top: 120px;}
		.destacado-home h1 {font-size: 35px;}
	}


	@media(max-width: 767px){
		.destacado-home .img { height: 300px; margin-top: 40px; margin-bottom: 30px;}
		.destacado-home h1 {font-size: 30px;}
		.destacado-home a { margin: 30px auto 100px;  padding: 10px 22px;}
	}

	@media(max-width: 479px){
		.destacado-home .img { height: 219px; margin-top: 0px; margin-bottom: 30px;}
		.destacado-home .titulo,
		.destacado-home .desc {padding: 0 15px}
		.destacado-home h1 {font-size: 27px;}
		.destacado-home hr {margin:25px 0px;}
		.destacado-home h3 {font-size:24px;}
		.destacado-home p  {font-size:15px; line-height: 22px;}
		.destacado-home a { margin: 30px auto 50px;  padding: 10px 35px;}
	}


/* Donde estamos */
	.donde-estamos {background-color:#005699; padding: 50px 15px; display: flex; align-items: center; width: 100%}
	.donde-estamos .mapa {width:50%; float:left}
	.donde-estamos .mapa  img {width:100%;max-width: 810px; float: right; }

	.donde-estamos .txt {width:50%; float:left; max-width: 450px;}
	.donde-estamos h1 {font-size:29px; font-weight: 600; color:#50A7FF;  }
	.donde-estamos p {line-height:27px; font-weight: 400; font-size: 18px; color:#fff;}


	@media(max-width: 991px){
		.donde-estamos .mapa {width:60% }
		.donde-estamos .txt {width:40%; }
		.donde-estamos h1 {font-size:27px;}
	}

	@media(max-width: 767px){
		.donde-estamos  {display: block;}
		.donde-estamos .mapa {width:100% }
		.donde-estamos .txt {width:100%; margin-top:50px;}
	}


	@media(max-width: 479px){
		.donde-estamos  {display: block; padding:10px 15px 50px; }
		.donde-estamos .txt { margin-top:20px;}
		.donde-estamos h1 {font-size:24px;}
		.donde-estamos p {line-height:22px; font-size: 15px;}
	}


/* Clientes */
	.clientes {margin-top: 180px}
	.clientes h1 {font-size:40px; font-weight: 600; color:#060E22;}
	.clientes h1 span {color:#50A7FF; clear: both; display: block}
	.clientes .titulo hr {margin:35px 0px; width:50px; height:3px; border:none; background-color: #50A7FF; border-radius: 3px;  display: block;}

	.clientes .logos {display: block; list-style: none; padding: 0px;}
	.clientes .logos li {float:left; border:1px solid #D9D9D9; margin: 15px; height: 132px; width: calc(33.33% - 30px);}
	.clientes .logos li .centrar-img {width: 100%; height: 100%;}
	.clientes .logos li .centrar-img img {height: 100%;}


	.clientes .carousel {padding-left: 50px; margin-top: 50px;}
	.clientes .carousel .comillas {margin-bottom: 40px;}
	.clientes .carousel .frase {margin-bottom: 35px;}
	.clientes .carousel .autor {display: inline-block; width: 100%; }
	.clientes .carousel p {font-size:18px;line-height: 27px; font-weight:400; color:#060E22}
	.clientes .carousel h3 {width:calc(100% - 80px); display:block; float:left; font-size:18px; font-weight: 600; color:#060E22; margin-bottom:0; margin-top:25px;}
	.clientes .carousel h4 {width:calc(100% - 80px); display:block; float:left; font-size:16px; font-weight: 400; color:#060E22; margin:0;}
	.clientes .carousel .foto { display:block; width:65px; height:65px; float:left; margin-right:15px;}
	.clientes .carousel-control {width:35px;position: relative; margin-top: 45px; display: inline-block; }
	.clientes .carousel-control.left {text-align: left; left: 0;}
	.clientes .carousel-control.right {text-align: right; right: 0;}


	@media(max-width: 991px){
		.clientes {margin-top: 150px}
		.clientes .logos li { height: 82px; width:82px;margin: 9px;} 
		.clientes .carousel {padding-left: 0px; margin-top: 10px;}
		.clientes .carousel .comillas {margin-bottom: 25px;}
		.clientes .carousel .frase {margin-bottom: 25px; padding-right:15px;}
		.clientes .carousel-control {margin-top: 20px; }
	}

	@media(max-width: 767px){
		.clientes {margin-top: 60px}
		.clientes h1 {font-size:30px;}

		.clientes .logos li { height: 125px; width:125px; margin: 15px;} 
		.clientes .carousel {padding-left: 15px; margin-top: 50px;}

		.clientes .carousel .comillas {margin-bottom: 25px;}
		.clientes .carousel .frase {margin-bottom: 25px; padding-right:15px;}
		.clientes .carousel-control {margin-top: 20px; }
	}




	@media(max-width: 479px){
		.clientes {margin-top: 50px; }
		.clientes .titulo {padding:0 15px;}
		.clientes h1 {font-size:24px; line-height: 29px;}
		.clientes .titulo hr {margin:25px 0px;} 
		
		.clientes .logos li { height: 128px; width:128px; margin: 15px;} 
		.clientes .carousel {margin-top: 25px;}

		.clientes .carousel p {font-size:15px;line-height: 22px;}
	}


/* Contacto */
	.contacto {padding-top:140px; margin-top: 150px; background-image: url(../img/bg-contacto-home.jpg); background-repeat: no-repeat; background-size:cover; min-height: 750px;}
	.contacto .intro h1 {font-size: 40px; font-weight: 700; color:#fff;  }
	.contacto .intro p {font-size: 18px; font-weight: 400; color:#fff; line-height:27px; }
	.contacto .intro hr {margin:35px 0px; width:50px; height:3px; border:none; background-color: #50A7FF; border-radius: 3px;  display: block;}

	.contacto .formu { float: right; height: 550px; display: block; }
	.contacto .formu iframe{ width: 100%; height: 100%;}

	.contacto .datos a { display: block; font-size:20px; line-height: 30px; text-decoration:none; color:#fff; }
	.contacto .datos strong { margin-top: 15px; display: inline-block;}

	@media(max-width: 991px){
		.contacto .formu {padding-left:0px;}
	}


	@media(max-width: 767px){
		.contacto {padding-top:70px; margin-top: 90px; padding-bottom: 70px}
		.contacto .intro h1 {font-size: 28px;  }
		.contacto .intro p {font-size: 16px;  line-height:21px; }
		.contacto .formu {padding-left:15px;}
		.contacto .datos a { font-size:18px; line-height: 24px;  }
		.contacto .datos strong { margin-top: 40px;}
	}



	@media(max-width: 479px){
		.contacto .intro {padding:0 15px;}
		.contacto .formu {padding-left:0px;}
		.contacto .datos {padding:0 15px; margin-top:-40px;}
		.contacto .datos strong { margin-top: 40px;}
		
	}



.footer {background-color:#000;padding:30px 0 0 0;}
.footer .logo-footer img {width:162px}
.footer h2 {font-size:17px; font-weight:600; color:#fff; text-transform:uppercase }
.footer ul {list-style: none; padding-left: 0}
.footer ul li  { display: block; }
.footer ul li a  {font-size:16px; font-weight:400;text-decoration: none; line-height: 1.9em;  color:#fff; }

#sawubona-footer {margin-left:-20px; margin-top:70px;}


@media(max-width: 767px){
	.footer {padding:40px 0 0 0;}
	.footer h2 {font-size:17px; margin-top:40px;}
	.footer ul li a  {line-height: 2.2em; }
	#sawubona-footer {  margin-left: -5px;  margin-top: 50px; }
}

@media(max-width: 479px){
	.footer {padding:50px 15px 0 15px;}
	.footer h2 {font-size:17px; margin-top:35px;}
	.footer ul li a  {line-height: 2.2em; }
	#sawubona-footer {  margin-left: 10px;  }
}


/*--------------------- EMPRESA ----------------------*/
	#carousel-empresa {margin-top:130px; height: 600px}
	#carousel-empresa .carousel-inner{height: 100%}
	#carousel-empresa .item { height: 100% }
	#carousel-empresa .centrar-img {width: 100%; height: 100%; position: absolute;}
	#carousel-empresa .centrar-img img {height: 100%; width: auto}
	#carousel-empresa h1 {font-size: 30px; font-weight: 600; color:#fff;}
	#carousel-empresa p {color:#fff; font-size:18px; line-height:1.5em }
	#carousel-empresa .item .txt { height: 600px; display: flex; align-items:center;padding:120px 0 200px 0;  }
	#carousel-empresa .controles {margin-top:-185px;  height:30px; position: relative}
	.controles .carousel-control {width: 40px; opacity:0.5; }
	.controles .carousel-control:hover {opacity:1; }

	.controles .carousel-control.left {left:15px; text-align: left}
	.controles .carousel-control.right {left:65px; text-align:right;}

	.equipo h1 {font-size: 40px; margin-top:95px; font-weight: 600; margin-bottom: 0; color:#060E22;}

	.equipo .panel-group {margin-top: 50px; margin-bottom: 200px;}
	.equipo .panel { border-top: 1px solid #007FFF; border-radius: 0; padding:0; }
	.equipo .panel + .panel {margin: 0}
	/*.equipo .panel:last-child { border-bottom: 1px solid #007FFF; }*/

	.equipo .panel-heading { padding: 20px 0 20px 0; }
	.equipo .panel-heading a {position: relative; display: block; cursor: pointer;}
	.equipo .panel-heading a i { display: inline-block; position: absolute; right: 0; top: 20px; -webkit-transition: -webkit-transform 200ms ease-in-out; -ms-transition: -ms-transform 200ms ease-in-out; transition: transform 200ms ease-in-out;   }
	.equipo .panel-heading a.collapsed i { transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}

	.equipo .panel-heading h2 { font-size: 24px; font-weight: 600; color: #060E22; text-transform: uppercase; margin: 0; }
	.equipo .panel-heading h3 { font-size: 24px; font-weight: 600; color: #007FFF; margin: 0; }
	.equipo .panel-collapse { margin-top:0px; }
	.equipo .panel-collapse p {font-size: 18px; color:#060E22; line-height: 1.5em; margin: 0}
	.equipo .panel-collapse .txt {margin: 0px 0 20px 0;}




	@media(max-width: 991px){
		#carousel-empresa {margin-top:120px;  height: 500px}
		#carousel-empresa .item .txt { height: 500px; padding:70px 0 150px 0;  }
		#carousel-empresa .controles {margin-top:-135px;  }
	}


	@media(max-width: 767px){
		#carousel-empresa h1 {font-size: 35px; }
		#carousel-empresa p {color:#fff; font-size:17px; line-height:1.4em }

		.equipo h1 {font-size: 30px; }
		.equipo .panel-group {margin-top: 30px; margin-bottom: 110px;}
	}



	@media(max-width: 479px){
		#carousel-empresa {margin-top:80px;  height: 460px}
		#carousel-empresa .item .txt { height: 460px; padding:40px 15px 100px 15px;  }
		#carousel-empresa .controles {margin-top:-90px;  }

		#carousel-empresa h1 {font-size: 27px; }
		#carousel-empresa p {font-size:15px; }

		.equipo h1 {font-size:24px; margin-top:50px; padding:0 15px;}
		.equipo .panel-group {margin-top: 30px; margin-bottom: 110px;padding:0 15px;}
		.equipo .panel-heading h2 { font-size: 18px; }
		.equipo .panel-heading h3 { font-size: 18px; }
		.equipo .panel-collapse p {font-size: 15px;}

	}



/*--------------------- SERVICIOS ----------------------*/
	#carousel-servicios {margin-top:130px; height: 600px; width: 100%;  overflow: hidden;}
	#carousel-servicios .carousel-inner{height: 100%; width: 1920px;position: absolute; left: -1500px; right: -1500px; margin:auto; }
	#carousel-servicios .item { height: 100% }
	#carousel-servicios .bg-celeste { background-image: url(../img/bg-servicios.jpg); background-size: 1152px 600px; float: right;right: 0; width: 60%; height: 100%; position: absolute; }
	#carousel-servicios .centrar-img {width: 40%; height: 100%; position: absolute;}
	#carousel-servicios .centrar-img img {height: 100%; width: auto; }
	#carousel-servicios h1 {font-size: 30px; font-weight: 600; color:#fff;}
	#carousel-servicios p {color:#fff; font-size:18px; line-height:1.5em }
	#carousel-servicios .item .txt { height: 600px; display: flex; align-items:center;padding:120px 0 200px 0;  }
	#carousel-servicios .controles {margin-top:-185px;  height:30px; position: relative;}

	.servicios {background-color: #00366E;}
	.servicios h1 {font-size:30px; font-weight: 600; color: #fff; margin-top: 75px; }

	.list-servicios {position:relative; margin-bottom: 250px;}
	.list-servicios ul {position:absolute; margin-top: 515px; z-index: 2  }
	.list-servicios ul li {background-color:transparent; width: 100%;display: block}
	.list-servicios ul li a{ text-transform:uppercase; cursor:pointer; text-align:right; text-decoration: none; font-size: 20px; color:#6D6F72; background-color: transparent; border: none;}
	.list-servicios ul li a:hover {color:#0080FF;background-color: transparent; border: none;}
	.list-servicios ul li.active a{color:#0080FF; background-color: transparent; border: none;}

	.list-servicios .tab-content {position:relative; margin-top: 40px; min-height: 800px;}
	.list-servicios .tab-content .imagen {height:440px;}
	.list-servicios .tab-content .imagen .centrar-img {height:100%;width: 100%}
	.list-servicios .tab-content .imagen .centrar-img img {width:100%; height:auto;}
	.list-servicios .tab-content .txt {height:auto; margin-top:45px;}
	.list-servicios .tab-content .txt p {font-size: 17px; font-weight: 400; color: #fff; line-height:1.4em;}



	@media(min-width: 768px){
		.list-servicios ul.collapse {display: block; visibility:visible; }	
	}


	@media(max-width: 991px){
		#carousel-servicios {margin-top:120px;}
		#carousel-servicios .carousel-inner{width: 100%;; }
		#carousel-servicios .centrar-img {width: 40%; }

		#carousel-servicios .item .txt { padding:100px 0 180px 0;  }
		#carousel-servicios .controles {margin-top:-165px; }
	}



	@media(max-width: 767px){

		#carousel-servicios {height: 830px; }
		#carousel-servicios .carousel-inner{width: 100%; }
		#carousel-servicios .bg-celeste { display: none }
		#carousel-servicios .centrar-img {width: 100%; height: 370px; position: relative;}
		#carousel-servicios .centrar-img img {height: 100%; width: auto; }

		#carousel-servicios .item .txt {display: block; background-image: url(../img/bg-servicios.jpg); background-size: cover; height: 460px; width: calc(100% + 30px); position: relative; padding:50px 0 100px 0; margin-left: -15px; margin-right: -15px; }
		#carousel-servicios .controles {margin-top:-100px; padding-left: 0 }
		.servicios h1 { margin-top: 50px;}

		.list-servicios { margin-bottom: 180px;}

		.list-servicios .tab-content .imagen {height:250px;}
		.list-servicios .tab-content {margin-top: 20px; min-height: inherit;}

		.btn-ul-servicios { z-index:2;position: absolute; margin-top: 300px;}

		.btn-ul-servicios a {transition: all ease 200ms; border-radius: 23px 23px 0px 0px; border:1px solid #707070; display:block; font-size:18px; text-transform: uppercase; line-height:1.5em;padding: 8px 25px; color:#fff; font-weight: 600; }
		.btn-ul-servicios a.collapsed { transition: all ease 200ms;border-radius: 23px 23px 23px 23px;}
		
		
		.btn-ul-servicios p {margin:0; display: inline-block;}
		.btn-ul-servicios a i{  float: right;  margin-top: 8px; transform: rotate(180deg);transition: all ease 200ms;}
		.btn-ul-servicios a.collapsed i{ transform: rotate(0deg);transition: all ease 200ms; }
		.list-servicios ul {padding-right: 0 ; width: calc(100% - 30px);  margin-left: 15px;  position: absolute; margin-top: 344px; z-index: 2; border: 1px solid #707070; background-color: #060e22;  border-radius:0 0 23px 23px;}

		.list-servicios .tab-content .txt {margin-top:105px;}
		.list-servicios ul li {border-top:1px solid #707070;}
		.list-servicios ul li:first-child {border-top:none;}
		/* .list-servicios ul li:first-child {margin-top:10px;}
		.list-servicios ul li:last-child {margin-bottom:10px;}*/

		.list-servicios ul li a { color:#fff; text-align: left; font-size: 18px; line-height:1.4em;  padding: 9px 15px;  font-weight: 600;}

	}

	@media(max-width: 479px){
		#carousel-servicios {margin-top:80px; height:590px;}
		#carousel-servicios .centrar-img { height: 245px;}
		#carousel-servicios .item .txt { height: 350px; width: 100%; padding:25px 15px 60px 15px; margin-left: 0px; margin-right: 0px; }
		#carousel-servicios .item .txt h1 {font-size:24px;}
		#carousel-servicios .item .txt p {font-size:15px; line-height:1.3em}
		#carousel-servicios .controles {margin-top:-60px; padding-left: 0 }
		.servicios h1 { margin-top: 50px; padding: 0 15px;}
		.list-servicios .tab-content .imagen  { height:180px;}
		.btn-ul-servicios {margin-top: 225px; padding:0 15px; }
		.list-servicios ul {  margin-top: 269px; }/* width:80%; margin-left:10%}*/
		.list-servicios .tab-content .txt {margin-top:90px; padding:0 15px}

	}



/*--------------------- PRODUCCION ----------------------*/
	.intro-prod {margin-top:130px; height: 600px; position: relative;}
	.intro-prod .centrar-img {width: 100%; height: 100%; position: absolute;}
	.intro-prod .centrar-img img {height: 100%; width: auto}
	.intro-prod .txt { height: 600px; display: flex; align-items:center;padding:100px 0 100px 0;  }
	.intro-prod  h1 {font-size: 30px; font-weight: 600; color:#fff; margin-bottom: 30px; }
	.intro-prod  p {color:#fff; font-size:18px; line-height:1.5em }


	.titulo {float: none}
	.titulo h1 {font-size: 30px; font-weight: 600; color:#060E22; margin-top: 75px; }
	.categorias { margin-top: 50px;padding-left: 0; list-style: none;}
	.categorias li { margin-bottom: 20px; }
	.categorias li a {font-size: 20px; font-weight: normal; line-height:1.5em; color:#000; padding:5px 0;}
	.categorias li a:hover,
	.categorias li a.active {color:#50A7FF}


	.buscador {margin-top: -50px}
	.buscador input {font-weight: 600; border-radius: 20px; border-right: 0; display: block; width: calc(100% + 54px); height:45px; padding: 10px 60px 10px 23px; font-size: 18px; line-height: 1.4; color: #555555;  background-color: #ffffff; background-image: none; border: 1px solid #707070; }
	.buscador button.btn {font-size: 15px; line-height: 1.4; padding:9px 20px;border-radius: 999px; border:none; background-color: transparent  } 
	.buscador input:focus {color:#001845; border-color:#001845; outline:none;}
	.buscador button.btn:hover, 
	.buscador button.btn:focus{ color: #001845; outline:none; background-color: transparent; border: none; box-shadow: none 	}


	.listado-prod {padding-bottom: 250px;}
	.modulo-prod { margin-top: 50px; }
	.modulo-prod .centrar-img {height: 250px}
	.modulo-prod .centrar-img img {width: 100%; height: auto;}
	.catalogo .txt h2 {color:#060E22; font-size:19px; font-weight: 700; margin: 20px 0 0px 0}

	.catalogo .txt p {color:#060E22; font-size:16px; font-weight: 400;}
	.catalogo .txt p strong {color:#060E22; font-size:16px; font-weight: 600;}

	.producto-ampliado .carousel{margin-top: 30px;}
	.producto-ampliado .carousel {height: 412px;}
	.producto-ampliado .carousel-inner,
	.producto-ampliado .item,
	.producto-ampliado .centrar-img {height: 100%;}
	.producto-ampliado .centrar-img img {width: 100%;}
	.producto-ampliado .carousel .controles a {width: 40px; opacity: 0.2; }
	.producto-ampliado .carousel-control.left {left:20px;}
	.producto-ampliado .carousel-control.right {right:20px; left:inherit;}

	.producto-ampliado .carousel-control span img {left:0; right:0;top:0; bottom:0; margin:auto; position: absolute;}

	.producto-ampliado .txt {padding:40px 15px 55px 15px;}

	.relacionados  {margin-bottom: 150px;}
	.relacionados .modulo-prod {margin-top:25px;}
	.relacionados .modulo-prod .centrar-img {height: 190px;}


		@media(min-width: 992px){
			 ul.categorias {display: block; visibility:visible; }	
		}



		@media(max-width: 991px){
			.intro-prod {  margin-top: 120px; height:500px;}
			.intro-prod .txt { height: 500px;}
			.buscador {margin-top: 30px}

			.btn-ul-produccion {cursor:pointer; border-radius: 23px 23px 0px 0px; border:1px solid #707070; border-bottom: 0;
				display:block; font-size:18px; text-transform: uppercase;  margin-top: 30px;
				line-height:1.5em; padding: 8px 25px; color:#060E22; font-weight: 600; transition: all ease 200ms }

			.btn-ul-produccion.collapsed { border-radius: 23px 23px 23px 23px; border-bottom: 1px solid #707070; transition: all ease 200ms}
			.btn-ul-produccion p {margin:0; display: inline-block;}
			.btn-ul-produccion i{  float: right;  margin-top: 8px;  transform: rotate(180deg); transition: all ease 200ms}
			.btn-ul-produccion.collapsed i{ transform: rotate(0deg); transition: all ease 200ms }

			.modulo-prod .centrar-img {height: 230px} 

			.producto-ampliado .carousel {height: 490px; margin-top:50px;}
			.relacionados .modulo-prod .centrar-img {height: 232px;}
	

			.categorias { position:absolute; border:1px solid #707070;width: calc(100% - 30px); background-color:#fff; z-index: 2;border-radius:0 0 23px 23px; margin-top:0;}
		
			.categorias li {border-top:1px solid #707070; margin-bottom: 0}
			.categorias li:first-child {border-top:none;}
		
			.categorias li a {display: block; font-size: 18px; font-weight: 600; line-height:1.5em; color:#060E22; padding:9px 25px;}
			.categorias li a:hover,
			.categorias li a.active {color:#50A7FF}
			/*	.list-servicios ul li a { color:#fff; text-align: left; font-size: 18px; line-height:1.4em;  padding: 9px 15px;  font-weight: 600;}*/


	}


		@media(max-width: 767px){
			.modulo-prod .centrar-img {height: 290px}
			.buscador {margin-top: 20px}


			.producto-ampliado .carousel {height: 290px; }
			.relacionados .modulo-prod .centrar-img {height: 290px;}
		}



		@media(max-width: 479px){
			.intro-prod	{margin-top: 80px; height: 460px}
			.intro-prod .txt { height: 460px; padding: 0 15px;}

			.intro-prod .txt h1 {font-size: 27px; }
			.intro-prod .txt p {font-size:15px; }

			.titulo h1 {font-size:24px; margin-top:50px; padding:0 15px;}
			.modulo-prod .centrar-img {height: 190px}

			.catalogo {padding:0 15px;}
			.catalogo .titulo h1 {    padding: 0px;}

			.categorias { width: 100%;}

			.producto-ampliado .carousel {height: 190px; }
			.relacionados .modulo-prod .centrar-img {height: 190px;}

			.producto-ampliado .txt {padding:30px 0px 40px 0px;}


		}



/*------------------------ CALIDAD -----------------------*/
	#carousel-empresa.carousel-calidad .txt { padding:50px 0 150px 0;  }
	#carousel-empresa.carousel-calidad .controles {margin-top:-135px; }

	.calidad {background-color:#F2F3F8; padding-bottom: 200px;}
	.calidad ul {position: relative; margin-top: 90px; list-style: none;  padding-bottom: 170px;}
	.calidad ul .vr {position: absolute; width:1px; background-color:#707070; height:100%; left:0; right:0;  margin:auto;}
	.calidad ul .vr i {border-radius:100%;position: absolute; 
	 border:1px solid #707070; display: inline-block; left:-6px; top:-13px;  width: 13px; height:13px;}
	.calidad ul .vr i.bt {bottom: -13px; top:inherit;}
	.calidad ul .item {position: relative; z-index: 2;}
	.calidad ul .item h2  {background-color:#F2F3F8; line-height:1.5;   display: block; text-align:center; color: #007FFF;  font-size: 25px; font-weight: 600;  margin:70px auto 10px;}
	.calidad .item .txt {width: 43.5%; background-color: #fff; margin-top:70px; padding: 50px 30px; border:1px solid #C6C6C6;}
	.calidad .item .txt h1 {font-size:25px; font-weight: 600; color:#060E22; margin: 0 0 15px 0;}
	.calidad .item .txt p {font-size:15px; font-weight: 300; color:#060E22; line-height: 1.4em}
	.calidad .item:nth-child(2n+2) .txt { margin-left: 56.5%; border-left:15px solid #007FFF; }
	.calidad .item:nth-child(2n+1) .txt { border-right:15px solid #007FFF;}


	@media(max-width:991px){
		#carousel-empresa.carousel-calidad .txt { padding:30px 0 100px 0;  }
		#carousel-empresa.carousel-calidad .controles {margin-top:-85px; }

		.calidad .item .txt {width: 84%; margin-left: 8%; padding: 50px 30px;}

		.calidad .item:nth-child(2n+2) .txt {  margin-left: 8%; }

	}



	@media(max-width:767px){
		.calidad .item .txt {width: 100%; margin-left: 0; padding: 30px 20px; margin-top:50px;}
		.calidad .item:nth-child(2n+2) .txt {  margin-left: 0;border-left:10px  solid #007fff}
		.calidad .item:nth-child(2n+1) .txt {  border-right:10px solid #007fff }
		.calidad .item .txt h1 {font-size:21px; }

	}


	@media(max-width: 479px){
		#carousel-empresa.carousel-calidad {margin-top:80px;  height: 460px}
		#carousel-empresa.carousel-calidad .item .txt { height: 460px; padding:20px 15px 80px 15px;  }
		#carousel-empresa.carousel-calidad .controles {margin-top:-65px;  }
		.calidad {padding-bottom: 70px;}
		.calidad ul {padding: 0 15px 120px 15px}
	}


/*------------------- TOMOGRAFO INDUSTRIAL ----------------*/
	#carousel-empresa.carousel-tomografo { height: 960px}
	#carousel-empresa.carousel-tomografo .txt { padding:350px 0 350px 0;  height:960px; }
	#carousel-empresa.carousel-tomografo .controles {margin-top:-320px; }

	.funcionamiento {}
	.funcionamiento .titulo h1 {}
	.funcionamiento .titulo p {font-size:18px; color:#060E22; line-height: 1.5em} 

	.tab-tomografo { margin-top: 60px;}
	.tab-tomografo .centrar-img {height: 550px;}
	.tab-tomografo .centrar-img img {height: 100%; width: auto}

	.funcionamiento .navs { margin-bottom: 140px;}
	.funcionamiento .navs ul { padding-left:0; list-style: none; margin-top:40px;}
	.funcionamiento .navs ul li {}
	.funcionamiento .navs ul li a {margin-top:25px; text-decoration: none; cursor:pointer; display: flex; align-items:center; position: relative;}
	.funcionamiento .navs ul li i { width: 40px; height:auto; display: block; float: left; clear: both}
	.funcionamiento .navs ul li i  img { width: 40px; }
	.funcionamiento .navs ul li a h3 {display: inline-block;  max-width:calc(100% - 75px); padding:5px;margin:0 0 0 20px; color:#060E22; font-size:18px; font-weight:600; line-height:1.4;}

	.funcionamiento .navs ul li a {opacity:0.35;}
	.funcionamiento .navs ul li.active a,
	.funcionamiento .navs ul li a:hover,
	.funcionamiento .navs ul li a:focus {opacity:1}

	.aplicaciones {background-color: #00366E; padding: 120px 0;}
	.aplicaciones .titulo h1 { color:#fff; margin-top: 15px; }
	.aplicaciones ul {padding-left: 0; list-style: none; margin-top:50px;}
	.aplicaciones ul li { margin:15px 0; }
	.aplicaciones ul li i { height: 45px;  width:45px;  display: block; float: left; clear: both}
	.aplicaciones ul li i img { height: 45px; }
	.aplicaciones ul li h3 {display: inline-block; max-width:calc(100% - 75px); padding:5px;margin:0 0 0 20px; color:#fff; font-size:18px; font-weight:600; line-height:1.4;}


	@media(max-width: 991px){
		#carousel-empresa.carousel-tomografo { height: 660px}
		#carousel-empresa.carousel-tomografo .txt { padding:200px 0 200px 0;  height:660px; }
		#carousel-empresa.carousel-tomografo .controles {margin-top:-180px; }
		.tab-tomografo .centrar-img {height: 345px;}	

		.aplicaciones {padding: 80px 0 100px 0;}
	
		.aplicaciones ul {margin-top: 50px;}
		.aplicaciones ul li:nth-child(odd) { clear: both; }
	
	}

	@media(max-width: 767px){
		.aplicaciones ul li { margin:20px 0; }
	}

	@media(max-width: 479px){

		#carousel-empresa.carousel-tomografo { height: 460px}
		#carousel-empresa.carousel-tomografo .txt { padding:100px 15px 100px 15px;  height:460px; }
		#carousel-empresa.carousel-tomografo .controles {margin-top:-80px; }
		.funcionamiento .titulo p {padding-left:15px; padding-right: 15px; font-size: 15px;} 
		.tab-tomografo {padding:0 15px; margin-top: 20px;}
		.tab-tomografo .titulo h1 {margin-top: 30px}
		.tab-tomografo .centrar-img {height: 245px;}	
		.funcionamiento .navs ul {padding:0 15px; margin-top:30px;}
		.funcionamiento .navs ul { margin-top:20px;}
		.funcionamiento .navs ul li a {margin-top:25px; }
		.funcionamiento .navs ul li i { width: 35px;}
		.funcionamiento .navs ul li i  img { width: 35px; }
		.funcionamiento .navs ul li a h3 { font-size:15px; margin-left: 10px; max-width:calc(100% - 45px); padding: 5px 0;}



		.aplicaciones {padding: 50px 0 100px 0;}
		.aplicaciones ul {margin-top: 30px; padding: 0 15px;}
		.aplicaciones ul li:nth-child(odd) { clear: both; }
		.aplicaciones ul li { margin:15px 0; }

		.aplicaciones ul li i { width: 35px;}
		.aplicaciones ul li i img { width: 35px; }
		.aplicaciones ul li h3 { font-size:15px; margin-left: 10px; max-width:calc(100% - 45px); padding: 5px 0;}
	
	}


	.contacto.seccion {margin-top: 130px;}

	/* Donde estamos */
	.ubicacion {background-color:#00366E; display: flex; align-items: center; width: 100%; height:1022px;}
	.ubicacion .mapa {width:45%; float:left; height:1022px;}
	.ubicacion .mapa  img {height:100%; float: right;  }

	.ubicacion .txt {width:55%; float:left; max-width: 450px; padding-left:80px;}

	.ubicacion h1 {font-size:40px; font-weight: 600; color:#fff;}
	.ubicacion a.tel {line-height:1.5em; font-size: 30px; color:#fff; margin-top:30px;}
	.ubicacion a {margin-top:30px; clear:both; display:block; line-height:27px; font-weight: 300; font-size: 22px; color:#fff;}
	.ubicacion a.dir strong {font-weight:600;}
	.ubicacion a.dir {font-weight:400;}



	@media(max-width: 991px){
		.contacto.seccion {margin-top: 120px}

		.ubicacion  {height:600px; }
		.ubicacion .mapa {height:600px; }	


		.ubicacion .txt {padding-left:40px;}
		.ubicacion h1 {font-size:35px; }
		.ubicacion a.tel {font-size: 25px;}
		.ubicacion a { font-size: 18px;}
	}


	@media(max-width: 767px){
		.ubicacion  {height:auto; display: block}
		.ubicacion .mapa {height:550px; width:100%; margin-top:20px; }	
		.ubicacion .txt {padding-left:15px;width:100%; margin-top:50px;}

		.ubicacion a.tel {margin-top:20px; }
		.ubicacion a {margin-top:20px;}
	}


	@media(max-width: 479px){
		.contacto.seccion {margin-top: 80px}

		.ubicacion  {display: block; padding:10px 15px 0px; }
		.ubicacion .txt { margin-top:20px;}

		.ubicacion .txt {padding-left:0px;}
		.ubicacion h1 {font-size:24px; }
		.ubicacion a.tel {font-size: 18px;margin-top:15px; }
		.ubicacion a { font-size: 15px; margin-top:15px;}

		.ubicacion .mapa { height: 390px; margin-top: 20px; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px);}

	}


	.error { margin-top:130px; padding-top:250px;  background-image:url(../img/bg-error.jpg);  background-size: cover; height:960px; }
	.error a {transition:all 300ms ease; opacity:0.7; font-weight:400;
	 letter-spacing:0.8px; text-align: center; display: inline-block; 
	 color: #fff; font-size: 20px; border: 1px solid; padding: 12px 30px; 
	 border-radius: 25px; position: relative;}
	.error a:hover {opacity:1;}
	
	.error h1 {color:#fff; font-size: 45px}
	.error p {color:#fff; font-size: 18px}


	@media(max-width: 991px){
		.error { margin-top:120px; padding-top:200px;	 height:800px; }
	
		.error h1 {font-size: 40px}
	}

	@media(max-width: 767px){
		.error { padding-top:150px; height:600px; }
		.error h1 { font-size: 24px}
	}

	@media(max-width: 767px){
		.error {margin-top:80px;  padding-top:80px; height:480px; padding-left:15px;}
		.error h1 { font-size: 20px;padding-left:0px;}
		.error {}
		.error a {font-size: 15px;	 padding: 12px 30px; }
	}


/*	Mapa CCUU: */
.mapa-ccuu{width: 100%; height: 500px}
.mapa-ccuu-ver-ruta{display:none; float:right; overflow: auto; width:30%; height: 500px; position: absolute; margin-top: -500px; background-color: #FFF; right: 0px;}

/*	Shared */
.shared{padding: 0; list-style:none;}
.shared li{display: inline-block; padding: 5px}
.shared li a img{width: 32px}

/* Centrar Imagen */
.centrar-img {overflow: hidden; position: relative; width:100%; height:100%;}
.centrar-img img {position: absolute; left: -5000px; right: -5000px; top: -5000px; bottom: -5000px; margin:auto;}

p img {max-width: 100%;}

/* Modal */
.modal-body img {max-width: 100%;}
.modal-header {border-bottom: none;}

/* Flechas Carousel*/
a.carousel-control.right, a.carousel-control.left { background-image: none; } 



/*	Posicionador de imagen automatico */
/*.container-image {width: 100%; height:100%; position: relative; overflow: hidden;background-image:url(../img/loading.svg); background-size: 100px; background-repeat: no-repeat; background-position: center center;}
.container-image img {position: absolute; margin: auto; width: 100%; top:-10000px; bottom: -10000px; left:-10000px; right:-10000px; opacity:0; -webkit-transition:  all 1000ms ease-out;  -moz-transition:  all 1000ms ease-out;  -o-transition:  all 1000ms ease-out;  transition:  all 1000ms ease-out }
.container-image img.visible {opacity:1;}*/


@keyframes rotar { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@keyframes bounce {
	0%,50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
	25% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
	75% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
}