@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
@font-face {
	font-family: 'Source Sans Pro', sans-serif;
	src: url("../clinica-country/resources/css/fonts/SourceSansPro-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}


body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    background-color: #fff;
    color: #5b5b5f;
}
.text-tarjetas-1 {
    font-size: 14px;
    padding: 30px 10px;
}
/* HEADER */
.header-site .ee-company-name.ee-mod {
    color: #0573bc;
    font-size: 25px;
    font-family: 'Source Sans Pro', sans-serif;
}
.header {
   
    background: #fff;
    width: 100%;
}
.social-media-text-top-header {
    display: none;
}
.col-links-inner-top-header {
    border-right: 0px solid #fff;
    width: 100%;
}
.top-header-row {
    background-color: #003da1;
    border-bottom: 0px solid #ccc;
	display: none;
}
.main-nav-row {
   background-color: #003da5;
	    overflow: hidden;
  
}
.main-nav-row .item-inner-main-nav a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    border-right: 0;
    border-right: solid 0px #fff;
}
.main-nav-row .item-inner-main-nav:hover,
.main-nav-row .item-inner-main-nav a:hover {
    text-decoration: none;
          background-color: #003da5;
    color: #fff;
    border-radius: 0;
}
.main-nav-row .item-inner-main-nav a {
    color: #FFF;
    padding: 9px 15px;
    
    border-radius: 0;
    background-color: transparent;
    border-right: solid 1px #fff !important;
}
.top-header-row .item-inner-top-header a{
    font-size: 14px;
    color: #7b7b7b;
	letter-spacing: 4px;
}
.top-header-row .item-inner-top-header a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #7b7b7b;
    border-radius: 0;
}
/* CONTENIDO */
.info {
    position: relative;
    z-index: 1;
    margin: 0 auto 0;
    padding: 40px 20px 40px;
    max-width: 700px;
    white-space: normal;
}
h1 {
    color: #003da1;
    font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
}
h2 {
    color: #003da1;
    font-weight: 600;
	
	font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
}
.h3 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #4860a1;
}
.line_blue {
    background-color: #23cef0;
    background-image: url(../images/line.png);
    width: 134px;
    height: 2px;
}
.banner-titulo {
    background-image: url(../images/banner.jpg);
	background-position: center;
	background-repeat: no-repeat;
    width: 100%;
    height: 97px;
    text-align: center;
    color: #b9d0ff;
    text-transform: uppercase;
    font-size: 45px;
	font-family: 'Source Sans Pro', sans-serif;
    padding: 17px 0;
}
.title1 {
	font-family: 'Source Sans Pro', sans-serif;
    color: #003da1;
    font-size: 30px;
}
.title2 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #4860a1;
    font-size: 24px;
    top: -11px;
    position: relative;
    display: block;
}
.title3 {
    font-family: 'Source Sans Pro', sans-serif;
}

.container-item .btn-register {
    color: #fff;
    background-color: #003da1;
    border-color: #003da1;
}
.container-item .btn-register:hover {
    color: #fff;
    border-color: #6492f9;
    background-color: #6492f9;
}
#overflow {
    width: 100%;
    overflow: hidden;
}
.btn-default {
    color: #fff;
        background-color: #00aeef;
}
.form-contact-row .btn-primary:hover,
.btn-default:hover, .btn-register:hover {
    color: #fff;
    background-color: #182037;
}
.form-contact-row .btn-primary:hover,
.form-contact-row .btn-primary:active:hover,
.btn-default:hover,
.btn-default:active,
.btn-default:active:hover,
.btn-default.focus,
.btn-default:focus {
    color: #fff;
    border: solid 1px #6492f9;
    background-color: #6492f9;
}
.header .ee-login-wrapper {
    padding-top: 15px;
}
.input-group.search-box-container {
    padding: 15px 0;
}
.navbar-nav {
    display: table;
    float: none !important;
    margin: auto !important;
}
/* FOOTER */
.footer {
    
    width: 100%;
    color: #000;
}
.footer .footer-company-section {
    background: #F7F7F7;
}
.privacy-advercity-row .term-conditions-link {
    color: #000;
}
.text-muted {
    color: #000;
}

.ee-logotype {
    margin: 0 auto;
    filter: brightness(0) invert(1);
}
.middle-header-row .col-sm-3 img {
    margin-top: 15px;
} 
.top-header-row .item-inner-top-header {
   background-repeat: no-repeat;
	padding-left:10px;
	padding-top:8px
}
.top-header-row .item-inner-top-header a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 28px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #003da5;
	    color: #fff;
}

