@font-face {font-family: 'Montserrat', sans-serif;font-style: normal;font-weight: normal;}
@font-face {font-family: 'Lora', serif;font-style: normal;font-weight: normal;}
*{margin: 0;padding: 0;text-decoration: none;border: none;outline: none;font-family: 'Montserrat', sans-serif;box-sizing:border-box;}
*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {-webkit-font-smoothing: antialiased;letter-spacing: .1px;line-height: 1.23em;color: #757575;}
a,a:hover {text-decoration:none;}
#wrapper{width: 100%;text-align:center;margin: 0 auto;}
.overlay {opacity:1; background: rgba(0,0,0,0.7); width:100%;height:100%; top:0; left:0; position:fixed;z-index:10;visibility:visible;}
.messagebox {border-radius: 5px;text-align: center;display: inline-block;width: 100%; margin: 20px 0px 0px 0px;}
.messagebox .mensaje {width:45%;display: inline-block;}
.messagebox .aceptar {background-color: #ff6789;padding: 10px;color: white; margin: 0px 0px 0px -40px; position: absolute; display: inline-block;}
.top-bar{width: 100%;background-color: #decece;display: inline-block;text-align: center;}
.top-content{width: 1024px;display: inline-flex;text-align: center;margin: 10px 0px 10px 0px;}
.top-contacto .t-telefono{display: inline-flex;margin-right: 10px;font-size: 14px;text-align: left;}
.t-telefono a{margin-right: 3px;}
.top-contacto .t-correo{display: inline-flex;margin-right: 10px;font-size: 14px;text-align: left;}
.top-contacto .whatsapp-top{display: inline-flex;margin-right: 10px;font-size: 14px;text-align: left;}
.whatsapp-top .nw {margin-right: 3px;}
.top-content .top-contacto{display: inline-flex;text-align: left;color: white;width: 115%;}
.top-contacto i{margin: 2px 5px 0px 0px; font-size: 14px;}
.top-contacto a{color: white;}
.top-contacto a:hover{color: #af668b;}
.top-content .top-redessociales{text-align: right;float: right;color: white;width: 50%;}
.top-redessociales i{color: white;margin-right: 10px;font-size: 16px;}
.top-redessociales i:hover{color: #d680ac;}
.logo-content{width: 100%;display: inline-block;text-align: center;}
.logo-menu{width: 1024px;display: inline-block;text-align: center;margin: 30px 0px 30px 0px;}
.logo-menu .logo{display: inline-block;float: left;}
/*----------------MENU---------------*/
.main {width: 100%;text-align: center;background: white;display: inline-block;}
.content-menu{width: 1024px; margin: 40px 0 40px 0px; display: inline-block;}
.logo {display: inline-block; float: left;}
.demo-nav {float:right;margin:12px 0;list-style:none;}
.demo-nav-link {}
.demo-nav-link a {color:#2BA6CB;text-decoration:none;}
/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
.nav {position: relative; display:inline-block;font-size:14px;float: right;margin-right: 0px;}
.nav-list {display:inline-block;width: 100%;}
.nav-item {z-index: 2; display:inline-block;position:relative;padding: 10px 0px 0px 30px;}
.nav-item a {display:block;color:#232a34;padding:15px 20px;border-bottom: 3px solid #f2f2f2;font-weight: 600;text-transform: uppercase;font-size: 13px;}
.nav-item i{padding-left: 5px;}
.nav-item > a:hover {color: #d680ac;border-bottom:3px solid #d680ac;}
.nav-item:hover .nav-submenu {display:block;}
/* Navigation submenu */
.nav-submenu {display:none;position:absolute;padding-left:0;width:220px;list-style: none;}
.nav-submenu-item a {background: #d680ac;border-bottom:1px solid #bb7398;display:block;padding:15px;color: white;}
.nav-submenu-item a:hover {background: #bb7398;}
/* Mobile navigation */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;position:absolute;top:0;right:0;background:#decece url(../img/nav.svg) no-repeat center center;background-size:18px;height:50px;width:100%;}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {position:absolute;top:0;right:0;display:none;height:49px;width:50px;cursor:pointer;background: #decece;}
.nav-click i {display:block;height:48px;width:48px;background:url(../img/drop.svg) no-repeat center center;background-size:20px;}
.nav-click:hover {background-color:#d680ac;}
.nav-rotate {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 800px) {.nav-mobile {display:block;margin: 20px 0px 0px 0px;}.nav {width:100%;}.nav-list {display:none;margin: 80px 0px -70px 0px;}.nav-item {width:100%;float:none;padding: 0px;}.nav-item > a {padding:15px;border-bottom: 1px solid #f2f2f2;}.nav-item > a:hover {border-bottom: 1px solid #d680ac;}.nav-click {display:block;}.nav-mobile-open{border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}.nav-item:hover .nav-submenu {display:none;}.nav-submenu {position:static;width:100%;}}
/*----------------MENU---------------*/
/*----------------slider---------------*/
.pogoSlider-slide-element{font-size: 30px;color: #E43878;text-align: center;margin: 0px 0px 0px 100px;}
.pogoSlider img{display: inline-block; float: right;margin-right: 150px; height: 100%;}
.pogoSlider-slide-element .s-texto{display: inline-block;margin-left: 100px;text-align:center; height: 100%;}
.pogoSlider-slide-element .s-texto-1{display: inline-block;margin-left: 100px;text-align:center; height: 100%;}
.s-texto-1 .st-1{font-size: 80px;color: #d680ac;line-height: 1;font-weight: 400;text-transform: uppercase;}
.s-texto-1 .sp1-1{font-size: 25px;color: #323232;margin: 100px 0 10px 0px;text-align: center;line-height: 1.3;font-weight: 500;text-transform: uppercase;}
.s-texto-1 .sp-1{font-size: 25px;color: #323232;margin: 20px 0 40px 0px;text-align: center;line-height: 1.3;font-weight: 500;}
.s-texto-1 .sb-1{font-size: 25px;color: white;text-align: right;background-color: #d680ac;padding: 15px;}
.s-texto-1 .sb-1:hover{background-color: #af668b;}
.pogoSlider-slide-element .si-2{text-align: right;float: right;}
.s-texto .st-2{font-size: 50px;color: #323232;text-align: center;margin: 0px 0 40px 0px;line-height: 70px;font-weight: 400;text-transform: uppercase;}
.st-2 span{color: #d680ac;font-size: 80px;font-weight: 400;text-transform: uppercase;}
.s-texto .sp-2{font-size: 25px;color: #323232;margin: 80px 0 40px 0px;text-align: center;line-height: 1.3;}
.s-texto .sb-2{font-size: 25px;color: white;text-align: right;background-color: #d680ac;padding: 15px;}
.s-texto .sb-2:hover{background-color: #af668b;}
.pogoSlider-slide-element .si-3{text-align: right;float: right;}
.s-texto .st-3{font-size: 50px;color: #323232;text-align: center;margin:0px 0 40px 0px;line-height: 1;font-weight: 400;text-transform: uppercase;}
.st-3 span{color: #d680ac;font-size: 80px;font-weight: 400;text-transform: uppercase;}
.s-texto .sp-3{font-size: 25px;color: #323232;margin: 80px 0 40px 0px;text-align: center;line-height: 1.3;}
.s-texto .sb-3{font-size: 25px;color: white;text-align: right;background-color: #d680ac;padding: 15px;}
.s-texto .sb-3:hover{background-color: #af668b;}
/*----------------slider---------------*/
@media only screen and (max-width: 800px) {.pogoSlider-slide-element {text-align: center;}.pogoSlider-slide-element h2 {font-size: 32px;}.pogoSlider-slide-element p {font-size: 16px;margin: 0 0 10px;}}
/*----------------slider---------------*/
.contenido{width: 100%;display: inline-block;text-align: center;}
.c-content{width: 1024px;display: inline-flex;text-align: center;margin: 100px 0px 50px 0px;}
.c-texto{display: inline-block;text-align: center;width: 100%;margin-right: 20px;}
.c-texto h3{letter-spacing: 5px;font-size: 20px;color: #222222;text-transform: uppercase;text-align: left;margin-bottom: 20px;line-height: 30px;}
.c-texto p{text-align: justify;font-size: 14px;margin-right: 20px;line-height: 26px;font-weight: 300;color: #222222;}
.c-texto .c-img{display: inline-block;text-align: center;width: 100%;}
.servicios{display: inline-block;width: 100%;text-align: center;}
.s-titulo{display: contents; width: 1024px;text-align: center;margin: 50px 0px 0px 0px;}
.s-titulo h3{font-size: 24px;letter-spacing: 5px;text-align: center;color: #222222;margin-bottom: 10px;font-weight: 700;text-transform: uppercase;padding: 0px 10px 0px 10px;line-height: 24px;}
.s-titulo .separador{background-image: url(../img/separador.png);background-position: center center;background-repeat: no-repeat;margin-bottom: 10px;height: 20px;}
.grid {position: relative;clear: both;margin: 30px 0px 100px 0px;width: 830px;list-style: none;text-align: center;display: inline-block;}
/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;margin: 10px 1%;min-width: 320px;max-width: 400px;max-height: 400px;width: 48%;height: auto;text-align: center;cursor: pointer;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: left;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2,
.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
/***** Goliath *****/
/*-----------------*/
figure.effect-goliath {background: #d680ac;}
figure.effect-goliath img,
figure.effect-goliath h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-goliath img {-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure.effect-goliath h2{position: absolute;bottom: 0;left: 0;padding: 0px 0px 30px 15px;line-height: 38px;}
figure.effect-goliath p {position: absolute;bottom: 0;left: 0;padding: 0px 8px 15px 8px;}
figure.effect-goliath p {text-transform: none;font-size: 14px;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}
figure.effect-goliath:hover img {-webkit-transform: translate3d(0,-80px,0);transform: translate3d(0,-80px,0);}
figure.effect-goliath:hover h2 {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
figure.effect-goliath:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
@media screen and (max-width: 25em) {.codrops-header {font-size: 75%;}.codrops-icon span {display: none;}}
/*-----------------*/
/*------------------Formulario-----------------------*/
.area-formulario{width: 100%;text-align: center;display: block;background: radial-gradient(circle, #ffffff, #decece);height: 470px;}
.area-formulario-fondo{width: 1200px;text-align: center;display: inline-flex;}
.area-formulario-fondo .img-formulario{float: left;text-align: left;}
.img-formulario img{height:470px;}
.area-formulario-fondo .content-form{width: 600px;text-align: right;display: inline-block;}
.area-formulario iframe{text-align: center;display: inline-block;background: #d680ac;background-size: cover;height: 470px;}
/*----------------------------------------------------*/
.formContainer {position: fixed;top: 50px;right: 30px;left: 34px;margin: auto;}
.formContainer .formHeader h3 {font-size: 24px;letter-spacing: 5px;text-align: center;color: white;margin-bottom: 10px;font-weight: 700;text-transform: uppercase;}
.formHeader .separador{background-image: url(../img/separador-1.png);background-position: center center;background-repeat: no-repeat;height: 20px;}
.formulario {text-align: center;color: white;font-family: Arial, Helvetica, sans-serif;}
.formulario .rf_notice {text-align: center;font-size: 14px;margin-right: 20px;line-height: 26px;font-weight: 300;color: white;}
.formulario .fl_label {cursor: text;display: none;}
.boton-formulario {background: #ffffff;border-radius: 4px;border: 1px solid #af668b;color: #d680ac;font-size: 13px;padding: 5px 25px;display: inline-block;margin: auto;float: left;text-transform: uppercase;font-weight: 600;}
.boton-formulario:hover {cursor:pointer;background: #af668b;color: rgb(255, 255, 255);border: 1px solid #decece;}
.boton-formulario:focus {outline:none;border: 1px solid #FF4E70;}
.formulario .fl_wrap {/* Can change */width: 100%;height: 46px;margin:12px auto; /* change 0 to auto for center alignment *//* Don't change */display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}/* initial label state */
.formulario label {/* Can change */top: 15px;left: 5px;/* Don't change */position:absolute;z-index:3; /* This can be removed but then the labels must be placed after the inputs in the HTML */-webkit-transition: all .05s linear;-moz-transition: all .05s linear;-transition: all .05s linear;}
.formulario input {/* Can change */background: none;border:none;border-bottom: 1px solid #af668b;border-radius: 0;font-size: 14px;font-weight: 300;height: 40px;padding: 0px 0 0 5px;/* Don't change */position:absolute;top:15px;left:0;right:0;bottom:0;width: 100%;z-index:2; /* This can be removed but then the labels must be placed after the inputs in the HTML */-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.formulario input:focus{padding: 5px 0 0 5px;line-height: 40px;}
.formulario input::-webkit-input-placeholder{color: white;}
.formulario input:-moz-placeholder{color: white;}
.formulario input::-moz-placeholder{color: white;}
.formulario input:-ms-input-placeholder{color: white;}
.formulario input:focus::-webkit-input-placeholder{color: #efefef;font-size: 10px;line-height: 10px;}
.formulario input:focus:-moz-placeholder{color: #efefef;font-size: 10px;line-height: 10px;}
.formulario input:focus::-moz-placeholder{color: #efefef;font-size: 10px;line-height: 10px;}
.formulario input:focus:-ms-input-placeholder{color: #efefef;font-size: 10px;line-height: 10px;}
/*-----------------------------------------------------------------------------*/
.boton-borrar {background: #ffffff;border-radius: 4px;border: 1px solid #af668b;color: #d680ac;font-size: 13px;padding: 5px 25px;display: inline-block;margin: auto;float: right;text-transform: uppercase;font-weight: 600;}
.boton-borrar:hover {cursor:pointer;background: #af668b;color: rgb(255, 255, 255);border: 1px solid #decece;}
.boton-borrar:focus {outline:none;border: 1px solid #FF4E70;}
.botones{width: 280px;display:inline-block;margin: 50px 0 0 0;}
/*-----------------------------------------------------------------------------*/
/*---------------------------Footer-------------------------------*/
.all-foorter{width: 100%;display: inline-block;background: #2b3034;text-align: center;}
.footer-content{width: 1024px;display: inline-flex;text-align: center;margin: 60px 0px 60px 0px;}
.footer-content .footer1{display: inline-block;width: 300px;margin: 0px 0px 0px 60px;}
.footer-content .footer2{display: inline-block;width: 300px;margin: 0px 0px 0px 60px;}
.footer-content .footer3{display: inline-block;width: 300px;margin: 0px 0px 0px 0px;}
.footer1 h3{text-align: left;color: white;font-size: 14px;line-height: 24px;font-weight: 400;position: relative;letter-spacing: 5px;}
.footer1 p{text-align: justify;color: #afb0b2;padding-top: 20px;font-size: 13px;margin-right: 20px;line-height: 26px;font-weight: 300;}
.footer1 h3:before{content: "";display: block;bottom: -5px;left: 0px;width: 35px;height: 2px;background-color: #d680ac;position: absolute;}
.footer2 h3{text-align: left;color: white;font-size: 14px;line-height: 24px;font-weight: 400;position: relative;letter-spacing: 5px;}
.footer2 span{margin-left: 15px;}
.footer2 .f-span{margin-left: 20px;}
.footer2 .f-datos{margin-top: 20px;}
.footer2 p{text-align: left;color: #afb0b2;font-size: 13px;line-height: 22px;font-family: 'Open Sans', sans-serif;}
.footer2 h3:before{content: "";display: block;bottom: -5px;left: 0px;width: 35px;height: 2px;background-color: #d680ac;position: absolute;}
.footer2 a{color: #afb0b2;}
.footer2 a:hover{color: #af668b;}
.footer2 i{color: #d680ac;padding-right: 5px;}
.footer3 h3{text-align: left;color: white;font-size: 14px;line-height: 24px;font-weight: 400;position: relative;letter-spacing: 5px;}
.footer3 p{text-align: left;color: #afb0b2;font-size: 13px;line-height: 22px;padding-top: 20px;}
.footer3 h3:before{content: "";display: block;bottom: -5px;left: 0px;width: 35px;height: 2px;background-color: #d680ac;position: absolute;}
.footer3 ul{text-align: left;font-size: 13px;line-height: 22px;padding: 20px 0px 0px 15px;}
.footer3 a{color: #afb0b2;text-align: justify;font-size: 13px;margin-right: 20px;line-height: 26px;font-weight: 300;}
.footer3 a:hover{color: #af668b;}
.copyright{background-color: #2b3034;width:100%;display: inline-block;text-align: center;border-top: 1px solid #414549;}
.f-copy{display: inline-block;width: 1024px;text-align: center;margin: 30px 0px 50px 0px;}
.f-copy .fc-texto{text-align: left;color: white;display: inline-block;font-size: 13px;float: left;margin-top: 8px;font-weight: 300;}
.fc-texto a {color: white;}
.f-copy .footer-redessociales{text-align:right;float: right;}
.footer-redessociales i{display: inline-block;width: 34px;height: 34px;line-height: 34px;font-size: 14px;margin: 0 0 7px 7px;background-color: #414549;position: relative;color: #ffffff;-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out;text-align: center;}
.footer-redessociales  i:hover{background-color: #d680ac;}
/*------------------ Tratamientos Faciales ----------------*/
.barra{width: 100%;text-align: center;display: inline-block;background-image: url(../img/slider1-bg.jpg);background-position: center center;}
.content-barra{width: 1024px;text-align: center;display: inline-block;margin: 60px 0px 50px 0px;color: white;}
.content-barra h3{letter-spacing: 10px;font-size: 30px;color: #d680ac;text-transform: uppercase;text-align: center;line-height: 30px;margin-bottom: 10px;padding: 0px 10px 0px 10px; display: inline-block;}
.content-barra p{font-size: 14px;color: #d680ac;text-align: center;font-weight: 300;padding: 0px 10px 0px 10px; display: inline-block;}
.content-barra .separador{background-image: url(../img/separador.png);background-position: center center;background-repeat: no-repeat;margin-bottom: 10px;height: 20px;}
.contenido-seccion{width: 100%;display: inline-block;text-align: center;}
.c-seccion{width: 1024px;display: inline-flex;text-align: center;margin: 100px 0px 30px 0px;}
.c-seccion .s-texto{display: inline-block;text-align: center;width: 100%;margin-right: 20px;}
.s-texto h3{font-size: 20px;color: #222222;text-transform: uppercase;text-align: left;margin-bottom: 20px;line-height: 30px;}
.s-texto p{text-align: justify;font-size: 14px;margin-right: 20px;line-height: 26px;font-weight: 300;color: #222222;}
.s-texto .c-img{display: inline-block;text-align: center;width: 100%;}
/*--------------*/
.tf-servicios{display: inline-block;width: 100%;text-align: center;}
.tf-titulo{display: inline-block;width: 1024px;text-align: center;margin: 30px 0px 0px 0px;}
.tf-titulo h3{font-size: 24px;line-height: 30px;letter-spacing: 5px;text-align: center;color: #222222;margin-bottom: 10px;font-weight: 700;text-transform: uppercase;}
.tf-titulo .separador{background-image: url(../img/separador.png);background-position: center center;background-repeat: no-repeat;height: 20px;}
.tf-grid {position: relative;clear: both;margin: 50px 0px 100px 0px;width: 1160px;list-style: none;text-align: center;display: inline-block;}
/* Common style */
.tf-grid figure {position: relative;float: left;overflow: hidden;margin: 10px 1%;min-width: 320px;max-width: 360px;max-height: 400px;width: 48%;height: auto;text-align: center;cursor: pointer;}
.tf-grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.tf-grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: left;}
.tf-grid figure figcaption::before,.tf-grid figure figcaption::after {pointer-events: none;}
.tf-grid figure figcaption,.tf-grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.tf-grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.tf-grid figure h2 {word-spacing: -0.15em;font-weight: 300;}
.tf-grid figure h2 span {font-weight: 800;}
.tf-grid figure h2,.tf-grid figure p {margin: 0;}
.tf-grid figure p {font-size: 62%;}
/***** Goliath *****/
/*------------------ Rejuvenecimiento Facial ----------------*/
.s-texto ul{text-align: left;font-size: 14px;margin-left: 18px;line-height: 26px;font-weight: 300;margin-bottom: 50px;  }
.s-texto li{color: #d680ac;}
.s-texto p{color: #222222;}
/*------------------ Tratamiento de Acné ----------------*/
.seccion-acne{width: 100%;display: inline-block;text-align: center;}
.a-seccion{width: 1024px;display: inline-flex;text-align: center;margin: 100px 0px 50px 0px;}
.a-seccion .a-texto{display: inline-block;text-align: center;width: 100%;margin-right: 20px;}
.a-texto h3{font-size: 20px;color: #222222;text-transform: uppercase;text-align: left;margin-bottom: 20px;line-height: 30px;}
.a-texto p{text-align: justify;font-size: 14px;margin-right: 20px;line-height: 26px;font-weight: 300;color: #222222;}
.a-texto .c-img{display: inline-block;text-align: center;width: 100%;}
.t-completo{width: 1024px;display: inline-block;margin: 0px 0px 50px 0px;}
.t-completo p{text-align: justify;font-size: 14px;line-height: 26px;font-weight: 300;color: #222222;}
/*----------------------------------*/
.t-contacto{width: 100%;display: inline-block;text-align: center;}
.ta-content{width: 1024px;display: inline-flex;text-align: center;background: #d680ac;padding: 40px 0px 40px 0px;border-radius: 10px;margin: 50px 0px 100px 0px;}
.ta-content p{text-align: justify;font-size: 20px;line-height: 26px;font-weight: 300;color: #ffffff;margin: 5px 250px 0px 50px;}
.ta-content a{text-align: justify;font-size: 20px;font-weight: 500;color: #d680ac;background: #ffffff;padding: 10px 30px 10px 30px;float: right;text-transform: uppercase;border: none;border-radius: 20px;}
.ta-content a:hover{background: #af668b;color: #ffffff;}
/*-----------------------antes y despues--------------------*/
.t-antesydespues{width: 1024px;display: inline-block;text-align: center;margin-top: 40px;}
.t-antesydespues .acne1{margin-right: 40px;}
/*-----------------------limpieza de cutis--------------------*/
.a-texto ul{text-align: left;font-size: 14px;margin-left: 15px;line-height: 26px;font-weight: 300;  }
.a-texto li{color: #d680ac;}
/*-----------------------Tratamiento Dermapen--------------------*/
.t-completo h3{font-size: 20px;color: #222222;text-transform: uppercase;text-align: left;margin-bottom: 20px;line-height: 30px;}
.t-completo ul{text-align: left;font-size: 14px;margin-left: 15px;line-height: 26px;font-weight: 300;  }
.t-completo li{color: #d680ac;}
.t-completo p{color: #222222;}
/*-----------------------Tratamiento Varices--------------------*/
.verices-content{display: inline-block;width: 100%;text-align: center;}
.v-content{display: inline-block;width: 1024px;text-align: center;margin: 50px 0px 50px 0px;}
.v-content h3{font-size: 20px;color: #222222;text-transform: uppercase;text-align: left;margin-bottom: 20px;line-height: 30px;}
.v-content p{text-align: justify;font-size: 14px;line-height: 26px;font-weight: 300;color: #222222;}
.verices-content .v-antesydespues{display: inline-block;text-align: center;margin: 0px 0px 50px 0px;}
.v-antesydespues h3{letter-spacing: 5px;font-size: 20px;color: #222222;text-transform: uppercase;text-align: center;line-height: 30px;}
.v-antesydespues .separador{background-image: url(../img/separador.png);background-position: center center;background-repeat: no-repeat;margin-bottom: 20px;height: 20px;}
/*-----------------------Tratamiento Varices--------------------*/
/*----------------------- Criolipolisis --------------------*/
.criolipolisis-content{width: 100%;display: inline-block;text-align: center;}
.crio-content{width: 1024px;display: inline-block;text-align: center;}
.crio-content li{color: #d680ac;text-align: left;font-weight: 500;margin-top: 30px;}
.crio-content p{text-align: justify;font-size: 14px;margin-right: 20px;line-height: 26px;font-weight: 300;color: #222222;}
/*----------------------- Criolipolisis --------------------*/
/*----------------------- Mesoterapia Corporal --------------------*/
.mesoterapia-content{width: 100%;display: inline-block;text-align: center;}
.meso-content{width: 1024px;display: inline-block;text-align: center;}
.meso-content h3{font-size: 16px;color: #222222;text-transform: uppercase;text-align: left;margin-bottom: 10px;}
.meso-content ul{text-align: left;font-size: 14px;margin-left: 15px;line-height: 26px;font-weight: 300;  }
.meso-content li{color: #d680ac;}
.meso-content p{color: #222222;}
.meso-content .meso2{font-size: 16px;color: #222222;text-transform: uppercase;text-align: left;margin: 50px 0 10px 0;}
.meso-content .meso-p{text-align: justify;font-size: 14px;margin-right: 20px;line-height: 26px;font-weight: 300;color: #222222;}
/*----------------------- Mesoterapia Corporal --------------------*/
/*----------------------- coctel facial de rejuvenecimiento --------------------*/
.t-completo2{width: 1024px;display: inline-block;margin: 0px 0px 50px 0px;}
.t-completo2 h3{font-size: 16px;color: #d680ac;text-transform: uppercase;text-align: left;margin-bottom: 20px;}
.t-completo2 ul{text-align: left;font-size: 14px;margin-left: 15px;line-height: 26px;font-weight: 300;  }
.t-completo2 li{color: #d680ac;}
.t-completo2 p{color: #222222;}
.t-completo2 .tc2{text-align: justify;font-size: 14px;line-height: 26px;font-weight: 500;color: #222222;}
/*------------------ Promociones -----------------*/
.seccion-promocion{width: 100%;text-align: center;display: inline-block;}
.s-promo{width: 1024px;text-align: center;display: inline-block;margin: 100px 0px 0px 0px;}
.s-promo .promo{width: 1024px;text-align: center;display: inline-flex;margin: 0px 0px 100px 0px;}
.promo .p-img{margin-right: 50px;display: inline-block;}
.promo h3{font-size: 16px;color: #d680ac;text-transform: uppercase;text-align: center;margin-bottom: 20px;}
.promo p{text-align: left;font-size: 14px;line-height: 26px;font-weight: 300;color: #222222;}
.promo ul{text-align: left;font-size: 14px;margin-left: 15px;line-height: 26px;font-weight: 300;}
.promo li{color: #d680ac;}
.promo .p-telefono{margin-top: 20px; font-size: 20px;color: #222222;text-align: left;text-transform: lowercase;}
.promo .p-precio{font-size: 20px;line-height: 28px;color: #222222;text-align: left;}
.promo .p-titulo{font-size: 20px;color: #d680ac;text-transform: uppercase;text-align: center;margin-bottom: 20px;}
.promo .p-texto{background: #ececec;padding: 30px;}
/*------------------ Tratamiento Vitamina C Endovenosa -----------------*/
.a-texto .vc-texto{font-size: 14px;color: #d680ac;text-transform: uppercase;text-align: left;margin-bottom: 10px;}
/*------------------ Mesoterapia Facial -----------------*/
.a-texto .mf-texto{font-size: 14px;color: #222222;text-transform: inherit;text-align: left;margin-bottom: 10px;line-height: 20px;}
/*------------------------------ contactenos -------------------------------------*/
.contendor-map{width: 100%;display: inline-block;text-align: center;}
.map-iframe{width: 1024px;text-align: center;display: inline-block;padding: 100px 0 50px 0;}
.content-datos{width: 100%;text-align: center;display: block;}
.content-iframe{width: 1024px;display: inline-flex;text-align: center;margin: 30px 0 100px 0;}
.content-iframe .c-left{display: inline-block;text-align: left;width: 100%;}
.c-left .c-titulo{font-size: 20px;font-weight: 400;color: #323232;text-transform: uppercase;text-align: left;margin-bottom: 40px;position: relative;padding: 0px 10px 0px 0px; display: inline-block;}
.c-left .c-titulo:before{content: "";display: block;bottom: -8px;left: 0px;width: 310px;height: 2px;background-color: #d680ac;position: absolute;}
.c-left .c-contenidodatos{width: 100%;display: inline-block;text-align: left;}
.c-contenidodatos .c-info1{text-align: left;display: inline-flex;margin: 0 0px 20px 0px;}
.c-info1 i{color: #d680ac;font-size: 20px;padding: 0px 20px 20px 0px;font-weight: 400;}
.c-info1 .ci{display: inline-block;text-align: left;}
.ci h3{color: #323232;text-transform: uppercase;font-weight: 500;text-align: left;font-size: 16px;}
.ci p, .ci a {color: #777;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 300;text-align: left;}
.c-contenidodatos .c-info2{text-align: left;display: inline-flex;margin: 0px 0px 20px 0px;}
.c-info2 i{color: #d680ac;font-size: 25px;padding: 0px 23px 20px 0px;}
.c-contenidodatos .c-info3{text-align: left;display: inline-flex;margin: 0px 0px 20px 0px;}
.c-info3 i{color: #d680ac;font-size: 25px;padding: 0px 15px 20px 0px;}
.c-left .titulo-redes{font-size: 20px;font-weight: 400;color: #323232;text-transform: uppercase;text-align: left;margin: 30px 0px 30px 0px;position: relative; display: inline-block;}
.c-left .titulo-redes:before{content: "";display: block;bottom: -8px;left: 0px;width: 180px;height: 2px;background-color: #d680ac;position: absolute;}
.c-left .c-redes{display: block;}
.c-redes i{display: inline-block;width: 34px;height: 34px;line-height: 34px;font-size: 14px;margin: 0px 7px 7px 0px;background-color: white;position: relative;color:#d680ac;-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out;text-align: center;border: #d680ac 1px solid;}
.c-redes  i:hover{background-color: #af668b;color: white;}
.content-iframe .form-iframe{text-align: center;display: inline-block;background: linear-gradient(180deg, #d680ac, #d680ac);background-size: cover;}
/*------------------ Promociones2 -----------------*/
.thumbnail {width: 450px;}
.italic { font-style: italic; }
.small { font-size: 0.8em; }/** LIGHTBOX MARKUP **/
.lightbox {/** Default lightbox to hidden */display: none;/** Position and style */position: fixed;z-index: 999;width: 100%;height: 100%;text-align: center;top: 0;left: 0;background: rgba(0,0,0,0.8);}
.lightbox img {/** Pad the lightbox image */max-width: 90%;max-height: 80%;margin-top: 5%;}
.lightbox:target {/** Remove default browser outline */outline: none;/** Unhide lightbox **/display: block;}

.fixed-tabs-Whats {
  position: fixed;
  right: 0px;
  top: 50%;
  margin-top: 170px;
  z-index: 100;
}
.aba-whatsphone {
  background: #d680ac;
  height: 60px;
  width: 70px;
  border-radius: 30px 0 0 30px;
  transition: 0.7s ease;
}
.aba-whatsphone:hover {
  width: 220px;
  transition: 0.7s ease;
}
.aba-whatsphone-icone {
  background: url(../img/whatsapp-icon.png) no-repeat; /* whatsapp icon */
  width: 180px;
  background-size: 70px;
  background-position-y: -7px;
  padding: 7px;
}
.aba-whatsphone-icone a {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  margin-left: 70px;
  text-decoration: none;
  height: 60px;
  font-family: sans-serif;
}
.aba-whatsphone-icone a strong {
  display: block;
  font-size: 21px;
  margin-left: 70px;
}