/***************************************************
  GENERAL
***************************************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  font-family: "Roboto", Sans-serif;
}

.centered{
  text-align: center;
}

a{
  text-decoration: none;
  color: #004477 !important; 

}

a:hover {color: #54E26B !important; }

.hide{
  display: none;
}

.card{border-radius: 0px 20px 0px 20px !important;}


/***************************************************
  MAIN HEADER
***************************************************/

.videoYT {
    width: 560px;
    height:315px;

}


.formFin {
  text-align: center;
color: #fff !important;
background-color: #011020; 
width: 300px;
height: 40px;
border-radius: 10px;


}

.heroPrin {
  background-image: url("../images/heroPrin.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;

  
}

.heroPrin h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.heroPrin p { position: absolute; bottom: 80px;  }




.heroRedPref {
  background-image: url("../images/heroPrefert.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;

  
}

.heroRedPref h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.heroRedPref p { position: absolute; bottom: 80px;  }




.herorpimari {  
  background-image: url("../images/herorpimari.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;
 }

.herorpimari h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.herorpimari p { position: absolute; bottom: 80px; }


.herocoberturas  {  
  background-image: url("../images/heroCoberturas.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;
 }

.herocoberturas h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.herocoberturas p { position: absolute; bottom: 80px; }


.heroCondicionesParticulares  {  
  background-image: url("../images/heroCondicionesParticulares.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;
 }

.heroCondicionesParticulares h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.heroCondicionesParticulares p { position: absolute; bottom: 80px; }



.heroExclusiones  {  
  background-image: url("../images/heroExclusiones.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;
 }

.heroExclusiones h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.heroExclusiones p { position: absolute; bottom: 80px; }


.heroFormulario  {  
  background-image: url("../images/heroFormulario.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;
 }

.heroFormulario h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.heroFormulario p { position: absolute; bottom: 80px; }


.heroBeneficios  {  
  background-image: url("../images/heroBeneficios.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;
 }

.heroBeneficios h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.heroBeneficios p { position: absolute; bottom: 80px; }


.heroGym  {  
  background-image: url("../images/heroGym.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 650px;
 }

.heroGym h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: absolute; bottom: 120px;  }
.heroGym p { position: absolute; bottom: 80px; }




.main-header{
  background-color: #011020;
}
.main-header .container{
  position: relative;
  padding: 20px 15px;
}

.main-header .logo{
  display: inline-block;
  margin: 0;
}

.main-header .logo img {
  width: 100%;
  max-width: 220px;
}

.main-header .social-icons{
  display: inline-block;
  margin: 15px 0 0 0;
}

.main-header .social-icons .social-icon{

  width: 36.38px;
  height: 36.38px;
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 13px;
  padding: 0.9em;
  margin-right: 7px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  line-height: 1;
  background-color: 
}

.main-header .social-icons .social-icon .screen-only{
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.main-header .social-icons .social-icon.social-icon-facebook{
  background-color: #fff;
}

.main-header .social-icons .social-icon.social-icon-twitter{
  background-color: #fff;
}

.main-header .social-icons .social-icon.social-icon-instagram{
  background-color: #fff;
}

.main-header .social-icons .social-icon.social-icon-youtube{
  background-color: #fff;
}

.main-header a {color: #000;}


/***************************************************
  HEADER
***************************************************/

header {
  background-color: #042f58;
}

.container{
  max-width: 1400px;
  margin: 0 auto;
}

header .container{
  position: relative;
  min-height: 90px;
}

header .logo{
  position: absolute;
  top: 30px;
  left: 15px;
  text-align: left;
  z-index: 10;
}

header .logo img {
  width: 100%;
  max-width: 150px;
}

header .navigation {
  position: relative;
  z-index: 11;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

header .navigation .hamburger {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  color: white;
}

header .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  background-color: white !important;
}

header .navigation .hamburger.is-active ~ #menu {
  height: 270px;
  margin-bottom: 0;
  padding-top: 60px;
}

header #menu {
  width: 100%;
  max-width: 100%;
  height: 0;
  margin: auto;
  margin-bottom: 0;
  color: white;
  /*background-color: rgba(1, 66, 123, 0.4);*/
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition: all 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);
  -o-transition: all 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: all 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);
  overflow: hidden;
  padding: 0px;
}

header #menu li {
  padding: 0;
  font-size: 1rem;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
}

header #menu li:first-child {
  margin-top: 35px;
}

header #menu li a.active {
  color: #b9c5cc;
}

header #menu li a:hover {
  color: #b9c5cc;
}

header #menu li a {
  color: white;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  padding: 5px;
  display: inline-block;
}

header .social-icons{
  display: none;
  z-index: 10;
}

header .social-icons .social-icon{
  color: #fff;
  width: 36.38px;
  height: 36.38px;
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 13px;
  padding: 0.9em;
  margin-right: 7px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  line-height: 1;
}

header .social-icons .social-icon .screen-only{
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

header .social-icons .social-icon.social-icon-facebook{
  background-color: #3b5998;
}

header .social-icons .social-icon.social-icon-twitter{
  background-color: #1da1f2;
}

header .social-icons .social-icon.social-icon-instagram{
  background-color: #262626;
}

header .social-icons .social-icon.social-icon-youtube{
  background-color: #cd201f;
}

header .user-info{
  position: absolute;
  right: 95px;
  top: 23px;
  color: white;
  font-size: 35px;
  z-index: 10;
}

header .user-info ul{
  list-style: none;
  margin: 0;
}

header .user-info ul a{
  color: #ffffff;
}

header .user-info .user-submenu{
  position: absolute;
  top: 50px;
  right: 0;
  background-color: #eaeef0;
  width: 125px;
  padding: 25px;
  text-align: left;
  border-radius: 3px;
  -webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.2);
  -moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.2);
  box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.2);
}