@media (max-width: 650px) {
}
@media (min-width: 767px) {
    .footer {
        background-color: #2e73ba;
    }
}
@media (min-width: 1600px) and (max-width: 1999px){
}

@media (min-width: 2000px) and (max-width: 2560px){
    .navbar-nav {
        display: flex;
    }
}
@media (max-width: 767px){
    .eesites-fixed-buttons.affix-bottom {
        position: inherit !important;
    }
    .eesites-fixed-buttons {
        position: inherit !important;
    }
}
.privacy-advercity-row .col-sm-3 {
    background: url("../images/logo-footer-2.png") no-repeat center;
    height: 95px;
    width: 290px;
	
}
.privacy-advercity-row .col-sm-3 img {
    display: none;
}
.estrategia{
	font-size: 30px;
       font-family: 'Source Sans Pro', sans-serif;
    color: #003da1;
	    font-weight: 100;
}
@media (min-width: 768px){
.container-item {
    height: 300px !important;
    padding-bottom: 47px;
}}
.navbar-nav {
    width: 100%;
    text-align: center;
}
.mainnav-toggle-search-row {
    background-color: #003da1;
    margin: 0;
}
@media (max-width: 767px){
    .navbar-nav {
    width: 100%;
    text-align: left;
}
}
.js-segmentation-desc2107245471
{
	font-size: 15px;
}
.js-segmentation-desc2107245472{
	font-size: 15px;
}
.js-segmentation-desc2107245473{
	font-size: 15px;
}
.js-segmentation-desc2107245473{
	font-size: 15px;
}
hr {
    margin-top: 0px;
   margin-bottom: 0px; 
    border: 0;
    border-top: 1px solid #fff;
}
.mapa{
	    margin-top: 50px;
    
}
@media (max-width: 767px){
 .mapa{
	    margin-top: 0px;
    height: auto;
    width: 100%;
}
	.navbar-nav {
   width: 100% !important;
    text-align: left !important;
    position: relative !important;
    left: 50% !important;
    transform: translatex(-50%) !important;
}
}
.parrafo{
	text-align: justify;
}
.navbar-nav {
   width: 100%;
    text-align: center !important;
    position: relative;
    left: 70%;
    transform: translatex(-50%);
}


.img-home{
	height: 490px;
}
.main-nav-row .navbar-header .icon-bar {
    background-color: #fff;
}
.back-siguenos{
	background-color: #003da5;
	padding: 15px;
}

