@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
/*
Theme Name: Todo Salud Chorrera Theme
Theme URL: https://todosaludchorrera.com
Description: Sitio web Todo Salud Chorrera
Author: Liseth Solis
*/

/* Reset */

	html, body, div, span, applet, object, iframe, 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: 'Montserrat', sans-serif;
	}
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Quicksand', sans-serif;
		font-weight: 900 !important;
	}
	/* 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: 'Quicksand';
}
p, span{
	font-size: 1rem;
}
ul{
	font-size: 1rem;
}
.font-smaller{
	font-size: smaller;
}
.btn-primary{
	color: #fff  !important;
    background-color: #4aacd3  !important;
    border-color: #4aacd3  !important;
}
.btn-secondary{
	color: #fff  !important;
    background-color: #154880 !important;
    border-color: #154880 !important;
}
.btn-second{
	color: #fff  !important;
    background-color: #ffb300  !important;
    border-color: #ffb300  !important;
}
.btn-third{
	color: #fff  !important;
    background-color: #50b8a2  !important;
    border-color: #50b8a2  !important;
}
.btn-white{
	color: #000  !important;
    background-color: #fff  !important;
    border-color: #fff  !important;
}
.text-color-primary{
	color: #4aacd3 !important;
}
.text-color-second{
	color: #f2b02a !important;
}
.text-color-third{
	color: #50b8a2 !important;
}
h1.title-color-primary{
	color: #4aacd3 !important;
	font-family: 'Quicksand';
}
h1.title-color-second{
	color: #f2b02a !important;
	font-family: 'Quicksand';
}
h1.title-color-third{
	color: #50b8a2 !important;
	font-family: 'Quicksand';
}
h2.title-color-primary{
	color: #4aacd3 !important;
	font-family: 'Quicksand';
}
.title-color-primary h2, i {
	color: #4aacd3 !important;
	font-family: 'Quicksand';
	font-weight: 600;
}
.footer-title {
    margin-bottom: 30px;
    padding: 0;
    line-height: 34px;
    position: relative;
	font-family: 'Quicksand';
}
.footer-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px;
    display: inline-block;
    background: #ffb300;
}
.back-color-primary i {
	color: #ffffff !important;
	font-family: 'Quicksand';
}
h2.title-color-second{
	color: #28B67A !important;
	font-family: 'Quicksand';
}
h2.title-color-third{
	color: #67686B !important;
	font-family: 'Quicksand';
}
h3.title-color-primary{
	color: #005F9B !important;
	font-family: 'Quicksand';
}
h3.title-color-second{
	color: #28B67A !important;
	font-family: 'Quicksand';
}
h3.title-color-third{
	color: #67686B !important;
	font-family: 'Quicksand';
}
span.title-color-primary{
	color: #005F9B !important;
	font-family: 'Quicksand';
}
.text-shadow{
	text-shadow: 1px 1px #999999;
}
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;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}

.sticky + .content {
	padding-top: 60px;
}
/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #4f4f4f;
    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;
}
/*Slider*/
.carousel-control-next, .carousel-control-prev {
    color: #005F9B !important;
}
/*Iframe*/
.h-video{
	height: 225px;
}
.h-video-primary{
	height: 630px;
}
@media (min-width: 100px) and (max-width: 378px){
	.h-video{
		height: 63px;
	}
	.h-video-primary{
		height: 170px;
	}
}
@media (min-width: 400px) and (max-width: 575px){
	.h-video{
		height: 72px;
	}
	.h-video-primary{
		height: 200px;
	}
}
@media (min-width: 576px) and (max-width: 767px){
	.h-video{
		height: 125px;
	}
	.h-video-primary{
		height: 350px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.h-video{
		height: 142px;
	}
	.h-video-primary{
		height: 400px;
	}
	.border-sm-no {       
        border: 0 !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
	.h-video{
		height: 194px;
	}
	.h-video-primary{
		height: 540px;
	}
}
/*MenÚ*/
.bg-menu {
	background-color: #4aacd3;
	height: 50px;
	padding-bottom: 0px !important;
}
.bg-menu-second {
	background-color: #ffffff;
	height: 100px;
	padding-bottom: 0px !important;
}
.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:#000 !important;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}
.nav-link:hover{
	color: #4aacd3 !important;
}
.nav-link:hover::after {
	width: 100%;
}
.dropdown-menu {
	background-color: #ffffff !important;
	color:#000 !important;
}
.dropdown-item{
	background-color: #ffffff !important;
	color:#000 !important;
	padding: .25rem 0.5rem !important;
}
.dropdown-item:focus,.dropdown-item:hover {
	background-color: #4aacd3 !important;
	transition-property: background-color;
	transition-duration: 0.3s;
	transition-timing-function: ease-in;
	color: #ffffff !important;
}
.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: 360px) and (max-width: 740px)
{
	.nav-link.active{
		background-color:#000000 !important;
	}
	.navbar-collapse{
		z-index: 1;
	}
	.navbar-nav{
		background-color: #fff;
		-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);
		/*max-width: fit-content;
		float: right;*/
	}
	.form-sh{
		max-width: fit-content;
	}
	.nav-link{
		padding-left: 15px !important;
	}
	.border-lg-end{
		border-right: none !important;
	}
}
@media (min-width: 1201px) {
	.dropdown > .dropdown-menu {
		/*border-top: .1875rem solid #005F9B;*/
		border-radius: 0;
		border-color: transparent !important;
		/*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: #469ec1 !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: #002464 !important;
}
i.backtotop{
	color: #002464 !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;*/
	border: 1px solid #f6f6f6;
}
.btn-group form{
    border-radius: 0.375rem;
	position: relative;
    display: inline-flex;
    vertical-align: middle;
	border-radius: 30px !important;
}
.bg-first{
	background-color: #4aacd3 !important;
}
.bg-second{
	background-color: #f2b02a !important;
}
.bg-third{
	background-color: #4fb8a3 !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 {
    right: 6% !important;
    bottom: 30% !important;
    left: 6% !important;
}
@media (min-width: 576px) and (max-width: 992px){
	.carousel-caption {
		right: 1% !important;
		bottom: 10% !important;
		left: 1% !important;
	}
	.menu-item span{
		font-size: 14px !important;
	}
	.border-lg-end{
		border-right: none !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-chorrera {
	list-style: none !important;
	list-style-image: url('img/checkmark.webp') !important;
}
.border-standar{
	border: solid 1px #005F9B !important;
}
.border-silver{
	border: solid 1px #35B0A7 !important;
}
.border-gold{
	border: solid 1px #28B67A !important;
}
.border-platinum{
	border: solid 1px #67686B !important;
}
.grow {
	transition: all .2s ease-in-out;
}
.grow:hover {
	transform: scale(1.03);
  }
  /**Landing Médicos**/
.head-medicos{
	background-image: url('img/bg-dc.webp') !important;
	background-repeat: no-repeat;
    background-size: contain;
	background-position: bottom;
}
.head-sm-medicos{
	background-image: url('img/bg-dc.webp') !important;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}
.pasos-medicos{
	background-image: url('img/line-blue.webp') !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.btn-medicos{
	background-color: transparent !important;
	border: solid 1px #ffffff !important;
}
.btn-medicos:hover{
	background-color: #28b67a !important;
	border: solid 1px #28b67a !important;
}
.text-medicos{
	color: #bebdbd;
	border-right: solid 1px #bebdbd !important;
}
.text-medicos:hover .button-hide{
	background-color: #28b67a !important;
}
.text-medicos:hover{
	color: #005F9B;
	border-right: solid 1px #005F9B !important;
}
.button-hide {
	background-color: transparent !important;
	border: none !important;
}
.border-lg-end{
	border-right: 1px solid #dee2e6;
}
/*Linktree*/
.bg-linktree{
	background: rgb(0,174,214);
	background: linear-gradient(180deg, rgba(0,174,214,1) 40%, rgba(34,177,134,1) 100%);
}