.hrstyle {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}



.text-dblue a {
	color: #333366;
	text-decoration: none;
}

.text-dblue {
	color: #333366;
}

.card-title {
	color: #333366 !important;
	font-weight: 700;
}

.icocn:hover {
	transform: scale(1.5);
}

.icons {
	background: rgba(153,204,255,1);		
}

.lyme {
	background: rgba(153,204,255,1);		
}

.infertilidad {
	background: rgba(153,204,255,1);		
}

.contacto {
	background: rgba(153,204,255,1);		
}

.icoscale:hover {
	transform: scale(1.3);
}

.nav1:hover {
	background: #66CCFF !important;
	color: #ffffff !important;
}

.nav2:hover {
	background: #6699FF !important;
	color: #ffffff !important;
}

.nav3:hover {
	background: #3399CC !important;
	color: #ffffff !important;
}

.nav4:hover {
	background: #3366CC !important;
	color: #ffffff !important;
}

.nav5:hover {
	background: #336699 !important;
	color: #ffffff !important;
}

.nav6:hover {
	background: #003399!important;
	color: #ffffff !important;
}

.nav7:hover {
	background: #333366 !important;
	color: #ffffff !important;
}

.nav8:hover {
	background: #003366 !important;
	color: #ffffff !important;
}

.sucursales {
	background: #CCFFFF !important;
}

.medicamentos {
	background: #CCFFFF !important;
}

.bg-dblue {
	background: rgba(51,51,102,1);	
}

.bg-sblue {
	background: rgb(153,204,255);
	background: linear-gradient(90deg, rgba(153,204,255,1) 0%, rgba(0,0,102,1) 100%);
}

.bg-sbluei {
	background: rgb(153,204,255);
	background: linear-gradient(90deg, rgba(0,0,102,1) 0%, rgba(153,204,255,1) 100%);
}


.bg-mblue {
	background: rgb(102,204,255);
	background: linear-gradient(90deg, rgba(102,204,255,1) 0%, rgba(255,255,255,1) 90%);	
}

.bg-lblue {
	background: rgb(102,204,255);
	background: linear-gradient(90deg, rgba(102,158,255,1) 50%, rgba(255,255,255,1) 100%)	
}

.bg-white {
	background: #ffffff !important;
}

.card {
	background: transparent;
	border: none;
}

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}

ul.social-network li {
	display: inline;
	margin: 0 0;
}

.social-network a.icoYoutube {
	background-color: #D80101;
}
.social-network a.icoFacebook {
	background-color:#3B5998;
}
.social-network a.icoTwitter {
	background-color:#33ccff;
}
.social-network a.icoGoogle {
	background-color:#BD3518;
}
.social-network a.icoInstagram {
	background: rgb(131,58,180);
	background: linear-gradient(225deg, rgba(131,58,180,1) 20%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 80%);
}
.social-network a.icoWhatsapp {
	background-color:#44D94F;
}

/* footer social icons */
.social-network a.icoYoutube:hover {
	background-color: #D80101;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoInstagram:hover {
	background-color:#0590B8;
}
.social-network a.icoWhatsapp:hover {
	background-color:#3C9131;
}
.social-network a.icoYoutube:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoWhatsapp:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 45px;
	height: 45px;
	font-size: 15px;
}
.social-circle li i {
	margin:0;
	line-height:45px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.btn-us {
	color: #333366;
	font-weight: 700;
	background: rgb(155,194,76);
	background: linear-gradient(90deg, rgba(155,194,76,1) 0%, rgba(60,106,63,1) 100%);
	border-color: rgb(155,194,76);
}

.btn-us:hover {
	color: #FFFFFF;
	background: rgb(155,194,76);
	border-color: rgb(155,194,76);
}

.rcborder {
	border: 0.3rem solid rgba(51,51,102,1);
}

.btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        right:20px;
        bottom:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 96vw !important;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 98vw !important;
  }
}

.pdf-doc {
	width: 100%;
	height: 100%;
}

.modal-body-xl {
	height: 90vh;
}

.jumbotron {
  padding: 0.5rem 0.25rem !important;
  margin-bottom: 0.5rem !important;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 1rem 0.5rem !important;
  }
}

.text-covid {
	color: #006699;
}

.bg-covid-blue {
	background: #66CCFF !important;
}

.btn-covid {
	border: 1px solid #686868 !important;
	border-radius: none !important;
}

.bg-covid {
	background: #EB8824 !important;
	border-radius: 0.5rem !important;
	color: #FFFFFF !important;
}

.card {
	border-radius: none !important;
	border: 1px solid #686868;
}


.zooo {
  padding: 50px;
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zooo:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}