@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap);
.red{color:#d61f2b}.bg-red{background-color:#d61f2b}.yellow{color:#ffbd00}.bg-yellow{background-color:#ffbd00}.yellowChart{color:#f2b805}.bg-yellowChart{background-color:#f2b805}.darkGreen{color:#008045}.bg-darkGreen{background-color:#008045}.pinkPortfolio{color:#d71e79}.bg-pinkPortfolio{background-color:#d71e79}.greenPortfolio{color:#e6d821}.bg-greenPortfolio{background-color:#e6d821}.bluePortfolio{color:#1d9fd9}.bg-bluePortfolio{background-color:#1d9fd9}.orange{color:#E68806}.bg-orange{background-color:#E68806}.green{color:#5ab131}.bg-green{background-color:#5ab131}.blue{color:#29a7de}.bg-blue{background-color:#29a7de}.lblue{color:#92c3d6}.bg-lblue{background-color:#92c3d6}.gray{color:#1a1a1a}.bg-gray{background-color:#1a1a1a}.white{color:#fff}.bg-white{background-color:#fff}.purple{color:#2e3180}.bg-purple{background-color:#2e3180}.dark{color:#000}.bg-dark{background-color:#000}.regular{font-family:'Roboto';font-weight:400;font-style:normal}.light{font-family:'Roboto';font-weight:300;font-style:normal}.medium{font-family:'Roboto';font-weight:500;font-style:normal}.bold{font-family:'Roboto';font-weight:700;font-style:normal}.black{font-family:'Roboto';font-weight:900;font-style:normal}.uc{text-transform:uppercase}@font-face{font-family:'raustila';src:url(../fonts/raustila-Regular.otf) format("truetype");src:url(../fonts/raustila-Regular.ttf) format("truetype");font-style:normal}.cursive{font-family:'raustila'}.icon-menu{position:fixed;top:3%;left:2%;width:3%;cursor:pointer;z-index:900}.icon-menu img{width:100%}.icon-menu .languages{margin-top:16%;font-size:0.8em}.icon-menu .languages a{color:white;margin:3%}.icon-menu .languages a:nth-child(1){border-right:1px solid #fff;padding-right:3%}.icon-menu .languages a.selected{font-weight:700;text-decoration:none}.icon-menu .languages a:hover{font-weight:700;text-decoration:none}nav{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#d61f2b;z-index:999;transform:translateX(-100%);transition:all 0.8s;will-change:transform}nav.show{transform:translate(0%)}nav .icon-menu{z-index:999}nav .icon-close{position:absolute;right:5%;top:3%;cursor:pointer}nav .icon-close:hover{color:#ffbd00}nav .links-container{margin-top:5%;padding-left:5%}nav .links-container .bottom{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}nav .links-container .one{width:30%;padding:1.5%}nav .links-container a{display:block}nav .links-container a.letter{width:50%;margin-left:1.5%}nav .links-container a.black{font-size:1.5em;letter-spacing:0.2em;padding-bottom:1%;margin-bottom:5%;position:relative}nav .links-container a.black.home{width:50%;margin-bottom:0.5%;margin-left:1.5%}nav .links-container a.black:after{content:'';position:absolute;height:5px;background-color:#fff;left:0;right:80%;top:100%}nav .links-container a.black:hover{text-decoration:none;color:white;font-size:1.6em}nav .links-container a.regular{padding-bottom:1.5%}nav .links-container a.regular:hover{text-decoration:none;color:white;font-size:1.1em}.submenu{position:fixed;left:0%;top:0;width:5%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:800}.submenu a{padding-top:20%;width:20%;border-radius:50%;background-color:rgba(255,255,255,0.5);margin-bottom:25%}.submenu a:hover{text-decoration:none;background-color:#fff}body{padding:0;margin:0;height:100%;width:100%;color:black;font-family:'Roboto';font-weight:400;font-style:normal}.double{display:flex}@media (max-width: 960px){.double{display:block}}.double .left,.double .right{width:50%}@media (max-width: 960px){.double .left,.double .right{width:auto}}.triple{display:flex;justify-content:center;align-items:center}@media (max-width: 960px){.triple{display:block}}.triple .left,.triple .middle,.triple .right{padding:1.5%;width:30%}@media (max-width: 960px){.triple .left,.triple .middle,.triple .right{width:auto}}.index1{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center}.index1 .downIcon{position:absolute;bottom:3%;left:50%;color:#d61f2b;animation:bounce 1s ease-in-out infinite alternate-reverse}.index1 .title{position:absolute;top:4.5%;right:10.5%;width:45%}.index1 .title h3{font-size:3em;letter-spacing:0.2em;margin-left:15%;margin-bottom:0}.index1 .title img{width:83%}.index1 #animation{position:absolute;top:0;left:0;width:100%;height:100vh;background-image:url(../images/bg_1@2x-8.png);background-size:90% auto;background-repeat:no-repeat;background-position:center 100%}.index1 #animation #cf{position:absolute;bottom:3%;right:2.5%;font-size:1.2em}.index1 #animation #cf p{margin:0;letter-spacing:0.2em}.index1 #animation #cf p:nth-child(2){letter-spacing:0.9em}.index1 #animation #ir{position:absolute;bottom:3%;left:2.5%;width:20%}.index1 #animation #t-1{position:absolute;top:60%;left:12.5%;width:7%}.index1 #animation #t-2{position:absolute;top:56%;left:24%;width:2.6%}.index1 #animation #t-3{position:absolute;top:61%;left:34%;width:3.3%}.index1 #animation #t-4{position:absolute;top:71%;left:37.5%;width:7%}.index1 #animation #t-4 #t-4-2{position:absolute;top:-11%;left:0;width:90%;opacity:0}.index2 .left{min-height:100vh;display:flex;justify-content:center;align-items:center}.index2 .left .circle{width:50%;border-radius:50%;padding-top:50%;background-color:rgba(0,0,0,0.8)}.index2 .right{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.index2 .right .title{width:60%;margin-bottom:4%}.index2 .right .text{width:60%}.index4{min-height:100vh;background-color:#000;background-size:cover;position:relative;color:#fff;overflow:hidden}.index4 .vision2-2{position:absolute;top:0;left:0;bottom:0;right:0;transform:translateX(100%);will-change:transform;transition:all 0.8s;display:flex;justify-content:center;align-items:center}.index4 .vision2-2.show{transform:translateX(0)}.index4 .vision2-2 .back{position:absolute;left:8%;top:45%;cursor:pointer}.index4 .vision2-2 .instructions{position:absolute;top:5%;left:8%}.index4 .vision2-2 .map{width:40%}.index4 .vision2-1{will-change:transform;transition:all 0.8s}.index4 .vision2-1.hide{transform:translateX(100%)}.index4 .vision2-1 .next{position:absolute;top:2%;left:42%;cursor:pointer}.index4 .vision2-1 .foot{position:absolute;bottom:-5%;left:8%;font-size:0.7em}.index4 .vision2-1 .left{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-left:8%}.index4 .vision2-1 .left .text h3{font-size:2em;letter-spacing:0.3em;color:white}.index4 .vision2-1 .left .text p{font-size:0.8em}.index4 .vision2-1 .left .title{width:100%;margin-bottom:5%}.index4 .vision2-1 .left .indexes{width:80%;margin-top:5%}.index4 .vision2-1 .right .datos{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;margin-right:8%}.index4 .vision2-1 .right .datos .dato{width:40%;position:relative;margin-bottom:5%;padding-bottom:3%;font-weight:500}.index4 .vision2-1 .right .datos .dato span{font-size:2em}.index4 .vision2-1 .right .datos .dato span:nth-child(2){font-size:1.2em}.index4 .vision2-1 .right .datos .dato:after{content:'';position:absolute;top:100%;left:0;right:70%;height:3px;background-color:#fff}.index4 .vision2-1 .right .datos .dato:nth-child(4):after{height:0}.index4 .vision2-1 .right .datos .dato p{margin:0}.index4 .vision2-1 .right .botellas{display:flex;justify-content:center;align-items:flex-end}.index4 .vision2-1 .right .botellas .botella{margin:5%}.index4 .vision2-1 .right .botellas .botella .top{margin-bottom:10%}.index4 .vision2-1 .right .botellas .botella .lata{width:30%}.index4 .vision2-1 .right .botellas .botella .botella{width:32%}.index4 .vision2-1 .right .botellas .botella .leche{width:44%}.index4 .vision2-1 .right .botellas .botella p{margin:0;font-weight:500}.index4 .vision2-1 .right .botellas .botella p:nth-child(1){font-size:2em}.index4 .vision2-1 .right .botellas .botella p:nth-child(2){font-size:1em}.index4 .venezuela,.index4 .brasil,.index4 .mexico,.index4 .colombia,.index4 .centroAmerica,.index4 .uruguay,.index4 .argentina{cursor:pointer}.index4 .venezuela path,.index4 .brasil path,.index4 .mexico path,.index4 .colombia path,.index4 .centroAmerica path,.index4 .uruguay path,.index4 .argentina path{fill:#e6daa9}.index4 .infoPais{position:absolute;top:0;bottom:0;right:0;width:30%;display:flex;justify-content:center;align-items:center;transform:translateX(500%);will-change:tranform;transition:all 0.8s}.index4 .infoPais svg{width:80%}.index4 .infoPais.show{transform:translateX(0)}.index4 .infoPais#mexico{background-color:#f23859}.index4 .infoPais#central{background-color:#052fc8}.index4 .infoPais#colombia{background-color:#f2b805}.index4 .infoPais#brasil{background-color:#05bf69}.index4 .infoPais#uruguay{background-color:#b6b6b6}.index4 .infoPais#argentina{background-color:#056bf2}.index5{min-height:100vh;position:relative;overflow:hidden}.index5 .bye{position:absolute;bottom:18%;right:15%;border:solid 1px #ffbd00;color:#ffbd00;padding:1%;width:3%;z-index:4;cursor:pointer;opacity:0;transition:all 0.8s}.index5 .bye.show{opacity:1}.index5 .bye:hover{background-color:#ffbd00;color:#fff}.index5 .bye p{font-size:1.2em;margin:0;letter-spacing:0.2em}.index5 .info{position:absolute;bottom:20%;left:20%;width:30%;background-color:rgba(255,255,255,0.8);border-radius:5px;padding:2%;color:900;opacity:0;transition:all 0.8s}.index5 .info.farm{opacity:1}.index5 .info.manufacture{bottom:unset;top:35%;opacity:1}.index5 .info.distribution{bottom:unset;top:25%;opacity:1}.index5 .info.machine{bottom:unset;top:52%;left:13%;opacity:1}.index5 .info.tienda{bottom:unset;top:24%;left:unset;right:30%;opacity:1}.index5 .info.restaurante{bottom:unset;top:33%;left:unset;right:17%;opacity:1}.index5 .info .title{font-size:1.5em;letter-spacing:0.2em}.index5 .info .text{font-size:1.2em}.index5 .city{min-height:100vh;background-image:url(../images/vision18.png);background-size:cover}.index5 .carolDialog{width:35%;position:absolute;bottom:5%;right:6%;background-color:#4d4d4d;color:white;border-radius:5px;padding:1%}.index5 #closeBtn{position:absolute;top:3%;right:5%;visibility:hidden;opacity:0;cursor:pointer;will-change:opacity;transition:opacity 0.8s;z-index:3}.index5 #closeBtn.show{visibility:visible;opacity:1}.index5 .initial{position:absolute;top:0;bottom:0;left:0;width:30%;background-color:rgba(0,0,0,0.9);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5%;will-change:transform;transition:all 0.8s}.index5 .initial.hide{transform:translateX(-200%)}.index5 .initial .yellow{font-size:1.8em;letter-spacing:0.2em;text-transform:uppercase}.index5 .initial .text p{font-size:0.8em}.index5 .initial .btn-cont{display:flex;justify-content:flex-end;align-items:flex-end;width:100%}.index5 .initial .btn-cont .button{width:10%;border:1px #ffbd00 solid;cursor:pointer;color:#ffbd00;padding:3%;text-transform:uppercase;letter-spacing:0.2em}.index5 .initial .btn-cont .button:hover{background-color:#ffbd00;color:#fff}.index7 .double{min-height:100vh}.index7 .left{height:100%;margin:3%;margin-left:8%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:35%}.index7 .left .title{margin-bottom:5%}.index7 .left .title h3{color:#d61f2b;font-size:1.6em;letter-spacing:0.2em;text-transform:uppercase}.index7 .left .text{width:70%}.index7 .left svg{width:35%;margin-top:10%}.index7 .right{margin:3%;width:65%}.index7 .right table{border-spacing:0em;width:100%;margin-top:5%}.index7 .right table th{text-align:left}.index7 .right table th,.index7 .right table td{padding:1%}.index7 .right table td{width:15%;text-align:center}.index7 .right table td:nth-child(4){background-color:#f2b805}.index7 .right table td.dates{background-color:transparent}.index7 .right table th:nth-child(2){background-color:#5ab131}.index7 .right table th:nth-child(3){background-color:rgba(90,177,49,0.8)}.index7 .right table th.number{width:15%;text-align:center;color:white}.index7 .right table th.uc{width:40%;border-bottom:1px dotted #d61f2b;font-size:0.8em}.index7 .right table th.uc span{font-weight:400;text-transform:none}.index7 .right table .dataSets{cursor:pointer}.index7 .right table .dataSets.selected{background-color:#d61f2b}.index7 .right table .dataSets.selected *{background-color:#d61f2b;color:#fff}.index7 .right table .dataSets:hover{background-color:#d61f2b}.index7 .right table .dataSets:hover *{background-color:#d61f2b;color:#fff}.index7 .right .foot{margin-top:5%}.index7 .right ol li{font-size:0.7em;color:rgba(0,0,0,0.5)}.future1{min-height:100vh;background-image:url(../images/future1.png);background-size:cover;position:relative;display:flex;justify-content:center;align-items:center}.future1 .title{position:absolute;top:3%;left:14%;width:40%}.future1 svg{width:80%}.future1 svg .engine1{animation:levitate 8s infinite alternate}.future1 svg .engine2{animation:levitate 7s 1.5s infinite alternate}.future1 svg .engine3{animation:levitate 7s 2s infinite alternate}.future1 svg .engine4{animation:levitate 8s 1s infinite alternate}.future1 svg .button1{animation:levitate 7s 0.5s infinite alternate}.future1 svg .guy1{animation:levitate 7s 2.5s infinite alternate}.future1 svg .guy01{animation:levitate 7s 3.5s infinite alternate}.future1 svg .guy3{animation:levitate 7s 3s infinite alternate}.future1 svg .chart1{transform-origin:88% 69%;transform:scale(0);animation:scale 2s forwards}.future1 svg .chart2{transform-origin:94% 64%;transform:scale(0);animation:scale 2s 1s forwards}.future1 svg .chart3{transform-origin:95% 67%;transform:scale(0);animation:scale 2s 1.5s forwards}.future1 svg .chartGG{transform-origin:26% 67%;transform:scale(0);animation:scale 0.8s 2s forwards}.future1 svg .chartGirl2{transform-origin:26% 67%;transform:scale(0);animation:scale 0.8s 2.5s forwards}.future1 svg .girl1{transform-origin:30% 67%;transform:scale(0);animation:scale 0.8s 3s forwards}.future1 svg .chartGuy2{transform-origin:34% 67%;transform:scale(0);animation:scale 0.8s 3.5s forwards}.future1 svg .guy2{transform-origin:36% 67%;transform:scale(0);animation:scale 0.8s 4s forwards}.future1 svg .bar1{transform-origin:87% 19%;transform:scale(0);animation:scale 2s 2s forwards}.future1 svg .bar2{transform-origin:90% 24%;transform:scale(0);animation:scale 2s 2.5s forwards}.future1 svg .bar3{transform-origin:94% 24%;transform:scale(0);animation:scale 2s 3s forwards}.future1 svg .bucks1{opacity:0;animation:bounce2 1s 3.5s forwards}.future1 svg .bucks2{opacity:0;animation:bounce2 1s 4s forwards}.future1 svg .phone{opacity:0;animation:bounce2 1s 4.5s forwards}.future1 svg .brazo1{transform-origin:80% 32%;animation:rotateArm 3s infinite alternate}.future1 svg .brazo2{transform-origin:69% 14%;animation:rotateArm 2s 0.5s infinite alternate}.proactive1{min-height:100vh;background-size:cover;position:relative;display:flex;justify-content:flex-end;align-items:center}.proactive1 .title{width:50%;position:absolute;top:3%;left:8%}.proactive1 svg{width:64%}.proactive1 svg .nube1{transform:translateX(-60%);animation:moveForward 40s infinite linear}.proactive1 svg .nube2{transform:translateX(-60%);animation:moveForward 60s infinite linear}.proactive1 svg .lupa{transform-origin:30% 43%;animation:rotateArm 7s infinite alternate}.proactive1 svg .blueBig{animation:levitate 8s 0.5s infinite alternate-reverse}.proactive1 svg .orangeBig{animation:levitate 8s infinite alternate}.proactive1 svg .mariposa{animation:levitate 3s infinite alternate ease-in-out}.proactive1 svg .mosquito{animation:moveForward 30s infinite}.proactive1 svg .brazo{transform-origin:11% 82%;animation:rotateArm 5s infinite alternate linear}.proactive1 svg .flor{animation:levitate 5s infinite alternate ease-in-out}.proactive1 svg .hoja{opacity:0;transform:translateY(20%);animation:popUp 1s forwards linear}.obsessively1{min-height:100vh;background-image:url(../images/obsessively.png);background-size:cover;position:relative;display:flex;justify-content:center;align-items:flex-end}.obsessively1 .title{width:70%;position:absolute;top:3%;left:8%}.obsessively1 svg{width:70%}.obsessively1 svg .brazoPizza2{transform-origin:14% 6%;animation:rotateArm 2s infinite alternate}.obsessively1 svg .brazoPizza{transform-origin:18% 12%;animation:rotateArm 3s infinite alternate}.obsessively1 svg .brazoLata{transform-origin:95% 4%;animation:rotateArm 5s infinite alternate}.obsessively1 svg .brazoSalchicha{transform-origin:31% 54%;animation:rotateArm 3s infinite alternate}.obsessively1 svg .brazoCorredor3{transform-origin:10% 25%;animation:rotateArm 0.8s infinite alternate-reverse}.obsessively1 svg .brazoCorredor4{transform-origin:10% 26%;animation:rotateArm 0.8s infinite alternate linear}.obsessively1 svg .brazoCorredor{transform-origin:16% 38%;animation:rotateArm 1s infinite alternate linear}.obsessively1 svg .brazoCorredor2{transform-origin:16% 38%;animation:rotateArm 1s infinite alternate-reverse linear}.obsessively1 svg .brazoPesa2{transform-origin:1% 30%;animation:rotateArm 0.8s infinite alternate-reverse linear}.obsessively1 svg .brazoPesa{transform-origin:5% 27%;animation:rotateArm 0.8s infinite alternate linear}.obsessively1 svg .brazoVaso{transform-origin:16% 53%;animation:rotateArm 3s infinite alternate linear}.obsessively1 svg .brazoComedor{transform-origin:8% 63%;animation:rotateArm 3s infinite alternate linear}.obsessively1 svg .brazoiphone{transform-origin:20% 75%;animation:rotateArm 3s infinite alternate linear}.obsessively1 svg .brazoMouse{transform-origin:79% 61%;animation:rotateArm 3s infinite alternate linear}.obsessively1 svg .brazoiPad{transform-origin:97% 60%;animation:rotateArm 3s infinite alternate linear}.obsessively1 svg .brazoiPhone2{transform-origin:74% 78%;animation:rotateArm 3s infinite alternate linear}.obsessively1 svg .fuego1{opacity:0.7;animation:fire 1s 1s infinite alternate ease-in-out}.obsessively1 svg .fuego2{opacity:0.7;animation:fire 1s 2s infinite alternate ease-in-out}.obsessively1 svg .fuego3{opacity:0.7;animation:fire 1s 3s infinite alternate ease-in-out}.obsessively1 svg .fuego4{opacity:0.7;animation:fire 1s 4s infinite alternate ease-in-out}.obsessively1 svg .fuego5{opacity:0.7;animation:fire 1s 5s infinite alternate ease-in-out}.obsessively1 svg .fuego6{opacity:0.7;animation:fire 1s 6s infinite alternate ease-in-out}.obsessively1 svg .fuego7{opacity:0.7;animation:fire 1s 7s infinite alternate ease-in-out}.obsessively1 svg .fuego8{opacity:0.7;animation:fire 1s 8s infinite alternate ease-in-out}.obsessively1 svg .grabadora{animation:vibrar 0.3s infinite alternate}.obsessively1 svg .brazoYoga{transform-origin:44% 6%;animation:rotateArm 3s infinite alternate linear}.obsessively1 svg .brazoCerveza{transform-origin:42% 73%;animation:rotateArm 5s infinite alternate linear}.obsessively1 svg .brazoCerveza2{transform-origin:45% 69%;animation:rotateArm 5s infinite alternate linear}.obsessively1 svg .brazoTrio{transform-origin:59% 64%;animation:rotateArm 5s infinite alternate linear}.obsessively1 svg .brazoTrio2{transform-origin:69% 62%;animation:rotateArm 3s infinite alternate linear}.obsessively1 svg .brazoTrio3{transform-origin:62% 57%;animation:rotateArm 3s infinite alternate linear}.transforming1{background-image:url(../images/transforming3.svg);background-size:cover;min-height:100vh;position:relative;display:flex;justify-content:flex-end;align-items:center}.transforming1 .title{width:60%;position:absolute;top:3%;left:8%}.transforming1 svg{width:75%;opacity:0;animation:fade 0.8s 2s forwards}.transforming1 svg .drop1{transform-origin:82% 7%;transform:scale(0);animation:scale 0.2s 2.5s forwards}.transforming1 svg .drop2{transform-origin:82% 7%;transform:scale(0);animation:scale 0.2s 2.6s forwards}.transforming1 svg .drop3{transform-origin:82% 7%;transform:scale(0);animation:scale 0.2s 2.7s forwards}.transforming1 svg .drop4{transform-origin:82% 7%;transform:scale(0);animation:scale 0.2s 2.8s forwards}.transforming1 svg .giant{transform-origin:78% 78%;opacity:0;animation:rotateCoke 0.8s 2.5s forwards}.transforming1 svg .tap1{opacity:0;transform-origin:71% 9%;transform:translate(5%, 0%) rotate(55deg);animation:tap 0.8s 2s forwards}.transforming1 svg .cocaTreadGuy{animation:moveForwardTruck 8s 2s infinite alternate linear}.transforming1 svg .cocaTreadGuy2{transform:translate(-32%, 15%);animation:moveForwardTruck2 20s 3s infinite alternate-reverse linear}.transforming1 svg .monta3{animation:moveForwardTruck 10s 2s infinite alternate linear}.transforming1 svg .monta4{transform:translate(-32%, 15%);animation:moveForwardTruck2 20s 3s infinite alternate-reverse linear}.transforming1 svg .robot1{transform-origin:21% 34%;animation:rotateArm 3s infinite alternate}.transforming1 svg .robot2{transform-origin:21% 54%;animation:rotateArm 5s infinite alternate-reverse}.transforming1 svg .robot3{transform-origin:37% 57%;animation:rotateArm 8s infinite alternate}.transforming1 svg .robot4{transform-origin:28% 67%;animation:rotateArm 4s infinite alternate-reverse}.transforming1 svg .cokes1{transform:translate(4%, -4%);animation:moveForwardCoke1 20s 15s infinite}.transforming1 svg .milks2{animation:moveForwardCoke2 20s infinite}.transforming1 svg .monta1{animation:moveForwardMonta 20s infinite alternate}.vision1{background-image:url(../images/vision2.svg);background-size:cover;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:flex-end}.vision1 .title{position:absolute;top:3%;left:13%;width:45%}.vision1 svg{width:80%}.vision1 svg .nube1{opacity:0.88}.vision1 svg .nube2{opacity:0.88}.vision1 svg .nube3{opacity:0.88}.vision1 svg .nube4{opacity:0.88}.vision1 svg .nube5{opacity:0.88}.vision5{min-height:100vh;position:relative}.vision5 .imageReplace{padding-top:28%;width:60%;background-color:#1a1a1a}.vision5 .title{width:35%;margin-left:8%;margin-top:3%}.vision5 .text{width:20%;margin-left:8%;color:#d61f2b;margin-top:1%}.vision5 .diagram{position:absolute;right:8%;top:3%;width:37%}.platform1{min-height:100vh;background-image:url(../images/platform3.svg);background-size:cover;position:relative;display:flex;justify-content:center;align-items:center}.platform1 .title{width:48%;position:absolute;top:3%;left:11%}.platform1 svg{width:80%}.platform1 svg .nube1{animation:moveForward 60s infinite linear}.platform1 svg .nube2{animation:moveForward 40s infinite linear}.platform1 svg .botella1{transform-origin:6% 83%;transform:scale(0);animation:scale 1s forwards}.platform1 svg .botella2{transform-origin:87% 64%;transform:scale(0);animation:scale 1s 0.3s forwards}.platform1 svg .botella3{transform-origin:27% 52%;transform:scale(0);animation:scale 1s 0.6s forwards}.platform1 svg .botella4{transform-origin:53% 84%;transform:scale(0);animation:scale 1s 0.9s forwards}.platform1 svg .botella5{transform-origin:68% 94%;transform:scale(0);animation:scale 1s 1.2s forwards}.platform1 svg .arbol1{animation:vibrar 0.8s infinite alternate-reverse}.platform1 svg .arbol2{animation:vibrar 0.8s infinite alternate}.platform1 svg .arbol3{animation:vibrar 0.8s infinite alternate-reverse}.platform1 svg .arbusto{animation:vibrar 0.8s infinite alternate}.platform1 svg .vacio{animation:moveForwardMonta2 15s infinite}.platform1 svg .lleno{animation:moveForwardMonta3 15s 15s infinite}.platform1 svg .truck1{animation:moveForwardMonta4 20s infinite alternate linear}.platform1 svg .monta1{animation:moveForwardMonta 10s infinite alternate linear}.portfolio1{min-height:100vh;background-image:url(../images/portfolio1.png);background-size:cover;display:flex;justify-content:center;align-items:center;margin-bottom:5%}.portfolio1 img{width:85%}.portfolio1 .title{position:absolute;bottom:12%;right:8%;width:56%}.portfolio1 .title h1,.portfolio1 .title p{margin:0}.portfolio1 .title h1{font-size:10em;line-height:0.5;margin-left:14%}.portfolio1 .title p{font-size:5em}.portfolio2{min-height:100vh;position:relative}.portfolio2 .slide{width:100%;min-height:100vh;position:absolute;top:0;bottom:0;background-color:white;display:flex;transform:translateX(-150%);-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;will-change:transform}.portfolio2 .slide.show{transform:translateX(0%)}.portfolio2 .slide .drink{position:relative;top:0;bottom:0;display:flex;justify-content:center;align-items:center;width:50%}.portfolio2 .slide .drink img{width:30%;z-index:2}.portfolio2 .slide .drink .circles{position:absolute;top:12vh;bottom:12vh;width:140%;z-index:1;display:flex;justify-content:center;align-items:center}.portfolio2 .slide .drink .circles .big{border-radius:50%;padding-top:50%;width:50%;animation:bubbles 15s ease-in-out alternate-reverse infinite}.portfolio2 .slide .drink .circles .medium{border-radius:50%;padding-top:20%;width:20%;position:absolute;top:0%;right:18%;animation:bubbles2 15s ease-in-out alternate-reverse infinite}.portfolio2 .slide .drink .circles .norelleno{padding-top:30%;width:30%;border-radius:50%;border:2px solid #92c3d6;position:absolute;bottom:0%;left:5%;animation:bubbles3 15s ease-in-out alternate-reverse infinite}.portfolio2 .slide .drink .beverage{background-attachment:fixed;background-image:url(../images/portfolio3.png);background-position:center;background-repeat:no-repeat;padding-top:100%}.portfolio2 .slide:nth-child(2) .drink .circles .norelleno{border:2px solid #e6d821;bottom:unset;top:0}.portfolio2 .slide:nth-child(2) .drink .circles .medium{border-radius:50%;padding-top:20%;width:20%;position:absolute;top:unset;bottom:0%;right:18%;animation:bubbles2 15s ease-in-out alternate-reverse infinite}.portfolio2 .slide:nth-child(3) .drink .circles .norelleno{border:2px solid #e6d821;bottom:unset;top:15%}.portfolio2 .slide:nth-child(3) .drink .circles .medium{border-radius:50%;padding-top:25%;width:25%;position:absolute;top:unset;bottom:30%;right:10%;animation:bubbles2 15s ease-in-out alternate-reverse infinite}.portfolio2 .slide .left{padding:4% 5%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;position:relative;width:25%}.portfolio2 .slide .left .title{margin-bottom:45%}.portfolio2 .slide .left .title h3{font-size:3em;letter-spacing:0.2em;margin:0}.portfolio2 .slide .left .title p{width:74%;margin:0}.portfolio2 .slide .left .number{font-size:10em;line-height:0.6}.portfolio2 .slide .left .number-text{width:66%;margin-left:32%}.portfolio2 .slide .left .number-text p{margin:0}.portfolio2 .slide .right{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:3% 6%;width:25%}.portfolio2 .slide .right .text{margin-bottom:5%}.portfolio2 .slide .right .text h4{font-size:1em;margin:0}.portfolio2 .slide .right .text p{font-size:0.8em;margin:0}.fixedMenu{position:absolute;top:0;bottom:0;right:0;width:5%}.fixedMenu .container{height:10%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;cursor:pointer}.fixedMenu .container:hover{background-color:#92c3d6}.fixedMenu .container img{width:50%}@keyframes bubbles{0%{transform:translate(0%, 0%)}20%{transform:translate(7%, 5%)}80%{transform:translate(-10%, 15%)}100%{transform:translate(-5%, -10%)}}@keyframes bubbles2{0%{transform:translate(0%, 0%)}20%{transform:translate(-5%, -10%)}80%{transform:translate(5%, 10%)}100%{transform:translate(-10%, 5%)}}@keyframes bubbles3{0%{transform:translate(0%, 0%)}20%{transform:translate(5%, 10%)}80%{transform:translate(-5%, -10%)}100%{transform:translate(10%, -5%)}}@keyframes bounce2{0%{opacity:0;transform:translateY(-5%)}20%{opacity:1;transform:translateY(0%)}70%{opacity:1;transform:translateY(-1%)}100%{opacity:1;transform:translateY(0%)}}@keyframes levitate{0%{transform:translateY(0%)}30%{transform:translateY(-3%)}70%{transform:translateY(-1%)}100%{transform:translateY(-4%)}}@keyframes colorT{0%{opacity:0}100%{opacity:0.2}}@keyframes scale{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes popUp{0%{opacity:0;transform:translateY(10%)}90%{opacity:1;transform:translateY(-1.5%)}100%{opacity:1;transform:translateY(0%)}}@keyframes moveForward{from{transform:translateX(-60%)}to{transform:translateX(90%)}}@keyframes rotateArm{0%{transform:rotate(0)}100%{transform:rotate(30deg)}}@keyframes fire{0%{transform:translate(0% 0%)}20%{transform:translate(.2% -.2%)}70%{transform:translate(.2% -.2%)}100%{transform:translate(-.2%, .2%)}}@keyframes vibrar{0%{transform:translateX(.1%)}100%{transform:translateX(.2%)}}@keyframes tilt{0%{transform:translateX(1%)}25%{opacity:1;transform:translateX(-1%)}50%{transform:translateX(.5%)}75%{transform:translateX(-.5%)}100%{opacity:1;transform:translateX(0)}}@keyframes fade{to{opacity:1}}@keyframes rotateCoke{0%{transform:rotate(10deg)}25%{opacity:1;transform:rotate(-10deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}100%{opacity:1;transform:rotate(0)}}@keyframes rotateCoke2{0%{transform:rotate(2deg)}25%{opacity:1;transform:rotate(-2deg)}50%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}100%{opacity:1;transform:rotate(0)}}@keyframes tap{to{opacity:1;transform:translate(0) rotate(0)}}@keyframes moveForwardTruck{0%{transform:translate(0%, 0%)}30%{transform:translate(0%, 0%)}80%{transform:translate(-14%, 7%)}100%{transform:translate(-14%, 7%)}}@keyframes moveForwardTruck2{0%{transform:translate(-32%, 15%)}30%{transform:translate(0%, 0%)}70%{transform:translate(0%, 0%)}100%{transform:translate(-32%, 15%)}}@keyframes moveForwardCoke1{to{transform:translate(-6%, 6%)}}@keyframes moveForwardCoke2{to{transform:translate(-6%, 6%)}}@keyframes moveForwardMonta{to{transform:translate(-8%, -8%)}}@keyframes moveForwardMonta2{to{transform:translate(6%, 6%)}}@keyframes moveForwardMonta3{to{transform:translate(10%, 12%)}}@keyframes moveForwardMonta4{to{transform:translate(50%, 52%)}}