@charset "UTF-8";

@font-face {
    font-family: 'metropolisbold';
    src: url('../webfonts/metropolis-bold-webfont.woff2') format('woff2'),
url('../webfonts/metropolis-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolissemi_bold';
    src: url('../webfonts/metropolis-semibold-webfont.woff2') format('woff2'),
url('../webfonts/metropolis-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolisregular';
    src: url('../webfonts/metropolis-regular-webfont.woff2') format('woff2'),
         url('../webfonts/metropolis-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
  font-size: 36px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
body{
	font-family: 'metropolisregular', sans-serif;
	background:#EFF9F0;

}
h1, .h1 {
	font-family: 'metropolisbold', sans-serif;
  	font-size: 1.1rem;
	line-height: 1.1;
	text-align: left;
	color: #395143;
	padding: 20px 0 10px 0;
}

h2, .h2 {
  	font-size: .8rem;
	color: #395143;
	line-height: 1.3;
	width: 75%;
	margin: 0 auto;
}

h3, .h3 {
	font-family: 'metropolissemi_bold', sans-serif;
	color: #098E45;
	text-align: left;
  	font-size: .9rem;
	line-height: 3;
}

h4, .h4 {
	font-family: 'metropolissemi_bold', sans-serif;
	text-align: center;
	color: #395143;
	line-height: 1.2;
  	font-size: .8rem;
	width: 50%;
	margin: 0 auto;
}

h5, .h5 {
	color: #333300;
	margin:0 0 40px 0;
	font-size: 1.1rem;
	line-height: 1.4;
  	font-size: .8rem;
}

h6, .h6 {
  font-size: 1rem;
}

p{
	font-size:.6rem;
	text-align: left;
	line-height: 1.5;
}
a:visited{
	color: #205956;
}
a{
	text-decoration: underline;
}
header{
	position: relative;
	z-index: 200;
}
nav{
	height: 80px;
	background: rgba(65,214,128,1);
/*	display: flex;
	flex-direction: row;*/
	padding: 1.5%;
	align-items: center;
	position: absolute;
	top: 0;
	width: 100%;
}
#nav_container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 100%;
}
#home_container{
	display: flex;
	flex-direction: column;
}
#home_container h1{
	border-top: 1px solid #41D680;
}
nav img{
	max-height: 100%;
}
nav ul{
	display: flex;
	flex-direction: row-reverse;
	width: 90%;
	text-transform: uppercase;
	font-size: 14px;
	align-items: center;
	color: rgba(255,255,255,1.00);
}
nav ul li{
	list-style-type: none;
	padding: 0 10px;
	color: rgba(0,147,138,1.00);
}
nav ul li a,
nav ul li a:visited{
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
nav ul li a.active,
nav ul li.active{
	color: rgba(57,81,67,1.00);
	font-family: 'metropolisbold', sans-serif;
}
#logo_hd{
	width: 10%;
		height: 80%;
}
.bold{
	font-family: 'metropolisbold', sans-serif;
}
.semi_bold{
	font-family: 'metropolissemi_bold', sans-serif;
}
.light{
	 font-family: 'metropolisregular', sans-serif;
}
.smaller{
	font-size: .8em;
}

.link{
	color: #205956;
	font-size: .5rem;
	line-height: 1.4;
}
.link_image{

}
.link_contact{

}
.link_contact a{
	color:#181818;
}
.intro p{
	color: #333333;
}
#fullpage{
	
	background-color: rgba(255,255,255,0.00);
}
#section0 {
    background: url("../imgs/fondo_1.svg");
	background-size: 85% auto;
	background-repeat: no-repeat;
	background-position: bottom center;
}
/*seccion1*/
#section1{
    
}

/*seccion2*/
#section2{
	
}
#section2 .container{

}
#section3{
	background-color: #F8FFF9 !important;
}
#section4{
	background-color: #F8FFF9 !important;
}
#section5{
	background-color: #F8FFF9 !important;
}
#section6{
	background-color: #F8FFF9 !important;
}
#section7{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.section{
    
   
	background-color: rgba(255,255,255,0.00) !important;
	text-align: center;
}
#logo{
	width: 35%;
	margin: 0 0 1rem 0;
}