figure {
  display: grid;
  border-radius: 1rem;
  overflow: hidden;
  cursor: pointer;
}
figure > * {
  grid-area: 1/1;
  transition: .4s;
}
figure figcaption {
  display: grid;
  align-items: end;
  font-family: sans-serif;
  font-size: 2.3rem;
  font-weight: bold;
  color: #0000;
  padding: .75rem;
  background: var(--c,#0009);
  clip-path: inset(0 var(--_i,100%) 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0),
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  -webkit-mask-clip: text, padding-box;
  margin: -1px;
}
figure:hover figcaption{
  --_i: 0%;
}
figure:hover img {
  transform: scale(1.2);
}
@supports not (-webkit-mask-clip: text) {
  figure figcaption {
   -webkit-mask: none;
   color: #fff;
  }
}
.siguenos-1{
	color: #fff;
    display: inline-flex;
    padding: 10px;
	border-left: solid 2px;
	margin-left: -46px;
}
.siguenos{
	color: #fff;
    display: inline-flex;
    padding: 10px;
	    justify-content: center;
   
}
.facebook{
	    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    border: solid #fff 1px;
    border-radius: 16px;
    padding-top: 6px;
    margin-right: 10px;
    margin-left: 10px;
	    width: 32px;
    height: 32px;
}
.siguenos-clinica{
	font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
	    margin-left: 21px;
}
.insta{
	    padding-left: 8px;
    padding-right: 10px;
    font-size: 17px;
    border: solid #fff 1px;
    border-radius: 16px;
    padding-top: 6px;
    margin-right: 10px;
    margin-left: 10px;
    width: 32px;
    height: 32px;
}
.razones{
	    display: flex;
	justify-content: center;
}
.quienes-somos{
	    color: #00aeef;
    font-weight: 600;
}
.razones-text{
	color: #00aeef;
    font-size: 28px;
    text-align: center;
    margin-top: -29px;
}

.ag-format-container {
  width: 1142px;
  margin: 0 auto;
}



.ag-courses_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  padding: 50px 0;
}
.ag-courses_item {
  -ms-flex-preferred-size: calc(33.33333% - 30px);
  flex-basis: calc(33.33333% - 30px);

  margin: 0 15px 30px;

  overflow: hidden;
    border-radius: 97px;
    height: 145px;
    width: 145px;

}
.ag-courses-item_link {
  display: block;
  padding: 30px 20px;
  background-color: #121212;
background-image: url("../images/crecimiento.png");
background-position: center;
	background-repeat: no-repeat;
  overflow: hidden;

  position: relative;
}
.ag-courses-item_link-1 {
  display: block;
  padding: 30px 20px;
  background-color: #121212;
background-image: url("../images/crecimiento.png");
background-position: center;
	background-repeat: no-repeat;
  overflow: hidden;

  position: relative;
}
.ag-courses-item_link-2 {
  display: block;
  padding: 30px 20px;
  background-color: #121212;
background-image: url("../images/motivacion.png");
background-position: center;
	background-repeat: no-repeat;
  overflow: hidden;

  position: relative;
}
.ag-courses-item_link-4 {
  display: block;
  padding: 30px 20px;
  background-color: #121212;
background-image: url("../images/reputacion.png");
background-position: center;
	background-repeat: no-repeat;
  overflow: hidden;

  position: relative;
}
.ag-courses-item_link-3 {
  display: block;
  padding: 30px 20px;
  background-color: #121212;
background-image: url("../images/diversidad.png");
background-position: center;
	background-repeat: no-repeat;
  overflow: hidden;

  position: relative;
}
.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date {
  text-decoration: none;
  color: #FFF;
}
.ag-courses-item_link:hover .ag-courses-item_bg {
  -webkit-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
}
.ag-courses-item_title {
     min-height: 63px;
    margin: 0 0 25px;
    overflow: hidden;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    z-index: 2;
    position: relative;
}
.ag-courses-item_date-box {
  font-size: 18px;
  color: #FFF;

  z-index: 2;
  position: relative;
}
.ag-courses-item_date {
  font-weight: bold;
  color: #f9b234;

  -webkit-transition: color .5s ease;
  -o-transition: color .5s ease;
  transition: color .5s ease
}
.ag-courses-item_bg {
  height: 128px;
  width: 128px;
      background-color: #003da5;

  z-index: 1;
  position: absolute;
  top: -75px;
  right: -75px;

  border-radius: 50%;

  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.ag-courses_item:nth-child(2n) .ag-courses-item_bg {
  background-color: #3ecd5e;
}
.ag-courses_item:nth-child(3n) .ag-courses-item_bg {
  background-color: #e44002;
}
.ag-courses_item:nth-child(4n) .ag-courses-item_bg {
  background-color: #952aff;
}
.ag-courses_item:nth-child(5n) .ag-courses-item_bg {
  background-color: #cd3e94;
}
.ag-courses_item:nth-child(6n) .ag-courses-item_bg {
  background-color: #4c49ea;
}



@media only screen and (max-width: 979px) {
  .ag-courses_item {
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
  }
  .ag-courses-item_title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .ag-format-container {
    width: 96%;
  }

}
@media only screen and (max-width: 639px) {
  .ag-courses_item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .ag-courses-item_title {
    min-height: 72px;
    line-height: 1;

    font-size: 24px;
  }
  .ag-courses-item_link {
    padding: 22px 40px;
  }
  .ag-courses-item_date-box {
    font-size: 16px;
  }
}
.margen-video{
	    margin-top: 75px;
    margin-left: 73px;
}
.text-quienes{
	      color: #5b5b5b;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
}
.haz-parte{
	color: #00aeef;
    font-weight: 600;
    text-align: center;
    font-size: 25px;
    margin-top: 40px;
	margin-bottom: 50px;
}
.flip-card {
      background-color: transparent;
    height: 220px;
    margin-bottom: 15px;
    perspective: 1000px;
    width: auto;
   
}
/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #fff;
    padding: 0px;
	border-radius: 82px;
}
.flip-card-front img {
	border-radius: 10px;
}
.flip-card-front h2{
    color: #fff;
}
/* Style the back side */
.flip-card-back {
     background-color: #003da5;
    color: #fff;
    transform: rotateY( 180deg);
    padding-top: 40px;
    border-radius: 150px;
    font-size: 14px;
    height: 190px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.marcador{
	    margin-left: 86px;
}
.textos-nuestras-clinicas{
	    padding: 29px;
    border: dotted #87a4d5;
    border-radius: 20px;
    margin-top: 60px;
    text-align: justify;
    font-size: 16px;
	margin-right: 20px;
	height: 380px;
}
.logo-1{
	       display: block;
    width: 40%;
    margin: auto;
    padding-bottom: 40px;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
}
.valores{
	margin-bottom: 60px;
}
.margin-valores{
	    margin-top: 60px;
}
.margin-valores-1{
	    margin-top: 20px;
	padding-left: 70px;

}
.cinco-razones{
	    margin-top: 50px;
    margin-bottom: 50px;
}
.text-tarjetas{
	    font-size: 14px;
    padding: 10px;
   
}
.text-tarjetas-2 {
    font-size: 14px;
    padding: 5px 10px;
}


p {
    margin: 0 0 10px;
    font-size: 18px;
}
.mision{
	
    color: #003ca6;

}
.space{
	margin-bottom: 50px;
}
@media (max-width: 768px){
.marcador {
    margin-left: 86px;
    display: none;
}
}
@media (max-width: 768px){
.flip-card-back {
   background-color: #003da5;
    color: #fff;
    transform: rotateY( 180deg);
    padding-top: 52px;
    border-radius: 100px;
    font-size: 14px;
    height: 190px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 190px;
}
}

@media (max-width: 768px){

.margen-video {
    margin-top: 30px;
    margin-left: 0px;
}
}
@media (max-width: 768px){
.haz-parte {
    color: #00aeef;
    font-weight: 600;
    text-align: center;
    font-size: 20px !important;
    margin-top: 40px;
    margin-bottom: 50px;
}
}
@media (max-width: 768px){
.siguenos {
    color: #fff;
    display: inherit;
    padding: 10px;
}
}

@media (max-width: 768px){
.siguenos-1 {
    color: #fff;
    display: inherit;
    padding: 10px;
    border-left: none;
    margin-left: 0px;
}
}
@media (max-width: 768px){
.logo-1 {
   display: block;
    width: 70%;
    padding-bottom: 50px;
}
}
@media (max-width: 768px){
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 5px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    display: none;
}
}
@media (max-width: 768px){
.marcador-2 {
    transform: scaleX(-1);
    display: none;
}
}
@media (max-width: 768px){
.textos-nuestras-clinicas {
    padding: 29px;
    border: dotted #87a4d5;
    border-radius: 20px;
    margin-top: 60px;
    text-align: justify;
    font-size: 16px;
    margin-right: 20px;
    height: 475px;
}
}
@media (max-width: 768px){
.margin-valores-1 {
       padding-left: 0px;
    width: 80px;
    margin: auto;
}
}
@media (max-width: 768px){
.mision {
    color: #003ca6;
    text-align: center;
}
}
.m-v2{
	text-align: justify;
	font-size: 18px;
}
@media (max-width: 768px){
.mision {
    color: #003ca6;
    text-align: center;
}
}
@media (max-width: 768px){
.m-v2{
	text-align: center;
	font-size: 18px;
	padding: 10px;
}
}
@media (max-width: 768px){
.razones-text {
    color: #00aeef;
    font-size: 22px;
    text-align: center;
    margin-top: -29px;
}
}
@media (max-width: 768px){
.text-tarjetas {
    font-size: 14px;
    padding: 10px;
    padding-top: 0px;
}
}
@media (max-width: 768px){
.quienes-somos {
    color: #00aeef;
    font-weight: 600;
    text-align: center;
}
}
@media (max-width: 768px){
.text-quienes {
    color: #5b5b5b;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    padding: 20px;
}
}
@media (max-width: 768px){
.valores ul {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 50px;
}
}
@media (max-width: 768px){
.flip-card {
    background-color: transparent;
    height: 190px;
    margin-bottom: 15px;
    perspective: 1000px;
    width: 190px;
    margin-left: 40px;
}
}

div[itemtype="http://schema.org/Organization"] + div.container{
	width: 100%;
	margin:0;
	padding: 0;
	overflow: hidden;
}
.marcador-2 {
   
	transform: scaleX(-1);
}
.razones-marcador{
	display: inline-flex;
    flex-wrap: nowrap;
    align-items: baseline;
    align-content: stretch;
    justify-content: center;
}
@media screen and (min-width: 768px){
.carousel-caption {
    right: 0% !important;
    left: 0% !important;
    padding-bottom: 30px;
    width: 100%;
    text-align: center;
	background-color: rgba(0, 65, 161, 0.7);
}}
.carousel-inner h2{
	color: #fff;
}

@media screen and (max-width: 1280px){
.flip-card-back {
    background-color: #003da5;
    color: #fff;
    transform: rotateY( 180deg);
    padding-top: 40px;
    border-radius: 150px;
    font-size: 14px;
    height: 190px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}}
@media screen and (max-width: 1280px){
.text-tarjetas {
    font-size: 14px;
    padding: 10px;
    padding-top: 10px;
}}
@media screen and (max-width: 1280px){
.carousel-inner h2 {
    color: #fff;
    font-size: 20px;
}}