body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	font-family: 'Caecilia', sans-serif;
	color: #272727;
	background-color: #fbfbfb;
}
.container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 115%;
  }

 .responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
  }

body {
	transition: all .5s 1s;
	opacity: 0;
}

.loaded body {
	opacity: 1;
}

/* red: #ee363a */
/* blue: #1a325f */

p {
	font-weight: 300;
	font-size: 21px;
	margin-bottom: 30px;
	line-height: 30px;
}

.section p {
	font-size: 16px;
	line-height: 25px
}

p.little {
	font-size: 14px;
	color: rgba(0, 0, 0, .6);
	margin-top: 60px;
}

.wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	right: 0;
	/* max-width: 1360px; */
	width: 92%;
}

.enter-y {
	transform: translateY(50px);
	opacity: 0;
	transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
}

.enter-y-r {
	transform: translateY(-50px);
	opacity: 0;
	transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
	;
}

.enter-x {
	transform: translateX(50px);
	opacity: 0;
	transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
}

.enter-x-r {
	transform: translateX(-50px);
	opacity: 0;
	transition: opacity 1s, transform 1.2s cubic-bezier(.165, .84, .44, 1);
	;
}

.show .delay-1,
.ready #hero .delay-1 {
	transition-delay: .2s !important;
}

.show .delay-2,
.ready #hero .delay-2 {
	transition-delay: .4s !important;
}

.show .delay-3,
.ready #hero .delay-3 {
	transition-delay: .6s !important;
}

.show .delay-4,
.ready #hero .delay-4 {
	transition-delay: .8s !important;
}

.show .delay-5,
.ready #hero .delay-5 {
	transition-delay: 1s !important;
}

.show .delay-6,
.ready #hero .delay-6 {
	transition-delay: 1.2s !important;
}

.show .delay-7,
.ready #hero .delay-7 {
	transition-delay: 1.4s !important;
}

.show .delay-8,
.ready #hero .delay-8 {
	transition-delay: 1.6s !important;
}

.show .delay-9,
.ready #hero .delay-9 {
	transition-delay: 1.8s !important;
}

.show .delay-10,
.ready #hero .delay-10 {
	transition-delay: 2s !important;
}

.show .delay-11,
.ready #hero .delay-11 {
	transition-delay: 2.2s !important;
}

.show .delay-12,
.ready #hero .delay-12 {
	transition-delay: 2.4s !important;
}

.show .delay-13,
.ready #hero .delay-13 {
	transition-delay: 2.6s !important;
}

.show .delay-14,
.ready #hero .delay-14 {
	transition-delay: 2.8s !important;
}

.show .delay-15,
.ready #hero .delay-15 {
	transition-delay: 3s !important;
}

.show .enter-y,
.show .enter-x,
.show .enter-y-r,
.show .enter-x-r {
	opacity: 1;
	transform: translate(0);
}

a:focus,
a:hover {
	color: inherit;
}

section {
	position: relative;
	overflow: hidden;
	display: block;
}

/************************************
				HEADER
**************************************/

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	padding-top: 60px;
	transition: all .7s;
}

header.scrolled {
	top: 0;
	padding-top: 10px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	padding-bottom: 10px;
}

header.shows {
	top: 0;
	padding-top: 15px !important;
	background: #fff;
	/* box-shadow: 0 0 20px rgba(0,0,0,.2); */
	border-bottom: solid 1px #cccccc;
	padding-bottom: 10px;
}

header.shows.subactive {
	box-shadow: 0 0 20px rgba(0, 0, 0, .0);
	border-bottom: solid 1px transparent;
}

header .logo {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	max-width: 360px;
	/* margin-left: -20px; */
	margin-top: -5px;
}

header .logo img {
	display: block;
	max-width: 360px;
	width: 360px;
}

header nav {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	float: right;
	font-size: 14px;
	margin-left: 20px;
	padding-top: 8px;
}

header nav a,
.boton {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 8px;
	cursor: pointer;
	transition: all .3s;
}

header nav a i {
	transition: transform .3s;
}

header nav a i.rotate {
	transform: rotate(180deg)
}

header.shows nav a:not(:last-of-type),
header.scrolled nav a:not(:last-of-type),
.categoria header nav a:not(:last-of-type),
header.subactive nav a:not(:last-of-type) {
	color: #0f3a70;
}

header nav a:last-child,
.boton {
	background: #ef3d43;
	border-radius: 100px;
	padding: 0 !important;
	padding-bottom: 0 !important;
	color: #fff;
	transition: all .3s;
	padding-right: 25px !important;
}

header nav a:last-child:hover,
.boton:hover {
	background: #fff;
	color: #ef3d43;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

header nav .line {
	display: inline-block;
	vertical-align: middle;
	height: 45px;
	margin: 0 10px;
	width: 1px;
	background-color: rgba(256, 256, 256, .2);
}

.categoria header nav .line,
header.shows nav .line,
header.scrolled nav .line,
header.subactive nav .line {
	background: #ccc
}

header nav .buscador-icon {
	font-size: 25px;
	margin-right: 10px;
	transition: all .3s;
}

header nav .buscador-icon.opacity {
	width: 0;
	overflow: hidden;
	padding: 15px 0;
	opacity: 0
}

header nav *.hide {
	opacity: .2 !important
}

.boton span {
	position: relative;
	z-index: 2;
	padding: 15px 25px;
	display: block;
	background: #ef3d43;
	border-radius: 100px;
	transition: all .3s;
	padding-right: 0;
}

.boton:hover span {
	background: #fff;
	color: #ef3d43;
}

.boton .arrow {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 60px;
	height: 100%;
	/* background: #ef3c42; */
	border-radius: 0 100px 100px 0;
	transition: all .3s;
	font-size: 16px;
	padding-left: 30px;
	color: #ef3c42;
	line-height: 46px;
	/* opacity:  0; */
	/* box-shadow: 0 0 10px rgba(0,0,0,.2); */
}

.boton .arrow i {
	position: relative;
	z-index: 1;
}

.boton:hover .arrow {
	right: -22px;
	opacity: 1;
	/* background: #fff; */
	box-shadow: 5px 0 20px -3px rgba(0, 0, 0, .2);
	/* color: red; */
	z-index: 1;
}

.boton .arrow::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 100%;
	background: #ef3d43;
	transition: all .3s;
}

.boton:hover .arrow::before {
	background: #fff;
}

.cons-virtual span {
	width: 105px;
	text-align: center;
	padding: 8px 25px;
	padding-right: 0;
	background: #003a70;
	color: #fff;
}

.cons-virtual .arrow::before,
.cons-virtual {
	background: #003a70;
}

.cons-virtual:hover,
.cons-virtual:hover span,
.cons-virtual:hover .arrow,
.cons-virtual:hover .arrow::before {
	background: #003a70;
	color: #fff;
}

.cons-virtual:hover .arrow {
	display: none;
}

.cons-virtual .arrow {
	color: #003a70;
}

.submenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 14;
	color: #fff;
	pointer-events: none;
}

.submenu>div {
	background: #fff;
	padding: 50px 0;
	padding-top: 140px;
	position: absolute;
	overflow: hidden;
	top: -50px;
	left: 0;
	width: 100%;
	transition: all .5s .3s;
	opacity: 0;
	/* box-shadow: 0 0 50px rgba(0,0,0,.3); */
	border-bottom: solid 1px #cccccc;
}

.submenu.scrolled>div {
	padding-top: 90px !important
}

.submenu>div:first-child {
	position: relative;
}

.submenu.active {
	pointer-events: auto;
}

.submenu>div.show {
	opacity: 1;
	top: 0;
	z-index: 1;
	transition-delay: 0s;
}

.submenu a {
	display: block;
	line-height: 30px;
	font-size: 12px;
	color: #0f3a70;
	text-decoration: none !important;
	transition: all .3s;
}

