@font-face {
	font-family:'nexabold';
	src:url(../fonts/nexabold.eot);
	src:url(../fonts/nexabold.eot?#iefix) format("embedded-opentype"),url(../fonts/nexabold.woff2) format("woff2"),url(../fonts/nexabold.woff) format("woff"),url(../fonts/nexabold.ttf) format("truetype"),url(../fonts/nexabold.svgnexabold) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'nexalight';
	src:url(../fonts/nexalight.eot);
	src:url(../fonts/nexalight.eot?#iefix) format("embedded-opentype"),url(../fonts/nexalight.woff2) format("woff2"),url(../fonts/nexalight.woff) format("woff"),url(../fonts/nexalight.ttf) format("truetype"),url(../fonts/nexalight.svg#nexalight) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'asphalts';
	src:url(../fonts/asphalts.eot);
	src:url(../fonts/asphalts.eot?#iefix) format("embedded-opentype"),url(../fonts/asphalts.woff2) format("woff2"),url(../fonts/asphalts.woff) format("woff"),url(../fonts/asphalts.ttf) format("truetype"),url(../fonts/asphalts.svg#asphalts) format("svg");
	font-weight:400;
	font-style:normal;
}

html {
	position:relative;
	min-height:100%;
}

/* fonts */

body,
#social-media-container {
	background: url(../img/gradient.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	padding-top: 160px;
	max-width: 1500px;
	margin: 0 auto;	
}

#mb-nav {
	max-width: 1500px;
	margin: 0 auto;	
}

p {
	line-height: 40px;
}

body,
#mb-nav .regular {
	font-family:'nexalight', sans-serif;
}

.unete,
.footer-list li a,
#reservados {
	font-family:'nexabold', sans-serif;
}

#mb-nav,
h1, h2, h3, h4, h5,
.first-header,
.second-header   {
	font-family:'asphalts', sans-serif;	
}

.no-padding {
	margin: 0 !important;
	padding: 0 !important;
}

body {
	font-size: 1.5em;
}

h1 {
	font-size: 3.5em;
}

p {
	font-size: 1.1em;
}

#mb-nav {
	background: none;
	font-size: 1.5em;
	border: none;
}

#mb-nav #second {
	background:#fff;
}

#mb-nav .nav.navbar-nav {
	text-transform: uppercase;
	text-align: center;
	margin-top: 18px;	
}

#mb-nav .navbar-nav>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #f90019;
}

#mb-nav .regular {
	font-size: 0.65em;
	color: #691e11;
}

#mb-nav .navbar-nav li.common {
	padding: 10px;
}

#mb-nav .navbar-nav li {
	border-right: 1px solid #00ae2e;
	min-width: 240px;
}

#mb-nav .navbar-nav li:last-child { 
	border-right: none
}

#mb-nav .navbar-nav>.active>a {
	background: none;
}

#mb-nav .navbar-nav>.active>a::before {
	content: '';
	background: url(../img/active.png) no-repeat left center;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -10px;
}

#mb-nav .navbar-header {
	padding-top: 3px;
	padding-bottom: 3px;
}

#mb-nav .navbar-brand {
	height: auto;
	padding-left: 40px;
	padding-right: 0;
}

.social-media {
	list-style: none;
	float: right;
	padding: 12px 0px;
	margin: 0;
}

.social-media li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.facebook, .instagram {
	display: block;
	width: 24px;
	height: 24px;
	background:url(../img/facebook.png);
	text-indent: -9999px;
}

.instagram {
	background-image: url(../img/instagram.png);
}

#productos {
	background:url(../img/section2.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
	padding: 60px 50px;
	padding-bottom: 20px;
}

#productos #left-side p {
	max-width: 400px;
}

#productos #right-side {
	padding-top: 45px;
	overflow: hidden;
}

#actitud-forestea img,
#productos #right-side img {
	margin: 0 auto
}

#actitud-forestea {
	background: #99ce43;
}

#actitud-forestea {
	padding: 30px 0 100px 0;
	color: #fff;
}

#actitud-forestea #right-side {
	margin-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}

.accented {
	position: relative;
	display: inline-block;
}

.accented:after {
	content: "";
    position: absolute;
    top: 6px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 1px 4px 4px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-color: @red transparent @red transparent;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

#actitud-forestea #right-side p {
	margin: 0 auto
}

#acerca-horchata {
	background: #fff;
}

