@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

@font-face {
font-family: 'Geometria';
font-style: normal;
font-weight: normal;
src: local('Geometria'), url('fonts/Geometria.woff') format('woff');
}


@font-face {
font-family: 'Geometria-Medium';
font-style: normal;
font-weight: normal;
src: local('Geometria-Medium'), url('fonts/Geometria-Medium.woff') format('woff');
}


@font-face {
font-family: 'Geometria-Bold';
font-style: normal;
font-weight: normal;
src: local('Geometria-Bold'), url('fonts/Geometria-Bold.woff') format('woff');
}
/*
Theme Name: MiniMed Theme
Theme URL: http://www.minimed.vitae-health.sv
Description: Tema web MiniMed
Author: MiniMed
*/

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Geometria', sans-serif;
	}
	/* Normal */

	@media screen and (max-width: 1280px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 12pt;
				line-height: 1.5em;
			}

		/* Wrapper */

			.wrapper {
				padding-left: 2em;
				padding-right: 2em;
			}

		/* Header */

			#header {
				background-attachment: scroll;
			}

				#header .inner {
					padding-left: 2em;
					padding-right: 2em;
				}

		/* Banner */

			#banner {
				padding-left: 2em;
				padding-right: 2em;
			}

		/* Footer */

			#footer {
				padding-left: 2em;
				padding-right: 2em;
			}

	}

/* Narrow */

/* Narrower */

	@media screen and (max-width: 840px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 13pt;
				line-height: 1.65em;
			}

		/* Footer */

			#footer {
				padding: 4em 2em 4em 2em;
			}

		/* Carousel */

			.carousel {
				padding: 1.25em 0 1.25em 0;
			}

				.carousel article {
					width: 18em;
					margin: 0 1em 0 0;
				}

	}

/* Mobile */

	#navPanel, #titleBar {
		display: none;
	}

	@media screen and (max-width: 736px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, textarea, select {
				font-size: 12.5pt;
				line-height: 1.5em;
			}

			h2 {
				font-size: 1.75em;
			}

			h3 {
				font-size: 1.25em;
			}

			hr {
				top: 3em;
				margin-bottom: 6em;
			}

		/* Section/Article */

			section, article {
				margin-bottom: 2em;
			}

				section:last-child, article:last-child {
					margin-bottom: 0;
				}

			.row > section, .row > article {
				margin-bottom: 2em;
			}

			header > p {
				font-size: 1.25em;
			}

		/* Image */

			.image.featured {
				margin: 0 0 2em 0;
			}

			.image.left {
				margin: 0 1em 1em 0;
			}

			.image.centered {
				margin: 0 0 1em 0;
			}

		/* List */

			form ul.actions {
				margin-top: 0;
			}

			ul.actions li {
				display: block;
				margin: 0.75em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

			ul.menu {
				height: auto;
				text-align: center;
			}

				ul.menu li {
					display: block;
					border: 0;
					padding: 0.75em 0 0 0;
					margin: 0;
				}

					ul.menu li:first-child {
						padding-top: 0;
					}

			ul.icons {
				font-size: 1em;
				padding: 0.35em 0.5em 0.35em 0.5em;
			}

				ul.icons li a {
					width: 2.25em;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateY(50vh);
				-webkit-transform: translateY(50vh);
				-ms-transform: translateY(50vh);
				transform: translateY(50vh);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateY(50vh);
				-webkit-transform: translateY(50vh);
				-ms-transform: translateY(50vh);
				transform: translateY(50vh);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}

			body.homepage #header {
				min-height: 0;
				padding: 5.5em 0 5em 0;
				height: auto;
			}

				body.homepage #header:before {
					display: none;
				}

				body.homepage #header h1 {
					font-size: 2.5em;
				}

		/* Nav */

			#nav {
				display: none;
			}

		/* Sidebar */

			#sidebar > hr:first-of-type {
				display: block;
			}

		/* Main */

			#main > header {
				text-align: center;
			}

		/* Footer */

			#footer {
				padding-left: 1em;
				padding-right: 1em;
			}

		/* Carousel */

			.carousel {
				padding: 0 0 0.5em 0;
			}

				.carousel .reel {
					padding: 0 0.5em 0 0.5em;
				}

				.carousel article {
					width: 14em;
					padding-bottom: 2em;
					margin: 0 0.5em 0 0;
				}

					.carousel article .image {
						margin-bottom: 2em;
					}

	}
