@font-face {
  font-family: 'LinBiolinum_R';
  font-style: normal;
  font-weight: normal;
  src: local('LinBiolinum_R'), url('../fonts/LinBiolinum_R.ttf') format('truetype');
}
.wow {
  visibility: hidden;
}
html{
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.ani-duration{
  animation-duration: 3s;
}
html,
body,
header,
.view {
  height: 100%;
  scroll-behavior: smooth;
}
.top-nav-collapse {
  background-color: #f7f7f7 !important;
  font-size: 15px;
}
.navbar:not(.top-nav-collapse) {
  background: transparent !important;
  font-size: 15px;
}
@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #f7f7f7 !important;
  }
}
.nav-item:hover, .dropdown-submenu:hover{
  box-shadow: 0.5px 0.5px #B78D2D;
}
h1,h2,button,a{
  font-family: 'LinBiolinum_R';
}
h3,h4,h5,h6,p,label, ul li{
  font-family: 'Karla',sans-serif;
  color: rgb(99, 99, 99);
}
p, ul li{
  font-size: 18px;
}
.social-icon-fb {
  color: #8e1d58;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.social-icon-ig {
  color: #8e1d58;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.social-icon-yt {
  color: #8e1d58;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.social-icon-fb:hover {
  font-size: 200%;
  color: #3b5998;
}
.social-icon-ig:hover {
  font-size: 200%;
  color: #E1306C;
}
.social-icon-yt:hover {
  font-size: 200%;
  color: #c4302b;
}
.btn-vye{
  background-color: #555555;
}
.icon-dorado{
  color: #B78D2D;
}

.pulse-wt {
  position: relative;
  animation: mymove-wt 0.7s infinite;
  animation-direction: alternate;
}
@keyframes mymove-wt {
  from {
    color: #25d366;
  }
  to {
    color: #0b3f1e;
  }
}
/* DROPDOWN MENU */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  /* position: absolute; */
  right: 6px;
  top: .8em;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
/*  */
.whatsapp-btn {
  z-index: 99;
  margin-top: 10rem;
  top: 55%;
  right: 0%;
  /* border-radius: 20px; */
}
@media (max-width:900px) and (-webkit-min-device-pixel-ratio: 2) {
  .whatsapp-pc {
    display: none;
  }
}

