@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato);
html,body{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	font-family: 'Montserrat', 'Gotham', sans-serif;
}
p{
	text-align: justify;
	
}
.wrapper{
	max-width: 960px;
	position: relative;
	margin: 0 auto;
	overflow: auto;
}
#que-es-helpo{
	width: 100%;
	position: relative;
	padding: 30px 0;
	min-height: 100%;
	position: relative;
}
#video-container {
	position: absolute;
	background: url(../img/backgroundimg.jpg) no-repeat center center; 
  	  -webkit-background-size: cover;
  	  -moz-background-size: cover;
  	  -o-background-size: cover;
  	background-size: cover;
}
#video-container {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
video {
	position:absolute;
	z-index:0;
}
video.fillWidth {
	min-width: 100%;
	min-height: 100%;
	z-index: 1;
	transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}
.textabovevideo{
	z-index: 2;
	position: relative;
}
.logo{
	width: 100%;
}
.helpologowhite{
	position: absolute;
  	z-index: 50;
  	width: 30%;
  	top: 13%;
  	left: 2%;
}
#que-es-helpo .logo{
	margin-top: 80px;
}
.rwords{
	height: 60px;
	margin-top: 20px;
}
.rwords span{
	font-weight: 400;
	font-size: 3em;
	color: #888;
	text-shadow: 2px 2px 5px rgba(50, 50, 50, 1)
    overflow: hidden;
    width: 100%;
    display: inline;
    opacity: 0;
      -webkit-animation: rotateWord 9s linear infinite 0s;
	  -moz-animation: rotateWord 9s linear infinite 0s;
	  -o-animation: rotateWord 9s linear infinite 0s;
	  -ms-animation: rotateWord 9s linear infinite 0s;
	animation: rotateWord 9s linear infinite 0s;
	position: absolute;
	text-align: center;
	margin-left: -17px;
	letter-spacing: 10px;
}
.rwords span:nth-child(2) { 
      -webkit-animation-delay: 3s; 
	  -moz-animation-delay: 3s; 
	  -o-animation-delay: 3s; 
	  -ms-animation-delay: 3s; 
	animation-delay: 3s;
}
.rwords span:nth-child(3) { 
	  -webkit-animation-delay: 6s; 
	  -moz-animation-delay: 6s; 
 	  -o-animation-delay: 6s; 
	  -ms-animation-delay: 6s; 
	animation-delay: 6s;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(-30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -moz-transform: translateY(30px); }
	5% { opacity: 1; -moz-transform: translateY(0px);}
    17% { opacity: 1; -moz-transform: translateY(0px); }
	20% { opacity: 0; -moz-transform: translateY(-30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -o-transform: translateY(30px); }
	5% { opacity: 1; -o-transform: translateY(0px);}
    17% { opacity: 1; -o-transform: translateY(0px); }
	20% { opacity: 0; -o-transform: translateY(-30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(-30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; transform: translateY(30px); }
	5% { opacity: 1; transform: translateY(0px);}
    17% { opacity: 1; transform: translateY(0px); }
	20% { opacity: 0; transform: translateY(-30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
.que-es-helpo-text{
	color: #666;
	font-size: 1.2em !important;
}
.holdinghelposolo{
	top: 35px;
	width: 30%;
	position: absolute;
	right: 0;
	z-index: 3;
}
.stepnumber{
	color: #a9a8a8;
	font-size: 4em; 
}
.stepnumber img{
	margin: 15px 0 0 -12px;
}
.steps h3{
	margin-top: 0;
	color: #11b99b;
}
.steps p{
	color: #666;
	font-size: 0.9em;
}
#slider{
	height: auto;
}
.ylangylang{
	background: url(../img/ylangylang.jpg) no-repeat center center;
}
.menta{
	background: url(../img/menta.jpg) no-repeat center center;
}
.aloevera{
	background: url(../img/aloevera.jpg) no-repeat center center;
}
.romero{
	background: url(../img/romero.jpg) no-repeat center center;
}
.lavanda{
	background: url(../img/lavanda.jpg) no-repeat center center;
}
#steps{
	padding: 110px 0 0 0;
	background: url(../img/patterngb1.jpg) center center fixed;
	min-height: 100%;
}
.pricetext{
	color: #a9a8a8;
	font-size: 1.5em;
}
.helpobottle{
	margin: 0 5px;
}
#steps .container .row .col-md-4 .logo{
	margin: 80px 0 50px 0;
}
#buySection .container .row .col-md-4 .logo{
	margin: 0 0 90px 0;
}
.btn{
	background: #ff8652;
	color: #fff;
	  -webkit-border-radius: 15px;
	  -moz-border-radius: 15px;
	border-radius: 15px;
	border-color: #8DBC44;
	margin: 0 auto;
	font-size: 1em;
	margin: 30px 0;

}
.btn:hover{
	border-color: #24B795;
	background: rgba(255,255,255,255);
	color: #24B795;
}
#testimonios{
	padding: 0 0 50px 0;
}
.testimonycontainer{
	margin-top: 30px;
}
#testimonios h2{
	margin-top: 70px;
	margin-bottom: 20px;
	color: #8DBC44;
	text-align: center;
}
#testimonios p{
	color: #848484;
	font-size: 1em;
}
#team h2{
	margin-top: 50px;
	margin-bottom: 30px;
	color: #8DBC44;
	text-align: center;
}
#puntoVenta h2{
	margin-top: 90px;
	margin-bottom: 30px;
	color: #8DBC44;
	text-align: center;
}
#puntoVenta h3{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #8DBC44;
	text-align: center;
}
#planta h2{
	margin-top: 60px;
	margin-bottom: 40px;
	color: #8DBC44;
	text-align: center;
}
#planta h3{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #8DBC44;
	text-align: center;
}
.hideShowBtn{
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; 
	font-size: 10px;
	color: rgba(255,255,255,255);	
	height: 20px;
	width: 63px;
	text-align: center;
	border-radius: 15px;
	background: #8DBC44;
	border: none;
}
.slidericon{
	text-align: center;
}
.slidericon img{
	width: auto;
	max-width: 60%;
}
.socialmediaicons{
	position: relative;
	z-index: 200;
	top: 10px;
	right: 18px;
	color: #24B795;
}
.socialmediaicons a:link, .socialmediaicons a:visited, .socialmediaicons a:active{
	color: inherit;
	text-decoration: none;
}
.socialmediaicons a:hover{
	color: #6CD8BC;
}
.socialmediaicons img{
	margin-left: 10px;
}
.testimonycontainer h5{
	margin-top: 0;
	font-size: 1.3em;
}
.testimonycontainer h6{
	font-style: italic;
	margin-top: -5px;
	color: #a3a3a3;
}
.teamcontainer h5{
	margin-top: 0;
	text-align: center;
	font-size: 1.3em;
}
.teamcontainer h6{
	font-style: italic;
	text-align: center;
	margin-top: -5px;
	color: #a3a3a3;
}
.puntoVentacontainer h5{
	margin-top: 0;
	text-align: center;
	font-size: 1.3em;
}
.puntoVentacontainer h6{
	font-style: italic;
	text-align: center;
	margin-top: -5px;
	color: #a3a3a3;
}
.puntoVentacontainer a:link, .puntoVentacontainer a:visited, .puntoVentacontainer a:active{
	color: inherit;
	text-decoration: none;
}
.puntoVentacontainer a:hover{
	color: #6CD8BC;
}
.plantacontainer h5{
	margin-top: 0;
	text-align: center;
	font-size: 1.3em;
}
.plantacontainer p{
	font-size: 1em;
	text-align: center;
	color: #a3a3a3;
}
.plantaimage {
		display: block;
    	margin-left: auto;
    	margin-right: auto;
}
.teamimage {
		display: block;
    	margin-left: auto;
    	margin-right: auto;
}
.teamcontainer a:link, .teamcontainer a:visited, .teamcontainer a:active{
	color: inherit;
	text-decoration: none;
}
.teamcontainer a:hover{
	color: #6CD8BC;
}
.awardcontainer h5{
	margin-top: -10px;
	text-align: center;
	font-size: 1em;
}
.awardcontainer h6{
	font-style: italic;
	text-align: center;
	margin-top: -5px;
	color: #a3a3a3;
}
.awardimage {
		margin-top: 70px;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
}
.awardcontainer a:link, .awardcontainer a:visited, .awardcontainer a:active{
	color: inherit;
	text-decoration: none;
}
.awardcontainer a:hover{
	color: #6CD8BC;
}
.footer{
	background: rgba(140,219,115,1);
}
.footer, .footer a:link, .footer a:visited, .footer a:active{
	font-size: 0.9em;
	color: #fff;
	padding: 20px 0;
}
.footer a:hover{
	color: #ccc;
}
.kichinkcontainer div{
	z-index: 500;
}
.leftalign{
	text-align: left !important;
}
.downarrow{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 0;
	height: 45px;
	padding: 13px 0;
	z-index: 999;
	width: 45px;
	text-align: center;
	background: rgba(0,0,0,0);
	border-radius: 45px;
	-o-transition:.3s;
  	  -ms-transition:.3s;
  	  -moz-transition:.3s;
  	  -webkit-transition:.3s;
  	transition:.3s;
}
.downarrow:hover{
	background: rgba(0,0,0,0.2);
}
.buyBtn{
	position: absolute;
	right: 5px;
	bottom: 100px;
	z-index: 200;
	color: rgba(255,255,255,255);
	height: 70px;
	padding: 5px 0;
	width: 330px;
	text-align: center;
	border-radius: 15px;
	background: #ff8652;
	font-size: 3em;
}
.buyBtn:hover,
.buyBtn:focus{
	background: rgba(255,255,255,255);
	color: #24B795;
}

@media (min-width: 768px) {
	.owl-controls{
		display: block !important;
	}
	.slidecontent .container .row p{
		font-size: 1.4em;
	}
}
.navbar {
	min-height:45px !important;
}

.navbar-brand {
	padding-top:8px !important;
	padding-left:10% !important;
}
.navbar-default{
    background:rgba(140,219,115,0.9);/*# cambiar color de barra de navegaci車n */
    height: 10px;
    border:none;
}
/*# Cambiar color de desplegable.*/
.navbar-collapse{
	background:rgba(140,219,115,0.9);		
}

@media (min-width: 767px) {
	.navbar-collapse{
		background: none;		
	}
 }
/*# Cambiar texto de botones.*/
.navbar-nav > li > a {
	padding-bottom:10px !important;
	padding-right: 17px !important;	
	padding-left: 0px !important;
	color: rgba(232,232,232,.5) !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: rgba(255,255,255,1) !important;
}


.navbar-nav > li > .dropdown-menu { background-color: #FF0000;  
}

@media (max-width: 992px) {
	.left-align{
		text-align: center;
	}
}
@media (max-width: 768px) {
	#pasos{
		background-size: 128px 128px;
		  -webkit-background-size: 128px 128px;
	}

}