/*@import url(//db.onlinewebfonts.com/c/f16b07c3fd5b4fd150cc55daa3a12428?family=Bebas+Neue+Book);*/
@font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Condensed'; font-style: normal; font-weight: normal; src: local('Myriad Pro Condensed'), url('../fonts/MYRIADPRO-COND.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Condensed Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Condensed Italic'), url('../fonts/MYRIADPRO-CONDIT.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Light'; font-style: normal; font-weight: normal; src: local('Myriad Pro Light'), url('../fonts/MyriadPro-Light.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold'), url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Semibold Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold Italic'), url('../fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Bold Condensed'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Condensed'), url('../fonts/MYRIADPRO-BOLDCOND.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Bold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Bold Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Italic'), url('../fonts/MYRIADPRO-BOLDIT.woff') format('woff'); }
@font-face { font-family: 'Myriad Pro Bold Condensed Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Condensed Italic'), url('../fonts/MYRIADPRO-BOLDCONDIT.woff') format('woff'); }
@font-face { font-family: 'BebasNeue'; src: url('../fonts/BebasNeue-webfont.eot'); src: url('../fonts/BebasNeue-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff2') format('woff2'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; }

html, body { background-color: #fff; }
body, p { font-family: 'Myriad Pro Regular'; color: #646368; }
h1, h2, h3, h4, h5, h6 {
	font-family: 'BebasNeue',serif;
	text-transform: uppercase;
	color: #00645a;
	font-weight: 400;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #26ac75; }
h1.display-header, h2.display-header { font-size: 45px; }
a { color: #00645a; }
a:hover, a:focus { color: #26ac75; text-decoration: none; }
img { max-width: 100%; }
.top-page strong, .page-content strong, .negrita { font-family: 'Myriad Pro Bold'; }
.lead-big {
    font-size: 1.5rem;
	line-height: 1.5rem;
    font-weight: 300;
}
.lead { line-height: 1.25em; }

.container.full-width {
    max-width: 100%;
	padding: 0;
	margin: 0 auto;
}
.container.gracias, .container.small {
    max-width: 930px;
}
.container.popup {
    max-width: 550px;
	padding: 0;
	margin: 0 auto;
}
.content-inner { 
	padding: 40px 40px;
}
.bg-green { background-color: #e8ffea; }
.bg-green-dark { background-color: #61a771; }
.bg-green-moredark { background-color: #02712c; }
.text-green { color: #02712c; }
.text-green-popup { color: #02712c; font-family: 'Myriad Pro Semibold'; }
.text-blue-green { color: #287d5e; }
.myriad { font-family: 'Myriad Pro Bold'; }

/* Pagina gracias */
.thanks-client {
	border-top: 1px solid #02712c;
	border-bottom: 1px solid #02712c;
	width: auto;
	max-width: 330px;
}
@media screen and (max-width: 575px) { .thanks-client { margin: auto; } }
.thanks-client h1, .thanks-client h2 {
    margin-bottom: 0rem;
    font-weight: 100;
    line-height: 1.1;
	color: #02712c;
	font-family: 'BebasNeue',serif;
}
.thanks-client h1 { font-size: 2.5rem; }
.thanks-client h2 { font-size: 2rem; }
.thanks-client h1 strong, .thanks-client h2 strong { 
	font-weight: 800;
}
.logo-thanks { max-width: 300px; }

.thanks-guia {
	width: auto;
	margin: auto 20px;
}
.thanks-guia h1 { font-family: 'Myriad Pro Bold'; color: #646368; font-size: 2.5rem; text-transform: none; }
.thanks-guia h2 { font-family: 'Myriad Pro Bold'; color: #646368; font-size: 2rem; text-transform: none; }

.guia-fin { position: relative; height: 100px; }
.thanks-guia-img {
	position: relative;
	max-width: 280px;
	bottom: 200px;
	left: 30px;
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);	
	-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 775px) { .guia-fin { height: auto; } .thanks-guia-img { max-width: 200px; bottom: 50px; left: 0px; } }
.container-with-footer { border-bottom: 20px solid #02712c;}

.lideres-on-top {
	position: relative;
	width: 100%;
	height: 30px;
	text-align: right;
}
.lideres-on-top img {
	max-width: 200px;
	position: relative;
	margin-right: 20px;
	bottom: 55px;
	right: 0px;
}
@media screen and (max-width: 775px) { .lideres-on-top { text-align: center; } .lideres-on-top img { margin-right: 0px; } }

/* Landings */
.navbar-brand {
	width: 100%;
}
.navbar-brand img {
	max-width: 300px;
}
.page-content {
	border-bottom: 20px solid #02712c;
	padding-top: 40px;
	padding-bottom: 40px;
}
.feature-icon i {
	display: inline;
	float: left;
	width: 74px;
	height: 74px;
	background-color: #02712c;
    display: block;
    -moz-border-radius: 37px;
    -webkit-border-radius: 37px;
	text-align:center;
	border: 4px solid #fff;
}
.feature-icon i img { margin-top: 8px; max-width: 48px; }
.feature-icon p {
	margin-top: 15px;
	margin-left: 15px;
	display: inline;
	float: left;
}
.lideres-on-page {
	position: relative;
	width: 100%;
	height: 30px;
	text-align: right;
}
.lideres-on-page img {
	max-width: 200px;
	position: relative;
	margin-right: 20px;
	bottom: 15px;
	right: 0px;
}
@media screen and (max-width: 775px) { .lideres-on-page { text-align: center; } .lideres-on-page img { margin-right: 0px; } }

/* Select landing */
.thanks-client-landing {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: auto;
	max-width: 300px;
}
@media screen and (max-width: 575px) { .thanks-client-landing { margin: auto; } }
.thanks-client-landing h1, .thanks-client-landing h2 {
    margin-bottom: 0rem;
    font-weight: 100;
    line-height: 1.1;
	color: #fff;
	font-family: 'BebasNeue',serif;
}
.thanks-client-landing h1 { font-size: 2.5rem; }
.thanks-client-landing h2 { font-size: 2rem; }
.thanks-client-landing h1 strong, .thanks-client-landing h2 strong { 
	font-weight: 800;
}
.thanks-client-landing strong { font-family: 'BebasNeue',serif !important; }
.img-lider { max-width: 200px; }
.img-guia { max-width: 350px; }

.btn-guia {
    font-size: 18px;
    margin: 10px;
    padding: 10px 30px;
    border: 2px solid #fff;
    color: #fff;
    background-color: #04712d;
	border-radius: 0;
	width: 350px;
    border-radius: 2.5rem;
	font-weight: 400;
	padding-right: 60px;
	margin-top: 30px;
	text-transform: uppercase;
	font-size: 14px;
}
.btn-guia span {
	display: block;
	font-size: 18px;
	font-weight: 600;
}
.btn-comprar {
	background-color: #96d27a;
	color: #287d5e;
	background-image: url("../images/icon-mano-green.png");
	background-position: right 20px center;
	background-repeat: no-repeat;
}
.btn-vender {
	background-color: #287d5e;
	background-image: url("../images/icon-mano-white.png");
	background-position: right 20px center;
	background-repeat: no-repeat;
}

/* Download Landing */
.linea-border-top {
	border-top: 30px solid #02712c;
}
.linea-border-bottom {
	border-bottom: 30px solid #02712c;
}
.download-guia-img {
	max-width: 280px;
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);	
	-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
}
.center-form {
	max-width: 600px;
	margin: 0 auto;
}
.center-form p {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Formularios */
form { margin-top: 30px; margin-bottom: 20px; }
.small-text { margin-top:11px; font-size: 14px !important; font-family: 'Myriad Pro Regular' !important; text-transform: none !important; }
input[type="checkbox"] { margin-left: 10px; }
.form-group {
	width: 100%;
}
.form-group p {
	font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.3;
	font-family: 'BebasNeue',serif;
	text-transform: uppercase;
}
.form-control {
    width: 100%;
    height: calc(1.5em + .45rem + 2px);
    padding: .775rem 0.95rem;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.3;
    color: #222;
	background: #fff !important;
	border: 2px solid #00635a;
    border-radius: 1rem;
    transition: none;
	font-family: 'BebasNeue',serif;
	text-transform: uppercase;
}
select.form-control { padding: 0.1rem .95rem; }
select option {
  margin: 40px;
  background: rgba(0, 0, 0, 0.3);
  background: #fff;
  color: #222;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.form-control::placeholder {
    opacity: 0;
    color: #fff;
}
.form-control:focus {
    color: #222;
	opacity: 1;
	outline: 0;
	box-shadow: none;
	border-color: #00635a;
}

.btn-primary {
    font-family: 'BebasNeue',serif;
    font-size: 20px;
    margin: 10px;
    padding: 10px 30px;
    border: 4px solid #fff;
    color: #fff;
    background-color: #04712d;
	border-radius: 0;
	width: 250px;
    border-radius: 1.5rem;
	text-transform: uppercase;
	font-weight: 400;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .btn-primary:active:focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    border: 4px solid #fff;
	background-color: #61a771;
	color: #fff;
	text-decoration: none;
	outline: 0;
	box-shadow: none;
}
.btn-download {
	padding: 10px 40px 10px 10px;
	background-image: url("../images/icon-mano-white.png");
	background-position: right 25px center;
	background-repeat: no-repeat;
}

/* PopUp */
.page-popup {
	padding-top: 10px;
	padding-bottom: 10px;
}
.img-guia-popup {
	max-width: 200px;
}
.thanks-client-popup {
	border-top: 1px solid #02712c;
	border-bottom: 1px solid #02712c;
	width: auto;
	max-width: 220px;
	margin: auto;
}
.thanks-client-popup h1, .thanks-client-popup h2 {
    margin-bottom: 0rem;
    font-weight: 100;
    line-height: 1;
	color: #02712c;
	font-family: 'BebasNeue',serif;
}
.thanks-client-popup h1 { font-size: 2rem; }
.thanks-client-popup h2 { font-size: 1.5rem; }
.thanks-client-popup h1 strong, .thanks-client-popup h2 strong { 
	font-weight: 800;
}
.title-popup { margin-left: 10px; font-size: 16px; margin-bottom: 0px; }
.btn-popup {
	font-size: 12px;
    margin: 5px;
    padding: 5px 25px;
    border: 2px solid #fff;
    width: 250px;
    border-radius: 2.5rem;
    font-weight: 400;
    padding-right: 40px;
}
.btn-popup {
    font-size: 13px;	
}
@media only screen and (max-width: 495px) {
	.page-popup .col-xs-6 {
		width: 100%;
	}
	.page-popup .col-xs-6 > p {
		text-align: center;
	}
	.btn-popup {
		margin-left: auto;
		margin-right: auto;
	}
	.page-popup .img-guia-popup-center { display: none; }
}

@media only screen and (max-width: 980px) {

}