/* Add here all your CSS customizations */

@media screen and (max-width: 600px) {
.ocultar-div{
display:none;
}
}

.banner-arrow{
        color: #fff;
    font-size: 25px;
    text-decoration: none;
}
.slider-container {
    background: #fff;}
.btn-whatsapp {
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
    position: fixed;
    right: 100px;
    bottom: 100px;
    border-radius: 30%;
    line-height: 30px;
    text-align: center;
    z-index: 999;
}
body {
    background-color: #FFF;
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
}
p{text-align: justify;}

hr {
    background: rgba(0, 0, 0, 0.06);
    border: 0;
    height: 1px;
    margin: 10px 0;
}
element.style {
    background: url(imagenes/ico_descargar.png);
    width: 20px;
    background-size: 100% 100%;
    height: 20px;
    float: left;
    margin-top: 2px;
}
.title1{
	color: #8a9a31;
	Font-size: 1em;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.title2{
	color: #8a9a31;
	Font-size: 1.8em;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
    text-align: left;
}

.titleconvenios{
color: #8a9a31;
	Font-size: 1.5em;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
    text-align: left;
    
    
    
}
.subtitle{
	color: #4972b1;
	Font-size: 1.5em;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.subtitle-document{
	color: #4972b1;
	Font-size: 1em;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.5px;
    text-align: left;
}
.thumb-info .thumb-info-title {
    color: #FFF;
    font-weight: 600;
    letter-spacing: -.05em;
    font-size: 17px;
    text-align: left;
}
.images-documents{
    margin: 5px -12px 0px -20px;
    width: 25%;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #fff;
    text-decoration: none;
}
a:not([href]):not([tabindex]) {
    color: #fff;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: .02em;
}
.home-intro {
    background: linear-gradient(135deg, #102b62 0%, #2d529f 80%);
}
/* HOT de menu */
html #header .tip-dark {
    background: #8a9a31 !important;
    color: #FFF !important;
    letter-spacing: 0.5px;
}
/* Carrucel */
.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
    background: #fff;
}
.owl-carousel.carousel-center-active-item-2 .owl-item.active > div * {
    color: #000 !important;
}
html .text-color-primary, html .text-primary {
    color: #d5c11c !important;
}
.custom-info span:nth-child(1) {
    display: inline-block;
    color: #fff;
    min-width: 68px;
    margin-right: 10px;
}
.toggle.toggle-simple .toggle > label {
    border-radius: 0;
    border: 0;
    background: transparent;
    color: #777;
    padding-left: 32px;
    margin-bottom: -10px;
    font-size: 1em;
    font-weight: 600;
    color: #8a9a31;
}
.toggle.toggle-simple .toggle.active > label {
    background: transparent;
    color: #8a9a31;
}
.medical-schedules .box-one::after {
    border-left: 40px solid #4972b1;
    z-index: 5;
}
html .btn-primary:hover, html .btn-primary.hover {

    background-color: #8a9a31;
    border-color: #8a9a31 #8a9a31 #8a9a31;
    color: #FFF;

}
html .bg-color-tertiary, html .bg-tertiary {
    background-color: #d5c11c !important
}
html .bg-color-secondary, html .bg-secondary {
    background-color: #8a9a31 !important;
}

.btn-gradient:not(.btn-outline) {
    background: linear-gradient(135deg, #d5c11c 0%, #d5c11c 80%);
    color: #FFF;
}
.btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover {
    background: linear-gradient(135deg, #4972b1 0%, #2d529f 80%);
    color: #FFF;
}

section.section {
    background: #f7f7f7;
    border-top: 5px solid #f1f1f1;
    margin: 10px 0; 
    padding: 10px 0;
}

.badge.badge-sm {
    padding: 0.5em 0.8em;
}
html .badge-dark {
    background-color: #175ea5;
}
.owl-carousel .owl-nav button.owl-next:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	font-size: 2rem;
}
.owl-carousel .owl-nav button.owl-prev:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	font-size: 2rem;
}
.owl-carousel.nav-style-4 .owl-nav .owl-prev, .owl-carousel.nav-style-4 .owl-nav .owl-next {
    color: #4972b1;
}

.content-grid .content-grid-item {
    min-height: 150px;
    border: 1px none #e4e4e4;
    border-left: none;
}
.content-grid .content-grid-item:first-child {
    border-left: 1px none #e4e4e4;
}
.social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li a {
    background: #868686;
}
@media (min-width: 992px)
#header .header-nav-main nav > ul > li > a {
    color: #4972b1;
}


/*pupUp saludo */
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%; 
  color: transparent;
  white-space: nowrap;
    z-index: 100000;
}
.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 100000;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
    z-index: 100000;
}

.bts-popup-container {
    position: relative;
    width: 60%;
    height: auto;
    margin: 1em auto;
    background: transparent;
    border-radius: none;
    text-align: center;
    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 100000;
}
.bts-popup-container img {
  padding: 20px 0 0 0;
	 z-index: 10000000;
}
.bts-popup-container p {
	color: white;
  padding: 1px 10px;
	 z-index: 10000000;
}
.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid white;
	display: inline-block;
  margin-bottom: 10px;
	z-index: 10000000;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
z-index: 10000000;
}

.bts-popup-container .bts-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
   z-index: 10000000;
}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: black;
    z-index: 100000;
}
.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
    z-index: 100000;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
  z-index: 100000;
}
.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .bts-popup-container {
    margin: 3em auto;
      z-index: 100000;
  } 
}
@media only screen and (max-width: 740px) {
  .bts-popup-container {
    margin: 3em auto;
      z-index: 100000;
	    }
	.bts-popup-container {
    position: relative;
    width: 70%;
    height: auto;
}
	}