/*Genovive 2019*/

@font-face {
	font-family:'OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
  font-family:'CenturyGothic';
  src: url('../fonts/CenturyGothic.ttf');
}

.no-padding{padding: 0;}

.navbar{ min-height: 90px; }

.navbar-brand{ height: auto; padding: 15px 0; }

.navbar-default{ z-index: 1; margin-bottom: 0; background-color: white; border-bottom:solid 3px #009639; padding: 10px 0; }

.navbar-default .navbar-nav>li>a{ color:#009639; font-size: 1em; font-family:'CenturyGothic'; font-weight: bold; }

.navbar-nav{ margin: 2.5rem 0px; }

.carousel-control.left, .carousel-control.right { background-image: none; }

.carousel-inner .item img{ width: 100%; }

.navbar-default .navbar-nav>.open>a{ background-color: transparent !important; }

.carousel-caption{ background-color: #94d60a; left: 0; right: 0; text-shadow: none;     bottom: 0%; }

#frase-home{ background-color: #94d60a; text-align: center; }

#frase-home p{ font-weight: bold; color: white; margin: 0 auto; font-size: 1.5em; line-height: 35px; width: 50%; padding: 30px 0;}

.carousel-caption p{ font-style: italic; font-weight: bold; width: 35%; margin: 0 auto; font-size: 1.3em; }

.dropdown-menu>li>a{ font-family:'CenturyGothic'; text-align: center; padding: 10px 20px; }

.dropdown-menu>li>a:hover{  background-color: #94d60b; }

p{ font-family:'CenturyGothic'; }

section h3 , footer h3{ margin-bottom: 35px; font-size: 40px; text-align: center; color: #00953a; font-family: 'CenturyGothic'; font-weight: bold; }

#nuestros-estudios p{ color: #77787b; text-align: center; /*font-family:'OpenSans-Regular';*/  font-size: 1.3em; }

#nuestros-estudios p span{ color: #00953a; font-weight: bold; }
section , footer{ padding: 50px 0px; }

footer p{ font-size: 0.9em; }

#barra{ padding: 30px 0; background-color: #009639; } 

#barra h4{ text-align: center; color: white; font-size: 1.5em; line-height: 35px; font-family:'CenturyGothic'; /*font-style: italic;*/ font-weight: bold; }

#fondo , #perfil-genetico{ background-color: #f1f1f2; }

#fondo p{ text-align: center; }

#fondo p a{ color: #77787b;  }

#fondo img{ margin: 0 auto; display: table; }

section p{ color: #77787b; }

.servicios{ font-family: 'CenturyGothic'; background-repeat: no-repeat; background-size: 50%; min-height: 425px; }
.servicios h3 {    font-size: 2em;  height: 70px; text-align: left; padding: 15px 0 15px 80px; background-image: url("../imagenes/nutrigenetica.jpg"); background-repeat: no-repeat; background-size: contain; }
.servicios h3 a{ color: #00953a; }
.servicios h4{ color: #95d600; font-weight: bold; font-size: 1.5em; padding-left: 2%; }
.servicios ul li{ /*font-family:'OpenSans-Regular';*/ color: #77787c; font-family: 'CenturyGothic'; }
.servicios ul li span{ color: #00953a; font-weight: bold;  font-family: 'CenturyGothic';  }
#servicio1{ background-image: url('../imagenes/back-nutrigenetica.jpg');}

#servicio2 h4,#servicio2 h3, #servicio2 p{ text-align: right; }
#servicio2 h3{ background-image: url("../imagenes/farmacogenetica.jpg"); padding: 15px 80px 15px 0px; background-position: right; }
#servicio2 p{ color: #00953a; font-family: 'CenturyGothic'; font-weight: bold; }

#servicio2{ background-image: url('../imagenes/back-farmacogenetica.jpg'); background-position: right; }

#productos #box-verde p strong{ font-size: 1.1em; }

.paso{ text-align: center; background-color: white; padding-bottom: 30px; }
.paso h4{ font-size: 1.5em; background-color: #94d60a; color: white; text-align: center; padding: 15px 0px; font-family: 'CenturyGothic'; font-weight: bold; }
.paso img{ margin: 35px auto; display: table; }
.paso p{ font-weight: bold; color: #77787b; font-size: 1.4em; }
.paso , .paso2{ min-height: 290px; }
.paso2{  background-color: #01963a; text-align: center; padding: 0 15px 30px 15px; }
.paso2 h4{ font-size: 1.5em; border-bottom: 3px dotted white; font-family: 'CenturyGothic'; font-weight: bold; color: white; text-align: center; padding: 15px 0px; margin: 10px 25px;}
.paso2 p{ color: white; font-size: 1.1em; }

#home-telefono{ background-image: url("../imagenes/telefono.png"); background-repeat: no-repeat; padding-left: 40px; background-size: contain; }
#home-mail{ background-image: url("../imagenes/mail.png"); background-repeat: no-repeat; padding-left: 40px; background-size: contain;}
#home-instagram{ background-image: url("../imagenes/instagram.jpg"); background-repeat: no-repeat; padding-left: 40px; background-size: contain; }
#home-ubicacion{ background-image: url("../imagenes/ubicacion.jpg"); background-repeat: no-repeat; padding-left: 40px; background-size: 30px; }

.box-productos{ margin: 40px auto; width: 90% }
.box-productos h4{ font-weight: bolder; font-size: 1.7em; font-family: 'CenturyGothic'; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0; color: white; background-color: #95D600;  height: 90px; line-height: 35px; }
.box-productos .txt-productos{ font-size: 1.2em; padding: 20px; border-bottom: 1px solid #009639; border-left: 1px solid #009639; border-right: 1px solid #009639;  }
.box-productos .txt-productos ul{ margin: 25px 0; }
.box-productos .txt-productos ul li{ line-height: 30px; list-style: none; font-family: 'CenturyGothic'; color: #77787b; }
.box-productos .txt-productos .precio{ margin: 15px 0; color: #009639; }
.box-productos .txt-productos a img{ width: 170px;  }

.barra-prod{ margin-top: 120px; width: 90%; border-top: 4px dotted #009639; } 

.box-productos .txt-productos a{ margin-left: 63%; }

.box-productos .txt-productos ul li:before {
    display: block;
    position: absolute;
    content: "• ";
    font-size: 20px;
    color: #009639;
    vertical-align: middle;
    width: 15px;
    margin-left: -20px;
}

.italic{ font-style: italic; }

#box-verde{ margin: 20px 0; color: white; background-color: #009639; padding: 30px; } #box-verde p{ font-size: 1.5em; color: white; font-family: 'CenturyGothic';  }

#quienes-somos{    
	background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../imagenes/quienes-somos.jpg");
    background-position: top right;
}
#barra-verde{ background-color: #01963a; } 
#barra-verde p{ text-align: center; color: white; font-family: 'CenturyGothic'; font-weight: bold; }
#barra-verde img{ margin: 0 auto;  display: table; width: 40%; }

#control-peso{ background-color: #f3f3f3; } #control-peso{ background-image: url('../imagenes/control-peso-back.jpg');}
#atletas-rendimiento{ background-image: url('../imagenes/atletas-rendimiento-back.jpg'); background-position:top right; }

#control-peso h3 , #atletas-rendimiento h3{ background-image: none; padding: 15px 0px; }

#control-peso .info p{ font-size: 0.95em; text-align: center; color: #77787B; } #control-peso .info img{ margin: 0 auto; display: table; }

#frase{  background-color: #01963a; }
#frase p{ font-size: 1.6em; text-align: center; color: white; font-family: 'CenturyGothic'; font-weight: bold;}

#faq { background-image: url("../imagenes/back-fqa.jpg"); background-repeat: no-repeat; background-position: top right; }


#faq h3{ text-align: left; }

#faq p a{ color: #95D600; font-weight: bold; }

#faq .txt{ margin: 30px 0; }

#faq .panel-title a:hover, #faq .panel-title a:focus , #faq .panel-title a:active{ text-decoration: none; }

#faq .panel-title a:before{
    content: "▼ ";
    font-size: 20px;
    color: #95D600;
    margin-left: -13px;
}

#faq .panel-title .collapsed:before{
    content: "► ";
    font-size: 20px;
    color: #95D600;
    margin-left: -13px;
}


#faq .panel-default{border-color:transparent; }
#faq .panel{ box-shadow: none; -webkit-box-shadow: none; }

#estado-salud{ padding-bottom: 20px; background-color: #f3f3f3; background-image: url('../imagenes/estado-salud-back.jpg');  background-repeat: no-repeat; background-size: 50%; }  
#estado-salud h3{ font-size: 1.8em; text-align: left;}

#dotted { border: 5px dotted #01963a; padding: 5%;  }

#dotted ul li{ font-family: 'CenturyGothic'; color: #77787b; list-style: none; }

#dotted ul li::before {
    content: "• ";
    font-size: 15px;
    color: rgb(149, 214, 0);
    margin-left: -13px;
    color: #02963a;
}

#dotted h4{ color: #00953A; font-family: 'CenturyGothic'; font-weight: bold; }

#quienes-somos1{ 
    background-position: right 25%;
    background-repeat: no-repeat;
    background-size: 60%;
    background-image: url("../imagenes/quienes-somos-back.jpg");
}

#farmacogenetica h4{ font-family: 'CenturyGothic'; font-weight: bold; color: #009639;}

#farmacogenetica img{ margin: 0 auto; display: table; }

#farmacogenetica .txt{ margin-top: 10px; color:#77787B;  font-family: 'CenturyGothic'; font-weight: bold; text-align: center; }

#quienes-somos1 h3{ text-align: left; font-size: 1.7em; }

#quienes-somos1 p{ line-height: 25px; }  #quienes-somos1 p span{ font-weight: bold; color: #00953A; }

#quienes-somos1 .txt-verde-limon{ margin: 30px 0px;  }

.txt-verde-limon{ color: #95D600; }

.txt-verde-limon:hover , .txt-verde-limon:focus, .txt-verde-limon:active{ color: #95D600; }

#perfil-genetico{ background-color: #f3f3f3; }

#perfil-genetico .paso , #perfil-genetico .paso2{ margin-top: 30px; }

#perfil-genetico h3{ margin-bottom: 15px; text-align: left; font-size: 2em; } #perfil-genetico .txt {  color: #02963a; font-family: 'CenturyGothic'; font-weight: bold; }

#faq .panel-default>.panel-heading{ background-color: transparent;  } 
#faq .panel-default>.panel-heading .panel-title a{ font-family: 'CenturyGothic'; font-weight: bold; color: #009639;}
#faq .panel-default{ border-color: transparent; }

#estudio-nutrigenetica{ background-image: url('../imagenes/estudio-nutrigenetica.jpg'); background-position:top right; }
#estudio-farmacogenetica{background-image: url('../imagenes/estudio-farmacogenetica.jpg'); }

#estudio-nutrigenetica,#estudio-farmacogenetica { padding: 3em 0; min-height: 390px; }

#atletas-rendimiento ul li,#control-peso ul li { font-weight: bold; color: #00953A; }

#control-peso p span{ }

#atletas-rendimiento .pleca{ margin: 25px 0px; background-color: #01963a; padding: 20px; } #atletas-rendimiento .pleca p{ color: white; }

#atletas-rendimiento p span{ color: #95D600; }

#estudio-nutrigenetica h3 ,#estudio-farmacogenetica h3{ background-image: none; padding: 15px 0; }

#estudio-nutrigenetica p span,#estudio-farmacogenetica p span{ font-family: 'CenturyGothic'; font-weight: bold; color: #009639; }

#fondo-perfil{ background-color: #95d60a; } #fondo-perfil p{ color: white; }

.btn-partners{ 
	min-height: 75px;
	font-size: 1.1em;
	font-family: 'CenturyGothic';
    font-weight: bold;
	color: white;
    display: block;
    width: 100%;
    background-color: #95d60a;
    text-align: center; 
    padding: 15px 30px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-partners:hover, .btn-partners:focus, .btn-partners:active{ color: white; text-decoration: none; background-color: #00953a;  }

#partners{
	background-repeat: no-repeat;
    background-image: url("../imagenes/partners.jpg");
    background-size: 50%;
    background-position: top right; 
}

#partners p{ margin: 15px 0px; font-size: 1.2em; }

#partners p span{ color: #00953a; font-weight: bold; }

#medico h3{ text-align: left; font-size: 2em; } #medico h4{ color: #95D600; font-family: 'CenturyGothic'; font-weight: bold; }

#medico p span{ color: #00953A; font-weight: bold; }

#medico p { color: #77787B; }

#medico .txt-verde-limon{ color: #95D600; }

#medico p a{ color: #95D600; }

#medico p strong{ font-size: 1.2em; }

#medico a {font-family: 'CenturyGothic'; font-weight: bold; }

#medico .btn-medico{ background-color:#95D600;  color: white; padding: 10px; display: inline-block; margin: 15px 0; }

#medico .btn-medico:hover , #medico .btn-medico:focus , #medico .btn-medico:active{ background-color:#00953A; text-decoration: none; }

#partners h3{ margin-bottom: 15px; text-align: left; font-size: 2em;  }

.medicos-especialidad{  min-height: 930px;  background-position: bottom left;    background-size: 50%; background-repeat: no-repeat; background-image: url("../imagenes/medico-especialidad-back.jpg"); }

#medicos-especialidad hr ,#medico hr,#farmacogenetica hr{ border-top: 4px dotted #00953a; width: 100%; display: inline-block; }

.table-genovive tr td{ font-family: 'CenturyGothic'; color: #77787b;  padding: 10px; border: 2px solid #95D600; /*font-family:'OpenSans-Regular'; */}

footer h4{ font-size: 1.1em; background-position: bottom left; padding-bottom: 20px; font-family: 'CenturyGothic'; font-weight: bold; color: #00953a; background-repeat: no-repeat; background-image: url("../imagenes/footer-genovive.jpg");  }
footer h3{  margin-bottom: 40px; background-position: center;  background-repeat: no-repeat; background-image: url("../imagenes/back-contacto.jpg"); } 

footer{ color: #898a8d; font-size: 1.5em; }

footer a, footer a:hover{ color: #898a8d; }

.modal-body img{ margin: 0 auto;  display: table; } .modal-body{ padding: 0; }
.modal-lg {  width: max-content; }

#redes-sociales{top: 10px; width: 90px; z-index: 2; position: relative; float: right; right: 6%; } #redes-sociales a{ margin-right: 15px; float: left;}

#fondo-barra{ background-color: #009639; }
#fondo-barra p , #fondo-barra p a{font-family: 'CenturyGothic'; color: white; text-align: center; margin: 0; padding: 5px 0; }

@media (min-width: 768px){
	.navbar-right .dropdown-menu { right: 0; left: 0; }
}

@media (max-width: 768px){
  .box-productos .txt-productos a{ margin-left: 33%; }
    #farmacogenetica .txt{ font-size: 1.5em; }
    #quienes-somos1 p{ font-size: 1em; }
    .carousel-caption p{ width: 90%; }
    .paso, .paso2 { min-height: 315px; }
    .navbar-default .navbar-nav>li>a{ font-size: 1em; }
    .navbar-nav{ margin: 0.5rem 0px; }
    .navbar-header{float: left;  position: absolute;}
    .navbar-brand{ padding: 0; width: 180px; }
    .paso p{ font-size: 1em; }
    #home-telefono{ font-size: 0.8em; }
    #frase-home p{ width: 90%; }
    .box-productos h4{ font-size: 1.4em; }
    #box-verde p {  font-size: 1.2em; }
}

@media (min-width: 768px) and (max-width: 1100px) {
  #redes-sociales{ top: 0; position: absolute; }
  .navbar-default .navbar-nav>li>a{ font-size: 0.8em; }
  .navbar-default .navbar-nav>li>a { font-size: 0.6em; }
}

@media (min-width: 768px) and (max-width: 900px) {
  .nav>li>a{ padding: 10px; }
}

@media (min-width: 0px) and (max-width: 767px) {
    #frase-home p{ width: 100%; padding: 10px; font-size: 0.9em; line-height: 20px; }
    #barra h4{ font-size: 0.9em; line-height: 20px; }
    section h3, footer h3{ font-size: 30px; }
    section{ background-image: none !important; }
    .paso p { font-size: 1.5em;}
    .navbar-brand{ width: 60%; }
    .navbar-header{ position: inherit; float: none; }
    .navbar-default .navbar-nav>li>a{ font-size: 1.3em; text-align: center; }
    #farmacogenetica img {  max-width: 132px; }
    #fondo-perfil #home-telefono{ font-size: 1em; }
    #redes-sociales{ top: 56px; }
    #navbar{ margin-top: 15px; }
    .navbar-toggle{ margin-right: -30px; }
}

/**flip**/

.flip {
  min-height: 320px;
  -webkit-perspective: 800;   
          perspective: 800;
        position: relative;
        text-align: center;
}
.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
}
.flip .card {
    width: 100%;
    height: 178px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;  
}
.flip .card .face {
  -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
   z-index: 2;
}
.flip .card .front {
   position: absolute;
   width: 100%;
   z-index: 1;
}
/*.flip .card .front img{
  width: 270px;
  height: 100%;
}*/
.flip .card .img {
   position: relaitve;
   width: 270px;
   height: 178px;
   z-index: 1;
   border: 2px solid #000;
}
.flip .card .back {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
  position: absolute;
}
.inner{
  margin:0px !important;
  width: 100%;
}

@media (min-width: 1000px) and (max-width: 1100px) {
  .box-productos .txt-productos a{ margin-left: 53%; }
}


@media (min-width: 1600px){
  .container { width: 90%; }
}


@media (min-width: 1100px) and (max-width: 1200px) {
  .navbar-brand>img{ width: 190px; }
  .navbar-default .navbar-nav>li>a{ font-size: 0.9em; }
  .nav>li>a{ padding: 10px 10px; }
}