h1{
	font-size: 28px !important;
	font-family: 'Geometria-Bold';
}
p, span{
	font-size: 16px;
}
p .small{
	font-size: 10px;
}
ul{
	font-size: 14px;
}
.font-smaller{
	font-size: smaller;
}
.btn-primary{
	color: #fff  !important;
    background-color: transparent  !important;
	border: 2px solid;
    border-color: #fff  !important;
	border-radius: 5rem !important;
}
.btn-second{
	color: #fff  !important;
    background-color: #28B67A  !important;
    border-color: #28B67A  !important;
}
.btn-third{
	color: #fff  !important;
    background-color: #67686B  !important;
    border-color: #67686B  !important;
}
.btn-white{
	color: #000  !important;
    background-color: #fff  !important;
    border-color: #fff  !important;
}
.text-color-primary{
	color: #2158A5 !important;
}
.text-color-second{
	color: #28B67A !important;
}
.text-color-third{
	color: #67686B !important;
}
h1.title-color-primary{
	color: #2158A5 !important;
	font-family: 'Geometria-Bold';
}
h1.title-color-second{
	color: #28B67A !important;
	font-family: 'Geometria-Bold';
}
h1.title-color-third{
	color: #67686B !important;
	font-family: 'Geometria-Bold';
}
h2.title-color-primary{
	color: #005F9B !important;
	font-family: 'Geometria-Bold';
}
.title-color-primary h2, i {
	color: #005F9B !important;
	font-family: 'Geometria-Bold';
}
.back-color-primary i {
	color: #ffffff !important;
	font-family: 'Geometria-Medium';
}
h2.title-color-second{
	color: #28B67A !important;
	font-family: 'Geometria-Bold';
}
h2.title-color-third{
	color: #67686B !important;
	font-family: 'Geometria-Bold';
}
h3.title-color-primary{
	color: #005F9B !important;
	font-family: 'Geometria-Medium';
}
h3.title-color-second{
	color: #28B67A !important;
	font-family: 'Geometria-Medium';
}
h3.title-color-third{
	color: #67686B !important;
	font-family: 'Geometria-Medium';
}
span.title-color-primary{
	color: #005F9B !important;
	font-family: 'Geometria-Medium';
}
a {
	color: #005F9B;
	text-decoration: none !important;
	background-color: transparent;
}
a.bg-button {
	color: #005F9B !important;
	text-decoration: none !important;
	background-color: #ffffff;
	width: auto !important;
	opacity: 1 !important;
	border-radius: 30px;
}
a.bg-button-second {
	color: #ffffff !important;
	text-decoration: none !important;
	background-color: #28B67A;
	width: auto !important;
	opacity: 1 !important;
	border-radius: 30px;
}
.control-programas-next{
	margin-right: 93% !important;
}
.content-programas{
	margin-left:10%;
}
a.link-programas{
	text-decoration: none !important;
	color: #ffffff !important;
}
span.title{
	text-decoration: underline;
    text-transform: uppercase;
	font-weight: 500;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
footer {
	max-height: 100%;
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 170;
}
/*Navbar*/
.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	border: 1px solid transparent !important;
	border-radius: .25rem;
}
.navbar-toggler:focus,.dropdown-item:hover {
	color:transparent !important;
}
/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #00B8D7;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}


/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}