#acerca-horchata #left-side {
	padding: 50px
}

.first-header,
.second-header {
	color: #f90019;
	font-size: 3.2em;
	display: block;
}

.first-header {
	font-size: 2em;
}

.second-header {
	text-indent: 30px;
	margin-top: -20px;
}

#acerca-horchata #right-side {
/*
	background: url(../img/menta.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
	min-height: 450px;
}

#contactos {
	padding: 40px;
	color: #fff;
	background: #f90019
}

#contactos h1 {
	margin: 0;
	margin-bottom: 40px;
}

#contactos p {
	line-height: 30px;
}

.oficinas {
	max-width: 360px;
	margin: 120px auto;
}

.fb-page {
	width: 280px;
	display: block !important;
	margin: 0 auto;
}

.unete {
	font-size: 2em;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 25px;
	display: block;
}

#contactos input, 
#contactos select,
#contactos textarea {
	background:none;
	border-radius: 10px;
	border-width: 2px;
	border-color: #fff;
	text-transform:inherit;
	margin-bottom:15px;
	color: #fff;
}

#contactos .btn-enviar {
	background: #99ce43;
	border:none;
	color: #fff;
	float: right
}

#contactos input {
	height: 40px;
}


#contactos ::-webkit-input-placeholder {
	color:#fff;
	font-weight: bold;
	text-transform: inherit;
}

#contactos :-moz-placeholder {
	color:#fff;
	font-weight: bold;
	text-transform: inherit;
}

#contactos ::-moz-placeholder {
	color:#fff;
	font-weight: bold;
	text-transform: inherit;
}

#contactos :-ms-input-placeholder {
	color:#fff;
	font-weight: bold;
	text-transform: inherit;
}

.footer-list {
	list-style: none
}

.footer-list li {
	display: inline-block
}

.footer-list li {
	margin: 0 10px;
}

.footer-list li a {
	color: #87868A;
	text-transform: uppercase;
	font-size: 0.95em;
}

#footer-logo a {
	float: right
}

#footer {
	background: #FFFFFF;
	padding: 30px 40px;
}

#reservados {
	color: #87868A;
	text-align: center;
	font-size: 0.95em;
	margin-top: 20px;
	margin-bottom: 15px;
}

#reservados .green {
	color: #A1CA39
}

#footer .social-media {
	padding: 0;
	margin-bottom: -5px;
}

#footer .social-media a {
	background-color: #fff;
}

.distribuidor-label {
	margin-right: 20px;
}

.switchery {
	border: 2px solid #fff !important;
	height: 20px !important;
}

.switchery small {
	height: 20px !important;
	width: 20px !important
}

#tool {
      position: absolute;
      width: 250px;
      line-height: 20px;
      padding: 8px;
      font-size: 14px;
      text-align: center;
      color: rgb(255, 255, 255);
      background: rgba(0, 0, 0, 0.80);
      border-radius: 5px;
      z-index: 6;
      font-style: normal;
}

#tool:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 5px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0.80) transparent transparent transparent;
      top: 36px;
	  left: 50%;
	  margin-left: -5px;
}

.hiddenobj {
	overflow: hidden;
	height: 0;
}

#productos p,
#acerca-horchata p,
#actitud-forestea p {
	text-align: justify;
}

.header-title {
	text-decoration: underline
}

.each-product img {
	max-width: 180px;
}

.bold {
	font-family:'nexabold', sans-serif;	
}

.languages {
	padding: 0;
	list-style: none;
	float: left;
	height: 24px;
	overflow: hidden;
	margin-top: 12px;
}

.languages li {
	display: inline-block;
}

.languages li a {
	display: block;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABM0lEQVRIS+2VQUsCQRSAv7HNVYOiIEEitYKgjKKgohCKIAj6K/5BLwUlW3koBGEPHgJbM4hSkoVW1Imt8LLKrtlexAfvNm8+5nuPNwKfQ/h8PyMC0Kbi0g9Vh2ZZfCsaA/rp7SqSOZw9CAB22tH5zQEbJdL89MABUKD2rvJSDSGlJBb7ZHauCe3BCL0BAj5MKOshbi5UpOiwf2SxtNFkOvxPgEIljnn3xn1+huXzDIn1Ilbjip2EMRDB+QIB7SY85E94zOlo9SjbxxnWFp9ovV6ye3CNotpOvXF6AloW6KVT6pU8t1qEsBJhb9MimEyRWs0yaWv6M8AeFinIGmnmawWMUpRgQyG2UuU5ucXZQo6JgD1S3qL/FHmrdz3VBYxXheuq8F2Ra7eGODAiX+YQBlxLvwBOw4IZu+wZawAAAABJRU5ErkJggg==);
}

.languages li .fr {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAASklEQVRIS2NkoDFgpLH5DMPFgtAl/3EF1f9V0XhD8YOTGU55wf2nGSFBNGoBjkAaDSJwwIymIobRjDZaVAyWfEDDenO4VJk0DCIAqaZwGd2UPfgAAAAASUVORK5CYII=);	
}

.languages li .en {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAiklEQVRIS91VyQ3AIAxzhusSrNCOwwws0eFcgXr9iCsitY2Q+IQ4dg4MwWbB8fEbgExVKmLpPjHAdokyS5mQ0grvLQPUdLzBqy859xmYvZlBeA1UieQahDNQAWQGqkTeFj38Hs1Bt7FvDhIASXlVeJKpc9ZWBdsZb+cuigf4vETj1b8i/ubLjBNpA/OByBkujk7JAAAAAElFTkSuQmCC);
}

@media (min-width: 768px) {
	#actitud-forestea #right-side {
		padding-right: 50px;
		padding-left: 50px;	
	}
}

@media (max-width:1130px) {
	#mb-nav .navbar-nav li {
		min-width: 200px;
	}
	
	#mb-nav .navbar-nav>.active>a::before {
		left: 20px;
	}
}

@media (max-width: 1268px) {
	#acerca-horchata #right-side {
		min-height: 480px;
	}
}

@media (max-width: 1253px) {
	#acerca-horchata #right-side {
		min-height: 520px;
	}
}

@media (max-width: 1004px) {
	#acerca-horchata #right-side {
		min-height: 560px;
	}
}

@media (max-width:991px) {
	#productos #left-side p {
		max-width: 100%;
	}
	
	#productos {
		padding: 30px;
	}
	
	.footer-list {
		text-align: center;
		margin-top: 25px;
	}
	
	#footer-logo a {
		float: none;
		width: 200px;
		text-align: center;
		display: block;
		margin: 0 auto !important;
	}
	
	.unete {
		text-align: center
	}
	
	.oficinas {
		max-width: 300px;
		margin: 80px auto;
		margin-bottom: 40px;
	}
	
	#acerca-horchata #right-side img {
		margin-left: inherit;
		margin: 0 auto
	}

}

@media (max-width:983px) {
	#footer {
		background: #EDEEF0;
		padding: 30px 10px;
	}

}

@media (max-width: 967px) {
	#mb-nav .navbar-nav li {
		min-width: 160px;
	}
	
	#mb-nav .navbar-nav>.active>a::before {
		left: 0px;
	}
	
	#mb-nav .navbar-brand {
		height: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#footer {
		background: #EDEEF0;
		padding: 30px 8px;
	}
}

@media (max-width: 809px) {
	#mb-nav .navbar-nav li {
		min-width: 150px;
	}
}

@media (max-width: 768px) {
	
	#productos #right-side {
		padding-bottom: 0;
		overflow: hidden
	}
	
	#mb-nav .navbar-toggle {
		margin-top: 23px;
	}	
	
	.oficinas {
		max-width: 560px;
		text-align: center
	}
}

@media (max-width: 767px) {
	#mb-nav .navbar-nav li {
		border-right: none;
		border-bottom: 1px dotted #00ae2e;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#mb-nav .navbar-nav li:last-child {
		border-bottom: none
	}
	
	.common {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	#mb-nav .nav.navbar-nav	{
		margin-bottom: 0px;
		margin-top:0px;
	}
	
	#mb-nav .navbar-nav>.active>a::before {
		left: 30px !important;
	}
	
	#productos {	
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 697px) {
	.footer-list {
		display: none
	}
}

@media (max-width: 500px) {
	.item h1 {
		font-size: 3em;
	}

	.item .accented:after {
	    top: 4px;
	    right: 9px;
		border-width: 1px 4px 4px 5px;
	}	
	
}

@media (max-width: 400px) {
	.second-header {
		text-indent: inherit;
	}
	
	.item h1 {
		font-size: 2.5em;
	}
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}