@charset "UTF-8";
/* CSS Document */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}
.btn {-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;}

.btn-FDA {
  color: #fff;
  background-color: #76675e;
  border-color: #76675e;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-family: 'IvyMode-R', sans-serif;
  font-size: 20px;
  padding: 7px 20px 7px 20px;
}

.btn-FDA:hover {
  color: #fff;
  background-color: #d48696;
  border-color: #d48696;
}

.btn-FDA:focus, .btn-FDA.focus {
  color: #fff;
  background-color: #d48696;
  border-color: #d48696;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-FDA.disabled, .btn-FDA:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-FDA:not(:disabled):not(.disabled):active, .btn-FDA:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #d48696;
  border-color: #d48696;
}

.btn-FDA:not(:disabled):not(.disabled):active:focus, .btn-FDA:not(:disabled):not(.disabled).active:focus,
.show > .btn-FDA.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}


.colorRojo {color: #cc0033;}
.colorNegro {color: #000000; }

.bg-claro { background-color: #d48696;}
.bg-oscuro {background-color: #76675e;}
.bg-oscuro-tratamientos {background: url(../img/fondo_tratamientos.png) top 200px right no-repeat #76675e; } 
.bg-claro2 {background-color: rgba(244,242,240,1);}
.bg-master-darker { background-color: #1a1a1a;}
.mapa{width: 100%; height: 100%; position: relative; overflow: hidden; margin: 0; padding: 0;}
iframe { width:100%; height: 600px;}

.fullPic{width: 100%; height: 100%; position: relative; overflow: hidden; margin: 0; padding: 0;}


/*
* Base structure
*/

html,
body {
  height: 100%;
  color: #fff;
  background: transparent;
}

body {
 /* display: -ms-flexbox;
  display: flex;*/
  color: #fff;
  /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);*/
  /*box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
}

.letter-spacing:   {  letter-spacing: 1px;}
.barra-superior {height: 40px;}
.bg_oscuro { background-color: #000000;}

#topbar {
  color: #fff;
  font-size: 16px;
  /*background: #e4dcd2;*/
  padding: 12px 0 0 0;
  margin-right:0px;
}
#topbar ul {text-align: center !important;}
/* ======================================================================================================================================================
######################### UTILITY
====================================================================================================================================================== */

.hidden-lg, .hidden-md, .hidden-sm, .hidden-xs {
display: none!important;
}
.visible-xs {
display: block!important;
}
.visible-sm {
display: block!important;
}
.visible-md {
display: block!important;
}
.visible-lg {
display: block!important;
}

.fill {width:100%;
    height:100%;
    object-fit: cover;
    overflow: hidden;
	background-position: 0 -80px;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover; 
}

/* Extend CSS motiondesign.es*/
.inherit-height,.inherit-size{height:inherit}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.no-padding{padding:0!important}.no-margin{margin:0!important}.no-overflow{overflow:hidden!important}.auto-overflow{overflow:auto}.center-margin{margin-left:auto;margin-right:auto}.inherit-size{width:inherit}.full-width,.image-responsive-height,.overlayer.fullwidth{width:100%}.image-responsive-width{height:100%}.overlayer{position:absolute;display:block;z-index:21}.overlayer-wrapper{position:relative;display:block;z-index:10}.overlay-fixed{position:fixed!important;top:auto!important}.pull-bottom-fixed{position:fixed;bottom:0}.bottom-left,.top-left,.top-right{position:absolute!important}.top-left{top:0;left:0}.top-right{top:1px;right:0}.bottom-left{bottom:1px;left:0}.bottom-right,.pull-bottom{bottom:0;position:absolute!important}.bottom-right{right:0}.pull-up{position:absolute!important;top:0}.pull-center{position:absolute;left:0;right:0}.pull-center-inner{display:table;margin:0 auto}.cursor{cursor:pointer}.scroll-x-hidden{overflow-x:hidden!important}.p-t-5{padding-top:5px!important}.p-r-5{padding-right:5px!important}.p-l-5{padding-left:5px!important}.p-b-5{padding-bottom:5px!important}.padding-5{padding:5px!important}.p-t-10{padding-top:10px!important}.p-r-10{padding-right:10px!important}.p-l-10{padding-left:10px!important}.p-b-10{padding-bottom:10px!important}.padding-10{padding:10px!important}.p-t-15{padding-top:15px!important}.p-r-15{padding-right:15px!important}.p-l-15{padding-left:15px!important}.p-b-15{padding-bottom:15px!important}.padding-15{padding:15px!important}.p-t-20{padding-top:20px!important}.p-r-20{padding-right:20px!important}.p-l-20{padding-left:20px!important}.p-b-20{padding-bottom:20px!important}.padding-20{padding:20px!important}.p-t-25{padding-top:25px!important}.p-r-25{padding-right:25px!important}.p-l-25{padding-left:25px!important}.p-b-25{padding-bottom:25px!important}.padding-25{padding:25px!important}.p-t-30{padding-top:30px!important}.p-r-30{padding-right:30px!important}.p-l-30{padding-left:30px!important}.p-b-30{padding-bottom:30px!important}.padding-30{padding:30px!important}.p-t-35{padding-top:35px!important}.p-r-35{padding-right:35px!important}.p-l-35{padding-left:35px!important}.p-b-35{padding-bottom:35px!important}.padding-35{padding:35px!important}.p-t-40{padding-top:40px!important}.p-r-40{padding-right:40px!important}.p-l-40{padding-left:40px!important}.p-b-40{padding-bottom:40px!important}.padding-40{padding:40px!important}.p-t-45{padding-top:45px!important}.p-r-45{padding-right:45px!important}.p-l-45{padding-left:45px!important}.p-b-45{padding-bottom:45px!important}.padding-45{padding:45px!important}.p-t-50{padding-top:50px!important}.p-r-50{padding-right:50px!important}.p-l-50{padding-left:50px!important}.p-b-50{padding-bottom:50px!important}.padding-50{padding:50px!important}.p-t-55{padding-top:55px!important}.p-r-55{padding-right:55px!important}.p-l-55{padding-left:55px!important}.p-b-55{padding-bottom:55px!important}.padding-55{padding:55px!important}.p-t-60{padding-top:60px!important}.p-r-60{padding-right:60px!important}.p-l-60{padding-left:60px!important}.p-b-60{padding-bottom:60px!important}.padding-60{padding:60px!important}.p-t-65{padding-top:65px!important}.p-r-65{padding-right:65px!important}.p-l-65{padding-left:65px!important}.p-b-65{padding-bottom:65px!important}.padding-65{padding:65px!important}.p-t-70{padding-top:70px!important}.p-r-70{padding-right:70px!important}.p-l-70{padding-left:70px!important}.p-b-70{padding-bottom:70px!important}.padding-70{padding:70px!important}.p-t-75{padding-top:75px!important}.p-r-75{padding-right:75px!important}.p-l-75{padding-left:75px!important}.p-b-75{padding-bottom:75px!important}.padding-75{padding:75px!important}.p-t-80{padding-top:80px!important}.p-r-80{padding-right:80px!important}.p-l-80{padding-left:80px!important}.p-b-80{padding-bottom:80px!important}.padding-80{padding:80px!important}.p-t-85{padding-top:85px!important}.p-r-85{padding-right:85px!important}.p-l-85{padding-left:85px!important}.p-b-85{padding-bottom:85px!important}.padding-85{padding:85px!important}.p-t-90{padding-top:90px!important}.p-r-90{padding-right:90px!important}.p-l-90{padding-left:90px!important}.p-b-90{padding-bottom:90px!important}.padding-90{padding:90px!important}.p-t-95{padding-top:95px!important}.p-r-95{padding-right:95px!important}.p-l-95{padding-left:95px!important}.p-b-95{padding-bottom:95px!important}.padding-95{padding:95px!important}.p-t-100{padding-top:100px!important}.p-r-100{padding-right:100px!important}.p-l-100{padding-left:100px!important}.p-b-100{padding-bottom:100px!important}.padding-100{padding:100px!important}.m-t-0{margin-top:0}.m-r-0{margin-right:0}.m-l-0{margin-left:0}.m-b-0{margin-bottom:0}.m-t-5{margin-top:5px}.m-r-5{margin-right:5px}.m-l-5{margin-left:5px}.m-b-5{margin-bottom:5px}.m-t-10{margin-top:10px}.m-r-10{margin-right:10px}.m-l-10{margin-left:10px}.m-b-10{margin-bottom:10px}.m-t-15{margin-top:15px}.m-r-15{margin-right:15px}.m-l-15{margin-left:15px}.m-b-15{margin-bottom:15px}.m-t-20{margin-top:20px}.m-r-20{margin-right:20px}.m-l-20{margin-left:20px}.m-b-20{margin-bottom:20px}.m-t-25{margin-top:25px}.m-r-25{margin-right:25px}.m-l-25{margin-left:25px}.m-b-25{margin-bottom:25px}.m-t-30{margin-top:30px}.m-r-30{margin-right:30px}.m-l-30{margin-left:30px}.m-b-30{margin-bottom:30px}.m-t-35{margin-top:35px}.m-r-35{margin-right:35px}.m-l-35{margin-left:35px}.m-b-35{margin-bottom:35px}.m-t-40{margin-top:40px}.m-r-40{margin-right:40px}.m-l-40{margin-left:40px}.m-b-40{margin-bottom:40px}.m-t-45{margin-top:45px}.m-r-45{margin-right:45px}.m-l-45{margin-left:45px}.m-b-45{margin-bottom:45px}.m-t-50{margin-top:50px}.m-r-50{margin-right:50px}.m-l-50{margin-left:50px}.m-b-50{margin-bottom:50px}.m-t-55{margin-top:55px}.m-r-55{margin-right:55px}.m-l-55{margin-left:55px}.m-b-55{margin-bottom:55px}.m-t-60{margin-top:60px}.m-r-60{margin-right:60px}.m-l-60{margin-left:60px}.m-b-60{margin-bottom:60px}.m-t-65{margin-top:65px}.m-r-65{margin-right:65px}.m-l-65{margin-left:65px}.m-b-65{margin-bottom:65px}.m-t-70{margin-top:70px}.m-r-70{margin-right:70px}.m-l-70{margin-left:70px}.m-b-70{margin-bottom:70px}.m-t-75{margin-top:75px}.m-r-75{margin-right:75px}.m-l-75{margin-left:75px}.m-b-75{margin-bottom:75px}.m-t-80{margin-top:80px}.m-r-80{margin-right:80px}.m-l-80{margin-left:80px}.m-b-80{margin-bottom:80px}.m-t-85{margin-top:85px}.m-r-85{margin-right:85px}.m-l-85{margin-left:85px}.m-b-85{margin-bottom:85px}.m-t-90{margin-top:90px}.m-r-90{margin-right:90px}.m-l-90{margin-left:90px}.m-b-90{margin-bottom:90px}.m-t-95{margin-top:95px}.m-r-95{margin-right:95px}.m-l-95{margin-left:95px}.m-b-95{margin-bottom:95px}.m-t-100{margin-top:100px}.m-r-100{margin-right:100px}.m-l-100{margin-left:100px}.m-b-100{margin-bottom:100px}.full-height{height:100%!important}.full-vh{height:100vh}.hide{display:none}.inline{display:inline-block!important}.block{display:block}.b-blank{border-color:#000}.b-a,.b-b,.b-l,.b-r,.b-t{border-style:solid;border-width:0}.b-r{border-right-width:1px}.b-l{border-left-width:1px}.b-t{border-top-width:1px}.b-b{border-bottom-width:1px}.b-a{border-width:1px}.b-dashed{border-style:dashed}.b-thick{border-width:2px}.b-transparent{border-color:rgba(0,0,0,.4)}.b-transparent-white{border-color:rgba(255,255,255,.3)}.b-grey{border-color:#e6e6e6}.b-grey-light{border-color:rgba(0,0,0,.07)}.b-white{border-color:#fff}.b-complete,.b-primary{border-color:#6d5cae}.b-success{border-color:#10cfbd}.b-info{border-color:#3b4752}.b-danger{border-color:#f55753}.b-warning{border-color:#f8d053}.b-rad-sm{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.b-rad-md{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.b-rad-lg{border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px}.no-border{border:none!important}blockquote{padding:0 0 0 18px;border-left:0}blockquote:before{font-family:FontAwesome;content:"\f10d";margin-right:13px;float:left}blockquote p{font-size:16px}blockquote small{line-height:29px;color:#8b91a0;padding-left:30px}blockquote small:before{content:""}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;font-family:FontAwesome;content:"\f10d";margin-left:13px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:#e6e6e6}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.small-text{font-size:12px!important;line-height:21px!important;letter-spacing:.03em}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400}.semi-bold{font-weight:400!important}.bold{font-weight:700!important}.light{font-weight:300!important}.all-caps{text-transform:uppercase}.muted{opacity:.5}.hint-text{opacity:.7}.no-decoration{text-decoration:none!important}.line-through{text-decoration:line-through}
.fs-10 {
    font-size: 10px!important;
}
.fs-11 {
    font-size: 11px!important;
}
.fs-12 {
    font-size: 12px!important;
}
.fs-13 {
    font-size: 13px!important;
}
.fs-14 {
    font-size: 14px!important;
}
.fs-15 {
    font-size: 15px!important;
}
.fs-16 {
    font-size: 16px!important;
}
ul.no-style, ol.no-style {
    list-style: none;
    padding-left: 5px;
}
/* ======================================================================================================================================================
######################### NAV
====================================================================================================================================================== */
.logo { margin: 20px 0 0 32px;}
.logo img{ max-width: 160px;}
.nav ul {
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  margin-left: 48px;
  padding: 1em;
}
.nav ul li {
  padding: 0 48px 0 0;
}
.nav ul li a {
  text-decoration: none;
  color: #fff;
}

.nav ul li a{
  filter:blur(0px);
  opacity:.8;
  transform: scale(.98);
 /* box-shadow:none;*/
}
.nav:hover ul li a:hover{
  transform:scale(1);
  filter:blur(0px);
  opacity:1;
	text-shadow: 
  /*box-shadow:0 8px 20px 0px rgba(0,0,0,0.125);*/
}

.navbar {width: 100% !important;
top: -25px !important;}
@media screen and (max-width: 5000px) {
  .nav {
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
    background: #d48696;
    color: white;
    cursor: pointer;
    font-size: 3rem;
    height: 100vh;
    left: -40rem;
    padding: 2rem 2rem 2rem 6rem;
    position: fixed;
    top: 0;
    width: 40rem;
    z-index: 1;
  }
  .nav.expanded {
    left: 0;
  }
  .nav ul {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    list-style: none;
    margin: 64px 0 0 0;
    padding: 0;
    display: block;
    text-align: left;
  }
  .nav ul li {
    padding: 0 0 16px 0;
  }
  .nav ul li a {
    text-decoration: none;
    color: #fff;
	letter-spacing: 1px;
	font-weight: inherit;
  }

  .nav-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 2rem;
    left: 4rem;
    position: fixed;
    top: 4.5rem;
    width: 2.6rem;
    z-index: 2;
  }
  .nav-toggle:hover {
    opacity: 0.8;
  }
  .nav-toggle .nav-toggle-bar {
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #76675e;
    content: "";
    height: 1px;
    width: 100%;
    
  }
  .nav-toggle .nav-toggle-bar::after, .nav-toggle .nav-toggle-bar::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #76675e;
    content: "";
    height: 1px;
    width: 100%;
  }
  .nav-toggle .nav-toggle-bar::after {
    margin-top: 0.5rem;
  }
  .nav-toggle .nav-toggle-bar::before {
    margin-top: -0.5rem;
  }
  .nav-toggle.expanded .nav-toggle-bar {
    background: transparent;
  }
  .nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
    background: #76675e;
    margin-top: 0;
  }
  .nav-toggle.expanded .nav-toggle-bar::after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav-toggle.expanded .nav-toggle-bar::before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.marginCero {
margin: 0px;
}
.paddingCero {
padding: 0px;
}

/* ======================================================================================================================================================
######################### Titulo
====================================================================================================================================================== */


/* ################# PAGINA TITULO*/
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.tituloPortada_container {
    /*position: relative;
    display: table;
    height: 100%;
    width: 100%;*/
	position: relative;
}
.tituloPortada_container .tituloPortada_container_aling {
	position: absolute;
	top:500px;
	left: 0%;
    
}

.tituloPortada_container .tituloPortada, .tituloPortada_container p {
    background: rgba(0, 0, 0, 0.5);
   	padding: 7px 15px 7px 15px;
	
	
		
}
.tituloPortada_container .tituloPortada 
{
    visibility: visible;
    -webkit-animation: caption-top 0.5s 1 ease-out;
    animation: caption-top 0.5s 1 ease-out;
    animation-name: caption-top;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
	display: table;
}

.tituloPortada_container p 
{
    visibility: visible;
    -webkit-animation: caption-bottom 0.5s 1 ease-out;
    animation: caption-bottom 0.5s 1 ease-out;
    animation-name: caption-bottom;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
	display: table;
}
.tituloPortada_container .btn-portada {visibility: visible;
    -webkit-animation: caption-bottom 0.5s 1 ease-out;
    animation: caption-bottom 0.5s 1 ease-out;
    animation-name: caption-bottom;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
	display: table;}

.tituloPortada_container h2 {
   /* text-transform: uppercase;*/
	font-family: 'IvyMode-LI', sans-serif;
	font-size: 36px;
	letter-spacing:1px;
	color: #FFFFFF;
	margin: 0;
}

.tituloPortada_container p {
	/*font-family: 'Playfair Display', serif;*/
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
	margin: 2px 0px 0 0px;
	
	letter-spacing:0em;
	color: #FFFFFF;
	font-size: 20px;
}
.tituloPortada_container p span {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 500;
	font-style: italic;
	
}
.btn-portada {
  color: #000;
  background: rgba(255, 255, 255, 0.5);
  /*background-color: transparent;*/
  border-color: white;
  padding: 7px 20px 7px 20px;
    margin: 10px 0px 0 0px;
  border-radius:0;
  font-family: 'IvyMode-R', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
 }
.btn-portada:hover,
.btn-portada:focus,
.btn-portada:active,
.btn-portada.active {
  color: #000;
  background-color: #ffffff;
  border-color: transparent;
}
.btn-portada:active,
.btn-portada.active {
  background-image: none;
}


/* ======================================================================================================================================================
######################### PORTADA
====================================================================================================================================================== */
.md_animated{
opacity: 0;
}

@-webkit-keyframes md-ttb {
  0%   { -webkit-transform:translate(0, -10%); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@keyframes md-ttb {
  0%   { transform:translate(0, -10%); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

.top-to-bottom {
-webkit-animation: md-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         md-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}

/*       EFECTOS */
.inline-photo {
  /*border: 1em solid #fff;
  border-bottom: 4em solid #fff;
  border-radius: .25em;
  box-shadow: 1em 1em 2em .25em rgba(0,0,0,.2);
  margin: 2em auto;*/
  opacity: 0;
  transform: translateY(4em) rotateZ(0deg);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  max-width: 1200px ;
  width: 90%;
  will-change: transform, opacity;
}
.inline-text {
  opacity: 0;
  -webkit-animation: md-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
  animation:         md-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
}
/*.inline-text {
  opacity: 0;
  transform: translateY(4em) rotateZ(0deg);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  max-width: 1200px ;
  width: 90%;
  will-change: transform, opacity;
}*/


.inline-text.is-visible {opacity: 1;transform: rotateY(6em);}

.inline-photo.is-visible {
  opacity: 1;
  transform: translateY(-4em);
}
.inline-text {opacity: 1;}

/*       FIN EFECTOS */

.texto-portada {color: #711124;
font-family: 'IvyMode-R', sans-serif;
  font-size: 46px;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 400;
  text-align:center;
  }
 .texto-portada-small {color: #000000;
font-family: 'IvyMode-R', sans-serif;
  font-size: 26px;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 400;
  text-align:center;
  }
.contenedor-imagen-portada { position:relative; height:900px;padding-top: 50px;}
.contenedor-imagen-portada .imagen { position:absolute; left:200px; z-index:10;}

.texto-portada-claro {color: #ffffff;
font-family: 'IvyMode-R', sans-serif;
  font-size: 46px;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 400;
  }


.tratamientos {}
.tratamientos span, .tratamientos a span {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
	margin: 0px 0px 10px 0px;}


.texto-portada-tratamientos {
	color: #ffffff;
	font-family: 'IvyMode-TI', sans-serif;
  	font-size: 46px;
  	text-decoration: none;
  	letter-spacing: 1px;
  }
 
 .texto-tratamientos {
	color: #ffffff;
	font-family: 'IvyMode-TI', sans-serif;
  	font-size: 38px;
  	text-decoration: none;
  	letter-spacing: 1px;
	position:absolute;
	bottom:20px;
	left:40px;
	text-shadow: 2px 2px 2px #000000;
  }
  
.tratamientos-categorias span, .tratamientos-categorias a span {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
	margin: 0px 0px 10px 0px;
	color: #76675e;
	}


.texto-tratamientos-categoria {
	color: #711124;
	font-family: 'IvyMode-TI', sans-serif;
  	font-size: 46px;
  	text-decoration: none;
  	letter-spacing: 1px;
	cursor:pointer;
  }  
 .texto-tratamientos-categoria:hover { color:#d48696; text-decoration:none;}
 .tratamiento-descripcion-container{}
/* .tratamiento-descripcion-titulo {
	 color: #000000;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
	margin: 30px 0px 30px 0px;
	font-size:42px;
} */
 .tratamiento-descripcion-titulo {
	 /*color: #76675e;*/
	 color: #711124;
	font-family: 'IvyMode-I', sans-serif;
    text-decoration: none;
  	letter-spacing: 1px;
	margin: 30px 0px 30px 0px;
	font-size:28px;
} 
 .tratamiento-descripcion-titulo strong {
	 /*color: #76675e;*/
	 color: #711124;
	font-family: 'IvyMode-I', sans-serif;
    text-decoration: none;
  	letter-spacing: 1px;
	font-size:28px;
} 
 .tratamiento-descripcion {
	 color: #000000;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
	margin: 0px 0px 10px 0px;
	font-size:18px;
}
.tratamiento-descripcion span {} 

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #76675e;
  margin: 15px 0px;
  padding: 15px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size:26px;
}
.floated{
    float: right;
	margin:0 10px 10px 10px;
    width: 300px;
    background: transparent;
}
 
.link {
    opacity: .7;
}
.link:hover {
    opacity: 1;
}



/************************************************************************************************************************
ANIMACIONES
*************************************************************************************************************************/

/* Shine */
.hoverEffects figure {
	position: relative;
}
.hoverEffects figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hoverEffects figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.imageEffects { width:300px; height:300px;}

.column .cajaEfecto {
	position: relative;
	float: left;
	width: 300px;
	height: 300px;
	/*margin: 0 0 0 25px;
	padding: 0;*/
}
.column .cajaEfecto:first-child {
	margin-left: 0;
}
/*.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}*/
figure {
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
/*figure:hover+span {
	bottom: -36px;
	opacity: 1;
}*/










.news-meta {
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1.7;
    margin: 0;
    margin-bottom: 0px;
    border-top: 1px solid #fff;
    padding-top: calc(1rem + .5em);
    pointer-events: auto;
    font-size: .6087rem;
}
.news-meta-date {
    
    text-transform: uppercase;
    line-height: 1.1;
    color: #fbf9f5;
   /* -webkit-text-stroke: 1px rgba(0,0,0,.5);*/
    margin: -.15em 0 .03em;
    font-size: 2.6087rem;
}

.news-meta-time {
    text-transform: none;
    margin-top: 2.5em;
}

.news-meta-address {
    text-transform: none;
    margin-top: 1em;
}
.news-meta-address-line {
    display: block;
}

.news-content {
    border-top: 1px solid rgba(255,255,255,.2);
    pointer-events: auto;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    min-height: calc(30vw - 24px + 1em + 1px);
}
.news-content-title {
    text-transform: uppercase;
    line-height: 1.1;
    color: #fbf9f5;
    /*-webkit-text-stroke: 1px rgba(0,0,0,.5);*/
    margin-top: 1rem;
    margin-bottom: .5em;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    position: relative;
    /*z-index: 1;*/
    font-size: 2.6087rem;
}
.news-content-text {
    margin-top: 0;
    max-width: 60ch;
    margin-bottom: 2em;
    position: relative;
    z-index: 1;
}
.newstext p {
    margin-top: 0;
    margin-bottom: 1.5em;
}

iframe { width:100%; height: 600px;}




/* ======================================================================================================================================================
######################### FOOTER
====================================================================================================================================================== */

.footer {
    background: #fff;
	color: #000000;
    padding: 4em 0;
    -webkit-transition: background-color .2s ease-in-out,-webkit-transform .3s cubic-bezier(.43,1.6,.57,.88);
    transition: background-color .2s ease-in-out,-webkit-transform .3s cubic-bezier(.43,1.6,.57,.88);
    -o-transition: transform .3s cubic-bezier(.43,1.6,.57,.88),background-color .2s ease-in-out;
    transition: transform .3s cubic-bezier(.43,1.6,.57,.88),background-color .2s ease-in-out;
    transition: transform .3s cubic-bezier(.43,1.6,.57,.88),background-color .2s ease-in-out,-webkit-transform .3s cubic-bezier(.43,1.6,.57,.88);
}
.footer--inner {
    line-height: 1.8;
    font-size: 1rem;
}

.footer--contact {
    margin: 0 0 2em;color: #000000;
}
.footer--contact--social_list {
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer--contact a {
    background: none;color: #000000;
}
.footer--contact--social_list--link {
    display: block;
    padding: 10px;
}

/* ======================================================================================================================================================
######################### FORM
====================================================================================================================================================== */

.form-control, .form-control:hover, .btn-default, .btn-default:hover {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
	
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
.filtros{
	display: flow-root;
}
.contenedor_filtros{
	max-width: 250px;
	float: right;
	margin: 0 25px 10px 0;
}

/* ======================================================================================================================================================
######################### VIDEO
====================================================================================================================================================== */

#video {overflow: hidden;}
video {
    position: relative;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
   /* height: auto;*/
    z-index: -100;
    transform: translateX(-50%) translateY(0%);
    background: url(../video/preview_video.jpg) no-repeat;
    background-size: cover;
    transition: 1s opacity;
}
/*video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 	background: url('../video/preview_video.jpg') no-repeat;
  	background-size: cover;
  	transition: 1s opacity;
}*/
.stopfade { 
   opacity: .5;
}

@media screen and (max-device-width: 800px) {
  html { background: url(../video/preview_video.jpg) #000 no-repeat center center fixed; }
  #bgvid { display: none; }
}


/* ======================================================================================================================================================
######################### FIN VIDEO
====================================================================================================================================================== */


/* BUSCADOR */ 


/* FIN BUSCADOR */

/* FIN HOME */

/* CONTACTO */

#contacto input {
		background: #d9edec;
		color:#000;
		font-size:26px;
		padding-left:10px;
		}
#contacto .formComentario { 
		max-width:100%;	
		width:100%;
		height:80px;
		}
#contacto .botonFormulario {
	text-transform:uppercase;
		background-color:#d9edec;
		color:#fff;
		font-family: 'Lato', sans-serif;  
    	font-size: 28px;
  		line-height: 30px;
    	font-weight: 200;
		padding:15px 50px 15px 50px;
		margin:20px 0 0 0px;
		
		border:0;
		}
#contacto .botonFormulario:hover {
		background-color:#000;
		color:#fff;
		
		}

#contacto .textarea {
	background: #333;
	color:#e5e2dd;
	font-size:18px;
		}
#contacto .contenedorForm {
	margin:10px 10px 50px 10px;
}	
#contacto h2{ color:#363636;font-family: 'Lato', sans-serif; line-height:44px; font-size:44px; font-weight:200;padding:40px 10px 40px 10px; text-align:center; }
.formularioRegistro input[placeholder],.formularioRegistro  [placeholder],.formularioRegistro  *[placeholder] {
    color: 000 !important;
}
.formularioRegistro .botonEnviarContacto{ border:none;  padding:15px 80px 15px 80px; margin:50px  auto 50px  auto; font-family: 'Lato', sans-serif;  font-size:1.8em; font-weight:700; letter-spacing:0.1em; line-height:1.6em; text-transform:uppercase;color:#000 !important; background-color:#fff; text-align:center; }

.fullPic{width: 100%; height: 100%; position: relative; overflow: hidden; margin: 0; padding: 0;}

/* FIN CONTACTO */
/* FIN CONTACTO */

/************************************
**************************************
**************************************
**************************************
MEDIA */

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	.list-inline-item:not(:last-child) { margin-right: 0.3rem; } 

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.list-inline-item:not(:last-child) { margin-right: 0.3rem; } 
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	.list-inline-item:not(:last-child) { margin-right: 0.5rem; } 

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.list-inline-item:not(:last-child) { margin-right: 1rem; } 
}

/* FIN MEDIA */

