/*
cliente: velty | qf mex
author: tentero// eduardo//
version: 1.0.0
license: GNU General Public License
dominio: 'velty.mx'
*/

/*
    this is not main stylesheet, main stylesheet is "assets/css/main.css"
    note: you can override main stylesheet or everything from here!
*/

/*
---------------------------
   		   fuentes
---------------------------
head
   font-family: "gastromond",serif;
   font-weight:400;
   font-style: normal;

head
	font-family:"ff-tisa-web-pro", sans-serif;
	font-weight: 700;
	font-style: normal;

menu and text
	font-family:"proxima-nova", sans-serif;
	font-weight: 300;
	font-style: normal;

	font-family:"proxima-nova", sans-serif;
	font-weight: 400;
	font-style: normal;

	font-family:"proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;

aliados
	font-family:"filson-soft", sans-serif;
	font-weight: 500;
	font-style: normal;
*/
.m0 {
	margin: 0;
}
.mt20 {
	margin-top: 20px;
}
.mt40 {
	margin-top: 40px;
}
.pb20 {
	padding-bottom: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt70 {
	padding-top: 70px;
}
.pb70 {
	padding-bottom: 70px;
}
.eco--menu--column--1 {
	text-align: left;
}
.eco--overlay--1::after {
	background-color: #a77637;
	opacity: .65;
}
.eco--btn {
	background-color: #0d5d7e;
	border:none;
}
.logo-velty {
	width: 104px;
	height: auto;
	display: inline-block;
}
.logo-aliados {
	width: 60px;
	height: 60px;
	margin-left: 20px;
	direction: inline-block;
}
.tetrapak {
	text-align: right;
}
.tetrapak h4 {
	margin:0;
	display: inline-block;
	color: #fff;
	font-family: proxima-nova, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.tetrapak h4 a {
	color: #fff;
}
.tetrapak h4.negro {
	display: inline-block;
	color: #555;
	font-family: proxima-nova, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.tetrapak h4.negro a {
	display: inline-block;
	color: #555;
	font-family: proxima-nova, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.hrmenu {
	margin: 14px 0 18px;
}
.azul {
	color: #0d5d7e !important;
}
.verde {
	color: #44cb46 !important;
}
.eco--content h2 {
	margin-top: 1px;
	font-size: 2.3em;
	font-weight: 900;
}
.eco--eco h3 {
	margin: 0;
	font-size: 3.6em;
	font-family:"proxima-nova", sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
}
h2.beneficios {
	font-weight: 700;
	letter-spacing: .02em;
	color: #0d5d7e;
}
.c2-bg {
	background-color: #00354b;
}
.eco--promo--1 .eco--sec--title--white h1 {
	font-size: 3.6em;
	line-height: 1em;
}
.eco--promo--1 .eco--sec--title--white h1 img {
	width: 4.5em;
	height: auto;
	vertical-align: text-top;
}
.c1-bg {
	background-color: #44cb41;
}
.eco--promo--1 {
	padding-bottom: 390px;
}
.eco--promo--1 .eco--promo--image--1 {
	margin-top: -390px;
}
.eco--single--feature--1 span.eco--feature--left {
	color: #66b445;
}
.eco--single--feature--1 h3 {
	color: #a87b50;
}
.eco--specification--list--1 li .eco--title {
	background-color: #44cb46;
}
.eco--sec--title.eco--small h2,
.eco--sec--title--white.eco--small h2 {
  font-size: 4em;
  text-transform: uppercase;
  color:#44cb46;
  font-weight: 700;
}
.eco--pricing--area--1 {
	background-color: #f2f6f6;
}
.img-producto {
	max-width: 100%;
	height: auto !important;
}
.eco--footer {
	color: #fff;
	background-color: #66b445;
}
.eco--footer a {
	color: #fff;
}
.eco--footer a:hover {
	color: #e3f7e3;
}
.velty-ft-blanco {
	width: 84.4%;
	height: auto;
	display: inline-block;
}
.w61 {
	font-size: 1.1em;
	letter-spacing: .02em;
	max-width: 61.8%;
}
.w61 a {
	display: block;
}
.w131 {
	max-width: 170px;
	margin-bottom: 39px;
}
.w131 a {
	display: block;
}
nav.eco--main--menu ul li a {
	font-size: 1.3em;
	font-family:"proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.logo-index-banner {
	margin-bottom: 20px;
}
.logo-index-banner img {
	display: inline-block;
	width: 390px;
	height: auto;
}
.eco--home--content--2 hr {
	margin: 10px auto 27px;
	width: 78px;
	height: 5px;
	display: block;
	background-color: #44cb46;
	border:none;
}
.eco--inner h4 {
	text-transform: uppercase;
	font-family:"proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
}
h1.prods {
	font-size: 4.4em !important;
	letter-spacing: -.01em;
	text-transform: uppercase;
	font-family:"proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.clave {
	font-size: 1.4em !important;
}
.mtop40 {
	margin-top: 40px;
}
.ptop40 {
	padding-top: 40px;
}
.ptop65 {
	padding-top: 65px;
}
.pbottom65 {
	padding-bottom: 65px;
}
.fz1 {
	font-size: 1.3em;
	line-height: 1.618em;
}
.fz2 {
	font-size: 2.3em;
}
.hecon {
	text-align: center;
	text-transform: uppercase;
	font-family:"proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2em;
	color: #0d5d7e;
}

.hecon:after {
	content: "";
	width: 156px;
	height: 7px;
	display: block;
	margin: 30px auto 30px;
	background-color: #44cb46;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.tetrapak {
		text-align: center;
	}	
}

/* form */
label {
	font-weight: 400;
}

.form-control {
	background: transparent;
	border: 2px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto;
	padding: .8125rem 1rem;
	font-size: 1.3rem;
	line-height: 1.25rem;
}

.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;
}

.form-group {
	margin-bottom: 1.5rem;
}

.form-control.fc-bordered {
	border-top: 0;
	border-right: 0;
	padding-top: .9375rem;
	border-left-color: #f7f7f7;
	border-bottom-color: #f7f7f7;
}

.form-control.fc-bordered:focus {
	border-color: transparent;
	border-left-color: #2d5aec;
	border-bottom-color: #2d5aec;
}

.form-control.fc-light {
	color: #fff;
}

.form-control.fc-bordered.fc-light {
	border-left-color: #fff;
	border-bottom-color: #fff;
}

.form-control.fc-bordered.fc-light:focus {
	border-left-color: rgba(255,255,255,0.5);
	border-bottom-color: rgba(255,255,255,0.5);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #545454 !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
	transition: background-color 5000s ease-in-out 0s;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #545454;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #545454;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #545454;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #545454;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color: #545454;
}

input.fc-light:-webkit-autofill,
input.fc-light:-webkit-autofill:hover,
input.fc-light:-webkit-autofill:focus,
input.fc-light:-webkit-autofill:active {
	-webkit-text-fill-color: #fff !important;
}

.fc-light::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #fff;
}
.fc-light:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1;
}
.fc-light::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1;
}
.fc-light:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}
.fc-light::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}

.contact-form-result,
.subscribe-form-result {
	display: none;
}
.fondocontacto {
	background-image: url(assets/img/contacto-a.jpg);
}
.fondodistribuidores {
	background-image: url(assets/img/distribuidores.jpg);
}
#map {
	height: 481px;
}
div.titulo_v2 h1 {
	font-size: 8em;
    font-family:"proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.eco--inner hr {
	margin: 10px 0 13px;
}
.eco--promo--list--1 li {
	font-family:"ff-tisa-web-pro", sans-serif !important;
	font-weight: 700 !important;
	font-style: normal !important;
}
#map {
	height: 780px;
}
.encuentra {
	text-align: center;
	font-family:"proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.3em;
	color: #000;
	padding-bottom: 40px;
}