/*Fixed bottom*/
.fixed-bottom {
    position: fixed;
	bottom: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
/*Menú*/
header {
	background: url('img/Header-MiniMed.webp');
	background-repeat: no-repeat;
	background-size: contain;
	height: 778px;
}
.dropdown-toggle::after{
	background: transparent !important;
	transition: none !important;
    width: 0% !important;
}
.nav-link{
	animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
	color: #ffffff !important;
}
.nav-link::after {
	content: '';
	width: 0px;
	height: 2px;
	display: block;
	transition: 300ms;
	color: #00B8D7 !important;
}
.nav-link:hover::after {
	width: 100%;
}
a.nav-link:hover {
	color: #00B8D7 !important;
}
a.nav-link:active {
	color: #00B8D7 !important;
}
.dropdown-item{
	background-color: #ffffff !important;
	color:#000 !important;
	padding: .25rem 0.5rem !important;
}
.dropdown-item:focus,.dropdown-item:hover {
	background-color: #f6f6f6 !important;
	color:#000 !important;
	transition-property: background-color;
	transition-duration: 0.3s;
	transition-timing-function: ease-in;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #113257;
}
.nav-link.active{
	color:#000000 !important;
}
.navbar-dark .navbar-nav .active>.nav-link{
	color:#fff !important;
}
.navbar-dark .navbar-nav .show>.nav-link {
	color: #fff!important;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255) !important;
}
@media (min-width: 100px) and (max-width: 359px)
{
	header {
		height: 220px !important;
	}
}
@media (min-width: 360px) and (max-width: 740px)
{
	.nav-link.active{
		background-color:#000000 !important;
	}
	.navbar-collapse{
		z-index: 1;
		background-color:#0056b8 !important;
	}
	.nav-link{
		padding-left: 15px !important;
	}
	header {
		height: 220px !important;
	}
}
@media (min-width: 741px) and (max-width: 1000px)
{
	header {
		height: 450px !important;
	}
	.navbar-collapse{
		z-index: 1;
		background-color:#0056b8 !important;
	}
}
@media (min-width: 1001px) and (max-width: 1050px)
{
	header {
		height: 600px !important;
	}
}
@media (min-width: 1051px) and (max-width: 1280px)
{
	header {
		height: 700px !important;
	}
}
@media (min-width: 1201px) {
	.dropdown > .dropdown-menu {
		border-top: .1875rem solid #005F9B;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: .3125rem;
		border-bottom-left-radius: .3125rem;
		box-shadow: 0 12px 15px rgb(140 152 164 / 10%);
	}
	.dropdown:hover > .dropdown-menu {
		visibility:visible;
		display: block;
		opacity: 1;
	}
	.mega-menu-parent.dropdown .dropdown-menu {
	  position: absolute;
	  left:  0;
	}
}
/*Container Footer*/
.bg-footer {
	background-color: #F5F5F5 !important;
}
/*Back To Top*/
#backtotop{
	z-index:999; 
	display:inline-block; 
	position:fixed; 
	visibility:hidden; 
	bottom:20px; 
	right:20px; 
	width:36px; 
	height:36px; 
	line-height:36px; 
	font-size:16px; 
	text-align:center; 
	opacity:.2;
}
a#backtotop{
	color: #00B8D7 !important;
}
#backtotop i{
	display:block; 
	width:100%; 
	height:100%; 
	line-height:inherit;
}
#backtotop.visible{
	visibility:visible; 
	opacity:.7;
}
#backtotop:hover{
	opacity:1;
}
.menu-list{
	list-style: none !important;
}
.cardbox-shadow {
    -webkit-box-shadow: 0 1rem 2.5rem rgba(27,22,66,.1),0 .5rem 1rem -.75rem rgba(27,22,66,.1)!important;
    box-shadow: 0 1rem 2.5rem rgba(27,22,66,.1),0 .5rem 1rem -.75rem rgba(27,22,66,.1)!important;
    -webkit-transform: translate3d(0,-3px,0);
    transform: translate3d(0,-3px,0);
}
.cardbox-shadow:hover {
    -webkit-box-shadow: 0 1rem 2.5rem rgba(27,22,66,.1),0 .5rem 1rem -.75rem rgba(27,22,66,.1)!important;
    box-shadow: 0 1rem 2.5rem rgba(27,22,66,.1),0 .5rem 1rem -.75rem rgba(27,22,66,.1)!important;
    -webkit-transform: translate3d(0,-3px,0);
    transform: translate3d(0,-3px,0);
}
.cardbox-bg-primary:hover {
	background-color: #005F9B;
	color: white !important;
}
.cardbox-bg-primary:hover img {
	-webkit-filter: hue-rotate(60deg) brightness(500%);
	filter: hue-rotate(60deg) brightness(500%);
}
.cardbox-bg-primary:hover a {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #005F9B !important;
}
.security-image img {
	filter: opacity(50%);
}
.security-image:hover img {
	filter: hue-rotate(360deg);
}
.btn-rounded {
	border-radius: 30px !important;
}
.btn-noborder{
	border: 0 !important;
	background: transparent !important;
	outline: none !important;
}
.btn-noborder input{
	border: 0px !important;
	background: transparent !important;
}
.btn-label form{
	border: solid 1px #f5f5f5 !important;
	background-color: #ffffff !important;
}
.bg-label{
	background-color: #f5f5f5 !important;
}
.btn-group form{
    border-radius: 0.375rem;
	position: relative;
    display: inline-flex;
    vertical-align: middle;
	border-radius: 30px !important;
}
.bg-first{
	background-color: #005F9B !important;
}
.bg-second{
	background-color: #28b67a !important;
}
.bg-third{
	background-color: #f5f5f5 !important;
}
.bg-img-primary {
	background-color: #005F9B;
}
.bg-picture-primary{
	background: rgb(245,245,245);
	background: linear-gradient(0deg, rgba(245,245,245,1) 50%, rgba(255,255,255,1) 50%);
}
.bg-pictureh-primary{
	background: rgb(245,245,245);
	background: linear-gradient(270deg, rgba(245,245,245,1) 50%, rgba(255,255,255,1) 50%);
}
/*WhatsApp*/
.whatsapp{
	z-index:999; 
	position:fixed;
	bottom:10px; 
	left:10px; 
}
.whatsapp i{
	display:block; 
	width:100%; 
	height:100%; 
	line-height:inherit;
}
/*Slider*/
.carousel-caption {
	top: 80% !important;
}
@media (min-width: 576px) and (max-width: 992px){
	.menu-item span{
		font-size: 14px !important;
	}
}
.carousel-indicators button {
	width: 12px !important;
	height: 12px !important;
	border-radius: 50%;
}
.form-sh{
	width: 218px;
}
.border-radius{
	border-radius: 1.5rem !important;
}
/*Pagination*/
.active>.page-link, .page-link.active{
	background-color: #005F9B !important;
	border-color: #005F9B !important;
	border-radius: 0.375rem !important;
	color: #ffffff !important;
}
.page-link{
	color: #000 !important;
	border: 0px !important;
}
.page-link i{
	color: #000 !important;
}
.pagination{
	border: 0px !important;
}
/*Bullet Servicios*/
ul.market-minimed {
	list-style: none !important;
	list-style-image: url('img/market.webp') !important;
	color: #00B8D7;
	line-height: 2rem;
}
/*Bullet UpCare*/
ul.market-upcare {
	list-style: none !important;
	list-style-image: url('img/ticksquare.webp') !important;
}
ul.market-olders {
	list-style: none !important;
	list-style-image: url('img/exclamation.webp') !important;
}
.grow {
	transition: all .2s ease-in-out;
}
.grow:hover {
	transform: scale(1.03);
}
.minimed-directions {
	background: url('img/MiniMed.webp');
	background-repeat: no-repeat;
	background-size: cover;
}
.section-form {
	background: url('img/bg-form.webp');
	background-repeat: no-repeat;
	background-size: cover;
}