/*/////////////////////CUSTOM CSS BY COPETIN ///////////////////////*/
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,  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, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
	outline: 0;
	list-style: none;
}
ol {
	margin: 0;
	padding: 0;
	padding-left:20px;
	border: 0;
	outline: none;
	outline: 0;
	list-style: none;
}


/* draw any selected text yellow on red background */
::-moz-selection { background-color:#59cbe8; color:#fff; text-shadow:none; }
::selection{ background-color:#59cbe8; color:#fff;  text-shadow:none; } 
::-webkit-selection{ background-color:#59cbe8; color:#fff; text-shadow:none;  } 


body{font-family: Lato!important;-webkit-font-smoothing:antialiased;-webkit-appearance:none}

input, textarea,button {-webkit-appearance: none;}
button:focus {outline: 0!important;}

.btn{font-size:14px; height: 52px; padding-left: 0; padding-right: 0;  text-align: center; padding: 0;line-height: 52px; }
.btn.small{width: 100%; max-width: 160px;}
.btn.big{width: 100%; max-width: 310px;}
.btn-outline-primary{color: #001489;border-color: #001489;}
.btn-outline-primary:hover, .btn-outline-primary:active{color: #fff;background-color:#001489;outline: none;border-color: #001489;}

.btn:hover {opacity: 0.8;}



/*TITLES/*/
h2.text-underline {color:#000!important}
h4, .h4 { font-size: 22px; line-height: 32px;}


/*VARIABLES*/
.bg-corporate-1{ background-color: #001489!important;color:#fff!important}
.bg-corporate-2{ background-color: #59cbe8!important;color:#fff!important}
.bg-corporate-3{ background-color: #123180!important;color:#fff!important}
.bg-corporate-4{ background-color: #1d3e94!important;color:#fff!important}
.bg-corporate-5{ background-color: #00b7c5!important;color:#fff!important}

.transition4{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}

.txt-corporate-1{ color: #001489!important;}
.txt-corporate-2{ color: #59cbe8!important;}
.white-text{color:#fff!important}

/* FUll cover video*/
.full-cover-video video{top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important;}
.short-video { height: 100vh !important;}
@media (max-width:991px) {
	.short-video { height: inherit!important;}
	.short-video.row { padding-bottom: 20px!important;}
	
}
/* Cintillo video*/
.cintillo-video { height: 50vh !important;}
@media (max-width:767px) {
	.cintillo-video { min-height: 300px}
	.cintillo-video.row { padding-bottom: 20px!important;}
	
}
.buttons-home-video{ text-align: center;animation-name: bts-opacity; animation-duration: 2s; animation-delay:3s; opacity: 0;animation-iteration-count: 1;animation-fill-mode: forwards; padding:10px 20px}
.buttons-home-video a img{ width: 100%; max-width: 230px;}
.buttons-home-video a {display:block; padding: 25px 40px;border:1px solid #fff; text-align: center; width: 100%;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.buttons-home-video a:hover{border:1px solid #59cbe8;background-color: #59cbe8 !important;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}

 /* The animation code */
@keyframes bts-opacity {from {opacity: 0;} to {opacity: 1;}}



/*FEATURES Banners*/
.feature-banner{min-height: 280px}

/*NAV*/
has-sidemenu:not(.has-fancynav-top) .main,.min-vh-100 { width: 100%!important;}
nav.navbar{ background-color: transparent!important;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
nav.navbar .dropdown-menu {border:0; box-shadow: 0 0 4px rgba(0,0,0,0.05)}
nav.navbar .nav-item > a{ font-size: 14px; text-transform: uppercase; padding-left: 10px!important; padding-right:10px!important;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}

nav.navbar .nav-item:last-child > a{ text-transform: uppercase; padding-left: 10px!important; border-left:1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s; padding:0 0 0 10px!important; margin-left: 10px;white-space: nowrap; font-size: 12px;}
nav.navbar .header-social {padding: 10px; list-style: none; margin-bottom:0}
nav.navbar .header-social li a{ margin: 0!important}
nav.navbar .header-social li a{ color:rgba(255, 255, 255, 0.7);border-left:1px solid rgba(255, 255, 255, 0.3); padding:0 10px ;}
.navbar.navbar-fixed-top{ background-color: #fff!important;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;box-shadow: 0 2px 4px rgba(0,0,0,0.05)}
nav.navbar.navbar-fixed-top .nav-item:last-child a{ -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;border-left: none;}
nav.navbar.navbar-fixed-top .nav-item a{color:rgba(0, 0, 0, 0.7);-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
nav.navbar.navbar-fixed-top .navbar-nav .nav-link:hover, nav.navbar.navbar-fixed-top .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.5);}
nav.navbar.navbar-fixed-top .header-social li a{ color:rgba(0, 0, 0, 0.7);border-left:1px solid rgba(0, 0, 0, 0.2); }
nav.navbar .header-social li a .fa-facebook{font-size:18px}


/*NO TRANSPARENT MENU*/
.navbar.navbar-notransparent{ background-color: #fff!important;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;box-shadow: 0 2px 4px rgba(0,0,0,0.05)}
nav.navbar.navbar-notransparent .nav-item:last-child a{ -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;border-left:1px solid rgba(0, 0, 0, 0.2);}
nav.navbar.navbar-notransparent .nav-item a{color:rgba(0, 0, 0, 0.7);-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
nav.navbar.navbar-notransparent .navbar-nav .nav-link:hover, nav.navbar.navbar-notransparent .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.5)!important;}
nav.navbar.navbar-notransparent .header-social li a{ color:rgba(0, 0, 0, 0.7)!important;border-left:1px solid rgba(0, 0, 0, 0.2); }


/*Special for nav submenu on hover*/

.dropdown-menu.show {display: none;}
nav.navbar .nav-item.dropdown .nav-link:hover + .dropdown-menu{display: block;}
nav.navbar .nav-item.dropdown .nav-link + .dropdown-menu:hover{display: block;}
nav.navbar .nav-item.dropdown .nav-link + .dropdown-menu{margin-top: -2px;}


@media (max-width:1279px) {

	nav.navbar-white {
		background-color: #fff !important;
		
	}
	.navbar-dark .navbar-toggler {border: none; padding: 0; width: 30px; height: 30px; margin-top: -6px}
	.navbar-dark .navbar-toggler-icon{ background-image: none; height: 2px; width: 30px; background-color: #000; position: relative}
	.navbar-dark .navbar-toggler-icon:before{ content:"";height: 2px; width: 30px; background-color: #000; position: absolute; top:-8px; margin-bottom: 5px; right:0}
	.navbar-dark .navbar-toggler-icon:after{ content:"";height: 2px; width: 30px; background-color: #000; position: absolute; top:3px; margin-top: 5px; right:0}
	.navbar-dark .navbar-nav .nav-link {color: rgba(0, 0, 0, 0.7);}
	.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.5);}
	.nav-link { padding-top: 15px; padding-bottom: 15px;}
	nav.navbar .dropdown-menu { margin:0; padding: 0; box-shadow: none;}
	nav.navbar .dropdown-menu .dropdown-item{padding-top: 15px; padding-bottom: 15px;}
	nav.navbar .nav-item:last-child a{ border:0!important; margin: 0;}
	nav.navbar .nav-item:last-child {border-top: 1px solid rgba(0, 0, 0, 0.3); margin-top: 15px}
	nav.navbar .header-social li{padding-top: 10px;padding-bottom: 10px;}
	nav.navbar .header-social li a {color: rgba(0, 0, 0, 0.7);border-left: 1px solid rgba(0, 0, 0, 0.3);}
	/*Special for mobile menu <= 1279*/
	.navbar-expand-lg .navbar-toggler { display: block;}
	.navbar-nav { display: block!important;-webkit-box-orient: vertical!important;margin-left: 0!important; width: 100%}
	.navbar-collapse {flex-basis: 100% !important;-webkit-box-flex: 1 !important; display: inherit;flex-grow: 1 !important;
-webkit-box-align: center !important;}
	.collapse:not(.show) {display: none!important;}
	.navbar .container-fluid { display: inherit!important;flex-wrap: wrap!important;}
	.navbar .dropdown-menu { position: static!important;float: none!important;}
}


/*MAIN PADDING*/
.main-padding{padding-top:88px }
@media (max-width:1279px) {
	.main-padding{padding-top:88px }
	}

@media (max-width:991px) {
	.main-padding{padding-top:77px }
	}


/*LOGO*/
.navbar-brand{ margin-right: 0; width: 250px;}

@media (max-width:991px) {
	.navbar-brand { width: 185px;}
}

/*NEWS*/
.zoom-block .d-block img{ transform: scale(1,1)!important;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.zoom-block .d-block:hover img{ transform: scale(1.03,1.03)!important;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}

/*QUOTES/*/
.blockquote-content {font-size:16px;}
.quotes .avatar{width:150px}
.blockquote-content::before {color: #001489}

/*CONTACT FORM*/
.contact-form .btn{border:0!important; display: inline}
.contact-form .btn:hover{opacity:0.8}


/*FOOTER*/
.footer-contact-block ul.navbar-nav{ display:inherit}
.footer-contact-block a{color:#fff!important}
.footer-contact-block .footer-tel:hover{text-decoration: none!important}
.footer-contact-block ul li{ display:inline-block}
.footer-contact-block ul li a.nav-link{font-size: 25px; padding:0 8px 10px;}
.footer-contact-block .footer-message{ text-decoration: underline; text-transform: uppercase; color:#fff!important; font-size: 14px;}
footer .footer-links{ padding: 0}
footer .footer-links li{display:inline-block}
footer .footer-links li a{ color:#fff; font-size: 20px; display: block}
footer .footer-links li:last-child a { padding-right: 0!important}
footer .footer-links li a:hover{ color: #c8f4ff; text-decoration: none}



/*SELECT THEME /*/
.select-theme{background: #f3f3f3;border: 1px solid #e7e7e7;overflow: hidden;position: relative;border-radius: 0px;display: inline-block;vertical-align: middle;width: 100%;border-radius:4px; outline: none}
.select-theme select{ background-color: transparent; border: medium none;color: #444;height: 50px; width: 125%;position: relative;z-index: 1; padding: 5px 15px; font-size:16px;}
.select-theme .caret {position: absolute;top: 15px;right: 15px; z-index: 0; background: url( "../img/icons/caret.svg") no-repeat center center;background-size: auto; background-size: 20px auto;width: 20px;height: 20px;}

/*FIND DOCTOR FORM COMPONENT /*/
.find-doctor h1{ line-height:40px}
.find-doctor .form-control {height: 52px; border-radius:4px; border:0; outline:none;padding:5px 15px; font-size:16px;}
.banner-form-wrapper.min-vh-100{min-height: 623px!important; margin-right: 0!important; width: auto!important}
.banner-form-container{height: 100vh; position: relative;min-height: 623px;}
.form-in-banner{ position: absolute; bottom:40px}
.col-md-25 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;position: relative;width: 100%;padding-right: 10px;padding-left: 10px;float:left}


/*////////////////////////RESULTS TABLES/////////////////////////////*/
div.result-rows {border: 0px;width: 100%;text-align: left;border-collapse: collapse;}
.divTable.result-rows .divTableCell, .divTable.result-rows .divTableHead {border: 0px; padding: 15px}
.divTable.result-rows .divTableBody .divTableCell { font-size: 16px;border-bottom: 1px solid #e3e3e3;}
.divTable.result-rows .divTableBody .divTableRow:hover {background: #f0f0f0;}
.divTable.result-rows .divTableBody .divTableRow {}
.divTable.result-rows .divTableHeading {}
.divTable.result-rows .divTableHeading .divTableHead {font-size: 16px;font-weight: normal;color: #FFFFFF; text-align: left;}
.result-rows .tableFootStyle { font-size: 16px;}
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell; vertical-align: middle}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
.table-detail{ width:40px; height: 40px; line-height: 36px; text-align: center; font-size: 40px; display: block; border-radius: 100%; cursor: pointer;}
.divTable.result-rows .table-icon{ display:none}


@media (max-width:991px) {
	.navbar-brand { width: 185px;}
	.find-doctor-form .col-md-25, .find-doctor-form .col-md-10, .find-doctor-form .col-md-2{ max-width: 100%; padding: 0 7px!important;flex: 0 0 100%;}
	.find-doctor-form .col-md-2{padding: 0 15px!important}
	.find-doctor-form .col-md-2 .btn{max-width: 100%!important}
	.find-doctor.py-4{ padding: 15px!important}

}

@media (max-width:767px) {
.find-doctor h1{ font-size: 40px; line-height: 50px}
.divTable.result-rows .divTableHeading .divTableRow { display: none; }
.divTableCell,.divTableRow {display: block;}
.divTable.result-rows .divTableBody .divTableRow:hover {background: #fff}
.divTable.result-rows .divTableBody .divTableRow {background: #fff; margin-bottom: 20px; padding: 15px 15px 0}
.divTable.result-rows .divTableBody .divTableRow:nth-child(even) {background: #f4f4f4;}
.divTable.result-rows .divTableBody .divTableRow .divTableCell:last-child{border:none}
.divTable.result-rows .divTableBody .divTableRow .divTableCell:first-child{ display:inline-block!important; padding-right: 0;border:none; padding-top: 0; padding-bottom: 0}
.divTable.result-rows .divTableBody .divTableRow .divTableCell:nth-child(2){ display:inline-block!important;border:none; padding-left: 0; padding-top: 0; padding-bottom: 0}
.divTable.result-rows .divTableBody .divTableRow .divTableCell:nth-child(3){ border-top: 1px solid #e3e3e3; margin-top: 15px; }
div.result-rows .table_name:before{position: absolute; top:0; left:0}
.divTable.result-rows .table-icon{ display:inline-block; color:#59cbe8; margin-right: 10px; width: 20px; height: 20px;vertical-align: middle}
.divTable.result-rows .divTableCell{border: 0px; padding:15px 0px}
.table-detail {width: 20px; height: 20px;line-height: 18px;font-size: 20px;}
.table-detail:before{content:"Ver detalle"; position: absolute; left:65px;color:#000; font-size: 16px; color:#59cbe8}
.table_tel a.txt-corporate-1 {color:#666!important }
#modal_details .modal-content {padding: 20px}
#modal_details .detail-doctor-img{ padding: 0px;border-radius: 100%; margin-bottom: 20px; overflow: hidden; width: 50%; margin: 0 auto 20px}
#modal_details .modal-dialog {max-width:768px; margin-left: 15px; margin-right: 15px; margin-top: 15px!important }
#modal_details button.close { position: absolute; top: 2px;right: 10px;width: 20px;height: 30px;z-index: 100;}
}

.page-item.active .page-link { background-color: #001489; border-color: #001489; color:#fff!important}
.page-link {color:#666}
.page-link:hover {  color: #fff; background-color: #59cbe8;  border-color: #59cbe8;}


/*NEWS SAN LUCAS*/
.news-list-section a:hover{text-decoration:none!important}
.news-categories{max-width:100%;overflow: auto; white-space: nowrap; padding-bottom: 20px; padding-top: 20px}

/* Works on Chrome/Edge/Safari */
.news-categories{scrollbar-width: thin;scrollbar-color: #ccc transparent;-webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.news-categories::-webkit-scrollbar { height: 5px;}
.news-categories::-webkit-scrollbar-track { background: transparent;}
.news-categories::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 30px; border: 5px solid transparent; }
.news-categories::-webkit-scrollbar-thumb:hover { background-color: #666; border-radius: 30px; border: 5px solid transparent; }

/*.news-categories::-webkit-scrollbar {display: none; }*/
.news-categories a{display:inline-block; position: relative}
.news-categories a:hover{color:#59cbe8}
.news-categories a:first-child{margin-left: 5px;}    
.btn-tag,.btn-category{font-size:14px; height: inherit; padding-left: 9px; padding-right:9px;  text-align: center;color: #666666;border: 1px solid #666666; border-radius: 5px;text-transform: uppercase;display: inline-block}
.btn-category{ font-size:16px; text-transform: none; border: none; }
.btn-category.active{ border: 1px solid #666666; color:#000;line-height: 30px; }

@media (max-width:1279px) {
	.news-list-section{ padding-top:0px!important}
	.news-nav{width:100%;max-width: inherit;}
	.news-nav .news-categories{padding-left: 34px;padding-right: 34px;}
	.news-nav .row nav a:first-child{ padding-left: 0; margin-left: 0}
	.news-nav .row nav a.active:first-child{ padding-left:10px!important;}
	.btn-category{ padding-left: 15px; padding-right:15px; }
}

@media (max-width:991px) {
	.news-nav .news-categories{padding-left: 18px;padding-right: 8px; padding-top: 22px; background-color: #ececec}
	.btn-category{ padding-left: 10px; padding-right:10px; }
}

	
.news-list-section .second-news{border-top:2px solid #59cbe8}
.news-list-section h3 {font-size: 34px;line-height: 40px }
@media (max-width:991px) {
	.news-list-section h3 {font-size: 30px;line-height: 36px }
	.news-list-section h4 {font-size: 22px;line-height: 28px }
}
.news-list-section h5 {font-size: 22px;line-height: 28px }
.news-list-section .news-cat-label{display: inline-block;}
.carousel-btn{ position: absolute; top:50%; left:0; width: 100%; margin-top: -25px; -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s; padding: 0 20px}
.carousel-btn i{border: 1px solid #fff; line-height: 20px; color:#fff;  text-align: center; display: block; font-style: normal; padding: 10px 0}
.carousel-btn:hover i{ background-color: #59cbe8; border: 1px solid #59cbe8;color:#fff;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
@media (max-width:991px) {
.news-list-section .pagination-nav{margin: 0!important}
}
.news-category-banner a{color:#fff;text-decoration: none!important}
.news-category-banner a:hover{opacity:.8}
.news-main-single p a{color: #59cbe8}
.news-single-share h6{ display: inline-block; vertical-align: middle; line-height: 22px; font-size: 14px; margin-top: -8px}
.news-single-share a{font-size:22px}
.news-single-share a:hover{color:inherit!important; opacity: .8}
.text-whatsapp { color: #24cc63;}
.text-email { color: #333;}
.news-single-date-like a{ margin-top:4px; display:inline-block}
.news-cat-slider{overflow:hidden!important}
@media (max-width:600px) {
	.news-single-share { width: 100%;max-width: 100%;flex: 0 0 100%;text-align: left !important; margin-top: 11px;}
	.news-single-date-like{ width: 100%;max-width: 100%;flex: 0 0 100%;text-align: left !important; margin-top: -11px;}
}


/*GENERAL*/


@media(max-width:1023px) {
     main .py-6 { padding-bottom: 30px !important;padding-top: 30px !important;}
	main .pb-6 { padding-bottom: 30px !important;}
	main .pt-6 {padding-top: 30px !important;}
}

/*BARITATRICA/*/
.main{overflow: hidden}
.animation-header p{ font-size:20px; line-height: 30px;color:#fff!important; }
.animation-header p.animation-banner-quote{ text-indent:60px; position: relative}
.animation-header p.animation-banner-quote:before{position: absolute; background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/bariatrica/banner-quotes.svg") no-repeat left top; background-size: 50px auto; content:""; width: 60px; height: 40px;left:0; top:-5px}
.animation-header p span.txt-corporate-2{display: block}
.animation-header .logo-pic{ position: absolute;bottom:-165px; width: 300px}

.animation-header .banner-name-quote{display: block; margin-top: 20px;}
.animation-header h1 span{ text-decoration: underline;display:block; }
.animation-header{ position: relative}
.animation-header:before{  width:100%; height: 100%; content:""; position: absolute; top:0;left:0}
.animation-header.bariatrica-header:before{ background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/bariatrica/banner-background.svg") no-repeat left bottom; background-size: 60% auto}
.animation-header .shapes{position: absolute; right:-10%; top:-350px; width: 1075px;}
.bariatrica-header .before-pic,.bariatrica-header .after-pic{position: absolute;}
.bariatrica-header .after-pic{ right:200px;  top:100px}
.bariatrica-header .after-pic img{ height: 800px}
.bariatrica-header .before-pic{ right:450px;  bottom:-150px; width: 300px; border:10px solid #59cbe8; border-radius: 150px; overflow: hidden}
.bariatrica-header .before-pic img{ width: 100%}

.bariatrica-header{background: rgb(99,127,242);
background: linear-gradient(90deg, rgba(99,127,242,1) 0%, rgba(51,92,186,1) 51%, rgba(92,39,116,1) 100%); border-bottom: 10px solid #59cbe8; margin-bottom: 150px}
.animation-header .overflow-hidden.text{ width: 350px;}
.programa-bariatrica li{ position: relative; padding-left: 15px; padding-bottom: 15px;}
.programa-bariatrica li:before{position: absolute; content:""; left:0; top:10px; width: 5px; height: 5px; border-radius: 5px; background-color: #fff}
.program-blocks h4{color:#fff}
.program-blocks .program-block{ height: 100%}

.progressbar-text .value:before{content:"SOBRE";display: block; color:#999999; font-size: 20px;}
.progressbar-text .value{color:#001489;}
.progressbar-text .value + span span{color:#999999; font-style: italic; font-size: 16px;white-space: nowrap}
.progressbar-text .value b{display:none}
.progress-circle svg path:last-child{stroke: rgb(84,200,232);}
.progress-circle .progressbar-text .value {font-weight: 900;font-size: 85px;}
.color-blocks h4{color:#fff!important}
.bariatrica-content{ background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/bariatrica/shape-bkg.svg") no-repeat left top; background-size:800px auto }
.services-icon .media-img { width:85px}
.sanlucas-dr-carrousel .dr-img{ border-radius: 280px; overflow: hidden;  max-width: 280px;margin: 20px auto}
.sanlucas-dr-carrousel h4 span{display: block;font-size: 22px;}
.sanlucas-dr-carrousel h4 b{display: block; margin-bottom: 20px; font-size: 14px; line-height: 28px;}
.sanlucas-dr-carrousel{ background-color:#f5f5f5}

.cita-ul li{ padding-left:45px; font-size: 20px; line-height: 30px; padding-top: 10px; padding-bottom: 10px}
.cita-ul li.phone{ background:url("https://hospitalsanlucastorage.blob.core.windows.net/images/icons/phone-icon.svg") no-repeat left 10px;  background-size:30px auto }
.cita-ul li.location{ background:url("https://hospitalsanlucastorage.blob.core.windows.net/images/icons/location-icon.svg") no-repeat left 10px; background-size:30px auto  }
.cita-contact-text{ padding-top: 10px; font-size: 20px; line-height: 30px; }
.cita-section{ border-top:1px solid #000;border-bottom:1px solid #000}
.acreditaciones .single-acreditaciones img{ max-width: 100%}

.owl-carousel.acreditaciones .owl-item img{ width:inherit; margin:0 auto; max-width: 100%}

.indicator {margin-top: 60px;}

@media (min-width:1280px) and (max-width:1570px) {
	.bariatrica-header .after-pic {right: 125px;}
	.bariatrica-header .before-pic {right: 340px;}
	.animation-header .shapes {right: -150px;top: -205px;width: 880px;}
	
}

@media (min-width:1024px) and (max-width:1279px) {
	.bariatrica-header .after-pic {right:20px;}
	.bariatrica-header .before-pic {right: 240px;width: 270px;}
	.animation-header .shapes {right: -150px;top: -205px;width: 880px;}
	.animation-header .logo-pic {bottom: -140px; width: 250px;}
}

@media (min-width:768px) and (max-width:1023px) {
	/*.container-fluid{max-width: 720px;}*/
	#landing-features .container-fluid{max-width: 720px;}
	.bariatrica-header .after-pic {right: 0px;}
	.bariatrica-header .after-pic img {height:650px;}
	.bariatrica-header .before-pic {right: 200px;bottom: -100px; width: 200px;}
	.animation-header h1 { width:75%; font-size: 50px}
	.animation-header .shapes {position: absolute;right: -10%;top: 0px;width: 600px;}
	.animation-header .logo-pic { bottom: -110px;width: 200px;}
	.progress-circle .progressbar-text .value {font-size: 60px;}
	.owl-theme.owl-nav-outer .owl-nav .owl-prev {left: -3rem;}
	.owl-theme.owl-nav-outer .owl-nav .owl-next {right: -3rem;}
	.program-blocks .program-1{margin-bottom: 30px;}
	.indicator {margin-top: 90px;}
}

@media (min-width:0px) and (max-width:767px) {
	h1, .h1 {
    font-size: 45px;
    line-height: 55px;
}
	.animation-header .banner-info{ padding-top:100px!important; height: 500px!important}
	.animation-header.bariatrica-header:before{ background-size: 100% auto}
	.animation-header .overflow-hidden.text {width: 100%}
	.animation-header .animation-banner-quote{ margin-top: 25px!important}
	#landing-features .container-fluid{max-width: 720px;}
	.bariatrica-header .after-pic {right: -20px; top:280px}
	.bariatrica-header .after-pic img {height:380px;}
	.bariatrica-header .before-pic {right: 80px;bottom: -80px; width: 150px;}
	.animation-header h1 { font-size: 38px}
	.animation-header .shapes {position: absolute;right: -235px;top: -150px;width: 600px;}
	.animation-header .logo-pic { bottom: -110px;width: 200px;}
	.progress-circle .progressbar-text .value {font-size: 60px;}
	.owl-theme.owl-nav-outer .owl-nav .owl-prev {left: -1.5rem;}
	.owl-theme.owl-nav-outer .owl-nav .owl-next {right: -1.5rem;}
	.program-blocks .program-1{margin-bottom: 30px;}
	.indicator {margin-top: 90px;}
	.bariatrica-header {margin-bottom: 110px;}
	.bariatrica-content p{text-align: center}
	.bariatrica-content .overflow-hidden{text-align: center;}
	.bariatrica-content .services-icon > div{ padding-left: 15px!important; padding-right: 15px!important}
	.color-blocks h4,.color-blocks p,.color-blocks .col-lg-4 {text-align: center}
	.color-blocks .col-lg-4 { padding: 25px!important}
	.bariatrica-content{ padding-bottom: 25px;}
	.sanlucas-dr-carrousel{padding-top:25px!important; padding-bottom: 25px!important}
}

@media (min-width:0px) and (max-width:560px) {
	.animation-header .logo-pic{display:none}
}
@media (min-width:0px) and (max-width:374px) {
	.animation-header h1 { font-size: 30px}
	.bariatrica-header .after-pic {right: -50px; top:260px}
	.bariatrica-header .before-pic { right: 50px;}
}

/*FETAL/*/
.fetal-content{background: none}
.animation-header.fetal-header:before{ background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/fetal/banner-background.svg") no-repeat left bottom; background-size: 60% auto}
.fetal-header.bariatrica-header{background: rgb(0,20,137);
background: linear-gradient(90deg, rgba(0,20,137,1) 0%, rgba(255,255,255,1) 100%); border-bottom: 10px solid #59cbe8; margin-bottom: 150px}
.fetal-header .after-pic{top:inherit!important; bottom:-10px!important}
.fetal-header .after-pic img {height: 650px;}
.fetal-header.animation-header .shapes {position: absolute;right: 0;top: -400px;width: 1200px;}
.fetal-header.bariatrica-header .before-pic{border:0; border-radius:0;right: 250px;bottom: -105px; width: 380px; position: absolute}
.fetal-header.bariatrica-header .before-pic .before-pic-loader{ padding-right: 48px; height:63px!important;left:24px;top:2px;position: absolute; filter: brightness(0); opacity: 0.3;/*animation-name: loading-anim*/; animation-duration:5s; animation-delay:7s;animation-iteration-count: 1;animation-fill-mode: forwards;transform-origin: center left;}

 /* The animation code*/

@keyframes loading-anim {from {transform: scale(0,1);} to {transform: scale(1,1)}} 


.border-danger { border-color: #59cbe8 !important;}

@media (min-width:1280px) and (max-width:1570px) {
.fetal-header.bariatrica-header .before-pic {right: 180px;}
}
@media (min-width:1024px) and (max-width:1279px) {
.fetal-header.bariatrica-header .before-pic {right: 85px;}
.fetal-header.bariatrica-header .after-pic { right: 35px;}
.fetal-header.animation-header .shapes {right: -144px; top: -380px; width: 1175px;}
}

@media (min-width:768px) and (max-width:1023px) {
.fetal-header .after-pic img { height: 580px;}
.fetal-header.bariatrica-header .before-pic{ right: 40px;bottom: -98px;width: 350px;}
.fetal-header.animation-header .shapes {right: -165px;top: -243px; width: 1000px;}
.content-servicios h2.font-weight-normal{ font-size:30px!important}
}

@media (min-width:576px) and (max-width:767px) {
.fetal-header .after-pic img {height: 475px;}
.fetal-header.bariatrica-header .before-pic {right: 40px;bottom: -71px; width: 250px;}
.fetal-header.animation-header .shapes {right: -178px;top: -193px;width: 800px;}
	.before-pic-loader img{height: 80px}
.fetal-header.bariatrica-header .before-pic .before-pic-loader {padding-right: 31px; left: 15px; top: -2px}
.fetal-header.animation-header p.animation-banner-quote {width: 280px;}
.fetal-content.pt-6{ padding-top: 20px!important}
	.content-servicios h2.font-weight-normal{ font-size:28px!important}
}

@media (min-width:0px) and (max-width:575px) {
	.fetal-header .after-pic img { height: 360px;}
	.fetal-header.bariatrica-header .after-pic { right: -64px;}
.fetal-header.bariatrica-header .before-pic { right: inherit;bottom: 39px;width: 180px;left: 9px;}
	.fetal-header.animation-header .shapes { right: -176px; top: 6px;width: 550px;}
.before-pic-loader img{height: 50px}
.fetal-header.bariatrica-header .before-pic .before-pic-loader {padding-right: 22px;left: 11px;top: 0px;opacity: 0.5;}
.fetal-header.animation-header p.animation-banner-quote {width: 230px;}
.fetal-content.pt-6{ padding-top: 20px!important}
.fetal-header.animation-header .banner-info {height: 550px !important;}
.fetal-header.bariatrica-header {margin-bottom: 40px;}
	.content-servicios h2.font-weight-normal{ font-size:22px!important}
	.content-servicios .services-icon > div{ margin-top: 0!important}
	.services-list-line .service-block{ padding-left: 25px!important; padding-right: 25px!important}
	.color-blocks .float-left{ text-align: center}
}
@media (min-width:0px) and (max-width:374px) {
.fetal-header.animation-header .shapes { right: -200px; top: 6px;width: 550px;}
}


/*INSTITUTO CARDIOVASCULAR/*/
.animation-header.cardio-header:before{ background: none}
.animation-header.cardio-header{background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(255,0,0,1) 13%, rgba(51,92,178,1) 100%);border-bottom: 0px; margin-bottom: 150px}
.animation-header.cardio-header .before-pic {right: 0px;bottom: 0px; width: 100%; border: 0; border-radius: 0px; overflow: hidden;}
.animation-header.cardio-header .after-pic { right: 0px; top: 0px;}
.animation-header.cardio-header .shapes {position: absolute;right: -85px;top: -350px; width: 966px;}
.cardio-content {background: none}

@media (min-width:1024px) and (max-width:1279px) {
.animation-header.cardio-header h1{ padding-bottom: 0!important}
	.animation-header.cardio-header .py-11 {padding: 200px 0px!important}
.animation-header.cardio-header .shapes {right: -210px; top: -440px;width: 950px;}
.animation-header.cardio-header .after-pic {right: -90px;}
.animation-header.cardio-header .after-pic img {height: 770px;}
}

@media (min-width:768px) and (max-width:1023px) {
.animation-header.cardio-header h1{ padding-bottom: 0!important}
	.animation-header.cardio-header .py-11 {padding: 200px 0px!important}
.animation-header.cardio-header .shapes {right: -250px; top: -440px;width: 900px;}
.animation-header.cardio-header .after-pic {right: -90px;}
.animation-header.cardio-header .after-pic img {height: 690px;}
.animation-header.cardio-header { margin-bottom: 100px;}
}

@media (min-width:576px) and (max-width:767px) {
.animation-header.cardio-header .before-pic { right: 0px; bottom: 30px;}
	.animation-header.cardio-header .before-pic img{ width:120%;float:right}
.animation-header.cardio-header h1{ padding-bottom: 0!important}
.animation-header.cardio-header .py-11 {padding: 200px 0px!important}
.animation-header.cardio-header .shapes { right: -145px;top: -199px;width: 650px;}
.animation-header.cardio-header .after-pic {right: -142px;}
.animation-header.cardio-header .after-pic img {height: 640px;}
.animation-header.cardio-header { margin-bottom: 100px;}
}

@media (min-width:0px) and (max-width:575px) {
.animation-header.cardio-header .before-pic { right: 0px; bottom: 30px;}
.animation-header.cardio-header .before-pic img{ width:158%;float:right}
.animation-header.cardio-header h1{ padding-bottom: 0!important}
.animation-header.cardio-header .py-11 {padding-top: 100px !important; padding-bottom: 10rem !important}
.animation-header.cardio-header .shapes {right: -128px; top: -35px; width: 486px;}
.animation-header.cardio-header .after-pic {right: -190px;}
.animation-header.cardio-header .after-pic img {height: 610px;}
.animation-header.cardio-header { margin-bottom: 100px;}
.animation-header.cardio-header { margin-bottom: 40px;}
}

/*CLINICA VASCULAR/*/
.vascular-content{background:none}
.animation-header.vascular-header:before{ background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/vascular/banner-background.svg") no-repeat left bottom; background-size: 60% auto}
.animation-header.vascular-header{background: rgb(84,200,232);
	background: linear-gradient(90deg, rgba(84,200,232,1) 0%, rgba(0,20,137,1) 87%);}
.animation-header.vascular-header .banner-with-bkg{width:100%; height: 100%; position: absolute;  overflow: hidden; }
.animation-header.vascular-header .banner-with-bkg img{ float:right;}
.animation-header.vascular-header .shapes{width:100%; height: 100%; position: absolute; top:0;left:0; overflow:hidden}
.animation-header.vascular-header .shapes img{width:60%; float: right}
.vascular-content-servicios .service-block > div {
	height: 100%
}


@media (max-width:1023px) {
.animation-header.vascular-header .banner-mask{background: rgba(0,0,0,0.5); position: relative; z-index: 1}
.animation-header.vascular-header .banner-with-bkg img { width: 685px;margin-top: 75px; margin-right: -22px;}
.animation-header.vascular-header .shapes img{width:78%}
}
@media (min-width:0px) and (max-width:560px) {
	.animation-header.vascular-header .banner-with-bkg img { width: 525px;}
	.animation-header.vascular-header {margin-bottom: 40px;}
.animation-header.vascular-header .shapes img{width:80%; float: right}
.animation-header.vascular-header  .banner-info { padding-top: 200px !important; height: 500px !important;}
}



/*CLINICA CENTRO DE IMAGENES*/
.animation-header.imagen-header .banner-with-bkg img {
	float: none;
	width: 110%;
	margin-top: -35px;
}

.animation-header.imagen-header {
	background: rgb(0,20,137);
	background: linear-gradient(90deg, rgba(0,20,137,1) 0%, rgba(255,255,255,1) 100%);
}

	.animation-header.imagen-header:before {
		background: none
	}

.animation-header .banner-info h1 {
	text-shadow: 0px 0px 12px rgba(0,0,0,0.2)
}

.animation-header.imagen-header {
	margin: 0;
	background: rgb(0,20,137);
	background: linear-gradient(90deg, rgba(0,20,137,1) 0%, rgba(255,255,255,1) 100%);
}

.imagen-header .banner-image {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


@media (min-width:0px) and (max-width:767px) {
	.animation-header.imagen-header:before {
		background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/centro-imagenes/banner-image.png") no-repeat center 50px;
		background-size: cover
	}

	.animation-header.imagen-header .banner-info {
		padding-top: 200px !important;
		height: 500px !important;
	}

	.short-video.no-buttons-video, .short-video.no-buttons-video .short-video {
		height: 100vh !important
	}
}


/*Servicios y Clinicas/*/

.clinicas-link{border:1px solid #59cbe8; padding:50px 30px 60px; vertical-align:middle; }
.clinicas-link:hover{border:1px solid #001489; transform:translateY(0px);}
.outline-small-btn{border:1px solid #fff;outline:0; box-shadow: none; display: inline-block}
.outline-small-btn:hover{opacity: 0.8;}

/*Cintillos*/
.sanlucas-cintillo .cintillo1 {
	background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/cintillo-bkg.png") no-repeat center center;
	background-size: cover
}
.sanlucas-cintillo .cintillo2 {
	background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/cintillo2-bkg.png") no-repeat center center;
	background-size: cover
}
.sanlucas-cintillo .cintillo3 {
	background: url("https://hospitalsanlucastorage.blob.core.windows.net/images/cintillo3-bkg.png") no-repeat left center;
	background-size: cover
}
.cintillo-right {
	background-position: right center !important
}
.cintillo-left {
	background-position: left center !important
}
.sanlucas-cintillo .cintillo-content {
	padding: 30px;
}
.sanlucas-cintillo .cintillo-content.cintillo2 {
		padding-bottom: 145px !important
	}
.sanlucas-cintillo .cintillo-footer {
	margin-top: -120px;
}
.sanlucas-cintillo .cintillo-content.cintillo3 {
	padding: 60px;
	text-align: center
}
.sanlucas-cintillo .cintillo-content.cintillo3 h3 {
		display: inline-block;
		border-radius: 20px 0 20px 0px;
		padding: 10px 20px
	}
.sanlucas-cintillo .cintillo-content.cintillo3 .btn.small {
		display: block;
		margin: 0 auto
	}
@media (min-width:992px) and (max-width:1199px) {
.sanlucas-cintillo .cintillo-footer{ margin-top: -100px;}
.sanlucas-cintillo .cintillo-content.cintillo2{ padding-bottom: 125px!important}
}
@media (min-width:576px) and (max-width:991px) {
.sanlucas-cintillo .cintillo-footer{ margin-top: -80px;}
.sanlucas-cintillo .cintillo-content.cintillo2{ padding-bottom: 105px!important}
}



@media (min-width:0px) and (max-width:575px) {
	.clinicas-link { padding:25px;}
	.clinicas-link img{ width: 100%; max-width: 280px; margin: 0 auto; display: block}
	.sanlucas-cintillo{ padding-left:15px; padding-right:15px;} 
	.cintillo-content{ -webkit-box-flex: 0;-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
	.cintillo1 .cintillo-content img{ width: 100%; max-width: 280px; margin: 0 auto; display: block}
	
}

/*Hospicio & Homecare/**/

.hospicio-homecare.category-blocks .btn-outline-info{outline:0; box-shadow: none; display: inline-block; line-height:52px;padding: 0 30px;}


/*Pacientes en Hopsicio*/
@media (max-width:991px) {
.hospicio-services .row:nth-child(odd) .col-lg-6:last-child{order:1; }
.hospicio-services .row:nth-child(even) .col-lg-6:first-child{order:2;}
	.hospicio-services .row .col-lg-6 { padding: 0px 25px!important; text-align: center}
	.hospicio-services .row .col-lg-6 img{padding:25px 0!important}
	.hospicio-intro{ padding-left: 0!important}
	.hospicio-intro .hospicio-left{padding-left: 25px!important; padding-right: 25px!important}
}



/*Oportunidades laborales*/
.half-content-fixed .left-content {
	padding-left: 20px;
	padding-right: 20px;
}

	.half-content-fixed .left-content ul li {
		position: relative;
		padding-left: 20px;
		padding-bottom: 10px;
	}

		.half-content-fixed .left-content ul li:before {
			position: absolute;
			left: 0;
			top: 9px;
			content: "";
			width: 6px;
			height: 6px;
			background-color: #000;
			border-radius: 6px;
		}

.half-content-fixed .left-content2 ol li {
	position: relative;
	padding-left: 20px;
	padding-bottom: 10px;
	margin: 0;
	border: 0;
	outline: none;
	outline: 0;
	list-style: decimal;

}




.ui.styled.accordion .content {
	color: inherit !important;
}

.ui.styled.accordion .title {
	position: relative
}

	.ui.styled.accordion .title h5 {
		padding-left: 30px;
		line-height: 20px
	}

	.ui.styled.accordion .title .dropdown.icon {
		position: absolute;
		top: 20px;
	}


/*Nuestros lideres/*/
.sanlucas-dr-carrousel.lideres{ background: none}
.sanlucas-dr-carrousel .dr-img {margin-top: 0px;}
.lideres-content .accordion{border:0!important}
.lideres-content .ui.styled.accordion .title {border-top: 0}
.lideres-content .lideres-section{ position:relative; border-bottom:1px solid #ededed; }
.lideres-content .lideres-section .open-accordion{ position:absolute; width:100%; bottom:30px; text-align: center}
.lideres-content .lideres-section .open-accordion::before { width: 110px; content: "Ver más"; background-color: #59cbe8; font-size: 14px; text-align: center; padding: 0 20x; line-height: 40px; color: #fff;  height: 40px; display: inline-block;  margin: 0 auto;text-transform: uppercase}
.lideres-content .lideres-section .open-accordion.active:before{content:"Ver menos"; }
.sanlucas-dr-carrousel.lideres h4 b {margin-bottom: 40px;}
.sanlucas-dr-carrousel.lideres { padding-top: 0px !important; padding-bottom:0px !important;}
.main .pb-6.lideres-section{ padding-bottom:80px!important}

/*INTERACTIVE MAP/*/
.st0 {
	fill: #FFFFFF;
	image-rendering: optimizeQuality
}

.st1 {
	fill: #1874C5;
	background-color: #1874C5;
	image-rendering: optimizeQuality
}

.st2 {
	fill: none;
	image-rendering: optimizeQuality
}

.st3 {
	fill: #EC1C24;
}

.st4 {
	fill: #001689;
	background-color: #001689;
	image-rendering: optimizeQuality
}

.st5 {
	fill: #53C8E8;
	background-color: #53C8E8;
	image-rendering: optimizeQuality
}

.st6 {
	fill: #9BC1E4;
	background-color: #9BC1E4;
	image-rendering: optimizeQuality
}

.st7 {
	fill: #73D7E1;
	background-color: #73D7E1;
	image-rendering: optimizeQuality
}

.st8 {
	fill: #8A8381;
	background-color: #8A8381;
	image-rendering: optimizeQuality
}

.st9 {
	fill: #3090F0;
	background-color: #3090F0;
	image-rendering: optimizeQuality
}

#mayaguez:hover .st4, #lares:hover .st6, #arecibo:hover .st1, #ponce:hover .st9, #caguas:hover .st8, #bayamon:hover .st7, #sanjusto:hover .st5 {
	opacity: 0.8
}

.map-zona:hover {
	/* transform: translateY(-1px); */
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.map-zona {
	transform: translateY(0px);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

[data-zoom-on-wheel] {
	overflow: scroll !important;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	overscroll-behavior: contain;
}

.map {
	overflow: hidden;
	position: relative;
	border: 1px solid #e1e1e1;
	height: 530px;
	border-radius: 4px;
}
/*
.map-container {
	padding: 0px;
	width: 105%;
	height: 550px;
}*/
.map-container {
	padding: 0px;
	width: 102%;
	height: 550px;
}
@media (min-width:0px) and (max-width:767px) {
	.map-container {
		width: 105%;
	}
}


.map-zona {
	cursor: pointer
}

.zoom-control {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 10px;
	background-color: #ebebe7;
	color: #333;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	cursor: pointer;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0,0,0,0.1)
}

	/*.zoom-control.zoom-in {
		top: 10px;
	}

	.zoom-control.zoom-out {
		top: 70px;
	}*/
	.zoom-control.zoom-in {
		top: 10px;
		z-index: 2000;
	}

	.zoom-control.zoom-out {
		top: 70px;
		z-index: 2000;
	}

.hospicio-homecare-map .container {
	padding: 0
}

@media (min-width:0px) and (max-width:767px) {
	.hospicio-homecare-map .container {
		padding: 0 15px
	}

	.map {
		height: 380px;
	}

	.map-container {
		height: 400px;
	}

	.modal_zonas .modal-dialog {
		margin: 0px auto;
		padding: 20px;
	}
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.map-references ul {
	margin: 25px auto;
}

	.map-references ul li {
		text-align: left;
		min-width: 150px
	}

		.map-references ul li span.color-ref {
			width: 20px;
			height: 20px;
			vertical-align: middle;
			display: inline-block
		}

		.map-references ul li b {
			vertical-align: middle;
			margin-left: 10px;
			display: inline-block
		}

/*MODAL DETAIL*/
#modal_details .modal-content, #modal_zonas .modal-content {
	padding: 20px 60px 20px 20px;
}

#modal_details .modal-dialog, {
	max-width: 600px;
}

#modal_zonas .modal-dialog {
	max-width: 375px;
}

#modal_details .has-icon, #modal_zonas .has-icon {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #e3e3e3;
}

	#modal_details .has-icon:last-child, #modal_zonas .has-icon:last-child {
		border: none;
	}

	#modal_details .has-icon b, #modal_zonas .has-icon b {
		padding-left: 30px;
		display: block;
		font-weight: normal;
	}

	#modal_details .has-icon a b, #modal_zonas .has-icon a b {
		color: #666;
	}

	#modal_details .has-icon a:hover, #modal_zonas .has-icon a:hover {
		text-decoration: none;
	}

		#modal_details .has-icon a:hover b, #modal_zonas .has-icon a:hover b {
			color: #001489 !important
		}

	#modal_details .has-icon svg, #modal_zonas .has-icon svg {
		position: absolute;
		top: 12px;
		left: 0;
		width: 20px;
		height: 20px;
		color: #59cbe8
	}

#modal_details button.close, #modal_zonas button.close {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 20px;
	height: 28px
}

.dr-name-and-lastname {
	font-size: 28px;
	font-weight: bold
}

	.dr-name-and-lastname span {
		text-decoration: underline
	}

#modal_zonas .data-name {
	font-size: 28px;
	font-weight: bold
}

#loader2 {
	position: absolute;
	left: 50%;
	top: 90%;
	z-index: 1;
	width: 120px;
	height: 120px;
	margin: -76px 0 0 -76px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

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

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

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

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

/*19-04-2021*/


/* Cintillo video*/
.cintillo-video { height: 50vh !important;}
@media (max-width:767px) {
	.cintillo-video { min-height: 300px}
	.cintillo-video.row { padding-bottom: 20px!important;}
	
}

/*MULTIMEDIA SECTION*/
.servicios-y-clinicas-links.carrousel .owl-carousel .owl-stage-outer { width: 101%;}
.owl-theme .item a { display: block; height: 100%; width: 100%}
.owl-theme .item  b { display: block; height: 50px; width: 50px}
.owl-theme .owl-nav.disabled{display: block!important}
.owl-theme.owl-nav-outer .owl-nav .owl-next { right: -10px;}
.owl-theme.owl-nav-outer .owl-nav .owl-prev {left: -10px;}


@media (max-width:1279px) {
	.navbar-expand-lg {
		height: auto;
		max-height: 80vh;
		overflow: hidden scroll;
		align-items: baseline;
	}
}
/*HOME VIDEO HERO ADJUSTMENTS*/
@media screen and (max-width: 767px) {
	.buttons-home-video a img

{
	max-width: 160px;
}

.buttons-home-video a {
	display: block;
	padding: 16px !important;
}
}
.footer-contact-block ul li a.nav-link {
    font-size: 20px;
}
.owl-theme .item .dr-name b {width:100%}


.animation-header.template-header{background: rgb(84,200,232);
	background: linear-gradient(90deg, rgba(84,200,232,1) 0%, rgba(0,20,137,1) 87%);}
.animation-header.template-header .banner-with-bkg{width:100%; height: 100%; position: absolute;  overflow: hidden;bottom:0 }
.animation-header.template-header .banner-with-bkg img{ float:right;}
.animation-header.template-header .shapes{width:100%; height: 100%; position: absolute; top:0;left:0; overflow:hidden}
.animation-header.template-header .shapes img{width:60%; float: right}
.animation-header.template-header{ margin-bottom: 150px;}
.animation-header.template-header .logo-pic {position: absolute;bottom: -165px;width: 300px; left:16px}
.animation-header.template-header .template-background{width: 50%;content: "";position: absolute;bottom: 20px; left:20px;}

@media (max-width:1023px) {
.animation-header.template-header .banner-mask{background: rgba(0,0,0,0.5); position: relative; z-index: 1}
.animation-header.template-header.banner-with-bkg img { width: 685px;margin-top: 75px; margin-right: -22px;}
.animation-header.template-header .shapes img{width:78%}
}
@media (min-width:0px) and (max-width:560px) {
	.animation-header.template-header .banner-with-bkg img { width: 525px;}
.animation-header.template-header .shapes img{width:80%; float: right}
.animation-header.template-header  .banner-info { padding-top: 200px !important; height: 500px !important;}
}

@media (min-width: 1024px) and (max-width: 1279px){
.animation-header.template-header .logo-pic {
    bottom: -140px;
    width: 250px;
}
    }

 @media (min-width: 768px) and (max-width: 1023px) {
.animation-header.template-header .logo-pic {
    bottom: -110px;
    width: 200px;
}}
@media (min-width: 0px) and (max-width: 767px){
.animation-header.template-header  .logo-pic {
    bottom: -110px;
    width: 200px;
}}

@media (min-width: 0px) and (max-width: 560px){
.animation-header.template-header .logo-pic {
    display: block;
    }}
@media (min-width: 0px) and (max-width: 374px){
.animation-header.template-header h1 {
    font-size: 30px; line-height: 40px
}}

@media (min-width: 0px) and (max-width: 767px){
.animation-header .banner-info {
    padding-top: 150px!important;
    height: 500px!important;
}}

.bg-corporate-6 {
	background-color: #653B9B !important;
	color: #fff !important
}

.bg-corporate-7 {
	background-color: #6CC6E4 !important;
	color: #fff !important
}

.txt-corporate-7 {
	color: #6CC6E4 !important;
}

.borders-cruzados {
	border-bottom-left-radius: 48px;
	border-top-right-radius: 48px;
}

.btn-outline-bg7 {
	border: 1px solid #6CC6E4 !important;
}

.navbar-dark  .top-nav-new a.nav-link  {
    color: rgba(255, 255, 255, 0.7);
}
.navbar-dark.navbar-fixed-top .top-nav-new a.nav-link {
    color: rgba(0, 0, 0, 0.7);
}

.top-nav-new li a.btn{font-size:13px!important; line-height:32px!important;}

nav.navbar.navbar-notransparent .nav-item:last-child a {
    border-left: 0;
}

nav.navbar .nav-item:last-child a {
    padding-left: 0px !important;
    border-left: 0;
    padding: 0.5rem 10px !important;
    margin-left: 0px;
    font-size: 14px;
}

.buttons-top-container {gap:16px}
.buttons-top-container a{ white-space: nowrap}
@media (max-width: 1279px) {
    .top-nav-new {
        order:2;
       border-top: 1px solid rgba(0, 0, 0, 0.3);
        margin-top: 16px;
        padding-top: 16px;
    }
    .navbar-nav{order:1;}
    
    nav.navbar .nav-item:last-child {
        border-top: 0;
        margin-top:0;
    }
    .navbar-dark  .top-nav-new a.nav-link  {color: rgba(0, 0, 0, 0.7);  padding: 0.5rem 10px !important; font-size: 14px}
    .top-nav-new-links{display: flex; flex-direction: column; }
    .top-nav-new{margin-top: 12px}
    .buttons-top-container {padding-top:16px}
    
}