/*RESET*/
@charset "utf-8";a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

/*GENERALES*/
body { margin:0px; background-color:#FFFFFF; overflow-x: hidden !important}
p, b, a, i, u, h1, h2, h3, h4, h5, h6, ul ,li, input, textarea, select, span, button, strong { 
    font-family: 'Open Sans', sans-serif;
 }
 strong { font-weight: 600;}
b { font-weight:700}
.clear0 { clear:both; height:0px}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear15 { clear:both; height:15px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
.clear90 { clear:both; height:90px}
::selection {color:#CCC;background:#444;}
::-moz-selection {color:#EEE;background:#444;}
*:focus { outline:none}





.eligePais {
    position: fixed; width: 100vw; height: 100vh; top: 0; left: 0;
    background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center;
}
.eligePais .in {background-color: #FFF; width: 450px; height: auto; box-sizing: border-box; padding: 35px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.eligePais .in .logo { margin-bottom: 30px;}
.eligePais .in a { 
    border: 1px solid #e7944a; color: #e7944a; font-size: 16px; line-height: 24px; box-sizing: border-box; padding: 12px; margin: 6px 0px; width: 230px;     text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.eligePais .in a img { margin-right: 7px;}
.eligePais .in a:hover { background-color: #e7944a; color: #FFF; font-weight: 800;}
.eligePais .africa {position: absolute; bottom: 0px; width: 100%; left: 0;}
.eligePais .africa p { margin-bottom: 0px;}










.idiomas {
    background-color: #f7f7f7; display: flex; align-items: center; justify-content: center;
    border: 1px solid #ededed;
}
.idiomas .bandera { height: 20px; width: 20px;}
.idiomas .btnIdioma {
    position: relative; padding: 4px 5px; display: flex;
    align-items: center;
    justify-content: center;
}
.idiomas .btnIdioma span {
    position: absolute;
    color: #474747; opacity: 1;
    letter-spacing: 0px;
    font-size: 12px;
    width: 150px;
    bottom: -22px;
    right: -15px;
    font-weight: 700; display: none;
}
.idiomas .btnIdioma .banderaInactiva { filter: grayscale(100%);}
.idiomas .btnIdioma:hover span {  display: block;}
.idiomas .btnIdioma:hover .banderaInactiva { filter: grayscale(0%);}


.listaMenu .btnIdioma { 
    padding: 10px;
    font-size: 14px !important;
    margin-top: 20px;
    border: none !important;
    background: #EEE;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; color: #333;box-sizing: border-box;
}
.listaMenu .btnIdioma img { margin-right: 6px;}



.document-opacity { opacity: 1; margin-top: 0vh;}
#page-loader {
    position: fixed; display: flex; justify-content: center; align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #FFF;
    z-index: 9999999;
}
#page-loader img { width: 80%; max-width: 120px; }


.loader-review { position: absolute; top: calc(54% + 60px); left: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  width: 300px; font-family: Arial;  font-size: 13px;  text-align:center;}
.loading { background-color: #CCC; height: 5px;  overflow: hidden; position: relative; width: 160px; margin-top: 500px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.loading-bar { animation: sideToside 2s ease-in-out infinite; background-color: #777; height: 100%; position: absolute; width: 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.center { left: 50%; margin: 0; position: absolute; top: 60%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
@keyframes sideToside {
    0%, 100% { transform: translateX(-50%); }
    50%      { transform: translateX(150%); }
}




.lighMenu { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 99999999; display: none}
.lighMenu .izq { position: absolute; top: 0; bottom: 0; left: 0; right: 350px}
.lighMenu .der { width: 350px; height: 100%; position: absolute; right: -350px; top: 0; background-color: #FFF}
.lighMenu .der .cerrar { width: 40px; position: absolute; top: 20px; right: 20px; opacity: 1; cursor: pointer;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .listaMenu { top: 100px; width: 80%; left: 10%; position: absolute }
.lighMenu .der .listaMenu li { width: 100%; border-bottom: 1px solid #CCC; cursor: pointer}
.lighMenu .der .listaMenu li p {    color: #333;    font-size: 20px;    letter-spacing: 1px;    padding: 18px 0px;    font-weight: 300;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
}
.lighMenu .der .listaMenu li .activo p { font-weight: bold;}
.lighMenu .der .listaMenu li:hover p { padding-left: 6px}
.lighMenu .der .listaMenu li.active a p { font-weight: 600; color: #00609e;}
.lighMenu .der .listaMenu ul { margin-left: 14px; margin-top: 10px;}
.lighMenu .der .listaMenu ul li p { font-size: 15px; padding: 8px 0px;} 
.lighMenu .der .listaMenu ul li p b { color: #712F2C;}



header { width: 100%; height: auto; background-color: #FFF; position: fixed; top: 0; left: 0; z-index: 9999; height: 106px; display: flex; align-items: center; justify-content: center;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
header .in { width: 96%; max-width: 1600px; margin: auto; text-align: center; display: flex; align-items: center; justify-content: space-between;}
header .in .logo { height: 85px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
header .in .der { display: flex; align-items: center;}
header .in nav { width: 100%; display: flex; align-items: center;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
header .in nav a { color: #292929; font-size: 14px; line-height: 14px; letter-spacing: 1px; padding: 7px 16px; margin: 0 3px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;}
header .in nav a.active { font-weight: bold; color: #712F2C;background-color: #f1f1f1; }
header .in nav a.active:hover {font-weight: bold;}
header .in nav a:hover {  background-color: #f1f1f1;}
header .in nav span { opacity: 0.3;}
header .in nav .pedidos {  background-color: #712F2C; color: #FFF; 
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;}
header .in ul { display: flex; align-items: center;}
header .in ul li { margin: 0px 7px; padding: 2px 3px;}
header .in ul li img.fb { height: 20px;}
header .in ul li img.ig { height: 20px;}
header .in ul li img.tel { height: 22px;}
header .in ul li img.mail { height: 17px;}
header .in ul li:hover img { opacity: 0.7; }
header .abreMenu { display: none;}
header .in nav .pedidos:hover { background-color: #111;}


.show-menu { height: 80px;}
.show-menu .in .logo {    height: 55px;}
.show-menu .in nav {  }






.slider {    width: 100%;    height: auto; margin-top: 106px !important; position: relative;}
.slider .desk {    display: block;}
.slider .mob {    display: none;}
.slider img {    width: 100%;}
.slider .swiper-pagination-bullet-active { background-color: #222;}








.sabores-home { width: 100%; height: auto; padding: 8vw 0; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 30px; position: relative; overflow: hidden;}
.sabores-home h4 { color: #f4d462; font-size: 60px; line-height: 70px; font-weight: 900; margin-bottom: 26px; text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.25);}
.sabores-home ul { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; width: 90%; max-width: 1260px; z-index: 10; list-style: none;}
.sabores-home ul li { width: 32%; margin: 12px 0px; background-color: #FFF; box-sizing: border-box; padding: 26px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;}
.sabores-home ul li.al100 { width: 100%;}
.sabores-home ul li h6 { font-size: 20px; font-weight: 900; margin-bottom: 10px; color: #292929;}
.sabores-home ul li p { font-size: 15px; line-height: 24px; color: #292929;}
.sabores-home .txtBack { position: absolute; bottom: 4vw; width: 116%; left: -8%; opacity: 0.2; z-index: 1;}





.somos-vipentto { width: 90%; max-width: 1400px; height: auto; margin: 0 auto; padding: 5vw 0; display: flex; align-items: center; justify-content: center;}
.somos-vipentto .izq { position: relative; text-align: center; margin-right: 5vw;}
.somos-vipentto .izq .somos { width: 600px; z-index: 10;}
.somos-vipentto .izq .hashtag {
    width: 350px;
    position: absolute;
    top: -70px;
    left: 50%;
    z-index: 1s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.somos-vipentto .izq p { font-size: 26px; line-height: 35px; z-index: 10;}




.sucursales-home { width: 90%; text-align: center; margin: 1vw auto; }
.sucursales-home .titu { width: 500px;}
.sucursales-home .btnAll { color: #712F2C; border: 1px solid #712F2C; padding: 10px 40px; font-size: 15px;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
}
.sucursales-home .btnAll:hover { background-color: #712F2C; color: #FFF;}




.sucursales-home ul { width: 100%; max-width: 1400px; margin: 40px auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; list-style: none;}
.sucursales-home ul li { width: 40%; margin: 0 2%; margin-bottom: 40px;}
.sucursales-home ul li .foto { width: 100%; height:340px; background-size: auto 100%; background-position: center center; 
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.sucursales-home ul li:hover .foto { background-size: auto 106%; }

.sucursales-home ul li .info { display: flex; align-items: flex-start; box-sizing: border-box; padding: 20px; text-align: left;}
.sucursales-home ul li .info .icono { width: 32px; margin-right: 15px; margin-top: 3px;}
.sucursales-home ul li .info .data { flex: 1;}
.sucursales-home ul li .info .data * { color: #111;}
.sucursales-home ul li .info .data>h6 { font-size: 22px; line-height: 34px; font-weight: 600; margin-bottom: 0px;}
.sucursales-home ul li .info .data>p { font-size: 17px; line-height: 26px; font-weight: 600; color: #888;}
.sucursales-home ul li .info .data .abajo { margin-top: 12px; display: flex;    align-items: center;}
.sucursales-home ul li .info .data .abajo .info2 { display: flex;    align-items: center;}
.sucursales-home ul li .info .data .abajo .info2 .cu { display: flex;    align-items: center;}
.sucursales-home ul li .info .data .abajo p { font-size: 15px; line-height: 25px; display: flex; align-items: center; margin-bottom: 0px;}
.sucursales-home ul li .info .data .abajo p span { letter-spacing: -3px; margin-right: 6px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.sucursales-home ul li:hover .info .data .abajo p span { letter-spacing: -5px;}
.sucursales-home ul li .info .data .abajo .reloj { height: 20px; margin-right: 6px; margin-left: 8px;}
.sucursales-home ul li .info .data .abajo .tel { height: 18px; margin-right: 6px; margin-left: 20px;}






.historia { width: 100%; height: auto; display: flex; align-items: flex-end; justify-content: center;  position: relative; padding-top: 8vw; padding-bottom: 10vw; overflow: hidden; }
.historia .foto { width: 380px; height: 530px; margin-right: 4vw; background-size: cover; background-position: center center; position: relative;
    -webkit-border-top-right-radius: 70px;
    -moz-border-radius-topright: 70px;
    border-top-right-radius: 70px;}
.historia .foto .misc { position: absolute; bottom: -25px; right: 25px; width: 40px;}
.historia .foto .cuadro { position: absolute; left: -40px; top: 110px; z-index: -1; opacity: 0.45; height: 95%;}
.historia .txt { width: 650px;}
.historia .txt h3 { font-size: 25px; line-height: 34px; margin-bottom: 20px; font-weight: 600;}
.historia .txt p { font-size: 17px; line-height: 28px; margin-bottom: 20px; font-weight: 300; letter-spacing: 1px;}
.historia .txtBack {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 140%;
    opacity: 0.15;
    transform: translateX(-50%) ;
    -webkit-transform: translateX(-50%) ;
    -moz-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    -o-transform: translateX(-50%) ;
}






footer {  background-color: #2B2B2B; padding: 50px 0px;}
footer .in { width: 96%; max-width: 1600px; margin: auto; text-align: center; display: flex; align-items: flex-start; justify-content: space-between;}
footer .in .izq { display: flex; align-items: flex-start;}
footer .in .izq .logo { width: 120px; margin-right: 90px;}
footer .in .izq nav {text-align: left; columns: 2; column-gap: 80px; margin-right: 80px;}
footer .in .izq nav a { color: #FFF; font-size: 14px; line-height: 40px; font-weight: 300; letter-spacing: 1px;padding: 6px 16px;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
footer .in .izq nav a:hover {  background-color: rgba(256,256,256,0.2); }
footer .in .izq .pedidos { font-size: 14px; line-height: 34px; font-weight: 400; letter-spacing: 1px; background-color: #FFF; color: #A63F03; padding: 0px 25px; margin-top: 3px;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
footer .in .izq .pedidos:hover { background-color: #000; color: #FFF;}
footer .der { display: flex; align-items: center;margin-top: 10px;}
footer .der img { margin: 0px 12px; height: 22px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
footer .der img.fb { height: 20px;}
footer .der img.ig { height: 20px;}
footer .der img.tel { height: 22px;}
footer .der img.mail { height: 17px;}
footer .der img:hover { opacity: 0.6;}









.hero-int { width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; position: relative; background-position: center center; background-size: cover; margin-top: 106px; text-align: center;}
.hero-int h2 { color: #FFF; font-weight: 900; font-size: 54px; letter-spacing: 3px; line-height: 50px; position: relative; z-index: 10;text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.25);}
.hero-int .opa { position: absolute; z-index: 1; background-color: #312A29; opacity: 0.5; width: 100%; height: 100%; top: 0; left: 0;}



.sabores { width: 100%; height: auto; display: flex; align-items: flex-start; justify-content: flex-start; margin: 90px 0px;}
.sabores .foto { width: 30vw; height: 500px; display: flex; align-items: flex-end; justify-content: flex-start; margin-right: 70px; overflow: hidden; background-position: center center; background-size: cover;
    -webkit-border-top-right-radius: 80px;
    -moz-border-radius-topright: 80px;
    border-top-right-radius: 80px;}
.sabores .foto img { max-width: 360px; width: 80%; margin-bottom: 30px; margin-left: 30px;}
.sabores ul { column-count: 2; column-gap: 70px; width: 50vw; padding-top: 30px;}
.sabores ul li { margin-bottom: 25px;}
.sabores ul li h6 { font-size: 18px; line-height: 25px; font-weight: 600; margin-bottom: 3px;}
.sabores ul li p {  font-size: 15px; line-height: 21px;}

.sabores .contListados h4 { font-size: 36px; line-height: 42px; font-weight: 900; color: #2b2b2b; margin-top: 26px;}


.sabores.der {  flex-direction: row-reverse;}
.sabores.der .foto { margin-right: 0; margin-left: 70px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 80px;
    -moz-border-radius-topleft: 80px;
    border-top-left-radius: 80px;
}






.cremas { width: 90%; max-width: 1400px; margin: 90px auto; margin-bottom: 130px;}
.cremas img { width: 300px; margin-bottom: 30px;}
.cremas ul { column-count: 3; column-gap: 60px;}
.cremas ul li { margin-bottom: 25px;}
.cremas ul li h6 { font-size: 18px; line-height: 25px; font-weight: 600; margin-bottom: 3px;}
.cremas ul li p {  font-size: 15px; line-height: 21px;}

.cremas h4 { font-size: 36px; line-height: 42px; font-weight: 900; color: #2b2b2b; margin-top: 20px; margin-bottom: 30px;}


.sucursales-int { margin-top: 90px;}




.promociones { background-color: #f7f7f7; padding: 110px 0; padding-bottom: 120px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.promociones .titulo { height: 55px; margin-bottom: 40px;}

.promociones ul { width: 90%; max-width: 1400px; display: flex; align-items: center; justify-content: center;  flex-wrap: wrap;}
.promociones li { width: 40%; margin: 0 2%; margin-bottom: 40px;}
.promociones li .foto { width: 100%; height:340px; background-size: auto 100%; background-position: center center; 
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.promociones li:hover .foto { background-size: auto 106%; }
.promociones li .info { display: flex; align-items: flex-start; box-sizing: border-box; padding: 20px; text-align: left;}
.promociones li .info .icono { width: 32px; margin-right: 15px; margin-top: 3px;}
.promociones li .info .data { flex: 1;}
.promociones li .info .data * { color: #111;}
.promociones li .info .data>h6 { font-size: 22px; line-height: 34px; font-weight: 600; margin-bottom: 7px;}
.promociones li .info .data>p { font-size: 16px; line-height: 25px; font-weight: 300; color: #111;}

.promociones .btnAll { color: #712F2C; border: 1px solid #712F2C; padding: 10px 40px; font-size: 15px;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
}
.promociones .btnAll:hover { background-color: #712F2C; color: #FFF;}




.pedidos { width: 100%; height: auto; padding: 100px 0px; display: flex; align-items: center; justify-content: center; position: relative; padding-top: 160px; overflow: hidden;}
.pedidos .txtBack { position: absolute; top: 110px; z-index:-1; width: 120%; left: -10%; opacity: 0.15;}
.pedidos .foto { width: 676px;}
.pedidos .izq { margin-left: 40px;}
.pedidos .izq p { font-size: 50px; line-height: 60px; font-weight: 700; color: #222; margin-bottom: 18px;}
.pedidos .izq .icono { width: 130px;}





.formRrhh { width: 80%; max-width: 800px; margin: 110px auto; margin-bottom: 50px; display: flex; flex-direction: column;}
.formRrhh label { color: #444; font-size: 14px; line-height: 20px; margin-bottom: 4px; letter-spacing: 2px;}
.formRrhh input { margin-bottom: 20px; box-sizing: border-box; padding: 8px; font-size: 18px; line-height: 26px; border: 1px solid #CCC;}
.formRrhh .sendBtn { color: #712F2C; border: 1px solid #712F2C; padding: 10px 40px; font-size: 15px; background-color: #FFF; width: 150px; margin-left: auto;
    -webkit-border-radius: 100px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-bottomright: 0;
    border-radius: 100px;
    border-bottom-right-radius: 0;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
}
.formRrhh .sendBtn:hover { background-color: #712F2C; color: #FFF;}






.prensa { width: 90%; max-width: 1200px; margin: 80px auto;}
.prensa li { display: flex; border-bottom: 1px solid #EEE; padding: 40px 0px;}
.prensa .foto { width: 500px; height: 300px; background-position: center center; background-size: cover;}
.prensa .info { flex: 1; box-sizing: border-box; padding-left: 30px; padding-top: 10px;}
.prensa .info span { background-color: #444; color: #FFF; font-size: 12px; color: #CCC; line-height: 22px; padding: 4px 10px; letter-spacing: 2px;}
.prensa .info h3 { font-weight: 600; font-size: 28px; line-height: 36px; margin-top: 12px; margin-bottom: 8px;}
.prensa .info p { font-size: 16px; line-height: 25px; margin-bottom: 30px;}
.prensa .info a { color: #712F2C; border: 1px solid #712F2C; padding: 7px 20px; font-size: 14px; line-height: 22px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.prensa .info a:hover { background-color: #712F2C; color: #FFF;}






.sucursal-detalle { width: 80%; max-width: 1100px; margin: 110px auto; margin-bottom: 60px;}
.sucursal-detalle .titulo { width: 100%; display: flex; margin-bottom: 20px;}
.sucursal-detalle .titulo img { height: 50px; margin-right: 16px;}
.sucursal-detalle .titulo h4 { font-size: 40px; line-height: 50px; margin-bottom: 10px; font-weight: 300;}
.sucursal-detalle .titulo h4 b { font-weight: 900;}
.sucursal-detalle .titulo h4 span { font-size: 20px;}
.sucursal-detalle .titulo h4 .reloj { height: 15px; margin-left: 10px; margin-right: 0px;}
.sucursal-detalle .titulo h4 .tel { height: 15px; margin-left: 10px; margin-right: 0px;}
.sucursal-detalle .abajo { display: flex; align-items: stretch; justify-content: stretch; background-color: #CCC;}
.sucursal-detalle .abajo img { width: 50%; height: auto}
.sucursal-detalle .abajo iframe { width: 50%; height: auto;}




.prensa-detalle { width: 80%; max-width: 1100px; margin: 110px auto; margin-bottom: 60px;}
.prensa-detalle span { background-color: #444; color: #FFF; font-size: 12px; color: #CCC; line-height: 22px; padding: 4px 10px; letter-spacing: 2px;}
.prensa-detalle h4 { font-size: 30px; line-height: 38px; margin-bottom: 10px; font-weight: 700; margin-top: 30px;}
.prensa-detalle img { width: 100%; height: auto; margin: 20px 0px;}
.prensa-detalle p { font-size: 16px; line-height: 26px; margin-bottom: 16px;}
.prensa-detalle .back { display: inline-block; margin-top: 40px; font-size: 13px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #712F2C;}
.prensa-detalle .back:hover { text-decoration: underline;}




.productos-int { background-color: #FFF; padding-bottom: 70px;}





.africa {width:100%;height:auto;background-color:#222;text-align:center;padding:10px 0}
.africa p {color:#ccc;font-size:10px;line-height:12px;text-transform:uppercase}
.africa p a {color:#ccc}.africa p a:hover{color:#fff;text-decoration:underline}




.wp { position: fixed; bottom: 30px; right: 30px; background-color: #FFF; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 6px 8px 6px 20px; z-index: 100;
    box-shadow: 2px 3px 21px -6px rgba(0,0,0,0.64);
-webkit-box-shadow: 2px 3px 21px -6px rgba(0,0,0,0.64);
-moz-box-shadow: 2px 3px 21px -6px rgba(0,0,0,0.64);
    -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.wp p { margin-right: 12px; font-size: 16px; line-height: 21px; color: #111;}
.wp img { height: 50px;}
.wp:hover { background-color: #64a956;}
.wp:hover p { color: #FFF;}




.gracias { width: 80%; height: auto; padding: 12vh 0; padding-bottom: 7vh; margin: auto; text-align: center; font-size: 24px; line-height: 38px;}







.contClub { width: 90%; margin: 40px auto; max-width: 1200px; margin-bottom: 80px;}
.contClub img { width: 100%; height: auto; margin-bottom: 40px;}
.contClub h2 { color: #74302f; font-size: 24px; line-height: 32px; margin-bottom: 14px; font-weight: 600;}
.contClub p { font-size: 16px; line-height: 26px; color: #333; margin-bottom: 50px;}
.contClub .btn { background-color: #74302f; color: #FFF; font-size: 17px; line-height: 25px; box-sizing: border-box; padding: 14px 30px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.contClub .btn:hover { background-color: #333;}
















@media screen and (max-width: 1400px) {

    .somos-vipentto .izq .somos {        width: 500px;    }

    .sabores ul {        width: 60vw;    }

    .promociones li {        width: 45%;    }

    .sliderProductos .swiper-slide .foto {        height: 24vw;    }

    .sucursales-home ul li {        width: 45%;    }

}



@media screen and (max-width: 1250px) {

    header .in nav {        margin-right: 6px;        padding-right: 15px;    }
    header .in nav a {        padding: 5px 10px; font-size: 13px;    }

    .somos-vipentto .foto {        width: 490px;    }

    .historia .txt {        width: 530px;    }

    .promociones li .foto {        height: 300px;    }

    .pedidos .foto {        width: 600px;    }

    .sucursales-home ul li .foto {        height: 300px;    }

    .sucursal-detalle .titulo h4 {        font-size: 32px;        line-height: 41px;    }

    .sucursal-detalle .titulo h4 .reloj {        height: 25px;    }
    .sucursal-detalle .titulo h4 .tel {        height: 25px;    }

}


@media screen and (max-width: 1100px) {

    .abreMenu { display: block !important;}
    .abreMenu img {height: 25px;}
    header {        height: 87px;    }
    header .in .logo {        height: 65px;    }
    header .in nav {        display: none;    }
    .slider {        margin-top: 87px !important;    }

    .somos-vipentto .izq {        margin-right: 3vw;    }
    .somos-vipentto .izq .somos {        width: 420px;    }
    .somos-vipentto .foto {        width: 440px;    }

    .historia .txt {        width: 420px;    }

    footer .in .izq .logo {        margin-right: 40px;    }
    footer .in .izq nav {         columns: 2;        column-gap: 30px;        margin-right: 30px;    }

    .sabores .foto {        margin-right: 40px;    }
    .sabores.der .foto {        margin-left: 40px;    }
    .sabores ul {        padding-top: 50px;    }

    .sucursales-int li {        width: 46%;    }
    .sucursales-int li .foto {        height: 26vw;    }

    .pedidos .foto {        width: 500px;    }
    .pedidos .izq p {        font-size: 40px;        line-height: 49px;    }
    .pedidos .txtBack {        width: 150%;        left: -25%;    }

    .prensa .foto {        width: 420px;    }

    .hero-int {        margin-top: 87px;    }

}


@media screen and (max-width: 960px) {

    header .in {        width: 100%;        padding: 0px 10px;    }
    .sabores-home {        padding: 11vw 0;    }

    .somos-vipentto {        padding: 16vw 0;    }
    .somos-vipentto {        flex-direction: column;    }
    .somos-vipentto .foto {        width: 80%;        max-width: 500px;        margin-top: 50px;    }

    .historia {        flex-direction: column;    }
    .historia .txt {        width: 80%;        margin: 0 auto;    }
    .historia .foto {        width: 80%;        height: 450px;        margin-right: 0vw;        margin: 0 auto;        margin-bottom: 50px;}

    footer .in .izq .logo {        margin-right: 10px;    }
    footer .in .izq nav {        column-gap: 10px;        margin-right: 10px;    }
    footer .der {        flex-direction: column;    }
    footer .der img {        margin: 10px 0px;    }

    .sabores ul {        column-count: 1;        column-gap: 0;         width: 40vw;    }
    .sabores .foto {        width: 45vw;        margin-right: 5vw;    }
    .cremas ul {        column-count: 2;    }

    .sucursales-int li .info .data>h6 {        font-size: 20px;        line-height: 30px;    }
    .sucursales-int li .info .icono {        width: 26px;        margin-right: 10px;        margin-top: 3px;    }
    .sucursales-int li .info .data>p {        font-size: 16px;    }

    .promociones .titulo {        height: 45px;    }
    .promociones li .foto {        height: 28vw;    }
    .promociones li .info {        padding: 10px;    }
    .promociones li .info .icono {        width: 26px;        margin-right: 10px;        margin-top: 3px;    }
    .promociones li .info .data>h6 {        font-size: 20px;        line-height: 28px;    }
    .promociones li .info .data>p {        font-size: 15px;    }
    .sucursales-home ul li .foto {        height: 28vw;    }

    .pedidos .foto {        width: 400px;    }
    .pedidos .izq {        margin-left: 25px;    }
    .pedidos .izq p {        font-size: 28px;        line-height: 38px;    }
    .pedidos .izq .icono {        width: 90px;    }

    .prensa {        width: 80%;        max-width: 600px;    }
    .prensa li {        flex-direction: column;    }
    .prensa .foto {        width: 100%;        height: 50vw; margin-bottom: 20px;    }
    .prensa .info {        padding-left: 0;        padding-top: 0;    }

    .sliderProductos .swiper-slide .info {        padding: 10px;    }
    .sliderProductos .swiper-slide .info .icono {        width: 25px;        margin-right: 10px;    }

    .sucursal-detalle .abajo {        flex-direction: column;    }
    .sucursal-detalle .abajo img {        width: 100%;    }
    .sucursal-detalle .abajo iframe {        width: 100%; height: 400px;    }

    .sucursales-home ul li .info .data .abajo .info2 {        flex-direction: column;    }
    .sucursales-home ul li .info .data .abajo .info2 .cu {        margin: 6px 0px;    }

}


@media screen and (max-width: 720px) {

    .slider .desk {    display: none;}
    .slider .mob {    display: block;}

    header .in .up {        display: flex;    }
    header .in .up .logo {        margin-left: 2%;    }
    header .in .up .links {        right: 1%;    }

    .sabores-home {        padding: 14vw 0;    }
    .sabores-home h4 {        font-size: 40px;        line-height: 50px;    }
    .sabores-home ul li {        width: 100%;        margin: 8px 0px;    }
    .sabores-home .txtBack {        bottom: 10vw;        width: 120%;        left: -10%;    }

    .sucursales-home .titu {        max-width: 360px; width: 84%;    }
    .sliderProductos .swiper-slide .foto {        height: 180px;    }

    footer .in .izq nav {        column-count: 1;    }
    footer .der {        margin-top: 0px;    }

    .hero-int {        height: 260px;    }
    .hero-int h2 {        font-size: 44px;        letter-spacing: 2px;    }

    .sabores {        flex-direction: column;    }
    .sabores .foto {        width: 90vw;       margin-right: 0;        height: 400px;    }
    .sabores ul {        width: 80vw;        margin: 0 auto;    }

    .sabores.der {        flex-direction: column;  align-items: flex-end;  }
    .sabores.der .foto {        margin-left: 0;    }
    .cremas {        width: 80%;    }
    .cremas ul {        column-count: 1; column-gap: 0;    }

    .sucursales-int {        width: 80%;    }
    .sucursales-int li {        width: 100%;    }
    .sucursales-int li .foto {        height: 47vw;    }

    .promociones ul {        flex-direction: column;    }
    .promociones li {        width: 100%; margin: 0; margin-bottom: 40px;   }
    .promociones li .foto {        height: 54vw;           width: 90%;        margin: 0 auto;}
    
    .pedidos {        flex-direction: column-reverse;           padding-top: 90px;        text-align: center;    }
    .pedidos .foto {        width: 80%;        max-width: 600px;  margin-top: 40px;   }
    .pedidos .txtBack {        top: initial;        bottom: 90px;    }

    .prensa .info h3 {        font-size: 24px;        line-height: 32px;    }

    .sliderProductos .swiper-slide .foto {        height: 48vw;    }

    .historia .foto .cuadro { display: none;    }

    .somos-vipentto .izq .hashtag {        width: 226px;        top: -46px;    }

    .historia {        padding-top: 15vw;    }

    .historia .txtBack {        top: 30px;    }

    .sucursales-home ul {        flex-direction: column;    }
    .sucursales-home ul li {        width: 100%;        margin: 0;        margin-bottom: 40px;    }
    .sucursales-home ul li .foto {        height: 53vw;    }

    .prensa-detalle h4 {        font-size: 25px;        line-height: 33px;    }

    .sabores .contListados { width: 80vw;  margin: 0 auto;}

    .eligePais .in {
        width: 70%;
        padding: 25px;
    }
    .eligePais .in .logo {
        margin-bottom: 20px;
        width: 190px !important;
    }

}


@media screen and (max-width: 560px) {

    header .in .logo {        height: 52px;    }
    .slider {        margin-top: 75px !important;    }

    .sabores-home h4 {        font-size: 30px;        line-height: 38px;    }

    .historia .txt h3 {        font-size: 20px;        line-height: 30px;    }
    .historia .txt p {        font-size: 15px;        line-height: 25px;        margin-bottom: 0px;        letter-spacing: 0px;    }

    footer .in {        flex-direction: column;      flex-wrap: wrap;  }
    footer .der {        flex-direction: row;    }
    footer .in .izq {           width: 100%;        align-items: flex-start;    flex-wrap: wrap;  justify-content: center;  }
    footer .in .izq nav {        column-count: 2;        width: 100%;    }
    footer .in .izq .logo {        margin-right: 0px;        margin-bottom: 20px;    }
    footer .in .izq .pedidos {        margin-top: 20px;        padding: 5px 0px;        width: 200px;    }
    footer .der {        flex-direction: row;        align-items: center;        justify-content: center;        width: 100%;  margin-top: 30px;   }
    footer .der img {        margin: 0px 12px;    }

    .promociones .titulo {        height: 32px;    }

    .historia {        padding-top: 20vw;    }

    .sucursal-detalle .titulo h4 {        font-size: 24px;        line-height: 35px;    }
    .sucursal-detalle .titulo img {        height: 34px;        margin-right: 16px;    }
    
    .sucursal-detalle .titulo h4 .reloj {        height: 20px;    }
    .sucursal-detalle .titulo h4 .tel {        height: 20px;    }

    .wp p {        margin-right: 12px;        font-size: 13px;        line-height: 18px;    }
    .wp img { height: 40px;}

}


@media screen and (max-width: 440px) {

    .somos-vipentto .izq .somos {        width: 350px;    }
    .somos-vipentto .izq p {        font-size: 22px;        line-height: 33px;    }

    .hero-int h2 {        font-size: 32px;        line-height: 42px;    }
    .hero-pedidos p {        margin-top: 13px;        font-size: 15px;        line-height: 23px;    }

    .eligePais .in {
        width: 85%; max-width: 280px;
    }

}