header .user-info .user-submenu a{
  color: #042f58;
  font-size: 18px; 
  display: block;
}

header .user-info .user-submenu a:hover{
  color: #42c7f2;
}

/***************************************************
  SECTION HERO
***************************************************/

.card-body {    background-color: rgba(1, 254, 254, 0.2);
    color: #fff;
    font-size: 0.8em;
    font-family: Century Gothic, arial; padding: 20px; margin-top:50px; border:1px solid #e6e6e6;border-radius:20px 0px}

.btn { color:#00dcfe; font-weight: 50px; }

.cardTex {color: #fff; font-size: 1em;}

.hero-section {
  background: url("../images/hero.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}

.hero-section .hero-container{
  height: 600px;
}

.hero-section.small .hero-container{
  height: 300px;
}

.hero-section .hero-section-text{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 100px 100px 0px 0px;
}

.hero-section .hero-section-text h1{
  margin: 0 0 50px 0;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
 background: url("../images/fondTex.png") no-repeat;
  background-size: 380px;
  height: 145px;
  padding: 37px 0 0 28px;

}

.hero-section .hero-section-text h5{
  color: #042f58;
 
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  background-color: #fff;
    border-radius: 20px;
    padding: 13px;
    width: 36%;
}



.boton_personalizado{
    text-decoration: none;
    padding: 30px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #1883ba;
  
    border-radius: 0px 20px;
    border: 2px solid #0016b0;
   position: relative;
   float:right;
   bottom: 150px;
   right: 200px;

  }
  .boton_personalizado:hover{
    color: #ffff;
    background-color: #1b7a37;
     border-radius: 20px 0px;
    border-color: #fff;
  }


/***************************************************
  SECTION PROVIDER
***************************************************/

section.provider{
  background-color: #042f58;
  padding-bottom: 80px;
  margin-top: -20px;
}

section.provider .flip-box {
  background-color: transparent;
  width: 100%;
  height: 280px;
  perspective: 1000px;
  padding: 10px;
}

section.provider .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
}

section.provider .flip-box-front, .flip-box-back {
  
  width: 600px;
  height: 100%;
  backface-visibility: hidden;
  padding: 35px;
  margin:0 auto;
}

section.provider .flip-box-front {
  background-color: #039be5;
  color: #ffffff;
  border-radius: 0 20px 0 20px;
  
  
}

section.provider .flip-box-front img{
  max-width: 55px;
  margin: 20px 20px 20px;
}

section.provider .flip-box-front h3,
section.provider .flip-box-back h3{
  font-size: 21px;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 20px;
}

section.provider .flip-box-front a{
  color: #ffffff;
  border: 1px solid #ffffff;
}

section.provider .flip-box-front a:hover{
  color: #42c7f2;
  border: 1px solid #42c7f2;
}

section.provider .flip-box-back h3{
  margin-top: 25px;
}

section.provider .flip-box-front p,
section.provider .flip-box-back p{
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

section.provider .flip-box-back p{
  margin: 0 0 20px;
}

section.provider .flip-box-back .custom{
  cursor: pointer;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  font-size: 15px;
  padding: 12px 24px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

section.provider .flip-box-back {
  background-color: #42c7f2;
  color: #ffffff;
}

section.provider .logos{
  padding: 80px 15px 0 15px;
}

section.provider .logos img{
  opacity: 0.6;
}

section.provider .logos .big-logo-mb{
  margin-top: 60px;
}


/***************************************************
  SECTION SERVICIOS
***************************************************/
section.services{
  background-color: #eaeef0;
  padding: 80px 0;
}

section.services .wrapper{
  background-image: url("../images/workplace.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

section.services .wrapper .background-overlay{
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: rgba(255,255,255,0);
  background-image: url("../images/Brushoverlay06.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: auto;
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

section.services .wrapper .wrapper-services-box{
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 140px;
  margin-bottom: 180px;
}

section.services .wrapper .wrapper-services-box .services-box{
  background-color: #039be5;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 0px 0px 0px 0px;
  padding: 30px 15px 30px 15px;
  
  border-radius: 0 20px 0 20px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

section.services .wrapper .wrapper-services-box .services-box .services-content{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

section.services .wrapper .wrapper-services-box .services-box h2{
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background: url("../images/fondTexB.png") no-repeat;
  background-size: 271px;
  width: 280px;
  height: 144px;
  padding: 37px 0 0 47px;

}

section.services .wrapper .wrapper-services-box .services-box .divider{
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 0;
  font-size: 0;
  position: relative;
  width: 100%;
}

section.services .wrapper .wrapper-services-box .services-box .divider-separator{
  border-top-style: double;
  border-top-width: 4px;
  border-top-color: #ffffff;
  width: 75px;
  display: inline-block;
}

section.services .wrapper .wrapper-services-box .services-box p{
  color: #ffffff;
  line-height: 1.4;
  font-size: 20px;
  font-weight: 400;
}

section.services .carousel{
  text-align: center;
  padding: 50px 0;

}

section.services .carousel h4{
font-size: 35px;
  font-weight: 700;
  line-height: 1;
  color: #003462;
  text-transform: uppercase;
  background-size: 415px;
  height: 145px;
}

section.services .carousel img{
  max-width: 175px;
  margin: 0 auto;
}

section.services .carousel .owl-item{
  text-align: center;
}

.owl-prev {
  width: 15px;
  height: 30px;
  position: absolute;
  margin-left: 0;
  display: block !important;
  border: 0px solid black;
  font-size: 40px !important;
  color: #003462!important;
  top: 25%;
}

.owl-next {
  width: 15px;
  height: 30px;
  position: absolute;
  right: 0;
  display: block !important;
  border:0px solid black;
  font-size: 40px !important;
  color: #003462!important;
  top: 25%;
}

/***************************************************
  FOOTER
***************************************************/
footer{
background: rgb(200,16,47);
background: linear-gradient(180deg, rgba(200,16,47,1) 35%, rgba(0,11,101,1) 100%);
  color: #ffffff;
}

footer .wrapper{
  padding: 40px 15px;
  margin: 0 auto;
}
footer h2 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    font-family:century Gothic;
}

footer p {
    margin: 0;
    line-height: 1.4;
    font-size: 15px;
    font-family: Century Gothic;
}

footer .box{
  margin: 0 auto;
  max-width: 300px;
  width: 100% !important;
 
}

footer .footer-bar{
  background-color: #011020;
  padding: 45px 15px;
}

footer .footer-bar h2{
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding: 0;
}

footer .footer-bar .footer-social{
  margin-bottom: 20px;
  color: rgba(255,255,255,0.32);
}

footer .footer-bar .footer-social .social-icon:not(:last-child){
  margin-right: 22px;
}

footer .footer-bar .footer-social .social-icon:not(:hover) {
  background-color: rgba(255,255,255,0);
}

footer .footer-bar .footer-social .social-icon{
  font-size: 16px;
  padding: 0em;
  -webkit-border-radius: 10%;
  border-radius: 10%;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  transition: all .5s;
  color: #818a91;
}


footer .footer-bar .footer-social .screen-only{
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/***************************************************
  AUTHORIZATION
***************************************************/

section.authorization {
    background-image: url(../images/bg.jpg);
    padding: 50px 15px;
    background-size: cover;
    background-position-y: center;
    height: 700px;
}

section.authorization form{
  max-width: 450px;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  padding: 0 50px;
  border-radius: 20px; 

}

section.authorization form label {
    font-size: 21px;
    font-family: century Gothic;
    color: #fff;
}

section.authorization form input[type=text]{
  border: 1px solid #042f58;
  color: #042f58;
}


section.authorization form button.hollow {
    border: 1px solid #fff;
    color: #fff;
    font-family: century Gothic;
    font-size: 16px;
    background-color: #111;
}

section.authorization form button.hollow:hover{
  border: 1px solid #042f58;
  color:yellow;
  box-shadow: 1px 1px 50px green;
}

section.authorization form .message.success {
  color: #4CAF50;
  margin: 0 0 20px 0;
}

section.authorization form .message.warning {
  color: #EF3B3A;
  margin: 0 0 20px 0;
}

section.authorization h2 {
    color: #fff;
    font-weight:bolder;
    font-size: 72px;
    text-shadow: 5px 5px 10px #000;
    font-family: century Gothic;
    text-align: center;
}

/***************************************************
  PROFILE
***************************************************/
  section.profile{
    background-color: #f1f1f1;
    padding: 80px 15px 40px 15px;
  }

  section.profile h2{
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 30px;
    margin: 0 auto;
    background-color: #042f58;
    max-width: 450px;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 0;
  }

  .colorAn {color: #f1a253;}

  section.profile .profile-wrapper{
    border: 1px solid #042f58;
    border-radius: 0px 0px 10px 10px;
    padding: 25px;
    max-width: 450px;
    background: rgb(27,27,94);
background: radial-gradient(circle, rgba(27,27,94,1) 64%, rgba(12,0,80,1) 100%);
    margin: 0 auto 40px auto;
  }

  section.profile .profile-wrapper i{
    color: #f1a253;
    font-size: 32px;
    margin-right: 15px;
  }
.line {border-top: 1px solid #fff; margin-top: 10px; padding-top: 20px}

  section.profile .profile-wrapper h3{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
  }



  .colBl {color: #fff; margin-left: 20px;}


/***************************************************
  FAQ
***************************************************/
section.faq{
  background-color: #f1f1f1;
  padding: 80px 15px 40px 15px;
}

section.faq h2{
  text-align: center;
  color: #042f58;
  font-weight: 700;
  font-size: 42px;
  margin: 0 auto 40px auto;
  max-width: 450px;
  padding: 10px 0;
}

section.faq .faq-wrapper{
  margin: 0 auto;
  max-width: 600px;
}

section.faq .accordion{
  padding: 0;
}

section.faq ul.accordion{
  margin-top: 0;
}

section.faq ul.accordion p{
  margin: 0;
}

section.faq .accordion-title{
  font-size: 16px;
  font-weight: 700;

}

section.faq .faq-title:not(:first-child){
  margin-top: 40px;
}

section.faq .faq-title h3{
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  font-size: 28px;
  margin: 0 auto;
  background-color: #039be5;
  max-width: 600px;
  padding: 10px 0;
  border-radius: 0 20px 0;
}

section.faq .faq-disclaimer{
  color: #042f58;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  padding: 20px 15px;
}

section.faq .faq-disclaimer p{
  margin: 0;
}


.infogr {background-color: #0d1f35; }

/***************************************************
  CENTROS MEDICOS
***************************************************/
section.centros-medicos{
  background-color: #fff;
  padding: 80px 15px 40px 15px;
}

.hero-sectionB {
  background: url("../images/heroB.png") no-repeat;
  background-size: cover;
  background-position: center top;
}


.hero-sectionB .hero-containerB{
  height: 800px;
}

.hero-sectionB.smallB .hero-containerB{
  height: 600px;
}

.hero-sectionB .hero-section-textB{
 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 55px;
}


.hero-sectionB .hero-section-textB h1{
  margin: 0 0 30px 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background: url("../images/fondTexC.png") no-repeat;
  background-size: 415px;
  height: 145px;
  padding: 45px 0 0 46px;

}

.hero-sectionB .hero-section-textB h5{
  color: #042f58;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  background-color: #fff;
  border-radius: 20px;
  padding: 13px;
  width: 36%;
}


section.centros-medicos h2{
  text-align: center;
  color: #042f58;
  font-weight: 700;
  font-size: 42px;
  margin: 0 auto;
  max-width: 450px;
  padding: 10px 0;
}

section.centros-medicos .card{
  max-width: 340px;
  margin: 20px auto;
}

section.centros-medicos .card-divider{
 background-color: #039be5;
  color: #ffffff;
  border-radius: 0 20px 0 20px;

}


section.centros-medicos .card-section p{
  color: #042f58;

}

/***************************************************
  CENTRO MEDICO
***************************************************/
section.centro-medico{
  background-color: #fff;
  padding: 60px 15px 60px 15px;
}

section.centro-medico h2{
  text-align: center;
  color: #042f58;
  font-weight: 700;
  font-size: 42px;
  margin: 0 auto;
  max-width: 450px;
  padding: 10px 0;
}

section.centro-medico h4,
section.centro-medico strong{
  color: #042f58;
}

section.centro-medico thead{
  color: #ffffff;
  background-color: #039be5;
}



.card-bodyB {    background-color: rgba(27, 159, 0, 0.8);
    color: #fff;
    font-size: 0.8em;
    font-family: Century Gothic, arial; padding: 20px; border:1px solid #e6e6e6;border-radius:20px 0px; float: right !important; clear: none;
    width: 400px;}

.cardTexB {color: #fff; font-size: 1em;}

 .cardB{

  margin: 210px;
  float: right;
}


/***************************************************
  Red Primaria
***************************************************/


.hero-sectionC {
  background: url("../images/heroC.png") no-repeat;
   background-size: 100%;
  background-position: center top;
}

.hero-sectionC .hero-containerC{
  height: 800px;
}

.hero-sectionC.smallC .hero-containerC{
  height: 600px;
}

.hero-sectionC .hero-section-textC{
 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 55px;
}


.hero-sectionC .hero-section-textC h1{
  margin: 0 0 30px 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background: url("../images/fondTexD.png") no-repeat;
  background-size: 415px;
  height: 145px;
  padding: 45px 0 0 36px;

}

.hero-sectionC .hero-section-textC h5{
  color: #042f58;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  background-color: #fff;
  border-radius: 20px;
  padding: 13px;
  width: 36%;
}




/***************************************************
  GIMNASIOS
***************************************************/
section.gimnasios{
  background-color: #f1f1f1;
  padding: 60px 15px 60px 15px;
}

section.gimnasios h2{
  text-align: center;
  color: #042f58;
  font-weight: 700;
  font-size: 42px;
  margin: 0 auto;
  max-width: 450px;
  padding: 10px 0;
}


.hero-sectionD {
  background: url("../images/heroD.png") no-repeat;
   background-size: cover;
  background-position: center top;
}

.hero-sectionD .hero-containerD{
  height: 800px;
}

.hero-sectionD.smallD .hero-containerD{
  height: 600px;
}

.hero-sectionD .hero-section-textD{
 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 55px;
}


.hero-sectionD .hero-section-textD h1{
  margin: 0 0 30px 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background: url("../images/fondTexE.png") no-repeat;
  background-size: 415px;
  height: 145px;
  padding: 45px 0 0 36px;

}

.hero-sectionD .hero-section-textD h5{
  color: #042f58;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  background-color: #fff;
  border-radius: 20px;
  padding: 13px;
  width: 36%;
}



/***************************************************
  INFORMACION GENERAL
***************************************************/
section.informacion-general{
  background-color: #f1f1f1;
  padding: 60px 15px 60px 15px;
}



section.informacion-general h2{
  text-align: center;
  color: #042f58;
  font-weight: 700;
  font-size: 42px;
  margin: 0 auto;
  max-width: 450px;
  padding: 10px 0;
}

.video{
  margin: 0 auto;
  max-width: 750px;
  padding: 40px 0;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***************************************************
  CONDICIONES
***************************************************/
section.condiciones{
  background-color: #f1f1f1;
  padding: 60px 15px 60px 15px;
}

section.condiciones h2{
  text-align: center;
  color: #042f58;
  font-weight: 700;
  font-size: 42px;
  margin: 0 auto;
  max-width: 450px;
  padding: 10px 0;
}

section.condiciones h3{
  text-align: center;
  color: #042f58;
  font-weight: 700;
  font-size: 28px;
  margin: 0 auto;
  max-width: 450px;
  padding: 10px 0 25px 0;
}

section.condiciones .content-wrapper{
  max-width: 750px;
  margin: 0 auto;
}

section.condiciones .content-wrapper p{
  text-align: justify;
}

section.condiciones .content-wrapper p.img{
  text-align: center;
  display: block;
  margin: 60px 0;
}



.hero-sectionF {
  background: url("../images/heroF.png") no-repeat;
   background-size: cover;
  background-position: center top;
}

.hero-sectioF .hero-containerF{
  height: 800px;
}

.hero-sectionF.smallF .hero-containerF{
  height: 600px;
}

.hero-sectionF .hero-section-textF{
 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 55px;
}


.hero-sectionF .hero-section-textF h1{
  margin: 0 0 30px 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background: url("../images/fondTexG.png") no-repeat;
  background-size: 415px;
  height: 145px;
  padding: 45px 0 0 36px;

}

.hero-sectionF .hero-section-textF h5{
  color: #042f58;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  background-color: #fff;
  border-radius: 20px;
  padding: 13px;
  width: 36%;
}




/***************************************************
  FORMULARIOS
***************************************************/

section.formularios {

  padding: 60px 15px 60px 15px;
  text-align: center;
}

section.formularios h3{
  padding-top: 40px;
}

section.formularios h2{
  text-align: center;
  color: #042f58;
  font-weight: 700;
  font-size: 42px;
  margin: 0 auto;
  max-width: 450px;
  padding: 10px 0;
}

section.formularios h4,
section.formularios strong{
  color: #042f58;
}

section.formularios thead{
  color: #ffffff;
  background-color: #042f58;
}

.logo-pdf{
  max-width: 150px;
}



.hero-sectionE {
  background: url("../images/heroE.png") no-repeat;
   background-size: cover;
  background-position: center top;
}

.hero-sectionE .hero-containerE{
  height: 800px;
}

.hero-sectionE.smallE .hero-containerE{
  height: 600px;
}

.hero-sectionE .hero-section-textE{
 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 55px;
}


.hero-sectionE .hero-section-textE h1{
  margin: 0 0 30px 0;
  font-size: 39px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background: url("../images/fondTexF.png") no-repeat;
  background-size: 397px;
  height: 145px;
  padding: 53px 0 0 59px;

}

.hero-sectionE .hero-section-textE h5{
  color: #042f58;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  background-color: #fff;
  border-radius: 20px;
  padding: 13px;
  width: 36%;
}









/***************************************************
  Hero Centros medicos y Farmacias.
***************************************************/





.hero-sectionG {
  background: url("../images/heroG.jpg") no-repeat;
   background-size: cover;
  background-position: center top;
}

.hero-sectionG .hero-containerG{
  height: 400px;
}

.hero-sectionG.smallG .hero-containerG{
  height: 400px;
}

.hero-sectionG .hero-section-textG{
 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 55px;
}


.hero-sectionG .hero-section-textG h1{
  margin: 0 0 30px 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  background: url("../images/fondTexF.png") no-repeat;
  background-size: 415px;
  height: 145px;
  padding: 45px 0 0 36px;

}

.hero-sectionG .hero-section-textG h5{
  color: #042f58;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  background-color: #fff;
  border-radius: 20px;
  padding: 13px;
  width: 36%;
}




/***************************************************
  FORMULARIOS
***************************************************/
#frmRegistro .message.warning,
#frmConsulta .message.warning {
  color: #EF3B3A;
  margin-top: 20px;
  font-weight: 700;
}

.message.info {
  color: #4CAF50;
  margin-top: 20px;
  font-weight: 700;
}

@media screen and (max-width: 480px) {


section.provider .flip-box-front, .flip-box-back {
  
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding: 35px;
  
} section.provider .flip-box-front img{
  max-width: 55px;
  margin: 5px 5px 25px 10px;
}}


/* Medium and up */
@media screen and (min-width: 480px) {

  .main-header .logo{
    margin: 0 15px 0 0;
  }
  
  .main-header .social-icons{
    margin: 0 0 0 15px;
  }

  header .logo{
    top: 25px;
  }
  
  header .logo img {
    max-width: 185px;
  }

}

@media screen and (min-width: 640px) {
  
  section.provider .logos .big-logo-mb{
    margin-top: 0;
  }

  section.services .wrapper .wrapper-services-box .services-box{
    margin: 0px 0px 0px -65px;
    padding: 30px 30px 30px 7px;
  }

  section.provider .flip-box-front {
  background-color: #039be5;
  color: #ffffff;

  
}



}


/* Medium and up */
@media screen and (min-width: 768px) {
  
  header .navigation .hamburger {
    display:none;
  }

  header .user-info{
    right: 25px;
  }

  header .container{
    min-height: 110px;
  }

  header .navigation {
    margin-top: 0;
    padding-top: 20px;
    position: relative;
    z-index: 9;
  }
  
  header #menu {
    height: auto;
    padding: 15px 0 0 0;
    max-width: 520px;
    margin: auto 75px auto auto;
  }

  header #menu li:first-child {
    margin-top: auto;
  }

  header #menu li {
    display: inline-block;
    font-size: 0.9rem;
  }

  section.services .wrapper .wrapper-services-box .services-box{
    margin: 0px 0px 0px -300px;
    padding: 40px 40px 40px 40px;
  }




}

@media screen and (max-width: 508px) {

.heroPrin h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: relative; top: 120px;  }
.heroPrin p { position: relative; top: 180px;  }


.heroRedPref h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff;  position: relative; top: 120px; }
.heroRedPref p { position: relative; top: 180px;   }


.herorpimari h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: relative; top: 120px;  }
.herorpimari p { position: relative; top: 180px; }


.herocoberturas h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: relative; top: 120px;  }
.herocoberturas p { position: relative; top: 180px; }


.heroCondicionesParticulares h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: relative; top: 120px;  }
.heroCondicionesParticulares p { position: relative; top: 180px; }


.heroExclusiones h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: relative; top: 120px;  }
.heroExclusiones p { position: relative; top: 180px; }


.heroBeneficios h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: relative; top: 120px;  }
.heroBeneficios p { position: relative; top: 180px; }


.heroFormulario h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: relative; top: 120px;  }
.heroFormulario p { position: relative; top: 180px; }


.heroGym h1 { text-shadow: 1px 1px 15px #000; font-weight: bolder; color: #fff; position: relative; top: 120px;  }
.heroGym p { position: relative; top: 180px; }



hero-sectionC .hero-containerC{
  height: 220px;
}

.hero-sectionC.smallC .hero-containerC{
  height: 220px;
}


section.centros-medicos {
    background-color: #fff;
    padding: 20px 15px 40px 15px;
}

}
/* Large and up */
@media screen and (min-width: 1024px) {

  header .logo{
    top: 20px;
  }

  .main-header .logo img {
    max-width: 250px;
  }
  
  header .logo img {
    max-width: 250px;
  }

  section.services .wrapper .wrapper-services-box .services-box{
    margin: 0px 0px 0px -440px;
    padding: 30px 70px 70px 70px;
  }

  section.faq .faq-wrapper{
    max-width: 960px;
  }

  section.faq .faq-title h3{
    max-width: 960px;
  }

}

/* Large only */
@media screen and (min-width: 1200px) {
  
  header #menu {
    margin: auto;
  }

  header .user-info{
    right: 5px;
  }

  header .social-icons{
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 50px;
  }
}