body, html{
	margin: 0px;
	padding: 0px;
	font-family: "Poppins";
}
.container1{
	padding: 20px 50px;
}
body.es header .container1 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
img{
	max-width: 100%;
}
.span-button{
	color: #d7f7f0;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
@media only screen and (max-width: 640px) {

.btn-light{
		padding: 10px 15px !important;
}

}
.span-button-light{
	color: #E13056;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
.btn{

	background: #15c39a;
	border: none;
	color: #fff;
	padding: 10px 30px;
	font-size: 16px;
	border-radius: 50px;
	box-shadow: 3px 1px 4px #54525299;
	font-weight: 600;	
}
.btn:hover{
	background: #15c39aCC;
}
.btn-info {
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info:hover{
	background-color: #4396af;
	border-color: #38aacc;
}
.es .btn-header .header-btn {
	padding: 10px 30px;
}
/*header*/
#menu{
	position: fixed;
	width: 100%;
	z-index: 1;
}
.menu-responsive{
	color: #999;
	font-size: 30px;
	cursor: pointer;
	display: none;
	background: none;
	border: none;
}
.logo{
	float: left;
}
.header-btn{
	margin-top: 30px;
}
header{
	min-height: 660px;
	background-color: #f7f7f7;
}
.header{
	background: #fff;
	min-height: 130px;
}
header nav{
	display: inline-block;
}
header li {
  display: inline-block;
}

header ul{
	margin: 40px 00px;
	padding: 0px;
}
header li a {
    color: #999999;
    font-size: 18px;
    padding: 0px 5px;
    margin: auto 10px;
  text-decoration: none;
}
header ul li{
	position:relative;
}
.btn-logo{
	float: left;
}
.btn-header{
	float: right;
}
.menu-right{
	float: right;
	width: calc(100% - 220px);
	text-align: center;
}
.active{
	color: #FF0047;
	border-bottom: 2px solid;
}
header li a:hover{
	color: #FF0047 !important;
	border-bottom: 2px solid;
}
.form-group label.active {
	color: #106cff;
}
header h1{
	font-weight: 700;
	color: #4D4D4D;
	line-height: 58px;
	font-size: 44px;
}
.page-home header h1 {

}
header li:hover > ul{
	display: block;
}
header ul ul{
	position: absolute;
	margin: 0px;
	padding: 0px;
	background: #fff;
	min-width: 200px;
	display: none;
	text-align: left;
}
header ul ul li a{
	font-size: 16px;
	display: block;
	padding-left: 10px;
}
header ul ul li{
	display: block;
	padding: 20px 10px;
}
header.instructional{
	min-height: auto;
	height: auto !important;
	color: #fff;
}
.instructional h1, .instructional h3, .instructional p{
	color: #fff;
}
a{
	text-decoration: none;
	color: #666;
}
.text-banner{
	font-weight: 300;
	color: #999999;
}
.page-home .text-banner {

}
.banner{
	width: 100%;
}
.banner button{
	padding: 10px 30px;
	margin-top: 35px;
	font-size: 21px;
}

/*modal*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  margin: auto;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  margin: auto;
  padding: 20px;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -26px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/*point*/
.point{
	background: rgb(21, 47, 77) linear-gradient(rgb(21, 47, 77), rgb(39, 87, 133));
	display: grid;
	grid-template-columns: 50% 50%;
}
.point h2{
	color: #fff;
	font-weight: 600;
	font-size: 36px;
	margin-top: 65px;
}
.point h3{

	color: #fff;
	font-size: 28px;
	font-weight: lighter;
}
.point p{
	color: #fff;
	font-weight: lighter;
	font-size: 21px;
	margin-right: 10%;
}
.point-left{
	margin: auto 0;
}
.point-right{
	margin: 40px 0;
	padding: 0 25px;
}

/*orders*/
.form-newsletter .people6{
	display: none;
	position: initial;
	margin: 0;
	right: initial;
}

.section{
	display: grid;
	grid-template-columns: 50% 50%;
	padding: 0 50px;
	align-items: center;
}
h2{
	font-size: 36px;
	line-height: 45px;
	color: #66c;
	font-weight: 600;
}
h2.secondary {
	font-size: 28px;
}
h3{
	color: #666666;
	font-weight: initial;
	font-size: 28px;
}
h3.sub{
	color: #999999;
	font-weight: initial;
	font-size: 28px;
	margin-top: 0 !important;
}
p{
	color: #999999;
	font-size: 21px;
}

/*tickets*/
.section-back{
	background: #F2F2F2;
	display: grid;
	grid-template-columns: 50% 50%;
	padding: 20px 50px;
}
.section-back.tickets, .section-back.qr, .section-back.expand-business, .section-back.local-economy, .section-back.metrics, .section.delivery, .section.self-ordering, .section.payouts {
	padding-top: 20px;
	padding-bottom: 20px;
}
.section-back .section-right, .section-back.tickets .section-back-right {
	padding-left: 20px;
}
.metrics{
	padding: 50px 50px ;
}

.business{
	background: url(../img/home/footer-back.jpg);
	background-size: cover;
}
.affiliates .business {
	background-image: url(../img/affiliates/footer.png);
	min-height: 650px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.business-back{
	background-color: #7175CCCC;
	border-radius: 0 0 50px 50px;
	box-shadow: 6px 10px 10px #0000004d;
}
.business, .business-back{
	border-radius: 0 0 50px 50px;
}
.business h2, .business h3, .business p{
	color: #fff;
	text-align: center;
}
.business h2{
	font-size: 38px;
	font-weight: 600;
	margin: 0px;
	padding-top: 50px;
}
.business h3{
	font-size: 28px;
}
.business p{
	font-size: 21px;
	font-weight: 300;
	margin: 0 0 40px;
}
.business-img{
	display: grid;
	grid-template-columns: auto auto auto;
	padding: 0 60px;
}
.affiliates footer .business h2 {
	padding-top: 10px;
}
.buss-left{
	text-align: left;
}
.buss-center{
	text-align: center;
}
.buss-right{
	text-align: right;
}
.newsletter{
	color: #333333;
	text-align: center;
}
.newsletter h2{
	font-size: 34px;
	margin-top: 6%;
	color: #333;
	margin-bottom: 9px;
	font-family: "Poppins";
	font-weight: 600;
}
.newsletter h3{
	color: #333;
	font-size: 24px;
	font-weight: 300;
	margin-top: 7px;
	font-family: "Poppins";
	margin-bottom: 24px;
}
footer a{
	color: #666;
}
footer button{
	font-family: "Poppins";
}
.input-news{
	display: inline;
	background: #fff;
	color: #6666668f;
	padding: 20px 25px;
	border-radius: 50px;
	max-width: 200px;
	box-shadow: 6px 6px 5px #0000004d;
}
.input-news i{
	margin-right: 10px;
}
.input-news input{
	border: none;
	background: none;
	color: #666666;
	font-size: 17px;
	font-family: "Poppins";
	max-width: 300px;
}
.form-newsletter button{
	background: #37D1BB;
	color: #fff;
	border: none;
	font-size: 19px;
	font-weight: 500;
	padding: 20px 50px;
	border-radius: 50px;
	margin-left: 20px;
	box-shadow: 6px 6px 6px #0000004d;
}
.form-newsletter button:hover{
	background: #37D1BBA6;
	cursor: pointer;
}
footer{

	background: url(../img/home/world.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: bottom;
	text-align: center;
	background-color: #eef5ff;
}
.copyright {
	margin-top: 8% !important;;
}
.footer p{
	color: #666666;
	font-size: 20px;
	margin: 0;
	padding-bottom: 2%;
}
.facebook, .instagram, .snapchat, .twitter
{ max-width: 100%; background-size: 100%; background-image: url('../img/home/social.png'); }

.facebook { background-position: 0 0%; background-size: 100%; }
.instagram { background-position: 0 33.333333%; background-size: 100%; }
.snapchat { background-position: 0 66.666667%; background-size: 100%; }
.twitter { background-position: 0 100%; background-size: 100%; }

.social{
	padding-bottom: 20px;
}
.social a{
	text-decoration: none;
}
.footer-bottom{
	display: grid;
	grid-template-columns: 20% auto 20%;
}
.people1, .people2, .people3, .people4, .people5, .people6, .people7, .people8{
	display: inline-block;
	background: url('../img/home/people.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	border-radius: 50%;
}

.people1 {
	background-position: -0px -0px;
	width: 45px;
	height: 45px;
	float: right;
	margin-top: 23%;
	margin-right: 10px;
}
.people2 {
	background-position: -45px -0px;
	width: 45px;
	height: 45px;
	float: left;
	margin-top: 70%;
	margin-left: 50px;
}
.people3 {
	background-position: -0px -45px;
	width: 45px;
	height: 45px;
	float: right;
	margin-top: 80%;
	margin-right: -40px;
}
.people4 {
	background-position: -45px -45px;
	width: 45px;
	height: 45px;
	margin-top: 156%;
}
.people5 {
	background-position: -0px -90px;
	width: 45px;
	height: 45px;
	margin-top: 6%;
	margin-left: 0;
	position: absolute;
	right: 200px;
}
.people6 {
	background-position: -45px -90px;
	width: 45px;
	height: 45px;
	margin-top: 10%;
	position: absolute;
	right: 50px;
}
.people7 {
	background-position: -0px -135px;
	width: 45px;
	height: 45px;
	position: absolute;
	margin-top: 16%;
	right: 163px;
}
.people8 {
	background-position: -45px -135px;
	width: 45px;
	height: 45px;
	position: absolute;
	margin-top: 22%;
	right: 40px;
}
.footer-left{
	padding-left: 50px;
}
.section-right, .section-left{
	margin: auto;
}

.pl-15{
	padding-left: 15px !important;
}
.pr-15{
	padding-right: 15px;
}
.p15{
	padding: 15px !important;
}




/*register-pos*/
.register-pos header{
	background: url(../img/banner-register-pos.png);
	background-size: 100% 625px;
	background-position: center;
	background-position-y: top;
	background-repeat: no-repeat;
}



/*subpaginas*/
.sub header li a{
	color: #ffffff;
}
.drivers.sub header li a {
	color: #999999;
}
.affiliates.sub header li a {
	color: #999999;
}
.page-pricing.sub header li a {
	color: #999999;
}
.sub header ul ul li a{
	color: #999999 !important;
}
.sub header ul ul li a:hover{
	color: #ff0047 !important;
}
.sub header li a:hover{
	color: #ff0047;
}
.sub header ul ul li a:hover{
	color: #ff0047;
}
.img-con{
	display: grid;
	grid-template-columns: 50% 50%;
	padding-top: 150px;
}
.drivers .img-con{
	display: flex;
	flex-direction: row;
	padding-top: 150px;
}
.drivers .img-con .left {
	width: 45%;
}
.drivers .img-con .right {
	width: 55%;
}
.affiliates .img-con{
	display: flex;
	flex-direction: row;
	padding-top: 150px;
}
.affiliates .img-con .left {
	width: 45%;
	box-sizing: border-box;
}
.affiliates .img-con .right {
	width: 55%;
	box-sizing: border-box;
}
.img-con img{
	margin-left: 50px;
	float: right;
}
.img-con h1{
	font-size: 33px;
	color: #fff;
	font-weight: 500;
	line-height: 35px;
}
.drivers .img-con h1{
	font-weight: 700;
	color: #4D4D4D;
	line-height: 58px;
	font-size: 44px;
}
.affiliates .img-con h1{
	font-weight: 700;
	color: #4D4D4D;
	line-height: 58px;
	font-size: 44px;
}
.img-con p{
	font-size: 19px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 40px;
}
.drivers .img-con p{
	font-size: 19px;
	margin-bottom: 40px;
	font-weight: 300;
	color: #999999;
}
.affiliates .img-con p{
	font-size: 19px;
	margin-bottom: 40px;
	font-weight: 300;
	color: #999999;
}
.btn-light{
	color: #E13056;
	font-weight: 600;
	font-size: 16px;
	background: #fff;
	padding: 10px 50px;
	border-radius: 20px;
	box-shadow: 3px 1px 4px #54525299;
	display: inline-block;
}
.btn-light:hover{
	background: #ffffffb3;
}
.affiliates footer .btn-light {
	color: #000000;
}
.affiliates header .btn-light {
	color: #ffffff;
	background-color: #000000;
}
.right{
	padding-left: 50px;
}
.drivers .img-con .right {
	padding-left: 0 !important;
}
.contenedores{
	display: grid;
	grid-template-columns: 50% 50%;
}
.contenedores1{
	grid-template-columns: 100%;
	width: 50%;
	margin: auto;
}
.payouts .contenedores1, .drivers .contenedores1, .affiliates .contenedores1{
	width: 100%;
}
.contenedores div{
	text-align: center;
	padding: 50px;
}
.contenedores h2{
	color: #7175C9;
	font-size: 24px;
	font-weight: 500;
}
.contenedores p{
	color: #969696;
	font-size: 16px;
	font-weight: 300;
}
.container2{
	margin: 50px auto;
}
.affiliates .container2 {
	padding-top: 0;
}
.sub .menu-responsive {
    color: #fff;

}

/*cook*/
.cook header{
	background: url(../img/cook-displays.png);
    background-repeat: repeat;
    background-size: auto;
	background-size: 100% 625px;
	background-position: top;
	background-repeat: no-repeat;
}
.payouts header{
	background: url(../img/payouts2.png);
	background-repeat: repeat;
    background-size: auto;
	background-size: 100% 625px;
	background-position: top;
	background-repeat: no-repeat;
}
.social header{
	background: url(../img/social6.png);
	background-repeat: repeat;
    background-size: auto;
	background-size: 100% 625px;
	background-position: top;
	background-repeat: no-repeat;
}
.ordering header{
	background: url(../img/ordering1.png);
	background-repeat: repeat;
    background-size: auto;
	background-size: 100% 625px;
	background-position: top;
	background-repeat: no-repeat;
}
.drivers header{
	background: #f7f7f7;
}
.affiliates header{
	background: #f7f7f7;
}
.portable header{
	background: url(../img/portable1.png);
	background-repeat: repeat;
    background-size: auto;
	background-size: 100% 625px;
	background-position: top;
	background-repeat: no-repeat;
}
.self header{
	background: url(../img/self1.png);
	background-repeat: repeat;
    background-size: auto;
	background-size: 100% 625px;
	background-position: top;
	background-repeat: no-repeat;
}
.waiter header{
	background: url(../img/waiter1.png);
	background-repeat: repeat;
    background-size: auto;
	background-size: 100% 625px;
	background-position: top;
	background-repeat: no-repeat;
}
.dashboard header{
	background: url(../img/dashboard.png);
	background-repeat: repeat;
    background-size: auto;
	background-size: 100% 625px;
	background-position: top;
	background-repeat: no-repeat;
}
.contenedores div.payusts{
	text-align: center;
	padding: 0px;
}

.social .img-con img{
	margin-top: 50px;
}
.see-more {
	color: #0e38df;
	text-decoration: underline;
}
.lng-es .header-btn {
	padding: 10px 39px !important;
}
.page-pricing {
	position: relative !important;
	min-height: auto;
	background-color: #f2f4f6;
}
.page-pricing .masthead #menu {
	position: relative !important;
}
.page-pricing footer {
	padding-top: 0 !important;
}
.page-pricing .footer-pricing {
	padding-top: 50px !important;
}
.page-pricing header li a {
	color: #999999 !important;
}
.page-pricing header li ul a {
	color: #999999 !important;
}
.page-pricing .menu-responsive {
	color: #FFFFFF !important;
}
.button-success {
	border-radius: 15px !important;
	background: #37d1bb;
	padding: 8px 20px;
	border: unset;
	margin: 0 auto;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.33);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.33);
	width: 200px;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}
.flex {
	display: flex;
}
.mr-10 {
	margin-right: 10px;
}
.mr-5 {
	margin-right: 5px;
}
.inline-block {
	display: inline-block;
}
.btn-flex {
	display: flex;
	flex-direction: row;
}
.btn-gray {
	background: #FFFFFF;
	border: 1px solid #cecccc;
	color: #cecccc;
}
.btn-gray:hover {
	background: #f9f9f9;
}
.zero-padding, .zero-padding .swal2-content {
	background: transparent !important;
}
.zero-padding .swal2-content {
	padding: 0 !important;
}
.zero-padding .swal2-timer-progress-bar-container {
	display: none;
}
.zero-padding iframe {
	max-height: 100%;
	min-height: 300px;
}
body.es header li a {
	margin-left: 5px !important;
	margin-right: 5px !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	font-size: 16px;
}
.page-home header li a {
}
.page-home header ul ul li a {
	color: #4D4D4D !important;
}
.page-home header .scroll-on li a {
	color: #4D4D4D !important;
}
.page-home header ul ul {
	background-color: #fff;
}
.btn-transparent {
	background-color: transparent;
	border: 1px solid #727272;
	color: #b8b8b8;
}
.btn-primary-pink {
	background-color: #fd3865;
	color: #fff;
	position: relative;
}
.btn-primary-pink::after, .btn-primary-pink::before {
	position: absolute;
	top: 0;
	bottom: 0;
	content: ' ';
}
.btn-primary-pink::after {
	background-image: url("../img/home/arrow-point-to-right.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 8px;
	right: 11px;
	display: flex;
	flex-direction: row;
}
.icon-play {
	background: url("../img/home/play-light.png") no-repeat right;
	width: 27px;
	max-height: 27px;
	min-height: 24px;
	background-size: contain;
}
.dark {
	background: url("../img/home/play-dark.png") no-repeat right;
	background-size: contain;
}
a:hover .icon-play.dark {
	background: url("../img/home/play-light.png") no-repeat right;
	background-size: contain;
}
.btn-dark {
	color: #ffffff;
	border: 1px solid #ffffff;
	box-shadow: 3px 1px 4px #fefefe;
}
a:hover .btn-dark {
	color: #b8b8b8;
}
.page-home .container-header {
	display: flex;
	flex-direction: row;
	padding: 114px 0 50px 50px;
}
.page-home .container-header .banner {
	width: 45%;
}
.page-home .container-header .banner-right {
	width: 55%;
}
.block2 .movil {
	display: none;
}
.container-currency {
	margin: 0 0.9% 25px 0;
	display: flex;
	justify-content: right;
	align-items: right;
}
.container-modality {
	margin: 0 1.5% 25px 0;
	display: flex;
	justify-content: right;
	align-items: right;
}
.container-currency .form, .container-modality .form {
	display: inline-block;
}
.wrap-select {
	background-color: #ffffff !important;
	border: none !important;
	border-radius: 10px !important;
	font-family: gothic;
	-webkit-box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 20%);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.20);
	box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 20%);
	display: flex;
	align-items: center;
	padding: 10px 8px;
}
.wrap-select select {
	border: 0;
	background: none;
}
.container-currency {
	display: flex;
	flex-direction: row;
	justify-content: end;
	align-items: end;
}
.text-light-blue {color: #37A0D9;}
.text-green {color: #9CC42D;}
.text-orange {color: #EC6721;}
.text-blue {color: #557fcc;}
.text-blue-secondary {color: #5bc0de;}
.text-yellow {color: #FCCB06;}
.text-gray {color: #afacac;}
.text-purple {color: #9080b0;}
.container1 .left.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.container2 .left.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
}
.container2 .right.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
}
.mt-20 {
	padding-top: 20px;
}
.ohnohoney{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}
.login-box .input-group .form-control {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.login-box .input-group .input-group-addon:last-child {
	border-bottom-right-radius: 15px !important;
	border-top-right-radius: 15px !important;
}
.login-box h1 {
	text-align: center;
	color: #393939;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: gothic;
	font-size: 30px;
}
.login-box-msg {
	margin: 0;
	text-align: center;
	padding: 0 0 0px 0;
}
.grecaptcha-badge {
	display: none;
}
.login-box.reservation-box{
	max-width: 460px;
	width: 100%;
}
.list-group-grid {
	list-style: none;
	padding-left: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

@media screen and  (max-width: 1350px) {
	header li a{
		margin: auto 5px;
	}
}
@media screen and  (max-width: 1340px) {
  	header ul {
    	margin-left: 0px;
  	}
	.btn{
		padding: 10px 25px !important;
	}
	.social .img-con{
		padding-top: 165px;
	}
}
@media screen and  (max-width: 1290px) {
	body.es #navegacion {
		font-size: 25px !important;
	}
	body.es .btn-logo {
		width: 80px;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	body.es .btn-logo img {
		width: 220px;
		max-width: fit-content;
	}
	body.es .menu-right{
		width: calc(100% - 80px);
	}
	.page-home .container-header .banner {
		width: 50%;
	}
	.page-home .container-header .banner-right {
		width: 50%;
	}
	.drivers .img-con .left, .drivers .img-con .right {
		width: 50%
	}
	.affiliates .img-con .left, .affiliates .img-con .right {
		width: 50%
	}
}
@media screen and  (max-width: 1250px) {
	.logo{
		max-width: 144px;
    margin-top: 20px;
	}
	body.es .logo {
		margin-top: 0;
	}
	header ul{
		padding-left: 10px;
	}
	.people4{
		margin-top: 90%;
	}
	.menu-right{
		width: calc(100% - 100px);
	}
	.social .img-con{
		padding-top: 185px;
	}
	.lng-es .header-btn {
		padding: 10px 20px !important;
	}
}
@media screen and  (max-width: 1200px) {
	header{
		min-height: 600px
	}
	header li a {
	    margin: auto 3px;
	}
	.list-group-grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and  (max-width: 1172px) {
	body.es header ul {
		padding-left: 0;
	}
}
@media screen and  (max-width: 1162px) {
	body.es header .btn-logo {
		display: none;
	}
	body.es .menu-right {
		width: calc(100%);
	}
}
@media screen and  (max-width: 1150px) {

	header ul {
    padding-left: 10px;
  }
	header li a{
		padding: 0 8px;
	}
	.header-btn{
		padding: 10px 15px !important;
		font-size: 15px;
	}
	.es .btn-header .header-btn {
		font-size: 13px !important;
	}
	header h1{
		font-size: 39px;
	}
	header li a {
	    margin: auto 0px;
	}
}
@media screen and  (max-width: 1100px) {
	header li a {
    font-size: 16px;
  }
	header{
		min-height: 550px;
	}
}
@media screen and  (max-width: 1050px) {
	header li a {
    	font-size: 15px;
		padding: 0 5px;
	}
	.people2{
		margin-left: 0px;
	}
	.people4{
		margin-top: 27%;
		position: absolute;
	}
	.people5{
		right: 13%;
	}
	.people7{
		right: 110px;
	}
	.input-news input{
		max-width: 250px;
	}
}
@media screen and  (max-width: 1000px){
	header li a {
    	font-size: 18px;
	}
	.catalogue{
		padding-top: 70px;
		padding-bottom: 5px;
	}
	header ul ul li{
		padding: 10px;
		padding-left: 25px;
	}
	#header-btn{
		display: none;
	}
	.form-newsletter .people6{
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
	}
	.input-news{
		padding: 10px 0 11px 25px;
		padding-right: 0 !important;
	}
	#menu{
		padding-bottom: 20px;
	}
	header{
		min-height: 500px;
	}
	header h1{
		font-size: 35px;
	}
	header ul ul{
		position: inherit;
	}
	.text-banner{
		font-size: 14px;
	}
	.banner button {
	    padding: 10px 50px;
	    margin-top: 35px;
	    font-size: 15px;
	}
 	header li {
    	display: block;
	}
	.logo{
		margin-top: 0px;
	}
	.menu-right{
		margin-top: 30px;
	}
	.header-btn{
		margin-top: 0px;
	}
	.menu-responsive{
		display: inline-block;
		float: right;
	}
	nav{
		position: absolute;
		right: 0px;
		background: #fff;
		margin-top: 70px;
		min-width: 250px;
	}
	.header-btn{
		float: right;
		margin-right: 20px;
	}
	header ul{
		margin: 0;
		padding: 0;
		text-align: left;
	}
	header ul li{
		padding: 13px 25px;
	}
	header nav{
		display: none;
	}
	.logo{
		max-width: 100%;
	}
		.menu-right {
	    width: calc(100% - 220px);
	}
	.point h2{
		margin-top: 0px;
	}
	.form-newsletter button {
		padding: 15px 35px;
		font-size: 15px;
	}
	.footer-left, .footer-right{
		display: none;
	}
	.footer-bottom{
		grid-template-columns: auto;
	}
	.copyright {
	    margin-top: 3% !important;
	}
	.social {
	    padding-bottom: 0;
	}
	.sub header li a {
	    color: #999 !important;
	}
	.sub header li a:hover {
	    color: #ff0047 !important;
	}
	.register-pos header{
		max-height: 600px;
	}
	.social .img-con{
		padding-top: 150px;
	}
	.page-pricing header li a {
		color: #999999 !important;
	}
	.icon-responsive-mdp {
		height: 16px;
	}
	body.es header .btn-logo {
		width: auto;
		display: flex;
		align-items: center;
	}
	body.es .btn-logo img {
		width: 100%;
		max-width: fit-content;
	}
	body.es .menu-right {
		width: calc(100%);
	}
	body.es #menu .container1 {
		display: flex;
		flex-wrap: nowrap;
	}
	#navegacion {
		background-color: #fff;
	}
	.page-home header li a {
		color: #4D4D4D !important;
	}
}
@media screen and  (max-width: 950px) {
	.register-pos header{
		max-height: 560px;
		background-size: 100% 585px;
	}
	.page-home .container-header {
		flex-direction: column;
		padding: 95px 0 50px 20px;
	}
	.page-home .container-header .banner {
		box-sizing: border-box;
		width: 100%;
		padding-right: 20px;
	}
	.page-home .container-header .banner-right {
		width: 100%;
	}
	.drivers .img-con {
		flex-direction: column;
	}
	.drivers .img-con .left, .drivers .img-con .right {
		width: 100%;
	}
	.affiliates .img-con {
		flex-direction: column;
	}
	.affiliates .img-con .left, .affiliates .img-con .right {
		width: 100%;
	}
	.affiliates .container2.reverse {
		flex-direction: column-reverse;
	}
	.affiliates .business {
		background-image: url(../img/affiliates/footer_movil.png);
		min-height: 550px;
	}
}
@media (max-width: 910px){
	.list-group-grid {
		display: flex;
		flex-direction: column;
	}
}

@media screen and  (max-width: 900px) {
	header{
		min-height: 450px;
	}
	.input-news input {
		max-width: 200px;
	}

	/*subpaginas*/
	.img-con h1{
		margin-top: 20px;
	}
	.right {
	    padding-left: 20px;
	}
	.img-con img {
    	margin-right: 20px;
	}
	.register-pos header{
		max-height: 540px;
		background-size: 100% 565px;
	}
}
@media screen and  (max-width: 850px) {
	header h1 {
	    font-size: 31px;
	    line-height: 35px;
	}
	.input-news{
		padding: 15px 25px;
	}
	.form-newsletter button{
		padding: 15px 35px;
	}
	.newsletter h2{
		margin-top: 15px;
		margin-bottom: 0px;
	}
	.newsletter h3{
		margin-top: 0px;
	}
	.footer p{
		padding-bottom: 0;
	}
	.register-pos header{
		max-height: 500px;
		background-size: 100% 525px;
	}
}
@media screen and  (max-width: 800px) {
	header{
		min-height: 400px;
	}
	.img-con h1{
		font-size: 30px;
		line-height: 32px;
	}
	.img-con p{
		font-size: 16px;
	}
	.register-pos header{
		max-height: 480px;
		background-size: 100% 505px;
	}
}
@media screen and  (max-width: 768px) {
	header{
		min-height: 550px;
		background-size: 100%;
	}
	.page-home header h1 {
		color: #4D4D4D;
	}
	.page-home .text-banner {
		color: #4D4D4D;
	}
	.banner{
		text-align: center;
	}
	.point{
		width: 100%;
	}
	.banner button{
	margin-bottom: 50px;
	}
	.point, .section, .section-back{
		grid-template-columns: 50% 50%;
	}
	.point p{
		margin-right: 0px;
	}
	.tickets .section-back-right, .tickets .point-right{
		padding: 50px;
	}
	.newsletter h2{
		font-size: 15px;
	}
	.newsletter h3{
		font-size: 14px;
	}
	.footer p{
		font-size: 15px;
	}
	.form-newsletter button{
		font-size: 15px;
	}
	.input-news {
	    padding: 11px;
	}
	.footer-bottom{
		padding: 0 20px 0px;
	}
	.facebook, .instagram, .snapchat, .twitter{
		width: 50px;
	}

	/*subpaginas*/
	.container1.img-con{
		padding: 150px 10px 0;
	}
	.img-con h1 {
	    font-size: 27px;
	    line-height: 29px;
	}
	.img-con p {
	    font-size: 14px;
	}
	.img-con img {
	    width: 90%;
	    margin-top: 20px;
	}
	.register-pos header{
		min-height: auto;
	}
	.flex-xs-col {
		flex-direction: column-reverse;
	}
	.flex-xs-col button {
		margin-bottom: 5px;
	}
	.flex-xs-col a:first-child button {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.xs-force-center {
		margin: 0 auto;
	}
	.page-home header .banner .btn {
		min-width: 211px;
	}
	.page-home header .xs-force-center .btn {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
	}
	.btn-transparent {
		border: 1px solid #969696;
		color: #969696;
	}
	.btn-dark {
		border: 1px solid #ffff;
		color: #ffffff;
	}
	.icon-play {
		background: url("../img/home/play-light.png") no-repeat right;
		width: 27px;
		background-size: contain;
	}
	.dark {
		background: url("../img/home/play-dark.png") no-repeat right;
		background-size: contain;
	}
	a:hover .icon-play.dark {
		background: url("../img/home/play-light.png") no-repeat right;
		background-size: contain;
	}
	.block2 .pc {
		display: none;
	}
	.block2 .movil {
		display: block;
	}
	.list-group-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and  (max-width: 650px) {
	.point h2, h2{
		font-size: 30px
	}
	.point h3, h3{
		font-size: 23px;
	}
	.point p, p{
		font-size: 16px;
	}
	.point-right{
		padding: 0px;
		padding-right: 20px;
	}
	.section{
		padding: 0 20px;
	}
	.tickets .section-back-right, .metrics .section-left{
		padding: 20px;
	}
	h2{
		margin-top: 20px;
	}
	/*subpaginas*/
	.img-con img{
		margin-top: 0px;
		width: 90%;
	}
	.register-pos header{
		background-size: cover;
	}
}
@media screen and  (max-width: 600px) {
	.register-pos header{
		max-height: 460px;
	}
	.lng-es .header-btn {
		padding: 10px 10px !important;
	}
	.container1.img-con {
	    padding: 100px 10px 0;
	}
	.drivers .container1.img-con {
	    padding: 120px 10px 0;
	}
	.affiliates .container1.img-con {
	    padding: 120px 10px 0;
	}
	.register-pos header{
		min-height: 400px;
	}
	.right {
	    padding-left: 0;
	}
	.img-con p{
		margin-bottom: 20px;
	}
	.img-con h1 {
	    font-size: 25px;
	    line-height: 27px;
	}
}
@media screen and  (max-width: 550px) {
	.container1{
		padding: 20px;
	}
	.header-btn{
		font-size: 12px;
		padding: 10px 30px;
		margin-right: 5px;
	}
	header h1 {}
	h2{
		font-size: 30px;
	}
	h3{
		font-size: 24px;
	}
	p{
		font-size: 16px;
	}
	.tickets .section-back-right, .tickets .point-right {
	   padding: 20px;
	}
	.section{
		padding: 0 20px;
	}
	.section-back {
		flex-direction: column-reverse;
		display: flex;
		padding: 0 20px;
	}
	.metrics{
		padding: 20px 20px 0;
	}
	.business h2{
		font-size: 30px;
	}
	.business h3{
		font-size: 20px;
	}
	.business p{
		font-size: 17px;
	}
	.input-news input {
	    max-width: 120px;
	    width: 50%;
	}
	nav{
		margin-top: 70px;
	}
	.menu-right {
	    width: auto;
	}
	.point, .section, .section-back {
	    grid-template-columns: auto;
	}

	.section.payouts, .section.self-ordering, .section.delivery, .section.metrics {
		display: flex;
		flex-direction: column;
	}

}
@media screen and  (max-width: 500px) {
	.input-news input {
		max-width: 170px;
	}
	.list-group-grid {
		display: flex;
		flex-direction: column;
	}
}
@media screen and  (max-width: 450px) {
	nav{
		margin-top: 60px;
	}
	.menu-right {
	    margin-top: 10px;
	}
	.point h2, h2 {
	    font-size: 25px;
	    line-height: 25px;
	}
	.point h3, h3 {
	    font-size: 18px;
	}
	.point h3.secondary, h3.secondary {
	    font-size: 22px;
	}
	.point p, p {
	    font-size: 13px;
	}
	.input-news input {
	    width: 50%;
		max-width: calc(60% - 96px);
		font-size: 12px;
	}
	.footer-bottom{
		padding: 0 10px 0px;
	}
	/*.form-newsletter{
		padding-top: 20px;
	}*/
	.form-newsletter button{
		font-size: 12px;
		padding: 15px 25px;
		margin-left: 10px;
	}
	.footer p {
	    font-size: 12px;
	    margin: 0 0 7px;
	}
	.newsletter {
	    margin: 25px 0px;
	}
	footer{
		background-size: 170% auto;
		background-position-x: center;
	}
	.header-btn {
	    margin-top: 8px;
	}
	.menu-responsive{
		margin-top: 6px;
	}
	.btn-logo{
		max-width: 50%;
	}
	.logo{
		max-height: 60px;
	}

	/*subpagina*/
	.img-con{
		grid-template-columns: 100%;
	}
	.img-con img{
		margin: auto;
		float: inherit;
		max-height: 220px;
		width: auto;
	}
	.left{
		text-align: center;
	}
	.right{
		text-align: center;
	}
	.register-pos header{
		background-position: center;
		min-height: 600px;
	}
	.btn-light{
		padding: 10px 70px;
		border-radius: 50px;
	}
	.img-con h1{
		font-size: 28px;
		line-height: 30px;
		font-weight: 700;
		margin: 5px auto;
	}
	.contenedores, .contenedores1{
		grid-template-columns: 100%;
	}
	.contenedores1{
		width: 100%;
	}
	.container2{
		margin: 20px auto;
	}
	.contenedores h2{
		font-weight: 600;
	}
	.contenedores p {
    	color: #837E79;
	}
	.contenedores div {
		padding: 20px 50px;
	}
	.img-con p{
		padding-bottom: 15px;
	}
	.container1.img-con {
	    padding-top: 70px;
	}
	.page-home header .banner-right {
		padding-left: 15px;
	}
	.page-home header .banner-right img {
		content: url("../img/home/home_block_phone_1.png");
	}
	.drivers .img-con .left {
		padding-bottom: 20px;
	}
}
@media screen and  (max-width: 400px) {
	.btn-logo {
	    max-width: 40%;
	}
	.menu-right{
		margin-top: 3px;
	}

	.header-btn{
		padding: 10px 20px;
	}
	body.es header .container1 {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}
@media screen and  (max-width: 376px) {
}
@media screen and  (max-width: 356px) {
	body.es header .btn-header {
		display: none;
	}
}
@media screen and  (max-width: 350px) {
	.header-btn{
		padding: 10px 15px;
		margin-top: 2px;
	}
	.menu-responsive{
		margin-top: 0;
	}
	nav{
		margin-top: 50px;
	}
	.register-pos header {
	    min-height: 620px;
	}
	#menu .container1 {
		padding: 20px 5px;
	}
}
@media screen and (min-width: 1101px) and (max-width: 1260px) {
	#menu .container1 {
		display: flex;
		padding: 20px 30px;
	}

}
@media screen and (min-width: 1000px) and (max-width: 1100px) {
	#menu .container1 {
		display: flex;
	}
}