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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	text-decoration: none;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing:border-box;
	font-family: 'Hind', sans-serif;
}
body{width: 100%;
max-width: 1440px;
margin: auto;
box-shadow: 0 0px 30px rgba(0,0,0,.2);}
.tiposEAux{}
    .tiposEAux ul{
    display: table;
    width: 100%;
    max-width: 890px;
    margin: 30px auto 0px;
}
    .tiposEAux ul li{
    display: inline-block;
    width: 50%;
    padding: 30px;
    /* border-right: 1px solid #17273a; */
    vertical-align: top;
    }
    .tiposEAux ul li h2{
    font-size: 2em;
    margin-bottom: 10px;
}
    .tiposEAux ul li:last-child{
    border-right: none;
    }

        .tiposEAux ul li p{
    font-size: 1em;
}
         .tiposEAux ul li p strong{
   display:block;
}
    .txDescAux{
    padding-top: 50px;
}
        .txDescAux p{}

.contWA{
	position: fixed;
	z-index: 9999;
	background-color: #01e674;
	border-radius: 5px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
   .contWA i {font-size: 40px;
    color: white;
    padding: 10px;
}    
.redesGC{
    text-align: center;
    margin: 30px 0px 0px 0px;
}
.redesGC a{
    font-size: 2em;
    margin: 0px 10px;
}
    .redesGC a i{
    color: #17273a;
}

.detL{
    height: 50px;
    transform: rotate(2deg);
    position: relative;
    top: 19px;
}
.dl1{
    background-color: #17273a;
}
.dl2{
    background-color: #d47113;
}

header{
    background-color: #16273A;
    text-align: center;
    position: relative;
}
.firstSection{
	background-image: url(../images/cerveza_vaso_galeria_cerveza.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
.contentHeader{
    padding: 0px 20px 50px 20px;
    position: relative;
    overflow: hidden;
    height: 100vh;
    background-image: url("../images/fdo.jpg");
    background-size: cover;
}
.contAnimaHands{height: 270px;}

.logoBdeal{
    text-align: center;
    overflow: hidden;
    /* height: 150px; */
}
	.logoBdeal img{
    max-width: 240px;
    width: 100%;
    height: auto;
}
.descHeader{
    margin: 50px auto;
    max-width: 600px;
}
	.descHeader h1{
    color: #e4e4e4;
    font-size: 1em;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 12.4px;
}
.content1s{
    position: relative;
    padding-top: 100px;
    margin: auto;
    max-width: 880px;
}
.stats{
    position: relative;
    background-color: rgba(0,0,0,.6);
    margin: 80px 0px 0px 0px;
}
.table{display: table;width: 100%;max-width: 880px;margin: auto;}
    .table > .cell {
    display: table-cell;
    text-align: center;
    padding: 40px 0px;
    }
    .oneStat{}
    .num{
    font-weight: bolder;
    font-size: 6em;
    color: white;
}
    .txstat{
    font-weight: bold;
    color: silver;
    font-size: 1.2em;
}
.iosAppButton{
    display: inline-block;
    margin: 0px 10px;
}
	.iosAppButton img{
    width: 180px;
    height: auto;
}

.descSec1{
    max-width: 390px;
    width: 100%;
    position: relative;
    /* top: 50%; */
    /* margin-top: -130px; */
    left: 10%;
}
	.descSec1 h2{
    color: #FCC002;
    padding: 20px 0px;
}
	.descSec1 p{
    color: white;
}
.contsectionAux{
    background-color: #D47113;
    padding: 80px 15px 30px;
    color: white;
}
    .descSecAux h2{
    color: #17273a;
    font-size: 3.5em;
}

    .descSecAux h3{
    color: #fdfdfd;
    font-size: 1.4em;
    font-weight: bold;
    margin: 20px 0px;
}
.descSecAux img{
    max-width: 450px;
    height: auto;
    width: 100%;
    margin-bottom: 30px;
}
.descSecAux{
    max-width: 630px;
    margin: auto;
}
.contsectionAux small{
	font-size: .8em;
    color: #ffffff;
}
small a{
    color: white;
    border-bottom: 1px solid;
}
h2{
    font-size: 4em;
    /* margin: 10px 0 10px; */
    font-weight: 600;
    line-height: 1em;
}
p{
    font-size: 1.4em;
}
.contsectionAux > div p{
    max-width: 650px;
    font-size: .8em;
    color: white;
    margin: 0px auto 16px;
}
.contsectionAux > div p a{
    color: white;
    border-bottom: 1px solid;
}
.contBtPie{
    margin: 30px 10px;
}
    .contBtPie a{
    font-weight: bold;
    font-size: 1em;
    color: white;
    background-color: #16273A;
    margin: 2px 10px;
    display: inline-flex;
    border-radius: 50px;
    padding: 5px 25px;
}
.mobile1{
    position: absolute;
    left: 10%;
    top: 80px;
}
	.mobile1 img{
    max-width: 250px;
    height: auto;
}
.bck1section{
	background-attachment: fixed;
    background-size: cover;

}
.fdback1S{
   	background-image: url(../images/celular-detalle.jpg);
}

.descSec2{
    max-width: 40%;
    position: absolute;
    top: 47%;
    margin-top: -120px;
    right: 10%;
}
	.descSec2 h2{
    color: #16273A;
}
	.descSec2 p{
    color: #17273a;
    /* font-weight: bold; */
}
    strong{
    font-weight:bold;
}
.secondSection{
    position: relative;
    height: 660px;
    padding: 30px 20px;
    max-width: 880px;
    margin: auto;
}
.thirdSection{
    background-color: #FCC002;
    text-align: center;
    padding: 80px 20px 40px;
    overflow: hidden;
}
.sixSection{
    background-color: #4F86BC;
    text-align: center;
    padding: 80px 20px 40px;
    overflow: hidden;
}
.covidSection{
    background-color: #e8e8e8;
    text-align: center;
    padding: 80px 20px 40px;
    overflow: hidden;
}
.notification1{
    width: 100%;
}
	.notification1 img{
    max-width: 550px;
    width: 100%;
    height: auto;
}
.notification3 img{
    max-width: 650px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.descSec3{
    width: 100%;
    margin: 0px auto 30px;
}
	.descSec3 h2{
    color: #16273A;
    max-width: 630px;
    margin: 30px auto;
}
    .covidSection > .descSec6 h2{
    color: #17273a;
    margin: 0px auto 10px auto;
}
    .covidSection > .descSec6 h3{
    color: #18273a;
    font-weight: normal;
    font-size: 1.4em;
}

    .descSec6 h2{
    color: #ffffff;
    max-width: 630px;
    margin: auto;
    font-size: 3.5em;
    }
    .descSec6 h3{
    color: #ffffff;
    max-width: 630px;
    margin: auto;
    font-size: 2em;
    font-weight:bold;
    }
	.thirdSection small{
    font-size: .8em;
    color: #17273a;
}
    

.fourthSection{
    position: relative;
    height: 600px;
    max-width: 1000px;
    margin: auto;
}
.descSec4{
    position: absolute;
    max-width: 30%;
    top: 35%;
    left: 10%;
    margin-top: -110px;
}
	.descSec4 h2{
    color: #16273A;
}
	.descSec4 p{
    color: #808080;
}
.ima4Section{
    top: 58%;
    float: right;
    margin-top: -200px;
}
	.ima4Section img{
    max-width: 570px;
    width: 100%;
    height: auto;
}

.fifthSection{/* background-color: #0f2438; *//* position: relative; */background-image: url(../images/reunion-cerveza-social.jpg);background-size: cover;background-attachment: fixed;background-position: center center;}
.imaSec5{
    /* position: absolute; */
    /* float: left; */
    left: 10%;
    /* height: 460px; */
    position: relative;
    top: 120px;
}
	.content5s{
    /* background-color: #0f2438; */
    overflow: hidden;
    max-width: 880px;
    margin: auto;
    position: relative;
    height: 620px;
}
	.imaSec5 img{
    max-width: 290px;
}
	.descSec5{
    /* float: right; */
    max-width: 35%;
    right: 10%;
    position: absolute;
    top: 44%;
    margin-top: -110px;
}
	.descSec5 h2{
    color: #FCC002;
}
	.descSec5 p{
    color: #e8e8e8;
}
footer{
    text-align: center;
}
.contentFooter{
    padding: 30px 20px;
}
.btAppStoreFooter{
    margin: 10px 0px;
}
	.btAppStoreFooter img{
    max-width: 150px;
    height: auto;
}
.opPie{}
    .opPie a{
    color: #16273A;
    font-weight: bold;
    font-size: .9em;
    margin: 0px 10px;
}

.bdealStudio{
    /* font-size: .8em; */
    /* color: #808080; */
    /* margin: 20px 0px; */
}
.bdealStudio p{
    font-size: 1em;
    color: #808080;
    margin: 0px 0px 20px 0px;
}
	.bdealStudio img{
    max-width: 75px;
    height: auto;
    margin: 20px 0px 5px;
}
.manoAnimated{
	position: absolute;
	right: 0%;
	left: -3%;
	width: 105%;
}
.hi{
	transform: translatey(0px);
	opacity:0;
	animation: float 6s ease-in-out infinite;
}
.contAnimaMoto{
    position: relative;
    top: -60px;
    height: 130px;
    text-align: center;
    left: 0px;
    right: 0px;
    /* overflow: auto; */
}
.moto{
	transform: translatey(0px);
	opacity:0;
	animation: floatmoto .4s ease-in-out infinite;
	max-height: 190px;
	position: relative;
	right: 70px;
}
.caja{
	transform: translatey(0px);
	opacity:0;
	animation: floatmoto 1s ease-in-out infinite;
	max-height: 55px;
	position: relative;
	top: -83px;
}
.hr{
	/*transform: translatex(-10px);
	animation: float 6s ease-in-out infinite;
	right: -10px;*/
}

.tx1 {animation : a-tx1 0.8s 0.5s ease-out backwards;/* margin-top : 100px; */}
.tx2 {animation : a-tx2 0.8s 0.8s ease-out backwards;/* margin-top : 100px; */}
.bt1 {animation : a-bt1 0.8s 1.8s ease-out backwards;/* margin-top : 100px; */}



@keyframes float {
	0% {
		transform: translatey(0px);
		opacity:1;
	}
	50% {
		transform: translatey(-10px);
		opacity:1;
	}
	100% {
		transform: translatey(0px);
		opacity:1;
	}
}

@keyframes floatmoto {
	0% {
		transform: translatey(0px);
		opacity:1;
	}
	50% {
		transform: translatey(-2px);
		opacity:1;
	}
	100% {
		transform: translatey(0px);
		opacity:1;
	}
}

@keyframes a-tx1 {
	0% {
	opacity : 0;
	}
	100% {
	opacity : 1;
	}
}
@keyframes a-tx2 {
	0% {
	opacity : 0;
	transform : translate3d(0,100%,0);
	}
	100% {
	opacity : 1;
	transform : none;
	}
}
@keyframes a-bt1 {
	0% {
	opacity : 0;
	}
	100% {
	opacity : 1;
	}
}

@media (max-width: 1200px){
	.descSec2{}
	.firstSection, .fifthSection{
		background-attachment: inherit;
	}
	.parallax-inner{
		width: 100% !important;
		height: 100% !important;
		transform: none !important;
		/* position: relative !important; */
		}
		.descSec1{
		max-width: 360px;
	}
	}
	@media (max-width: 920px){
		.hi{
		width: 120%;
		left: -8%;
		}
		.descSec4{
		position: relative;
		max-width: 100%;
		left: auto;
		margin-left: auto;
		margin-right: auto;
		top: auto;
		margin-top: 50px;
		margin-bottom: 30px;
		text-align: center;
		padding: 0px 15px;
	}
	.ima4Section{
		float: none;
		margin-top: auto;
		top: auto;
		width: 100%;
		text-align: center;
	}
    .fifthSection, .firstSection{
    background-attachment: inherit;
    }
}

@media (max-width: 780px){
	.hi{
    /* width: 130%; */
    /* left: -11%; */
    }
    .contAnimaHands{height: 210px;}
}

@media (max-width: 680px){
	.tiposEAux ul li{
		display:block;
		width:100%;
		border-right:none;
		border-bottom: 1px solid #17273a;
	}

	.descSec1, .content1s{
    /* max-width: 80%; */
    top: 25%;
    text-align: center;
    margin: auto;
    left: 0%;
    }
    .content1s{background-color: rgba(0,0,0,.6);top: 0;/* height: 740px; */} 
	.parallax{
    height: 600px !important;
    }
	.parallax-inner{
    background-image: url(../images/bc-business2.jpg) !important;
    background-position: top center !important;
    }
    .table > .cell{
    display: block;
    }
    .stats{
    margin: 0px;
    }
   
    .contAnimaHands{height: 210px;}
    .parallax-inner{
    /* background-image: none !important; */
    background-color: #15e1d0;
     }
	.descHeader h1{
    font-size: 2em;
    }
    .descHeader{
    margin: 0px 0px 30px auto;
    }
    
	.descSec1 h2, .descSec2 h2, .descSec3 h2, .descSec4 h2, .descSecAux h2, .descSec5 h2,.descSec6 h2{font-size: 2.5em;}
	.descSec1{
    max-width: 85%;
    left: 0%;
    margin-left: auto;
    margin-right: auto;
     }
    .content5s{
    height: auto;
    }
	.mobile1{
    position: relative;
    left: 0%;
    text-align: center;
    margin: 0 0 30px;
    top: auto;
    }
	.mobile1 img{
    max-width: 180px;
	}
	.descSec2{
    max-width: 100%;
    right: 0%;
    top: auto;
    margin-top: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
     }
	.secondSection{
    height: auto;
    }
    .fourthSection{
    height: auto;
    }
    .imaSec5{
    float: none;
    left: auto;
    height: auto;
    text-align: center;
    margin: 0 0 40px;
    top: 30px;
    }
    .imaSec5 img{
    max-width: 280px;
    }
    .descSec5{
    max-width: 90%;
    margin: 0px auto 40px;
    right: auto;
    position: relative;
    top: auto;
    text-align: center;
    }

}

@media (max-width: 580px){
	.hi{
    /* width: 160%; */
    /* left: -25%; */
    }
    .contAnimaHands{height: 150px;
    }
    .content1s{
    /* height: 510px; */
    }
}


@media (max-width: 414px){
	.hi{
    width: 180%;
    left: -37%;
    }
	.contentHeader{
    background: none;
    background-color: #375ddc;
}
}

@media (max-width: 375px){
	.hi{
    /* width: 200%; */
    /* left: -45%; */
    }
    .descHeader h1{
    font-size: 1em;
 }
	h2{
    font-size: 1.8em;
    }
	.parallax-inner{
    
	}
	.descSec1{
    
	}
	.mobile1{
    
 	}
	.mobile1 img{
   
	}
	.descSec2{
    
 	}
	.secondSection{
  
	}
	.descSec4{
    
	}
	.ima4Section{
    
	}
	.fourthSection{
    
	}
	.imaSec5{
    
	}
	.imaSec5 img{
    	
	}
	.descSec5{
   
	}
}