@charset "utf-8";
/* CSS Document */

body{color:#262626;}

div.clear {
    clear:both;
}

@font-face {
    font-family: 'amplesoft-lightlight';
    src: url('../fonts/soneri_type_-_amplesoft-light-webfont.eot');
    src: url('../fonts/soneri_type_-_amplesoft-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.woff2') format('woff2'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.woff') format('woff'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.ttf') format('truetype'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.svg#amplesoft-lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'AmpleSoft-Medium-webfont';
    src: url('../fonts/AmpleSoft-Medium-webfont.eot');
    src: url('../fonts/AmpleSoft-Medium-webfont.eot') format('embedded-opentype'),
         url('../fonts/AmpleSoft-Medium-webfont.woff2') format('woff2'),
         url('../fonts/AmpleSoft-Medium-webfont.woff') format('woff'),
         url('../fonts/AmpleSoft-Medium-webfont') format('truetype'),
         url('../fonts/AmpleSoft-Medium-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}




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

}


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

}

@font-face {
    font-family: 'amplesoft-regularregular';
    src: url('../fonts/soneri_type_-_amplesoft-regular.eot');
    src: url('../fonts/soneri_type_-_amplesoft-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soneri_type_-_amplesoft-regular.woff2') format('woff2'),
         url('../fonts/soneri_type_-_amplesoft-regular.woff') format('woff'),
         url('../fonts/soneri_type_-_amplesoft-regular.ttf') format('truetype'),
         url('../fonts/soneri_type_-_amplesoft-regular.svg#amplesoft-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.container{width:60%;}

#text_header{background:url('../img/background_header.png') no-repeat right;height:408px;padding-top:29px;}

.resaltado{ font-family: 'AmpleSoft-Medium-webfont';}

h1{font-family: 'amplesoft-regularregular';font-size:30px;text-align:center;}

#text_header h1{font-family: 'amplesoft-regularregular';text-align:left;width:50%;}

#text_header h2{font-family: 'open_sansregular';font-size:18px;width:410px;margin-top:10px;}

.text-logo{font-family: 'open_sansregular';}

.dm_logo img{vertical-align:bottom;}

.button{border-radius:40px;background-color:#A6C307;background-image:url(../img/arrow_button.png);background-position:88% center; background-repeat:no-repeat;color:#ffffff;font-size:16px;padding:23px 61px 23px 31px;display:inline-block;margin-top:16px;font-family: 'open_sansbold';text-decoration:none;}

.button:hover{background-color:#3c9339;color:#ffffff;text-decoration:none}

.button:visited{color:#ffffff;}

#benefits_dm{background-color:#f5f5f5;padding-top:30px;padding-bottom:30px;}

#benefits_dm h1{margin-bottom:20px;}

.benefits{border-radius:5px;background-color:#ffffff;-webkit-box-shadow: 0px 3px 2px 0px rgba(25, 23, 28, 0.18);
-moz-box-shadow:    0px 3px 2px 0px rgba(25, 23, 28, 0.18);
box-shadow:         0px 3px 2px 0px rgba(25, 23, 28, 0.18);
width:45%;float:left;margin-right:34px;
padding-bottom:20px;
font-size:15px;
}

.benefits table{height:150px;}

.receive h2{background:#00b6be url('../img/receive.png') no-repeat left bottom;border-top-left-radius:5px;border-top-right-radius:5px;font-family: 'AmpleSoft-Medium-webfont';font-size:25px;color:#ffffff;padding-left:174px;height:105px;padding-top:40px;}

.pay h2{background:#4cc0ad url('../img/pay.png') no-repeat 30px 18px;border-top-left-radius:5px;border-top-right-radius:5px;font-family: 'AmpleSoft-Medium-webfont';font-size:25px;color:#ffffff;padding-left:114px;height:105px;padding-top:40px;}

.benefits ul{padding:20px 25px 20px 25px;}

.benefits ul li{background:url('../img/vignette.png') no-repeat 0px 7px;padding-left:15px;margin-bottom:5px;}

.benefits .button{margin:0px auto 0px auto;display:block;width:300px;}

#payment_options{margin-top:30px;}

.payments{float:right;}

#payment_options h1{margin-bottom:20px;}

#logos_container, #logos_container_mx, #logos_container_br{border-radius:10px;border:solid 3px #f5f5f5;width:100%;}

#logos_container_mx{width:90%;margin:0px auto 0px auto;}

#logos_container li, #logos_container_br li{width:14.28%;height:110px;display:block;border:solid 2px #f5f5f5;margin:0px;vertical-align:top;padding-top:10px;float:left;}

#logos_container_mx li{width:20%;height:110px;display:block;border:solid 2px #f5f5f5;margin:0px;vertical-align:top;padding-top:10px;float:left;}


#logos_container li img, #logos_container_mx li img, #logos_container_br li img{text-align:center;vertical-align:middle;display:block;margin:auto;}

.clearfix {
  overflow: auto;
}

#dm_account{margin-top:30px;}

.dm_feature{width:33.3%;float:left;margin-top:20px;padding:0px 20px 0px 20px;text-align:center;}

.dm_feature p{font-size:14px;}

#clients{background:#00b6be; color:#ffffff;padding:30px 0px 50px 0px;}

#clients .row{border-radius:60px;background-color:#ffffff;text-align:center;padding:20px 0px 15px 0px;margin-top:20px;}

#clients .row img{vertical-align:middle;}

#thanks{text-align:center;margin-top:30px;padding:20px 0px 50px 0px;}

#thanks h1{margin-bottom:20px;}

footer{background-color:#262626;color:#ffffff;font-size:13px;line-height:15px;padding-top:30px;padding-bottom:30px;}

.acerca{display:inline-block;width:33.3%;float:left;text-align:leftr;}

.antes{display:block;float:left;width:33.3%;text-align:center;}

.data_fiscal{display:inline-block;width:33.3%;float:right;text-align:right;}

.container_mx li{width:205;}

.receive_pr h2{font-size:22px;padding-top:30px;}

.link{color:#A6C307;font-family: 'open_sansbold';}

.link:hover{color:#3c9339;}

#pol_account{margin-top:30px;padding-bottom:40px;}

#pol_account h1{margin-bottom:30px;}

.text_account img{display:none;}

#pol_account .button{font-size:14px;padding:15px 61x 15px 31px;}

@media (max-width:1847px){
	
	}

@media (max-width:1641px){
	#text_header h1{font-size:28px;}
	}

@media (max-width:1586px){
	.container{width:63%;}
	}
	
@media (max-width:1519px){
	.container{width:65%;}
	}
	
@media (max-width:1464px){
	.container{width:68%;}
	}
	
@media (max-width:1390px){
	.container{width:70%;}
	#text_header{background-size:40%;}
	#text_header h1{font-size:25px;}
	#text_header h2{font-size:16px;}
	}
	


@media (max-width:1205px){
		#logos_container li{width:20%;}
	 #logos_container_br li{width:25%;}
	 .pay ul li{margin-bottom:1px;}
	}
	
@media (max-width:1185px){
	.client{margin-top:10px;}
	.row{border-radius:120px;}
		}	
	
@media (max-width:1143px){
	.pay ul li{margin-bottom:11px;}
	}
	
@media (max-width:1143px){
	.pay ul li{margin-bottom:13px;}
	}
	
@media (max-width:1081px){
	#text_header h1{font-size:20px;}
	.benefits{width:100%;margin:0px auto 20px auto;}
	.benefits table {height:150px;}
	.payments{float:left;}
	#text_header{background:none;}
	header{background-image:url('../img/background_header.png');background-repeat: no-repeat;background-position: right;background-size:40%;}
	.pay ul li{margin-bottom:11px;}
	.benefits table{height:100px;}
	}
	
	@media (max-width:980px){
	.text_account img{display:block;margin:auto;margin-bottom:20px;}
	.text_account {text-align:center;}
	.pol_img img{display:none;}	
	
		}
	
		
@media (max-width:942px){
	#logos_container li, #logos_container_mx li{width:33.3%;}
	.dm_feature{width:90%;font-size:13px;}
	}
	
	@media (max-width:850px){
	header{background-size:35%;}	
		}
		
	@media (max-width:720px){
	header{background-size:38%;background-position:top right;}	
	#text_header h1{width:70%;}
	h1{font-size:25px;}
	.benefits table{height:130px;}
		}
	
	@media (max-width:650px){
	.acerca, .antes, .data_fiscal{width:100%;text-align:center;margin-bottom:20px;}	
	#logos_container_br li{width:50%;}
		}
	
	
@media (max-width:600px){
	#logos_container li{width:50%;}
	#text_header{text-align:center;}
	#text_header h1{width:100%;text-align:center;}
	header{background:none;}
	.dm_logo{margin-bottom:20px;}
	.dm_feature img{width:50%;height:50%;}
	.receive h2, {background-size:50%;}
	.pay h2{background-size:18%;}
	#logos_container_mx{width:100%;}
	}
	
@media (max-width:550px){
	.benefits h2{font-size:20px;padding-top:30px;}
	#logos_container_mx li{width:50%;}
	#text_header h2{width:350px;}
	}
	
@media (max-width:500px){
	.container{width:75%;}
	.receive h2{padding-left:154px;}
	}
	

	
@media (max-width:450px){
	.container{width:90%;}
	.dm_logo{font-size:14px;}
	h1{font-size:22px;}
	.receive h2 {background-size:45%;padding-left:134px;}
	.receive .button{background-image:none;}
	#text_header h2{width:300px;margin:10px auto 0px auto;}
	}
	
@media (max-width:376px){
	.benefits .button{width:220px;text-align:center;padding:20px;font-size:14px;background-image:none;}
	header .button{display-block;}
	.receive h2{padding-left:114px;}
	.pay h2{padding-left:90px;}
	.dm_feature p{font-size:12px;}
	.container{width:95%;}
	.client_1{width:40%;}
	.client_2{width:60%;}
	.dm_feature{width:100%;font-size:13px;}
	#text_header h2{width:250px;margin:10px auto 0px auto;}
	}
	
@media (max-width:356px){
	.dm_logo{font-size:13px;}
	header .button{font-size:14px;padding:20px;}
	}
	
@media (max-width:302px){
	.receive h2{padding-left:94px;}
	.pay h2{padding-left:80px;}
	}