#logo_verificator{
	max-width: 35%;
	margin: 0 0 .3em 0;
}
#logo_wallet{
	width: 27%;
}

#h3_footer{
	margin: 0 0 30px 0;
}
.features{
	display: inline-flex;
}
#list_directions{
	display: flex;
	flex-direction: row;
	font-size: .5rem;
	width: 100%;
	color: #243029;
}

#list_directions li{
	list-style-type: none;
	width: 31.3%;
	padding: 1%;
	font-size: .7rem;
	line-height: 1.3;
}
.list-bck{
	float: left;
	width: 42%;
	margin: 0 3% 0 0;
	background: url("../imgs/flecha_verde.svg") no-repeat right top;
	background-size: 13% auto;
	padding: 0 50px 0 0;

}
.list-container{
	width: 100%;
	text-align: left;
}
.list-icon-item-cont{
	width: 70%;
	float: left;
}
.list-icon-item-cont-1{
	width: 85%;
	float: left;
}
.list-icon-item{
	float: left;
	width: 75%;
}
.list-icon-item-cont-1 .list-icon-item{
	width: 95%;
	padding: 0 5% 0 0;
	
}
.list-icon-item li{
	color: #333333;
	list-style-type: disc;
	list-style-position: inside;
	font-size: .6rem;
	line-height: 1.5;
}
.list-icon-item-cont-1 .list-icon-item li{
	font-size: .5rem;
}
.list-icon-item img{
	width: 15%;
}

.list-icon {
	width: 30%;
}
.list-icon-1 img{
	max-width: 100%;
}
.list-icon li{
	list-style-type: none;
	float: left;
	width: 47%;
	padding: 3%;
}
.list-icon-1 li{
	list-style-type: none;
	padding: 3%;
}
.list-item{
	font-size:.5rem;
	text-align: left;
	line-height: 1.4;
	float: left;
	margin: 0 0 40px 0;
}
.list-item li{
	list-style-type: none;
	color: #333333;
}
li.icon_large{
	width: 40%;

}
.direction{
	display: flex;
	flex-direction: row;
	text-align: left;
	min-height: 130px;
	align-items: flex-start;
}
.direction img{
	width: 30%;
	padding: 0 3% 0 0;
}
#stores{
	display: flex;
	flex-direction: row;
	width: 75%;
	margin: 0 auto;
	align-items: center;
}
#stores>* {
    width: 33.3%;
	padding: 0 7% 0 0;
}
.link_image{
	width:100%;
}
#logo_1{
	width: 30%;
}
#footer_info{
	margin: 40px 0 0 0;
}

#footer_info p{
	text-align: center;
	font-size: .55rem;
	line-height: 1.5;
}