/* INDEX----------------------------------------------------- */
.intro-index1{
  height: 100vh;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.425), rgba(255, 255, 255, 0.548)),
  url(../img/co2/intro-co2-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.intro-index2{
  height: 100vh;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.425), rgba(255, 255, 255, 0.548)),
  url(../img/local-slim/intro-localslim-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.intro-index3{
  height: 100vh;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.425), rgba(255, 255, 255, 0.548)),
  url(../img/arrugas/intro-lifting3d-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
/* DR SECTION ----------------------------------------------- */
#dr-section{
  height: auto;
  background-position: bottom;
}
.img-dr-mobile{
  display: block;
}
.img-dr-pc{
  display: none;
}
/* TRATAMIENTOS INDEX -------------------------------------------*/
.faciales{
  height: 80vh;
}
.corporales{
  height: 80vh;
}
.serv-title{
  font-family: 'Teko', sans-serif;
  font-size: 4rem;
  text-shadow: 2px 2px 10px black;
}
/* hover */
.hovercolor1 {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #741847;
}
.hovercolor2 {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #B78D2D;
}
.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}
.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  /* width: calc(100% + 20px); */
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  /* font-size: 17px; */
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}
.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}
.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
/* MID-IMG-INDEX */
.midimg-white{
  height: 40vh;
  background-image: linear-gradient(0deg, #ffffff77, #ffffff7a),
  url(../img/midimg-white.jpg);
  background-position: top;
}
.mid-img2-index{
  height: 40vh;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.603), rgb(255, 255, 255)),
  url(../img/centro.jpg);
  background-position: left;
}
/* CONTACT SECTION ------------------------------------------ */
.map-container-section {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-container-section iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/* TRATAMIENTOS ----------------------------------------- */
.img1-tratamientos{
  height: 50vh;
}
.mid-img-faciales {
  height: 60vh;
  background-image: url(../img/faciales-index-mobile.jpg);
  background-size: auto;
  background-repeat: no-repeat;
}
.mid-img-corporales {
  height: 60vh;
  background-image: url(../img/corporales-index3.jpeg);
  background-position: left;
  background-size: auto;
  background-repeat: no-repeat;
}
/* LIFTING 3D ---------------------------------- */
.intro-lifting3d {
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/arrugas/intro-lifting3d-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
/* HILOS TENSORES FACIAL ---------------------------------- */
.intro-hilos-facial{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/hilos/intro-hilosfacial-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-hilos-facial{
  background-image: url(../img/hilos/facial1-mobile.jpg);
  background-size: auto;
  background-repeat: no-repeat;
}
/* HILOS TENSORES CORPORAL ---------------------------------- */
.intro-hilos-corporal{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/hilos/intro-hilocorporal-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-hilos-corporal {
  background-image: url(../img/hilos/img1-corporal-mobile.png);
  background-size: cover;
  background-repeat: no-repeat;
}
/* LASER CO2 ------------------------------------------------ */
.intro-co2{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/co2/intro-co2-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-co2{
  background-image: url(../img/co2/img1.jpg);
  background-size: auto;
  background-repeat: no-repeat;
}
/* RINOMODELACION ------------------------------------------------ */
.intro-rino{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/rino/intro-rino-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-rino{
  background-image: url(../img/rino/rino-img1-mobile.png);
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
}
/* BIOESTIMULACION ------------------------------------------------ */
.intro-bio{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/bioestimulacion/intro-biofacial-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-bio{
  background-image: url(../img/bioestimulacion/img1-mobile.png);
  background-size: auto;
  background-repeat: no-repeat;
}
/* MESOTERAPIA FRANCESA ------------------------------------------------ */
.intro-meso-francesa{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/meso/intro-meso-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-meso-francesa{
  background-image: url(../img/meso/img1.png);
  background-size: auto;
  background-repeat: no-repeat;
}
/* RADIOFRECUENCIA ------------------------------------------------ */
.intro-radio{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/radio/intro-radio-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-radio{
  background-image: url(../img/radio/img1-mobile.png);
  background-size: auto;
  background-repeat: no-repeat;
}
/* SKINBOOSTERS -------------------------------------------------------------- */
.intro-skin {
  height: 100vh;
  margin-top: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.11)), url(../img/skinbooster/intro-skin-mobile.png);
  background-size: cover;
}
.img1-skin {
  background-image: url(../img/skinbooster/img1.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
}
/* HIPERHIDROSIS ------------------------------------------------ */
.intro-hiperhidrosis{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/hiperhidrosis/intro-hiperhidrosis-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-hiperhidrosis{
  background-image: url(../img/hiperhidrosis/img1-mobile.jpg);
  background-size: auto;
  background-repeat: no-repeat;
}
/* ALOPECIA ------------------------------------------------ */
.intro-alopecia{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/alopecia/intro-alopecia-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-alopecia{
  background-image: url(../img/alopecia/img1.png);
  background-size: auto;
  background-repeat: no-repeat;
}
/* TRATAMIENTO ENZIMATICO ------------------------------------------------ */
.intro-enzima{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/co2/intro-co22-mobile.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-enzima{
  background-image: url(../img/co2/img1.png);
  background-size: auto;
  background-repeat: no-repeat;
}
/* LOCAL SLIM ------------------------------------------------ */
.intro-local{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/local-slim/intro-localslim-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img-pc {
  display: none;
}
.img-mobile {
  display: block;
}
/* BIOESTIMULACION CORPORAL ------------------------------------------------ */
.intro-biocorpo{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/bioestimulacion/intro-biocorporal-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-biocorpo {
  background-image: url(../img/bioestimulacion/img1-corporal-mobile.png);
  background-size: auto;
  background-repeat: no-repeat;
}
/* PRESOTERAPIA ------------------------------------------------ */
.intro-presoterapia{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/presoterapia/intro-preso-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-presoterapia {
  background-image: url(../img/presoterapia/img1-mobile.jpg);
  background-size: auto;
  background-repeat: no-repeat;
}
/* PLASMAGE ------------------------------------------------ */
.intro-plasmage {
  height: 80vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/plasmage/intro-plasmage-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-plasmage {
  background-image: url(../img/plasmage/img02-mobile.jpg);
  background-size: auto;
  background-repeat: no-repeat;
}
.mid-img-plasmage {
  height: 50vh;
  background-image: url(../img/plasmage/mid-img-plasmage-mobile.jpg);
  background-size: auto;
  background-repeat: no-repeat;
}

/* TOXINA ------------------------------------------------ */
.intro-toxina{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/toxina/intro-toxina-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-meso-francesa{
  background-image: url(../img/meso/img1.png);
  background-size: auto;
  background-repeat: no-repeat;
}

/* PEELING ------------------------------------------------ */
.intro-peeling{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/peeling/intro-peeling-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-meso-francesa{
  background-image: url(../img/meso/img1.png);
  background-size: auto;
  background-repeat: no-repeat;
}

/* FOX EYES ------------------------------------------------ */
.intro-foxeyes{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/fox-eyes/intro-foxeyes-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-meso-francesa{
  background-image: url(../img/meso/img1.png);
  background-size: auto;
  background-repeat: no-repeat;
}

/* RELLENO LABIOS ------------------------------------------------ */
.intro-relleno-labios{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/relleno-labios/intro-relleno-labios-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-meso-francesa{
  background-image: url(../img/meso/img1.png);
  background-size: auto;
  background-repeat: no-repeat;
}

/* EMTONE ------------------------------------------------ */
.intro-emtone{
  height: 100vh;
  background-image: linear-gradient(rgba(255, 255, 255, 0.041), rgba(255, 255, 255, 0.123)), url(../img/emtone/intro-emtone-mobile.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.img1-meso-francesa{
  background-image: url(../img/meso/img1.png);
  background-size: auto;
  background-repeat: no-repeat;
}


/* THANKS ------------------------ */
.thanks-intro{
  height: 60vh;
  background-color: #e4a6bf;
  margin-top: 20vh;
  margin-bottom: 20vh;
}
/* FOOTER ------------------------ */
.footer-style {
  background-color: #f7f7f7;
  font-family: 'Lato', sans-serif;
}