.submenu a:hover {

	//padding-left: 10px;}
	#sm-prods a {
		display: inline-block;
		width: 50%;
	}

	.submenu a span {
		vertical-align: middle;
		transition: all.3s;
	}

	.submenu a:hover span {

		//padding-left: 10px;}
		.submenu a::before,
		footer ul a::before {
			content: '';
			position: relative;
			display: inline-block;
			vertical-align: middle;
			width: 0;
			height: 1px;
			margin-right: 0px;
			background-color: #0f3a70;
			transition: all .3s;
		}

		.submenu a:hover::before,
		footer ul a:hover::before {
			width: 15px;
			margin-right: 5px;
		}

		footer ul a::before {
			background: #fff
		}

		.padding #sm-pac .text {
			float: right;
			width: 935px;
			padding-right: 50px;
			padding-left: 0px;
		}

		#sm-pac .text {
			float: right;
			width: 975px;
			padding-right: 50px;
			padding-left: 0px;
		}

		.padding #sm-prof .text {
			float: right;
			width: 647px;
			padding-right: 50px;
			padding-left: 0;
			margin-right: 191px;
		}

		#sm-prof .text {
			float: right;
			width: 687px;
			padding-right: 50px;
			padding-left: 0;
			margin-right: 191px;
		}

		.padding #sm-acer .text {
			float: right;
			width: 714px;
			padding-right: 50px;
			/* padding-left: 108px; */
		}

		#sm-acer .text {
			float: right;
			width: 755px;
			padding-right: 50px;
			/* padding-left: 108px; */
		}

		.submenu.scrolled>div {
			padding-top: 90px !important;
		}

		.toggle-nav {
			position: fixed;
			display: none;
			vertical-align: middle;
			top: 30px;
			right: 4%;
			z-index: 10000;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			pointer-events: auto;
			cursor: pointer;
			transition: all .5s;
			background: #fff;
		}

		header.shows+.toggle-nav {
			top: 10px;
			box-shadow: 0 0 0 2px #889cb242;
		}

		header.active+.toggle-nav {
			box-shadow: 0 0 0 2px #889cb242;
		}

		header.shows .toggle-nav {
			top: 25px;
		}

		.toggle-nav span {
			position: absolute;
			top: 0px;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 18px;
			height: 2px;
			border: 10px;
			transition: all .3s;
			background: #01305d7a;
			margin-top: 18px;
		}

		header.white .toggle-nav span {
			background-color: #fff
		}

		header.white.bg-white .toggle-nav span {
			background-color: #000
		}

		.white header:not(.scrolled) .toggle-nav span {
			background-color: #fff;
		}

		.toggle-nav span:nth-child(2) {
			top: 5px;
		}

		.toggle-nav span:nth-child(3) {
			top: 10px;
		}

		.active.toggle-nav span:nth-child(1) {
			top: 6px;
			-webkit-transform: rotate(135deg) !important;
			-moz-transform: rotate(135deg) !important;
			-o-transform: rotate(135deg) !important;
			transform: rotate(135deg) !important;
		}

		.active.toggle-nav span:nth-child(2) {
			opacity: 0;
			left: 60px;
		}

		.active.toggle-nav span:nth-child(3) {
			top: 6px;
			-webkit-transform: rotate(-135deg) !important;
			-moz-transform: rotate(-135deg) !important;
			-o-transform: rotate(-135deg) !important;
			transform: rotate(-135deg) !important;
		}



		/************************************
				MAIN 
**************************************/

		#hero {
			background-image: url(../img/hero.jpg);
			background-size: cover;
			background-position: center;
			min-height: 85vh;
			text-align: center;
			overflow: visible;
			z-index: 1;
		}

		#seccion.main-pacientes #hero {
			background-image: url(../img/hero-pacientes.jpg);
		}

		#seccion.guardia #hero {
			background-image: url(../img/hero-guardia.jpg);
		}

		#seccion.sumate #hero {
			background-image: url(../img/hero-sumate.jpg);
		}

		#seccion.main-profesionales #hero {
			background-image: url(../img/hero-profesionales.jpg);
		}

		#seccion.main-acerca-del-icba #hero,
		#seccion.main-acerca #hero {
			background-image: url(../img/hero-acerca.jpg);
		}

		#hero .wrapper {
			padding: calc((100vh - 250px) / 2) calc(0px)
		}

		#hero h1 {
			display: block;
			font-size: 95px;
			font-weight: 900;
			color: #fff;
			margin-bottom: 10px;
		}

		#seccion #hero h1 {
			font-size: 60px;
			text-align: left;
			padding-left: 80px;
		}

		#hero .buscador {
			position: relative;
			display: inline-block;
			border-radius: 100px;
			background: #fff;
		}

		#hero input,
		header input {
			display: block;
			margin: 0 auto;
			width: 820px;
			border-radius: 100px;
			padding: 25px 40px;
			font-size: 18px;
			color: #646464;
			border: none;
			font-family: 'Caecilia', sans-serif;
			background: transparent;
			text-transform: lowercase;
		}

		.buscador i {
			position: absolute;
			top: 0;
			right: 0;
			width: 90px;
			line-height: 72px;
			color: #01305d;
			text-align: center;
			font-size: 30px;
			z-index: 1;
			cursor: pointer;
			transition: all .3s;
		}

		.buscador i:hover,
		header nav .buscador-icon:hover {
			transform: scale(.9);
		}

		.buscador .input {
			position: relative;
			z-index: 1;
			width: 100%;
		}

		.search-list {
			position: absolute;
			top: 0px;
			left: 0;
			width: 100%;
			pointer-events: none;
			background: #fff;
			text-align: left;
			padding-left: 40px;
			color: #646464;
			border-radius: 40px;
			opacity: 0;
			transition: all .5s;
		}

		#hero .active .search-list {
			opacity: 1;
			padding-top: 12px !important;
			padding-bottom: 24px !important;
			pointer-events: auto;
		}

		.show-buscador .active .search-list {
			opacity: 1;
			padding-top: 25px !important;
			padding-bottom: 24px !important;
			pointer-events: auto;
		}

		.search-list a {
			position: relative;
			display: block;
			cursor: pointer;
			transition: all .3s;
			opacity: .5;
			padding: 15px 0;
			font-size: 18px;
		}

		.search-list a:hover,
		.search-list a.active {
			opacity: 1
		}

		.scroll-down {
			position: absolute;
			bottom: 0px;
			display: block;
			right: -180px;
			width: 400px;
			padding: 30px;
			cursor: pointer;
			pointer-events: auto;
			color: #fff;
			/* transition: all .3s; */
			/* font-size: 20px; */
			/* animation: arrow1 .7s alternate linear infinite; */
			*/transform: ;
			transform: rotate(-90deg);
		}

		.scroll-down:hover {
			/* right: -93px; */
		}

		.scroll-down::after {
			content: '';
			position: relative;
			display: inline-block;
			vertical-align: middle;
			height: 3px;
			width: 22px;
			background: rgba(255, 255, 255, .5);
			margin-left: 20px;
			/* margin: 0 auto; */
			transition: all .3s;
			animation: arrow1 .7s alternate linear infinite;
			/* animation: arrow1 .7s alternate linear infinite; */
			*/transition: all .3s;
			/* background: rebeccapurple; */
		}

		.scroll-down i {
			position: relative;
			margin-right: 15px;
			animation: arrow1 .7s alternate linear infinite;
			transition: all .3s;
			display: inline-block;
		}

		.scroll-down:hover i {
			margin-right: 25px
		}

		.scroll-down:hover::after {
			background: #fff;
			margin-left: 30px;
		}

		.scroll-down.volver {
			position: relative;
			transform: rotate(0);
			color: #b3b3b3;
			width: initial;
			right: 0;
			margin-top: -93px;
			margin-left: -30px;
			transition: all .3s;
			font-size: 14px;
			opacity: .5;
			padding-bottom: 45px;
		}

		.scroll-down.volver:hover {
			opacity: 1;
		}

		.scroll-down.volver i {
			animation: auto;
			font-size: 18px;
			vertical-align: middle;
			margin-right: 5px;
		}

		.scroll-down.volver::after {
			background: #b3b3b3;
			animation: auto;
			margin-left: 10px;
			width: 18px;
			border-radius: 5px;
		}

		.scroll-down.volver:hover::after {
			width: 0;
		}

		.scroll-down.volver:hover i {
			margin-right: -13px;
			transform: translateX(55px);
		}

		.button,
		p a {
			position: relative;
			display: inline-block;
			font-size: 16px;
			color: #fff !important;
			font-weight: bold;
			padding: 10px;
			margin-left: -10px;
			transition: all .3s;
		}

		.button:hover,
		p a:hover {
			color: #fff;
			/* padding-bottom: 12px; */
		}

		.button.blue,
		p a {
			color: #08336b !important;
		}

		.button::before,
		p a::before {
			content: '';
			position: absolute;
			display: block;
			left: 5px;
			bottom: 5px;
			height: 3px;
			width: calc(100% - 5px);
			background: rgba(256, 256, 256, .5);
			border-radius: 20px;
		}

		.button.blue::before,
		p a::before {
			background: #99abbd
		}

		.button::after,
		p a::after {
			content: '';
			position: absolute;
			display: block;
			left: 5px;
			bottom: 5px;
			height: 3px;
			width: 0;
			background: #fff;
			transition: all .4s;
			border-radius: 20px;
		}

		.button.blue::after,
		p a::after {
			background: #08336b
		}

		.button:hover::after,
		.hover-button:not(.child-list):hover .button::after,
		.hover-button.child-list:hover>.button::after,
		p a:hover::after {
			width: calc(100% - 5px);
		}

		#hero .wrap-button {
			position: absolute;
			bottom: 70px;
			left: 0;
			text-align: left;
		}

		#hero .wrap-scrolldown {
			position: absolute;
			bottom: 100px;
			right: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
		}

		#hero .wrap-elcardio {
			position: absolute;
			bottom: 70px;
			right: 0;
			width: 100%;
			pointer-events: none;
			font-size: 36px;
			color: #ffffffbf;
			/* font-style: italic; */
			font-weight: 300;
			font-family: 'Caecilia';
		}

		.wrap-elcardio h2 {
			transform: skewX(-5deg);
			-webkit-transform: skewX(-5deg);
			-moz-transform: skewX(-5deg);
			-ms-transform: skewX(-5deg);
			-o-transform: skewX(-5deg);
		}


		#seccion-list {
			padding: 100px 0;
			padding-bottom: 200px;
		}

		#seccion-list .bg-label {
			color: #f7f7f7;
			margin-top: 0;
			top: 150px
		}

		.categories-list {
			position: relative;
			/* overflow:  hidden; */
		}

		.category {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 25%;
			/* margin-bottom: 50px; */
			padding-right: 100px;
		}

		.category img {
			display: block;
			width: 70px;
			margin-bottom: 30px;
		}

		.category h4 {
			font-size: 24px;
			color: #0f3a70;
		}

		.category p {
			font-size: 12px;
			color: grey;
			line-height: 22px;
			margin-top: 20px;
			margin-bottom: 0;
		}

		.category .buttons-wrap {
			margin-top: 20px
		}


		.header-wrap {
			display: block;
			width: 100%;
			height: 190px;
			background: #fff;
			border-bottom: solid 1px #cccccc;
		}

		.loading {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			background: #fff;
			z-index: 10;
			transition: all .3s;
		}

		.loading.hide {
			opacity: 0;
			pointer-events: none;
		}

		.loading img {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			margin: 0 auto;
			display: inline-block; //width: 80px;font-size: 30px;color: #01305d;text-align: center;}


			#content {
				overflow: hidden;
				display: table;
				table-layout: fixed;
				width: 100%;
			}

			.navbar {
				position: relative;
				top: 0;
				display: block;
				width: 33%;
				float: left;
				/* overflow:  scroll; */
				padding-top: 100px;
				vertical-align: top;
				transition: all .3s;
			}

			.navbar.scrolled {
				top: 50px;
				padding-bottom: 50px;
			}

			.navbar .inner:first-child {
				padding-bottom: 100px;
				margin-bottom: 100px;
				border-bottom: solid 1px #cccccc;
				padding-left: calc(100vw * 0.04);
				padding-right: 80px;
			}

			.navbar .inner:last-child {
				padding-left: calc(100vw * 0.04);
				padding-right: 80px;
				padding-bottom: 80px;
			}

			.navbar small,
			small {
				font-size: 12px;
				text-transform: uppercase;
				color: #6464647a;
				margin-bottom: 40px;
				display: block;
				font-weight: bold;
				padding-left: 83px;
			}

			.detalle .enciclopedia small {
				padding-left: 0;
			}

			.detalle .enciclopedia a {
				color: #01305d;
				display: block;
				padding: 10px 0;
				transition: all .3s;
			}

			.detalle .enciclopedia a:hover {
				padding-left: 5px;
			}

			.navbar h4 {
				display: block;
				font-size: 45px;
				color: #1a325f;
				margin-bottom: 40px;
			}

			.navbar h4 img {
				display: inline-block;
				vertical-align: top;
				width: 70px;
				/* margin-left: -117px; */
			}

			.navbar h4 span {
				display: inline-block;
				vertical-align: top;
				width: calc(100% - 90px);
			}

			.navbar p {
				display: block;
				font-size: 12px;
				line-height: 20px;
				color: rgba(0, 0, 0, .5);
				margin-bottom: 0;
				padding-left: 83px;
			}

			.navbar .cat-list {
				display: block;
				font-size: 16px;
				overflow: hidden;
				padding-left: 83px;
				margin-top: 60px;
			}

			.navbar .inner.delay-3 .cat-list {
				margin-top: 0
			}

			.navbar .cat-list a {
				/* display: block; */
				/* padding: 20px 0; */
				color: #08336b;
				font-weight: bold;
				float: left;
				clear: both;
			}

			.navbar .cat-list.little a {
				display: block;
				width: 100%;
				font-size: 13px;
				font-weight: normal;
				padding: 10px 0;
				transition: all .3s;
			}

			.navbar .cat-list.little a:hover {
				padding-left: 10px;
			}

			.navbar .cat-list a.active {
				padding-left: 30px !important;
				margin-top: 8px;
			}

			.navbar .cat-list a.active::before {
				width: 17px;
				bottom: 18px;
				left: 5px;
			}

			.navbar .cat-list a.active::after {
				display: none
			}

			.navbar .cat-list .subs {
				padding-bottom: 15px;
				display: block;
				overflow: hidden;
				clear: both;
			}

			.navbar .cat-list .subs a {
				position: relative;
				font-size: 12px;
				font-weight: normal;
				padding: 10px 0;
				padding-left: 21px;
				transition: all .3s;
			}

			.navbar .cat-list .subs a:not(.active):hover {
				padding-left: 25px;
			}

			.navbar .cat-list .subs a.active {
				padding-left: 21px !important;
				margin-top: 0;
			}

			.navbar .cat-list .subs a.active::before {
				content: '';
				position: absolute;
				display: block;
				left: 3px;
				bottom: 5px;
				height: 4px;
				width: calc(100% - 3px);
				background: rgb(153, 171, 189);
				border-radius: 50%;
				width: 4px;
				bottom: 16px;
				left: 2px;
			}

			.detalle {
				position: relative;
				vertical-align: top;
				float: left;
				width: 67%;
				height: 100%;
				background: #f9f9f9;
				padding: 160px 150px;
				border-left: solid 1px #cccccc;
			}

			.detalle h3 {
				display: block;
				font-size: 35px;
				color: #1a325f;
				margin-bottom: 50px;
			}

			.detalle p {
				color: #646464;
				font-size: 18px;
				line-height: 35px;
			}

			.detalle table p {
				margin-bottom: 0;
				line-height: initial;
			}

			p a {
				line-height: 18px;
				padding: 7px 5px !important;
				margin: 0 !important;
			}

			p a::before {
				left: 0;
				width: 100%;
				height: 2px;
				bottom: 6px;
			}

			p a::after {
				left: 0;
				bottom: 6px;
				height: 2px;
			}

			p a:hover::after {
				width: 100%;
			}

			.detalle h4 {
				color: #1a325f;
				font-size: 22px;
				line-height: 35px;
				margin-bottom: 30px;
			}

			.detalle .desplegable {
				position: relative;
				display: block;
				width: calc(100% + 80px);
				background: #fff;
				padding: 0 40px;
				margin-bottom: 20px;
				margin-top: 20px;
				margin-left: -40px;
				box-shadow: 0 0 75px rgba(0, 0, 0, .15);
			}

			.detalle .desplegable .desp {
				display: none;
				padding-bottom: 35px;
			}

			.detalle .desplegable .title {
				padding-right: 50px;
				cursor: pointer;
				padding: 35px 0;
				padding-right: 40px;
			}

			.detalle .desplegable .title p {
				color: #1b325f;
				font-weight: bold;
				margin-bottom: 0px;
			}

			.detalle .desplegable .title i {
				position: absolute;
				top: 41px;
				display: block;
				right: 40px;
				transition: all .3s;
				font-size: 28px;
				color: #1c325f;
			}

			.detalle .desplegable.active .title i {
				transform: rotate(45deg);
			}

			.detalle ul,
			.detalle ol {
				display: block;
				color: #646464;
			}

			.detalle ul li,
			.detalle ol li {
				display: block;
				padding-left: 15px;
				position: relative;
				margin-bottom: 10px;
				line-height: 25px;
			}

			.detalle ul li::before,
			.detalle ol li::before {
				content: '';
				position: absolute;
				top: 10px;
				left: 0;
				width: 5px;
				height: 2px;
				background: #ef3c42;
			}

			.detalle hr {
				margin: 50px 0;
			}

			.detalle .img img {
				width: 100%;
				margin: 50px 0;
			}

			.detalle .video {
				width: 100%;
				position: relative;
				padding-top: 56.25%;
				margin-bottom: 40px;
			}

			.detalle .video iframe {
				position: absolute;
				width: 100%;
				height: 380px;
				top: 0;
				left: 0;
				margin-bottom: 40px;
				height: 100%;
			}

			.detalle .boton {
				margin-bottom: 20px;
			}

			.detalle .imagenes {
				overflow: hidden;
				padding: 20px 0;
				padding-bottom: 50px;
				width: 100%;
				text-align: center;
			}

			.detalle .imagenes img {
				width: 33.3%;
				display: inline-block;
				vertical-align: middle;
				margin-right: -4px;
			}

			.detalle .textoimagen img {
				float: left;
				width: 50%;
			}

			.child-list {
				position: relative;
				display: block;
				width: 100%;
			}

			.child-list>*:not(a):not(span):not(div) {
				padding-right: 100px;
			}

			.child-list span {
				position: absolute;
				top: 0;
				right: 0;
			}

			.child-list a {
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				display: block;
			}

			.thumb {
				position: relative;
				display: inline-block;
				vertical-align: top;
				width: calc((100% / 3) - 4px);
				padding-right: 30px;
				margin-bottom: 70px;
			}

			.thumb figure {
				position: relative;
				display: block;
				width: 210px;
				height: 160px;
				background-size: cover !important;
				background-position: center !important;
				max-width: 100%;
				margin-bottom: 40px;
				background: #002d5a;
				overflow: hidden
			}

			.thumb figure div {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-size: cover !important;
				background-position: center !important;
				transition: all 3s
			}

			.prof .thumb figure div {
				background-position: center top !important;
			}

			.thumb:hover figure div {
				transform: scale(1.06);
				opacity: .8
			}

			.thumb small {
				margin-bottom: 0;
				padding-left: 0;
			}

			.thumb h5 {
				display: block;
				font-size: 17px;
				line-height: 26px;
				color: #646464;
				margin-top: 20px;
				margin-bottom: 20px;
				height: 80px;
				overflow: hidden;
				width: 100%;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
			}

			slick .thumb .button {
				margin-left: -5px;
			}

			.slide-images figure {
				padding-bottom: 500px;
				position: relative;
			}

			.slide-images figure div {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-size: cover !important;
				background-position: center !important;
			}

			table {
				width: 100%;
				font-size: 12px;
				text-align: left;
			}

			table th {
				border-bottom: solid 1px #cccccc8c;
				font-weight: normal;
				padding-left: 10px;
				padding-bottom: 20px;
			}

			table td {
				padding: 10px 0;
				padding-left: 10px;
			}

			table .button {
				font-size: 14px;
				font-weight: bold;
			}

			table .button::before {
				left: 10px;
				width: calc(100% - 20px);
			}

			table .button::after {
				left: 10px;
			}

			table .button:hover::after {
				width: calc(100% - 20px);
			}

			table tr:nth-child(even) {
				background: #f5f4f4
			}





			/************************************
				HOME
**************************************/

			#destacados {
				background: #f0f0f0;
				padding: 120px 0;
			}

			.detalle #destacados {
				margin-left: -150px;
				width: calc(100% + 300px);
				margin-bottom: 50px;
			}

			#destacados .wrapper {
				padding: 0 80px;
			}

			#destacados .wrapper>i {
				position: absolute;
				top: 50%;
				right: 5px;
				width: 50px;
				height: 50px;
				cursor: pointer;
				margin-top: -25px;
				background: #002d5b;
				border-radius: 50%;
				color: #fff;
				text-align: center;
				font-size: 23px;
				line-height: 50px;
				transition: all .3s;
				border: solid 1px #002d5b;
			}

			#destacados .wrapper>i.arrow-left {
				right: auto;
				left: -5px;
			}

			#destacados .wrapper>i:hover {
				background: transparent;
				color: #002d5b;
			}

			#destacados .thumb {
				margin: 0;
				cursor: pointer;
			}

			.w-50 {
				width: 50%;
				float: left;
				padding-left: 4%;
				padding-right: 50px;
				background: #01305d;
				overflow: hidden;
			}

			.bg {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				pointer-events: none;
				background-size: cover !important;
				transition: all 2s ease-out;
				background-position: center !important;
			}

			.scale-bg:hover .bg {
				transform: scale(1.05);
				opacity: .8;
			}

			section h5 {
				font-size: 70px;
				line-height: 70px;
				color: #fff;
				width: 430px;
				max-width: 100%;
				margin-bottom: 70px;
			}

			.main-link {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				cursor: pointer;
			}

			#pacprof a {
				position: relative;
				height: 535px;
				overflow: hidden;
				padding-top: 220px;
			}

			#pacprof a h4 {
				font-size: 80px;
				color: #fff;
				font-weight: 900;
				margin-bottom: 110px;
			}

			#pacprof a:last-child {
				/* padding-left: 120px; */
			}

			#testimonios {
				background: #01305d;
				padding-top: 130px;
				padding-bottom: 80px;
			}

			#testimonios .bg {
				background: url(../img/testimonios.jpg);
				background-size: cover !important;
				background-position: center !important;
			}

			#testimonios .play {
				position: absolute;
				top: 50%;
				left: 0;
				right: 0;
				margin: 0 auto;
				width: 115px;
				height: 115px;
				border-radius: 50%;
				overflow: hidden;
				margin-top: -57px;
			}

			#testimonios .play i {
				display: block;
				width: 100%;
				background: #fff;
				height: 100%;
				color: #002d5b;
				font-size: 40px;
				border-radius: 50%;
				line-height: 115px;
				padding-left: 44px;
				transition: all .5s;
			}

			#testimonios:hover .play i {
				transform: scale(.9);
			}

			#accesos {
				background: #1a325f;
				color: #fff;
				padding: 150px 0;
			}

			.bg-label {
				position: absolute;
				top: 50%;
				left: -50px;
				font-size: 180px;
				color: #162b51;
				font-weight: 900;
				margin-top: -60px;
			}

			#accesos .wrapper {
				text-align: center;
			}

			#accesos .w-25 {
				position: relative;
				display: inline-block;
				text-align: left;
				width: 25%;
				vertical-align: top;
			}

			#accesos .w-25:last-child {
				max-width: 180px;
			}

			#accesos .w-25 a {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

			#accesos .w-25 img {
				width: 90px;
			}

			#accesos .w-25 * {
				max-width: 180px;
			}

			#accesos h6 {
				font-size: 35px;
				line-height: 35px;
				margin-top: 20px;
				margin-bottom: 30px;
			}

			#accesos p {
				font-size: 12px;
				line-height: 20px;
				opacity: .5;
				height: 60px;
			}


			#accesos2 {
				background: #fff;
			}

			#accesos2::before {
				content: '';
				position: absolute;
				top: 390px;
				left: 0;
				right: 0;
				margin: 0 auto;
				width: 1px;
				height: 100%;
				background: #e0e0e0;
				z-index: 2;
			}

			#accesos2 .bg {
				height: 390px;
				position: relative;
			}

			#accesos2 .w-50 {
				padding: 0;
			}

			#accesos2 .w-50 .text {
				position: relative;
				z-index: 1;
				padding: 100px;
				background: #fff;
				padding-left: calc(100vw * 0.04);
			}

			#accesos2 .w-50 .text::before {
				content: '';
				position: absolute;
				top: -20px;
				left: calc((100vw - 1360px) / 2);
				border-left: solid 20px transparent;
				border-right: solid 20px transparent;
				border-bottom: solid 20px #fff;
			}

			#accesos2 .w-50:last-child .text::before {
				left: 100px
			}

			#accesos2 .w-50:last-child .text {
				/* padding: 100px; */
				border-left: solid 1px #e0e0e0;
				padding-bottom: 80px;
			}

			#accesos2 .w-50:first-child .text {
				border-right: solid 1px #e0e0e0; //margin-right: -1px;margin-right: -1px;}

				#accesos2 .w-50 .text h4 {
					display: block;
					font-size: 50px;
					line-height: 60px;
					max-width: 500px;
					margin-bottom: 70px;
					color: #1a325f;
				}

				#accesos2 .w-50 .text p {
					font-size: 14px;
					color: #646464;
					line-height: 30px;
				}

				.guardia #accesos2 .w-50 .text h4 {
					width: 370px;
					max-width: 100%;
				}

				#mapa {
					padding: 180px 0;
					background: url(../img/map.jpg);
					background-size: cover !important;
					background-position: center !important;
				}

				#mapa h5 {
					color: #1a325f;
					margin-bottom: 75px;
					width: 100%;
					font-size: 50px;
					line-height: 60px;
				}

				.category .hidden {
					position: relative;
					transition: all .5s;
					padding-top: 10px;
					left: 0;
				}

				.category .inner:last-child::before {
					content: '';
					position: absolute;
					top: 0px;
					opacity: 0;
					left: 0;
					width: 100%;
					/* max-width: 280px; */
					height: 100%;
					background: #fff;
					box-shadow: 0 0 50px rgba(0, 0, 0, .2);
					transition: all .5s;
				}

				.category>a {
					position: relative;
					z-index: 1;
					padding: 30px;
					display: block;
					padding-left: 40px;
				}

				.category:hover .inner:last-child {
					opacity: 1; //transform: scale(1); }

					.category:hover .inner:last-child::before {
						opacity: 1;
						transform: scale(1);
					}

					.category .inner:last-child {
						position: absolute;
						top: 0;
						left: 0;
						opacity: 0;
						width: 100%;
						padding-right: 50px;
						transition: all .5s;
						width: calc(100% + 60px);
						max-width: 300px;
					}

					.category .inner>a {
						display: block;
						position: relative;
						z-index: 1;
					}

					.category .inner {
						padding: 50px;
						padding-right: 0;
						transition: all .5s;
					}

					.category:hover {
						z-index: 1;
					}

					.category .button {
						font-size: 14px;
						white-space: nowrap;
						float: left;
						clear: both;
					}

					.category:hover .hidden {
						padding-top: 0;
						transition-delay: .1s;
					}

					#seccion-content {
						padding: 150px 0;
					}

					#seccion-content h4 {
						font-size: 50px;
						line-height: 60px;
						color: #1a325f;
						margin-bottom: 55px;
					}

					#seccion-content p {
						font-size: 18px;
						color: #646464;
						line-height: 35px;
					}

					#seccion-content #mapa {
						background: url(../img/mapa-little.jpg);
						height: 450px;
						padding: 50px;
					}

					#seccion-content #mapa h5 {
						font-size: 40px;
						line-height: 52px;
					}


					.busc-content .wrapper {
						padding: 0 85px;
						padding-bottom: 100px;
					}

					.top-buscador {
						position: relative;
						display: block;
						padding-top: 100px;
						border-bottom: solid 1px #cccccc;
						padding-bottom: 50px;
					}

					.top-buscador h4 {
						font-size: 50px;
						color: #8b8b8b;
						margin-bottom: 30px;
					}

					.top-buscador .check {
						display: inline-block !important;
						margin-right: 20px;
						font-weight: bold;
					}

					.top-buscador .check.active {
						color: #01305d;
					}

					.top-buscador .check .circle {
						border-color: #01305d;
					}

					.top-buscador .check.active .circle {
						background: #01305d;
					}

					.search-result {
						display: block;
						position: relative;
						border-bottom: solid 1px #cccccc;
					}

					.search-result a {
						display: block;
						padding: 50px 0;
						font-weight: bold;
						font-size: 25px;
						color: #01305d;
						transition: all .3s;
					}

					.search-result a:hover {
						padding-left: 20px;
					}

					header .buscador {
						position: absolute;
						top: -15px;
						right: -40px;
						z-index: 10;
						height: 94px;
						width: calc(100% + 20px);
						background: #fff;
						/* overflow:  hidden; */
						transition: all .3s;
						opacity: 0;
						pointer-events: none;
					}

					header.show-buscador .buscador {
						opacity: 1;
						right: -20px;
						pointer-events: auto;
					}

					header .buscador .input {
						width: calc(100% - 70px);
						transition: all .3s;
						background: #eeeeee;
						height: 100%;
					}

					header .buscador.active .input {
						background: transparent;
					}

					header .buscador input {
						width: 100%;
						padding: 22px;
						height: 100%;
					}

					header .buscador i.fa-times {
						position: absolute;
						top: 0;
						color: #7d96ab;
						line-height: 92px;
						width: 70px;
						font-size: 23px;
					}

					header .buscador i {
						line-height: 92px;
					}

					header .buscador .search-list {
						background: #eeeeee;
						width: calc(100% - 70px);
						border-radius: 0;
						padding-left: 22px;
						padding-top: 25px;
						padding-bottom: 22px;
						top: -2px;
					}

					header .buscador .search-list.one {
						padding-top: 40px;
						padding-bottom: 39px;
					}

					header .search-list a,
					header .search-list a:last-child {
						color: #646464 !important;
						background: transparent !important;
						padding: 15px 0 !important;
						box-shadow: initial !important;
					}


					.prof-little {
						position: relative;
					}

					.prof-little small {
						padding-left: 0;
						margin-bottom: 0;
					}

					.prof-little a {
						position: relative;
						display: inline-block;
						vertical-align: middle;
						width: initial;
						margin-left: 10px !important;
						padding-left: 0 !important;
					}

					.share {
						position: relative;
						margin-top: 100px;
						padding-top: 50px;
						border-top: solid 1px #ccc;
						text-align: right;
						color: #01305d;
						overflow: hidden;
					}

					.share span {
						float: left;
						font-size: 25px;
						padding-top: 12px;
					}

					.share a {
						font-size: 20px;
						width: 45px;
						height: 45px;
						display: inline-block;
						border-radius: 50%;
						border: solid 2px #00305c47;
						transition: all .3s;
						text-align: center;
						line-height: 48px;
					}

					.share a:hover {
						border: solid 2px #00305c;
					}

					.img-staff {
						position: relative;
						display: block;
						width: 440px;
						height: 330px;
						background-size: cover;
						background-position: center -40px;
						margin-bottom: 50px;
					}


					/************************************
				FOOTER
**************************************/

					footer {
						position: relative;
						display: block;
						width: 100%;
						background: #1a325f;
						padding: 150px 0;
						color: #fff;
					}

					footer .top {
						margin-bottom: 100px;
					}

					footer .top * {
						position: relative;
						display: inline-block;
						vertical-align: middle;
					}

					footer .copy img {
						width: 250px;
					}

					footer .copy span {
						font-size: 14px;
						opacity: .4;
						padding: 20px 0;
						margin-left: 20px;
						position: relative;
						background: #1b325f;
						z-index: 1;
						margin-right: 25px;
					}

					footer .top .social a {
						width: 45px;
						height: 45px;
						background: #fff;
						border-radius: 50%;
						text-align: center;
						color: #1b325f;
						font-size: 20px;
						line-height: 45px;
						transition: all .3s
					}

					footer .top .social a:hover {
						color: #fff;
						background: transparent;
						box-shadow: 0 0 0 2px #fff
					}

					footer .top .news {
						float: right;
					}

					input {
						border-radius: 100px;
						border: none;
						color: #646464;
						font-size: 13px;
						font-family: 'Caecilia', sans-serif;
						padding: 20px 25px;
						padding-bottom: 15px;
					}

					footer .msg {
						position: absolute;
						bottom: -30px;
						left: 0;
						font-size: 12px;
						width: 300px;
						text-align: center;
						color: #ef3c42;
					}

					footer .msg.white {
						color: #fff;
					}

					footer .top .news input {
						width: 300px;
					}

					footer .top .news .submit {
						position: absolute;
						top: 0;
						right: 0;
						color: #1b325f;
						height: 100%;
						line-height: 52px;
						/* width: 40px; */
						text-align: center;
						padding-right: 25px;
						padding-left: 20px;
						background: #fff;
						font-size: 20px;
						border-radius: 100px;
					}

					footer .top .news .submit input {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						opacity: 0;
						cursor: pointer;
					}

					.check {
						display: block !important;
						font-size: 14px;
						margin: 5px 0;
						cursor: pointer;
						opacity: .4;
						transition: all .3s;
					}

					.checks {
						margin-right: 20px;
					}

					.check .circle {
						display: inline-block;
						vertical-align: middle;
						width: 9px;
						height: 9px;
						border: solid 1px #fff;
						border-radius: 50%;
						margin-top: -1px;
						margin-right: 8px;
						cursor: pointer;
						transition: all .3s;
					}

					.check span {
						display: inline-block;
						vertical-align: middle;
					}

					.check.active {
						opacity: 1;
					}

					.check.active .circle {
						background: #fff;
					}

					footer .down {
						font-size: 12px;
						/* line-height:  30px; */
						overflow: hidden;
					}

					footer .down.mobile {
						display: none;
					}

					footer .down ul {
						float: left;
						width: 20%;
					}

					footer .down ul a {
						/* line-height: 30px */
						padding: 9px 0;
						display: block;
					}

					footer .down ul strong {
						font-size: 14px;
					}

					footer .down ul h5 {
						font-size: 28px;
						margin-bottom: 60px;
					}

					footer .down ul:last-child {
						width: 25%;
						margin-left: -5%;
					}

					footer .created {
						text-align: right;
						font-size: 12px;
						position: relative;
						opacity: .3;
						transition: all .3s;
					}

					footer .created::before {
						content: '';
						position: relative;
						display: inline-block;
						vertical-align: middle;
						width: 25px;
						height: 1px;
						margin-right: 10px;
						background: #fff;
					}

					footer .created:hover {
						opacity: 1;
					}

					.logos {
						margin-top: 50px
					}

					.logos a {
						margin-right: 40px;
						transition: all .5s;
					}

					.logos a:first-child,
					.logos a:last-child {
						filter: grayscale(100%);
					}

					.logos a:first-child:hover,
					.logos a:last-child:hover {
						filter: grayscale(0%);
						-webkit-filter: grayscale(0%);
						-moz-filter: grayscale(0%);
						-o-filter: grayscale(0%);
						-ms-filter: grayscale(0%);
					}





					@media screen and (max-width: 1400px) {
						header .logo {
							overflow: hidden;
							width: 300px;
							z-index: 10;
						}

						header .logo img {
							width: 280px;
							max-width: 300px;
						}

						header {
							padding-top: 30px;
						}

						header nav {
							padding-top: 0;
						}

						header nav a,
						.boton {
							font-size: 13px;
							padding: 10px 5px;
						}

						#hero h1 {
							font-size: 60px;
						}

						#hero .buscador {
							width: 600px;
							z-index: 10;
						}

						#hero .wrapper {
							padding: 150px 0;
						}

						#hero .wrap-button {
							bottom: 40px;
						}

						#hero .wrap-elcardio {
							bottom: 40px;
							font-size: 25px;
						}

						#hero .wrap-scrolldown {
							bottom: 65px;
						}

						#hero {
							min-height: initial;
						}

						#destacados {
							padding: 80px 0;
						}

						#pacprof a {
							height: 400px;
							padding-top: 175px;
						}

						#pacprof a h4 {
							font-size: 50px;
							margin-bottom: 100px;
						}

						section h5 {
							font-size: 55px;
							line-height: 55px;
						}

						#accesos {
							padding: 100px 0;
						}

						#accesos h6 {
							font-size: 28px;
						}

						#accesos2 .w-50 .text::before {
							left: calc(100% * 0.08) !important;
						}

						#accesos2 .w-50 .text {
							padding: 70px calc(100% * 0.08);
						}

						#accesos2 .w-50 .text h4 {
							font-size: 40px;
							line-height: 50px;
							margin-bottom: 50px;
						}

						#mapa {
							padding: 90px 0;
						}

						footer {
							padding: 90px 0;
						}

						footer .top .news {
							float: none;
							margin-top: 50px;
							margin-bottom: -40px;
						}

						.padding #sm-pac .text {
							width: 879px;
						}

						.submenu>div {
							padding-top: 100px;
						}

						#sm-pac .text {
							width: 914px;
						}

						#sm-prof .text {
							width: 636px;
						}

						.padding #sm-prof .text {
							width: 601px;
						}

						#sm-acer .text {
							width: 718px;
						}

						.padding #sm-acer .text {
							width: 682px;
						}

						#seccion .scroll-down {
							display: none;
						}

						#seccion #hero h1 {
							font-size: 50px;
							padding-left: 0;
						}

						#seccion-content {
							padding: 70px 0;
						}

						#seccion-content .w-50 {
							padding: 0;
						}

						#seccion-content h4 {
							font-size: 30px;
							line-height: 40px;
							margin-bottom: 30px;
						}

						#seccion-content p {
							font-size: 16px;
							line-height: 28px;
						}

						.header-wrap {
							height: 110px;
						}

						.navbar {
							padding-top: 50px;
						}

						.detalle {
							padding: 50px 80px;
							padding-top: 120px;
						}

						.navbar h4 {
							font-size: 35px;
							margin-bottom: 20px;
						}

						.navbar small,
						small {
							padding-left: 0;
						}

						.navbar h4 img {
							display: block;
							width: 50px;
							margin-bottom: 10px;
						}

						.navbar p {
							padding-left: 0;
						}

						.navbar .cat-list {
							padding-left: 0;
							margin-top: 40px;
						}

						.navbar .inner:first-child {
							margin-bottom: 50px;
							padding-bottom: 50px;
						}

						.detalle h3 {
							font-size: 30px;
							margin-bottom: 40px;
						}

						.detalle h4 {
							font-size: 20px;
							margin-bottom: 25px;
						}

						.detalle p {
							font-size: 16px;
							line-height: 28px;
							margin-bottom: 20px;
						}

						.detalle .desplegable .title {
							padding: 20px 0;
						}

						.detalle .desplegable .title i {
							top: 21px;
						}

						.detalle .desplegable .desp {
							padding-top: 20px;
						}

						.detalle #destacados {
							margin-left: -80px;
							width: calc(100% + 160px);
						}

					}

					@media screen and (max-width: 1250px) {
						.toggle-nav {
							display: block;
						}

						header.show nav.delay-1 {
							position: fixed;
							top: 45px;
							left: 0;
							background: #fff;
							opacity: 0 !important;
							margin: 0;
							width: 100%;
							padding: 50px 4%;
							padding-top: 100px;
							transition: all .5s !important;
							color: #002d5a !important;
							transition-delay: 0s !important;
							pointer-events: none;
							border-bottom: solid 1px #ccc;
						}

						header nav a {
							display: block;
							font-size: 25px;
							font-weight: bold;
						}

						header.active {
							background: #fff;
							padding-top: 30px;
							transition: all .3s !important;
							padding-bottom: 10px;
						}

						header nav a>i {
							display: none !important;
						}

						header nav .line {
							display: none;
						}

						header nav a:nth-child(4),
						header nav a:nth-child(5),
						header nav a:nth-child(6),
						header nav a:nth-child(7) {
							font-size: 14px;
							color: #848484;
							font-weight: normal !important;
						}

						header nav a:nth-child(3) {
							margin-bottom: 30px;
						}

						header nav a.hide {
							opacity: 1 !important;
						}

						header.active.show nav {
							opacity: 1 !important;
							top: 75px;
							transition-delay: 0s !important;
							pointer-events: auto;
						}

						header.active.show.shows nav {
							top: 70px;
						}
					}

					@media screen and (max-width: 1000px) {
						#hero h1 {
							font-size: 40px;
						}

						#hero .buscador {
							width: 100%;
							/* overflow:  hidden; */
						}

						.buscador i {
							background: #fff;
							line-height: 50px;
							padding-top: 5px;
							font-size: 25px;
							width: 60px;
							padding-right: 20px;
							border-radius: 50%;
						}

						.search-list {
							padding-left: 30px;
							border-radius: 10px;
						}

						.search-list a {
							padding: 9px 0;
							font-size: 15px;
						}

						#hero input,
						header input {
							width: 100%;
							font-size: 15px;
							padding: 20px 30px;
						}

						#hero .wrap-scrolldown {
							display: none;
						}

						.submenu {
							display: none !important;
						}

						#destacados .wrapper {
							padding: 0;
							padding-bottom: 70px;
						}

						#destacados .wrapper>i {
							top: initial;
							bottom: -30px;
							right: calc(50% - 55px);
						}

						#destacados .wrapper>i.arrow-left {
							left: calc(50% - 55px);
						}

						#pacprof a {
							width: 100%;
							height: 300px;
							padding-top: 140px;
						}

						#testimonios {
							padding-top: 80px;
						}

						#testimonios .play {
							width: 50px;
							height: 50px;
							text-align: center;
							line-height: 40px;
							font-size: 30px;
							margin-top: 0;
							top: initial;
							bottom: 0;
							right: 50px;
							left: initial;
						}

						#testimonios .play i {
							line-height: 50px;
							padding-left: 0;
							font-size: 20px;
						}

						#accesos .w-25 {
							width: 48%;
							margin-bottom: 30px;
						}

						#accesos .w-25 img {
							width: 70px;
						}

						#accesos .wrapper {
							text-align: left;
						}

						#accesos h6 {
							font-size: 20px;
						}

						#accesos .w-25 * {
							max-width: 80%;
						}

						.w-50 {
							width: 100%;
						}

						#accesos2::before {
							display: none;
						}

						#accesos2 .w-50 .text h4 {
							font-size: 30px;
							line-height: 40px;
						}

						#accesos2 .w-50 .text {
							padding: 50px calc(100% * 0.04);
						}

						#mapa {
							padding: 60px 0;
						}

						#mapa h5 {
							font-size: 30px;
							line-height: 40px;
							margin-bottom: 50px;
						}

						section h5 {
							font-size: 30px;
							line-height: 30px;
						}

						#pacprof a h4 {
							font-size: 30px;
							margin-bottom: 40px;
						}

						footer .copy span {
							margin-left: 0;
						}

						footer .checks {
							display: block;
							margin-bottom: 20px;
						}

						footer .top .news {
							display: block;
						}

						footer .down {
							display: none;
						}

						footer .down.mobile {
							display: block;
						}

						footer .down ul:last-child {
							margin-left: 0;
							margin-bottom: 40px;
							opacity: 1;
							margin-top: -10px;
						}

						footer ul a::before {
							display: none;
						}

						footer .created {
							text-align: left;
						}

						footer .check {
							display: inline-block !important;
							margin-right: 20px;
						}

						footer {
							padding: 60px 0;
						}

						#seccion-list {
							padding: 30px 0;
						}

						.category {
							width: 30%;
							padding-right: 20px;
						}

						.category .inner:first-child {
							display: none;
						}

						.category .inner:last-child {
							position: relative;
							opacity: 1;
						}

						.category .buttons-wrap {
							display: none;
						}

						.category .inner:last-child::before {
							display: none;
						}

						.category:hover .hidden {
							padding-top: 10px;
						}

						.navbar {
							width: 100%;
							padding-top: 40px;
						}

						.navbar .inner:last-child {
							display: none;
						}

						.navbar h4 img {
							display: inline-block;
							vertical-align: middle;
							margin-bottom: 0;
							margin-right: 10px;
						}

						.navbar h4 span {
							vertical-align: middle;
							font-size: 28px;
							width: 100%;
						}

						.navbar small,
						small {
							margin-bottom: 30px;
						}

						.navbar .cat-list {
							margin-top: 20px;
						}

						.detalle {
							padding: 50px calc(100vw * 0.04);
							width: 100%;
						}

						.busc-content .wrapper {
							padding: 0;
							padding-bottom: 50px;
						}

						.top-buscador {
							padding-top: 50px;
						}

						.top-buscador h4 {
							font-size: 35px;
						}

						.search-result a {
							padding: 30px 0;
							font-size: 20px;
						}

						header .buscador {
							height: 50px;
							opacity: 1;
							width: 92%;
							right: 0;
							top: 30px;
							left: 0;
							margin: 0 auto;
							pointer-events: auto;
						}

						header .buscador .input {
							width: 100%;
						}

						header .buscador i {
							background: #eee;
							border-radius: 0;
							line-height: 50px;
							padding: 0;
						}

						header .buscador i.fa-times {
							display: none;
						}

						header .buscador .search-list {
							width: 100%;
							padding-top: 2px !important;
						}

						header .active.buscador .search-list {
							opacity: 1;
							padding-top: 2px !important;
							padding-bottom: 24px !important;
							pointer-events: auto;
						}

						header .search-list a,
						header .search-list a:nth-child(3),
						header .search-list a:nth-child(4),
						header .search-list a:nth-child(5) {
							font-size: 15px !important;
							margin: 0 !important;
							font-weight: bold !important;
							padding: 15px 0 !important;
						}

					}

					@media screen and (max-width: 500px) {
						.detalle .textoimagen img {
							width: 100%;
							margin-bottom: 20px;
						}

						.detalle .imagenes img {
							width: 100%;
						}

						.thumb figure {
							width: 100%;
							height: 180px;
						}

						#accesos .w-25 {
							/* width: 100%; */
							margin-bottom: 50px;
						}

						.bg-label {
							display: none;
						}

						#seccion-content #mapa {
							padding: 50px 0;
							height: 300px;
						}

						#seccion-content #mapa h5 {
							font-size: 30px;
							line-height: 40px;
						}

						#seccion #hero h1 {
							font-size: 33px;
							line-height: 37px;
						}

						#accesos h6 {
							margin-bottom: 20px;
							height: 60px;
							line-height: 30px;
						}

						#accesos .w-25 p {
							height: 90px;
						}

						#accesos .w-25 .button {
							font-size: 16px;
							text-align: center;
						}

						.category {
							width: 100%;
							margin: 0; //margin-bottom: 50px;border-bottom: solid 1px #ccc;padding: 30px 0;}

							.category .inner {
								padding: 20px 0;
								padding-right: 0 !important;
							}

							.category .hidden {

								//display: none}
								.category .buttons-wrap {
									display: block;
								}

								.category .buttons-wrap a {
									/* display: inline-block; */
									/* float: none; */
									/* margin-right: 20px; */
								}

								.category img {
									width: 50px;
									display: inline-block;
									vertical-align: middle;
									margin-bottom: 0;
								}

								.category h4 {
									display: inline-block;
									vertical-align: middle;
									width: calc(100% - 70px);
									padding-left: 20px;
									font-size: 22px;
								}

								.category p {
									margin-top: 0;
								}

								.thumb {
									width: 48%;
								}

								#hero .wrap-elcardio {
									display: none;
								}

								.slide-images figure {
									padding-bottom: 300px;
								}
							}



							/************************************
				NG-VIEW
**************************************/

							.view-animate {
								position: relative;
								transition: all 1s;
								min-height: 100vh;
								background-image: url(../img/bg-lines.jpg);
								background-size: cover;
								background-position: center;
							}

							.view-animate.section-contacto {
								background-image: url(../img/bg-lines-contacto.jpg);
							}

							.view-animate.section-bio {
								background-image: url(../img/bg-lines-bio.jpg);
							}

							.view-animate.section-medios {
								background-attachment: fixed;
							}

							.loaded .view-animate {
								opacity: 1;
								overflow: hidden;
							}

							.loaded .view-animate.admin {
								overflow: scroll;
							}

							.loaded .view-animate.ng-enter {
								-webkit-transition: all 1s 1.5s ease;
								transition: all 1s 1.5s ease;
							}

							.loaded .view-animate.ng-leave {
								-webkit-transition: all 1s ease;
								transition: all 1s ease;
							}

							.loaded .view-animate.ng-enter {
								opacity: 0;
							}

							.loaded .view-animate.ng-enter-active {
								opacity: 1;
							}

							.loaded .view-animate.ng-leave {
								opacity: 1;
							}

							.loaded .view-animate.ng-leave-active {
								opacity: 0;
							}

							@keyframes arrow {
								0% {
									transform: translateX(-20px)
								}

								100% {
									transform: translateX(0)
								}
							}

							@-ms-keyframes arrow {
								0% {
									transform: translateX(-20px)
								}

								100% {
									transform: translateX(0)
								}
							}

							@-webkit-keyframes arrow {
								0% {
									transform: translateX(-20px)
								}

								100% {
									transform: translateX(0)
								}
							}

							@keyframes rotate {
								from {
									transform: rotate(0deg);
								}

								to {
									transform: rotate(360deg);
								}
							}

							@-webkit-keyframes cd-sequence {
								0% {
									/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
									-webkit-transform: translateY(-50%) translateX(-2%);
								}

								100% {
									/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
									-webkit-transform: translateY(-50%) translateX(-98%);
								}
							}

							@-moz-keyframes cd-sequence {
								0% {
									/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
									-moz-transform: translateY(-50%) translateX(-2%);
								}

								100% {
									/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
									-moz-transform: translateY(-50%) translateX(-98%);
								}
							}

							@keyframes cd-sequence {
								0% {
									/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
									-webkit-transform: translateY(-50%) translateX(-2%);
									-moz-transform: translateY(-50%) translateX(-2%);
									-ms-transform: translateY(-50%) translateX(-2%);
									-o-transform: translateY(-50%) translateX(-2%);
									transform: translateY(-50%) translateX(-2%);
								}

								100% {
									/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
									-webkit-transform: translateY(-50%) translateX(-98%);
									-moz-transform: translateY(-50%) translateX(-98%);
									-ms-transform: translateY(-50%) translateX(-98%);
									-o-transform: translateY(-50%) translateX(-98%);
									transform: translateY(-50%) translateX(-98%);
								}
							}

							@-webkit-keyframes cd-sequence-reverse {
								0% {
									-webkit-transform: translateY(-50%) translateX(-98%);
								}

								100% {
									-webkit-transform: translateY(-50%) translateX(-2%);
								}
							}

							@-moz-keyframes cd-sequence-reverse {
								0% {
									-moz-transform: translateY(-50%) translateX(-98%);
								}

								100% {
									-moz-transform: translateY(-50%) translateX(-2%);
								}
							}

							@keyframes cd-sequence-reverse {
								0% {
									-webkit-transform: translateY(-50%) translateX(-98%);
									-moz-transform: translateY(-50%) translateX(-98%);
									-ms-transform: translateY(-50%) translateX(-98%);
									-o-transform: translateY(-50%) translateX(-98%);
									transform: translateY(-50%) translateX(-98%);
								}

								100% {
									-webkit-transform: translateY(-50%) translateX(-2%);
									-moz-transform: translateY(-50%) translateX(-2%);
									-ms-transform: translateY(-50%) translateX(-2%);
									-o-transform: translateY(-50%) translateX(-2%);
									transform: translateY(-50%) translateX(-2%);
								}
							}

							@-webkit-keyframes button-hover {

								from,
								5% {
									right: 0;
									width: 100%;
								}

								33%,
								66% {
									right: 0px;
									width: 0;
								}

								95%,
								to {
									left: 0;
									width: 100%
								}
							}

							@keyframes button-hover {

								from,
								5% {
									right: 0;
									width: 100%;
								}

								33%,
								66% {
									right: 0px;
									width: 0;
								}

								95%,
								to {
									left: 0;
									width: 100%
								}
							}

							@-webkit-keyframes button-hover2 {

								from,
								5% {
									right: 10px;
									width: calc(100% - 20px);
								}

								33%,
								66% {
									right: 10px;
									width: 0;
								}

								95%,
								to {
									left: 10px;
									width: calc(100% - 20px)
								}
							}

							@keyframes button-hover2 {

								from,
								5% {
									right: 10px;
									width: calc(100% - 20px);
								}

								33%,
								66% {
									right: 10px;
									width: 0;
								}

								95%,
								to {
									left: 10px;
									width: calc(100% - 20px)
								}
							}


							i.fa-spinner,
							i.fa-circle-notch {
								animation: rotate 1.2s linear infinite;
							}

							@-moz-keyframes rotate {
								0% {
									transform: rotate(0)
								}

								100% {
									transform: rotate(360deg);
								}
							}

							@-webkit-keyframes rotate {
								0% {
									transform: rotate(0)
								}

								100% {
									transform: rotate(360deg);
								}
							}

							@keyframes rotate {
								0% {
									transform: rotate(0)
								}

								100% {
									transform: rotate(360deg);
								}
							}

							@keyframes arrow1 {
								0% {
									left: 10px;
								}

								100% {
									left: 0;
								}
							}

							@-webkit-keyframes arrow1 {
								0% {
									bottom: 10px;
								}

								100% {
									bottom: 0;
								}
							}