@media screen and (max-width:479px){
	.fp-tableCell{
	
	}
	#fp-nav.fp-right {
		right: 10px;
	}
	
	nav{
		padding: 3%;
		height: 50px;
	}
	nav ul{
		width:80%;
	}
	nav ul li{
		font-size: .9em;
	}
	#logo_hd{
		width: 20%;
	}
	.container{
		width:90%;
		padding: 0 5%;
	}
	#home_container{
		min-height: 400px;
		align-items: center;
		justify-content:flex-start;
	}
	#home_container h1{
		text-align: center;
		width: 70%;
		line-height: 1.2;
	}
	#logo{
		width: 30%;
		margin: 0 0 20px 0;
	}
	#logo_wallet{
		width: 40%;
	}
	#section0{
		background-size:150% auto;

	}
	#section0, #section1, #section2{
		background-position: center bottom !important;
	}
	
	#section1{
		background-size: 130% auto;
		background-position: center center !important;
	}
	#section2{
		background-position:center 75% !important;
	}
	#illustra{
		width: 100%;
		margin: 22px auto 0 auto;
	}
	#list_directions li{
		font-size: .4rem;
		line-height: 1.3;
		align-content: center;
		width: 30.3%;
		padding: 0 1.5%;
	}
	.direction{
		flex-direction: column;
		min-height: 150px;
	}
	.direction img{
		width: 50%;
		padding: 0 0 10px 0;
		align-items: center;
	}
	.list-bck, .list-container{
		clear: both;
		width: 100%;
	}
	.list-bck{
		background-size: 8% auto;
		margin: 10px 0 0 0;
		min-height: auto;
	}
	.list-bck-icon{
		margin:0 0 0 0;
	}
	.features{
		display:flex;
		flex-direction: column;
	}
	.list-icon{
		width:100%;
		margin:14px 0 0 0;
	}
	.list-icon li{
		width:33.3%;
	}
	.list-icon-item-cont{
		width:100%;
		float: none;
	}
	.list-icon-item-cont-1{
		width: 100%;
	}
	.list-icon-item-cont-1 .list-icon-item{
		width: 100%;
	}
	.list-icon-item-cont-1 .list-icon-item li{
		font-size: .35rem;
		text-align:justify;
	}
	.list-icon-item{
		width: 100%;
	}
	.list-icon-item li{
		line-height: 1.3;
		font-size: .4rem;
		color: #000000;
		margin: 0 0 0 0;
	}
	.list-item{
		font-size:.45rem;
		margin: 0 0 20px 0;
		line-height: 1.3;
	}
	.list-icon-1{
		display: none;
	}
	.link{
		font-size: .4rem;
		line-height: 1.2;
	}
	.link_image{
		max-width: 100%;
		margin: 15px 0 20px 0;
	}
	.link_contact{
		font-size: .4rem;
		line-height: 1.5;
	}
	
	#logo_verificator{
		max-width: 50%;
	}
	#stores{
		width:100%;
	}
	
	#stores>*{
		width:45%;
		padding: 0 5% 0 0;
	}
	#logo_1{
		width: 30%;
	}
	#footer_info p{
		font-size: .35rem;
	}
	h1{
		font-size: .6rem;
		text-align: center;
	}
	h2{
		font-size:.45rem;
		line-height: 1.3;
		width: 100%;
		margin: 0%;
	}
	h3{
		font-size: .45rem;
		margin: 0 0 14px 0;
		line-height: 1.2;
	}
	h4{
		font-size: .6rem;
		line-height: 1.1;
		width: 90%;
		margin: 0 0 20px 0;
	}
	h5{
		margin:0 0 50px 0;
	}
	p{
		font-size:.4rem;
		
	}
}
@media (min-width:480px) and (max-width:639px){
	.container{
		padding: 0;
	}
	#home_container h1{
		border: none;
	}
	#fp-nav.fp-right{
		right: 10px;
	}
	nav{
		padding: 2%;
		height: 50px;
	}
	nav ul li {
		font-size: .8em;
	}
	#logo_hd{
		width: 20%;
	}
	nav ul{
		width:75%;
	}
	.container{
		width:95%;
		padding: 0 2.5%;
	}
	#home_container{
		width: 60%;
		padding: 0% 5% 0 0;
	}
	#footer_info p{
		font-size: .35rem;
	}
	#logo{
		width: 35%;
		margin: 0;
	}
	#logo_wallet{
		width: 45%;
	}
	#section0{
		background-size:130% auto;

	}
	#section0, #section1, #section2{
		background-position: center bottom !important;
	}
	
	#section1{
		background-size: 130% auto;
		background-position: center center !important;
	}
	#section2{
		background-position:center 75% !important;
	}
	.features{
		width: 95%;
		margin: 0 auto;
	}
	#list_directions{
		width:98%;
		margin: 0 auto;
	}
	#list_directions li{
		font-size: .45rem;
	}
	.list-bck, .list-container{
		clear: both;
		width: 100%;
	}
	.list-bck-icon{
		margin-top:0;
	}
	.list-bck{
		background-size: 10% auto;
		margin: 15px 0 0 0;
		min-height: auto;
	}
	.list-icon-item-cont-1{
		width:100%;
	}
	.list-icon-item-cont-1 .list-icon-item{
		width:97%;
		padding: 0 3% 0 0;
		text-align: justify;
	}
	.list-icon-item-cont{
		width: 60%;
	}
	.list-icon-item-cont-1 .list-icon-item li{
		font-size: .35rem;
		line-height: 1.4;
	}
	.list-icon-item{
		width: 95%;
	}
	.list-icon-item li{
		line-height: 1.4;
		font-size: .4rem;
	}
	.list-icon{
		width:40%;
	}
	.list-icon-1{
		display: none;
	}
	li.icon_large{
		width:30%;
	}
	.list-item{
		font-size:.45rem;
		margin: 0 0 20px 0;
	}
	.link{
		font-size: .5rem;
		line-height: 1.2;
	}
	.link_image{
		max-width: 100%;
	}
	.link_contact{
		font-size: .4rem;
		line-height: 1.3;
	}
	#stores{
		width: 85%;
	}
	#stores>*{
		width: 45%;
		padding: 0 5% 0 0;
	}
	#logo_verificator{
		max-width: 50%;
	}
	
	h1{
		font-size: .8rem;
	}
	h2{
		font-size:.5rem;
		line-height: 1.4;
		margin: 0 auto 10px auto;
		width: 85%;
	}
	h3{
		font-size: .55rem;
		line-height: 1.3;
		padding: 0 0 10px 0;
	}
	h4{
		font-size: .6rem;
		line-height: 1.1;
		width: 90%;
		margin: 0 0 25px 0;
	}
	h5{
		margin:0 0 50px 0;
	}
	.list-icon-item-cont p{
		font-size: .4rem;
	}
	
	
}
@media only screen and (min-width:640px) and (max-width:767px){
	.container{
		padding: 0;
	}
	nav{
		height: 55px;
		padding: 2%;
	}
	#logo{
		width: 50%;
		padding: 0 0  0rem 0;
		margin: 0 0 .7rem 0;
	}
	#logo_hd {
		width: 20%;
		height: 60%;
	}
	#logo_wallet{
		width: 35%;
	}
	#home_container{
		width: 40%;
		padding: 0;
		flex-direction: column;
		margin: 0;
	}
	nav ul{
		width:80%;
	}
	h1, .h1{
		font-size:.9rem;
	}
	#section0{
		background-size:110% auto;

	}
	#section1{
		background-size:120% auto;
	}
	#section0, #section1, #section2{
		background-position: bottom center !important;
	}
	#section2{
		background-position:center 75% !important;
	}
	.features{
		width:95%;
	}
	.list-bck, .list-container{
		clear: both;
		width: 100%;
	}
	.list-bck-icon{
		margin-top:0px;
		width: 98%;
		margin: 0 auto;
	}
	.list-bck{
		background-size: 7% auto;
		margin:30px 0 0px 0;
	}
	.list-icon-item li{
		line-height: 1.5;
		font-size: .4rem;
		margin: 0;
	}
	.list-item{
		font-size:.5rem;
		margin: 0 0 20px 0;
		line-height: 1.3;
	}
	.list-icon-item img{
		width: 80%;
	}
	.list-icon-item-cont{
		width: 65%;
	}
	.list-icon-item-cont p{
		font-size: .45rem;
		line-height: 1.4;
	}
	.list-icon-item{
		padding: 10px 0 0 0;
		width: 100%;
	}
	.list-icon{
		width:35%;
	}
	.list-icon-1{
		width:20%;
	}
	.list-icon-item-cont-1{
		width:85%;
	}
	.list-icon-item-cont-1 .list-icon-item{
		width:97%;
		padding: 0 3% 0 0;
		
	}
	.list-icon-item-cont-1 .list-icon-item li{
		font-size: .4rem;
		line-height: 1.4;
	}
	#logo_verificator{
		max-width: 50%;
	}
	.link{
		font-size: .5rem;
		line-height: 1.2;
		
	}
	.link_contact{
		font-size: .5rem;
		line-height: 1.2;
	}
	.smaller{
		font-size: .6rem;
	}
	h1{
		font-size:.8rem;
	}
	#home_container h1{
		line-height: 1.2;
		
	}
	h2{
		font-size:.5rem;
		line-height: 1.4;
	}
	h3{
		font-size: .7rem;
		line-height: 2;
	}
	h4{
		font-size: .6rem;
		width: 90%;
		margin: 0 0 20px 0;
	}		
	#illustra{
		width:95%;
	}
	#list_directions li{
		width: 32.5%;
		font-size: .5rem;
		line-height: 1.3;
		padding: .5%;
	}
	.direction{
		min-height: 110px;
	}
	.direction img{
		width: 25%;
	}
	#footer_info p{
		font-size: .35rem;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px){
	#section0, #section1, #section2{
		background-position: bottom center !important;
	}
	#section0{
		background-size: 120% auto;
	}
	
	#home_container{
		width: 35%;
		flex-direction:column;
		
	}
	#logo{
		width: 50%;
	}
	#logo_verificator{
		max-width: 40%;
	}
	#logo_hd {
		width: 20%;
		height: 70%;
	}
	nav{
		padding: 1.5%;
		height: 60px;
	}
	nav ul{
		width: 80%;
	}
	h1{
		font-size:.9rem;
		line-height: 1.2;
	}
	h2{
		font-size:.5rem;
		line-height: 1.3;
		width: 70%;
		margin: 0 auto;
	}
	h3{
		font-size: .6rem;
		line-height: 2;
	
	}
	h4{
		font-size: .6rem !important;
		width: 90%;
	}	
	p{
		font-size: .45rem;
	}
	#illustra{
		width: 95%;
	}
	.list-container{
		width: 95%;
	}
	.list-icon{
		width: 35%;
	}
	.list-icon-item{
		width: 100%;
	}
	.list-icon-item li{
		font-size: .45rem;
	}
	.list-item{
		font-size: .5rem;
	}
	.list-bck{
		background-size:10% auto;
	}
	#list_directions li{
		font-size: .5rem;
	}
	.list-icon-item-cont{
		width: 65%;
	}
	#list_directions{
		width: 95%;
		margin: 0 auto;
	}
	.list-icon-item-cont-1{
		width: 80%;
	}
	.list-icon-item-cont-1 .list-icon-item{
		width: 100%;
	}
	.list-icon-item-cont-1 .list-icon-item li{
		font-size:.4rem;
	}
	.list-icon-1{
		width:20%;
	}
	#footer_info p{
		font-size:.35rem;
	}
}
@media only screen and (min-width:1024px) and (max-width:1198px){
	#section0{
		background-size: 100% auto;
	}
	nav{
		height: 70px;
		padding: 1.5%;
	}
	nav ul{
		font-size: 14px;
	}
	#logo_hd{
		width: 20%;
	}
	#home_container{
		flex-direction: column;
		width: 40%;
	}
	#logo{
		width: 35%;
		margin: 0px 1.5rem 1rem 0;
	}
	h1, .h1{
		font-size: 1.1rem;
		padding: 0;
		line-height: 1.2;
	}
	h2, .h2{
		font-size: .6rem;
		line-height: 1.4;
		width: 65%;
	}
	h3, .h3{
		font-size: .7rem;
	}
	p{
		font-size: .5rem;
	}
	#home_container h1{
		padding: 36px 0 0 0;
	}
	#list_directions li{
		font-size: .6rem;
		line-height: 1.2;
	}
	.list-icon-item li{
		font-size: .5rem;
	}
	.list-icon-item-cont-1 .list-icon-item li{
		font-size: .45rem;
	}
	#footer_info p{
		font-size: .4rem;
	}
}
@media (min-width: 1200px) and (max-width:1439px){
	#home_container{
		padding: 0%;
		width: 35%;
	}
	#logo{
		width: 45%;
	}
	#section0{
		background-size: 105% auto;
	}
	h1, .h1{
		font-size: 1.4rem;
	}
}
@media (min-width: 1440px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
    	max-width: 1250px;
	  	padding: 0;
 	}
	nav{
		height: 100px;
	}
	nav ul{
		font-size: .5rem;
	}
	#section0{
		background-size: 100% auto;
	}
	h1, .h1{
		font-size: 1.3rem;
		line-height: 1.2;
		padding: 35px 0 0 0;
	}
	h2, .h2{
		width: 65%;
		font-size: .7rem;
	}
	#home_container{
		padding: 0%;
		width: 30%;
	}
	#logo{
		width: 45%;
		margin: 0 0 1.4rem 0;
	}
	#illustra{
		width: 80%;
	}
	#list_directions{
		width: 80%;
		margin: 0 auto;
	}
	.list-icon li{
		width: 42%;
		padding: 4%;
	}
	.list-icon-item-cont-1{
		width: 75%;
	}
	#stores{
		width: 65%;
	}
}