/* BASICS */
/* settings */
body {font-family: 'Montserrat', sans-serif;}
p { font-family: 'Montserrat', sans-serif; font-weight:400; color:#555;}
p strong { font-weight:700;}
footer { margin-top:4rem;}

.colorGrey { color:#999;}
.colorDBlue { color:#2C3541}
.colorLBlue { color:#7fa0b6;}
.colorBlue { color:#4D82B7;}
.colorWhite { color:#FFF !important;}
.colorLGrey { color:#DDD;}
.colorDGrey { color:#434343;}
.colorRed { color:#900;}
.colorOrange { color:#F60;}
.colorGold { color:#AD8B47;}
.colorYellow { color:#FC3;}
.colorGreen { color:#94B87B;}
.colorSky { color:#06C;}
.colorBlueSky { color:#036;}
.colorViolet { color:#63C;}
.colorBlack { color:#000;}

.bkGrey { background:#BBBDC0;}
.bkLGrey, .bkLGray { background:#E6E7E8;}
.bkDark { background:#333;}
.bkRed { background:#BE1E2D;}
.bkBlack { background:#232628;}
.bkImage { background-size:cover; min-height:15rem; background-position:center center;}
.bkLBlue { background:#7fa0b6;}
.bkTurques { background:#92C7B1;}
.bkGreen { background:#94B87B;}
.bkLiteGreen { background:#B8E1DB;}
.bkGold { background:#a28b42;}
.bkLiteGold { background:#b1a06e;}
.bkDarkGreen { background:#6CAE93;}
.bkWhiteAlpha {background-color: rgba(255, 255, 255, .5);}
.bkGreenAlpha { background-color: rgba(102, 122, 42, .50);}
.bkDarkAlpha { background-color: rgba(0, 0, 0, .50);}
.bkOrangeAlpha {background-color: rgba(193, 134, 33, .60);}
.bkGreenAlpha { background-color: rgba(0, 104, 55, .50);}
.bkWhite { background:#FFF;}

.vspacer, .vspace { height:2rem;}
.lgvspacer, .lgvspace { height:4rem;}
.fullpadded { padding:1.5rem;}
.vpadded { padding:3rem 0;}
.hpadded { padding:0 2rem;}
.toppadded { padding-top:2rem;}
.botpadded { padding-bottom:2rem;}
.topmarged { margin-top:3.5rem;}
.xtopmarged { margin-top:6rem;}
.rightmarged { margin-right:2rem;}
.leftmarged { margin-left:2rem;}
.vmarged { margin:4rem 0;}
.allmarged { margin:2.5rem;}
.botmarged { margin-bottom:3rem;}
.xbotmarged { margin-bottom:20rem;}
.bigpadded { padding:4rem;}

.separation { height:8.5rem;}
.fullcover { background-size:cover;}
.imgcontainer { padding:2rem 0 0 4rem;}
.imgcontainer img { margin:auto; text-align:center;}

.heightMedium { min-height:3.5rem;}
.heightLarge { min-height:5rem;}
.heightXlarge { min-height:6rem;}
.heightXXlarge { min-height:9rem;}

hr { border-bottom: 1px solid #a28b42;}
.mediumText { font-size:.75rem;}

img.fullwidth { width:100%;}
img.halfsize { width:80%;}
.borderLess { outline:none !important; border:none !important;}

h1, h2, h3 { font-family: 'Cormorant Garamond', serif; margin-bottom:1.5rem; margin-top:1.5rem; font-weight:400 !important; color:#333;}
h4, h5, h6 { font-family: 'Cormorant Garamond', serif; margin-bottom:1.5rem; margin-top:1.5rem; font-weight:700 !important; color:#333;}
h1.bolder, h2.bolder, h3.bolder { font-weight:700 !important;}

/* top area */
.headerband { min-height:9.5rem; width:100%; position:relative;}
.bandA { background:#C3D7B5; height:2rem; width:100%; font-size:0.95rem;}
.logoHeader { height:88px; width:auto; position:relative; margin-top:.5rem;}
.offLogo { height:74px; width:auto; margin:3rem auto 1rem 1.2rem;}
.topContacts { list-style:none; font-size:.85rem; text-align:right; padding-top:3.7rem;}
.topContacts li { display:inline-block; border-right:#666 1px solid; padding-right:0.5rem; padding-left:0.5rem;}
.topContacts li:first-child { padding-left:none;}
.topContacts li:last-child { border-right:none; padding-right:0;}
.borderLess { outline:none; border:none;}

/* top nav */
.navHolder { position:absolute; width:100%; bottom:-1.5rem; min-height:2.4rem; z-index:9;}
.navBox { background-color: rgba(141, 197, 62, 0.5); min-height:2.4rem;}
.navTop a { background:#85B661; color:#FFF; text-transform:uppercase; padding:.7rem 1.5rem; font-weight:500; -webkit-transition: background 400ms ease-in-out;
-moz-transition: background 400ms ease-in-out;
-ms-transition: background 400ms ease-in-out;
-o-transition: background 400ms ease-in-out;
transition: background 400ms ease-in-out;}
.navTop a:hover { background: #666;}
a.is-active { background:#657B3C; color:#FFF !important;}


/* sticky nav */
#nav_wrap { width:100%; min-height:2.4rem; z-index:999; position:relative; transition: .5s;}
.nav_logo { max-height:34px; width:auto; margin-top:-7rem; opacity:0; margin-left:.3rem; position:absolute;}
#navid { margin-left:0; transition: .5s;}
#navidr { margin-left:0; transition: .5s;}
.nav_animate { transition: .5s;}
.title-bar { margin-left:0; transition: .5s;}
.navmob { margin-left:4rem; transition: .5s;}

.sticky { position: fixed !important;  top: 0; padding:0 0 0 0 !important; min-height:3rem !important;}
.sticky .logoHolder { opacity:0;}

/* navlogo */
.logoHolder { background:#F5F5F5; width:12rem; height:auto; margin-left:.3rem; padding:1rem 0; min-height:3rem; text-align:center; position:absolute; top:-.35rem; transition: .9s; opacity:1;}
.logoHolder .falogo { max-height:130px; width:auto; margin:.1rem auto;}



/* parallax */
.bk-quees { background:url(../photos/whatis.jpg) no-repeat center center; background-size:cover;}
.bk-esencia { background:url(../photos/essence.jpg) no-repeat center center; background-size:cover;}
.bk-hierbas { background:url(../photos/herbs.jpg) no-repeat center center; background-size:cover;}
.bk-catalogo { background:url(../photos/catalog.jpg) no-repeat center center; background-size:cover;}
.bk-contacto { background:url(../photos/contact.jpg) no-repeat center center; background-size:cover;}
 
.hero {position: relative; text-align: center}
.hero-content {display: block; position: relative; z-index: 9999}

.parallax {
  display: block;
  text-align: center;
  padding: 3em 1em;
  color: white;
  overflow: hidden;
}
.forheaders { padding:2.5rem 1rem !important;}
.parallax h1 {font-size: 4em; text-shadow: 1px 1px 2px black; margin-bottom: 15px;  line-height:0.94;}
.parallax .pgTitle { min-height:15rem; padding-top:4rem;}


.spacer {display: block; color: #333; font-family: arial, sans-serif; padding: 3em 0}
.spacer h3 {font-family: lobster, sans-serif; font-size: 2em; margin-bottom: 15px}
.spacer p {font-size: 15px; line-height: 22px; margin-bottom: 15px}

.container {max-width: 960px; margin: 0 auto; width: 95%}
.centered {text-align: center; padding-bottom: 3.75em}

/* DESIGN details */
img.circlepic { height:200px; width:200px; border-radius:50%;}
.icon-subtitle { width:15px; height:auto;}
.icon-ayurveda { height:180px; width:auto;}
.icon-esencia { height:98px; width:auto;}
.icon-hierbas { height:115px; width:auto;}
.graf-holder { position:relative; margin-bottom:8rem;}
.graf-img { height:125px; width:auto; position:absolute; margin:auto; left:42%;}
/* que es section */
.vatapitta { height:150px; width:auto; margin-top:25px;}
.kaphatype { height:175px; width:auto; margin-top:0;}
/* hierbas section */
.hierbas { padding:2rem 2rem; text-align:center; border-bottom:2px solid #999; margin-bottom:2rem;}
.hierbas h3 { color:#667A2A; font-weight:700 !important;}
.hierbas p{ text-align:center;}
/* ginger section */
.gingerhooven { background-image:url(../photos/ginger_hooven_ayurveda.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; min-height:30rem;}


.vincComp {color: #555; cursor: text;}





/* PRELOADER  */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
     background: #BAA669 ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    z-index:99; 
}

#status {
    width:80px;
    height:80px;
    position:fixed;
    left:50%; 
    top:50%;
   margin:-25px 0 0 -15px;
}

@keyframes loader {
  0%, 10%, 100% {
    width: 80px;
    height: 80px;
  }
  65% {
    width: 150px;
    height: 150px;
  }
}
@keyframes loaderBlock {
  0%, 30% {
    transform: rotate(0);
  }
  55% {
    background-color: #373E20;
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes loaderBlockInverse {
  0%, 20% {
    transform: rotate(0);
  }
  55% {
    background-color: #373E20;
  }
  100% {
    transform: rotate(-90deg);
  }
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
  animation: loader 1.2s infinite ease-in-out;
}
.loader span {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #6D7B3E;
  animation: loaderBlock 1.2s infinite ease-in-out both;
}
.loader span:nth-child(1) {
  top: 0;
  left: 0;
}
.loader span:nth-child(2) {
  top: 0;
  right: 0;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader span:nth-child(3) {
  bottom: 0;
  left: 0;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader span:nth-child(4) {
  bottom: 0;
  right: 0;
}

/* MEDIA */
/* small only */
@media screen and (max-width: 39.9375em) {
}

/* medium up */
@media screen and (min-width: 40em) {
	.graf-img { height:250px; width:auto; position:absolute; margin:auto; left:42%;}
	
	.heightMedium { min-height:4.5rem;}
	.heightLarge { min-height:7rem;}
	.heightXlarge { min-height:9rem;}
	.heightXXlarge { min-height:12rem;}
	
	.graf-holder { position:relative; margin-bottom:11.5rem;}
}

/* medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
}
/* large */
@media screen and (min-width: 64em) {
	/* DESIGN */
	.heightMedium { min-height:6rem;}
	.heightLarge { min-height:9rem;}
	.heightXlarge { min-height:12rem;}
	.heightXXlarge { min-height:16rem;}
	
	.graf-holder { position:relative; margin-bottom:15rem;}
}

a.compartir,p>a.compartir,.compartir{color:#555555;text-decoration:none;cursor:text;}