/*
Powered by iconocloud
Reset Css
*/

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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}



*{box-sizing: border-box;}

/* Colors */

:root{
    --main-nav-bg: rgb(6, 70, 152);
    --main-nav-bg-overlay: rgba(6, 70, 152, 0.8);
    --main-text: #616160;
    --main-nav-hover: #e04242;
    --main-nav-text-hover: #ffcd07;
    --main-text-nav: white;
    --main-nav-border-bottom: #4D4D4D;
    --table-hover-td: #399600;
    --main-switch-form: #606060;
    --form-contacto-bg: #DBDBDD;
    --form-contacto-text-color: #A0A0A0;

    --partido-bg-pan: #00569C;
}

/* end Colors */


/* Common classes */
.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.form-switch i {
    position: relative;
    display: inline-block;
    margin-left: 1rem;
    width: 46px;
    height: 26px;
    background-color: var(--main-switch-form);
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}

.form-switch i::before {
    content: "";
    position: absolute;
    left: 0;
    width: 42px;
    height: 22px;
    background-color: var(--main-switch-form);
    border-radius: 11px;
    transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
}

.form-switch i::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    transform: translate3d(2px, 2px, 0);
    transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
    width: 28px;
    transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.form-switch input { display: none; }
.form-switch input:checked + i { background-color: #4BD763; }
.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

.slick_ant {
    position: absolute;
    color: #6b7280;
    left: 5px;
    top: 50%;
    transform: translate(0%, -50%);
    text-decoration: none;
    z-index: 99;
}

.slick_sig {
    position: absolute;
    color: #6b7280;
    right: 5px;
    top: 50%;
    transform: translate(0%, -50%);
    text-decoration: none;
    z-index: 99;
}

.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.mt-4{margin-top: 40px !important;}
.mt-5{margin-top: 50px !important;}


/* end Common classes */

html {
    height: 100%;
}

body {
    height: 100%;
    color: rgba(0, 0, 0, 1);
    background-color: #fff;
    font-family: 'Adria Grotesk';
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

.content {
    position: relative;
    width: 100%;
    padding: 0 0%;
    overflow: hidden;
    min-height: 100%;
    height: auto;
    box-sizing: border-box;
}

.container{
    position: relative;
    width: 100%;
    padding: 0 0%;
    overflow: hidden;
    min-height: 100%;
    height: auto;
    box-sizing: border-box;
}

/* 02 Header */
.menu {
    position: fixed;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    top: 0;
    padding: 0;
    background: var(--main-nav-bg);
    color: var(--main-text-nav);
    z-index: 9999;
}

.scroll{background: rgba(0, 0, 0, 0.6) !important;}

.menu .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 80px;
    padding: 5px 0px 0px 20px;
    float: left;
    box-sizing: border-box;
}

.menu .logo img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    float: left;
}

.menu .menu_info {
    position: relative;
    min-width: 80%;
    height: 80px;
    display: block;
    float: right;
    box-sizing: border-box;

}


#cssmenu {
    position: absolute;
    width: auto;
    height: 80px;
    padding: 0px 0;
    top: 0;
    right: 50px;
    font-size: 16px;
    color: var(--main-text-nav);
    background: var(--main-nav-bg);

    z-index: 1000;
}

#cssmenu ul {
    width: auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: var(--main-text-nav);
    box-sizing: border-box;
}

#cssmenu ul li#responsive-tab {
    display: none;
    font-size: 24px;
    line-height: 40px;
    border: none !important;
}

#cssmenu ul li#responsive-tab:hover {
    background-color: transparent;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#cssmenu ul li {
    position: relative;
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0px 10px;
    text-align: center;
    box-sizing: border-box;
    float: left;
}

/*#cssmenu>ul li:before {
    content : "";
    position: absolute;
    right    : -2px;
    top  : 25%;
    height   : 50%;  !* or 100px *!
    border-right: 1px solid #4d4d4d;
}*/


#cssmenu ul li a, button {
    width: auto;
    color: var(--main-text-nav);
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    padding: 0 2px !important;
    text-decoration: none;
    box-sizing: border-box;
    display: block;

}

#cssmenu ul li a:hover {
    color: var(--main-nav-text-hover);
}

#cssmenu ul li:hover {
    color: var(--main-nav-text-hover);
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#cssmenu ul li.socialess{
    position: relative;
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}
#cssmenu ul li.socialess a{
    width: auto;
    color: var(--main-text-nav);
    font-weight: bold;
    height: 80px;
    padding: 10px 2px;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
}

.socialess{ width: 40px; height: 100%; object-fit: contain; padding: 0px 0 0;}



#cssmenu ul.normal ul {
    background-color: rgba(232, 232, 232, 1);
    padding: 0 0px 0;
}

#cssmenu ul li.last {
    position: relative;
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box;
}

#cssmenu>ul li.right {
    float: right;
}

#cssmenu ul li.has-sub {
    position: relative;
    margin: 0 !important;

}

#cssmenu>ul li.has-sub:hover ul {
    display: block;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#cssmenu>ul li.has-sub ul {
    display: none;
    width: 250px;
    position: absolute;
    left: 0px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: solid white 2px;
    border-radius: 5px;
    background-color: var(--main-nav-hover);
}

#cssmenu>ul li.has-sub ul li {
    display: block;
    line-height: 26px;
    padding: 5px 10px !important;
    margin: 0 !important;
    color: rgba(0, 0, 0, 1);
    box-sizing: border-box;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#cssmenu>ul li.has-sub ul li a {
    height: 26px;
    text-align: left;
    color: white;
    line-height: 26px;
    padding: 0px;
    font-size: 12px;
}

#cssmenu>ul li.has-sub>a {
    padding: 0;
    margin: 0;
}

#cssmenu>ul li.has-sub>a.active,
#cssmenu>ul li.has-sub>a:hover {
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}




/* 02 end Header */

/* Slider */
.slider{position: relative;}
.sliders .itm{position: relative; border: solid red 1px; width: 100%; overflow: hidden;}
.sliders .itm img{width: 100%;}
.sliders .itm .title{position: absolute; width: 100%; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); color: white; }
.sliders .itm .title h1{font-family: 'Adria Grotesk'; margin: 0 0 50px; font-size: 2.5rem; font-weight: bold;}
.sliders .itm .title h1 span{font-weight: normal !important; color: var(--main-nav-hover);}
.sliders .itm .title ul{}
.sliders .itm .title ul li{display: inline-block; padding: 0 40px 0; margin: 0 0px 0; letter-spacing: 0.4rem;}
.sliders .itm .title ul li:first-child{border-right: solid var(--main-nav-hover) 2px;}

.child-02{position: absolute; width: 50%; top: 50%; left: 50%; text-align: center; transform: translate(0, -50%); overflow: hidden;}
.child-02 .compra-en-linea{ width: 60%; margin: 0 auto;}
.child-02 h2{display: table; width: 100%; margin: 10px auto; color: white; font-weight: bold;}
.child-02 a{ width: 40%; text-align: center; display: inline-block; margin: 10px auto;}
.child-02 a .logo-wm{ width: 80%;  display: inline-block; margin: 0 auto;}
.child-02 a .logo-ched{ width: 60%; display: inline-block; margin: 0 auto;}
.child-02 a .logo-sams{ width: 60%; display: inline-block; margin: 0 auto;}


.child-06{position: absolute; width: 50%; top: 50%; left: 50%; text-align: center; transform: translate(0, -50%); overflow: hidden;}
.child-06 .icono{ width: 50%; max-width: 100px; margin: 0 auto 20px;}
.child-06 h1{display: table; width: 100%; font-size: 1.5rem; margin: 10px auto; color: white; font-weight: bold;}
.child-06 h2{display: table; width: 100%; font-size: 2rem; margin: 10px auto; color: #ffcd07; font-weight: bold;}
.child-06 a{display: inline-block; margin: 20px; padding: 10px 20px; border: solid 2px white; color: white; text-decoration: none; overflow: hidden;}

/* end Slider */

/* aviso de privacidad */
.privacidad{position: relative; display: block; width: 100%;
    margin: 100px 0 0;
    padding: 50px 40px;
    line-height: 1.5rem;
    overflow: hidden;}

.privacidad h1{ font-size: 2rem; color: #2a4894; margin: 50px 0; font-weight: bold;}
.privacidad h2{ font-size: 1.5rem; color: #2a4894; margin: 20px 0; font-weight: bold;}

/* end aviso de privacidad */


/* Productos-home*/

.productos-home{position: relative; width: 100%; margin: -5px 0 0; overflow: hidden;}
.productos-home a{width: 100%; display: block; overflow: hidden;}
.productos-home a img{width: 100%;}

/* end Productos-home*/


/* empresa */
.empresa{width: 100%;
    padding: 100px 40px;
    background-image: url("../images/bg-empresa.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;}

.empresa .itm{width: 50%; color: #ffcd00; padding: 0 40px; float: left; overflow: hidden;}
.empresa .itm img.empleado{width: 80%; max-width: 500px; float: right; overflow: hidden;}
.empresa .itm h1{font-size: 3rem; margin: 20px 0 20px;  font-family: 'AdriaGroteskW00'; }
.empresa .itm p{font-size: 1.2rem;}

.presencia{position: relative; width: 100%; overflow: hidden;}
.presencia h1{position: absolute; text-align: center; top: 30px; left: 0; font-size: 3rem;  font-family: 'AdriaGroteskW00'; color: white; width: 100%; overflow: hidden;}
.presencia img{width: 100%;}

.timeline{position: relative; width: 100%; margin: -5px 0 0; background: #ffcd00; color: #2a4894;  overflow: hidden;}
.timeline .itm{width: 50%; float: left; overflow: hidden;}
.timeline .itm img{width: 100%; height: 100%; object-fit: cover;}
.timeline .itm-info{width: 50%; font-size: 1.2rem; padding: 50px 40px; float: left; overflow: hidden;}
.timeline .itm-info h1{margin: 50px 0 20px; font-family: 'AdriaGroteskW00'; color: #e04242;}
.timeline .itm-info p{margin: 10px 0; padding: 0 0 20px; border-bottom: solid #2a4894 5px; }

.historia{position: relative; width: 100%; margin: -5px 0 0; background: #618cd5; color: white;  overflow: hidden;}
.historia .itm{width: 50%; min-height: 500px; float: left; overflow: hidden;}
.historia .itm img{width: 100%; min-height: 600px; height: 100%; object-fit: cover;}
.historia .itm-info{width: 50%; font-size: 1.2rem; color: white; padding: 50px 40px; float: left; overflow: hidden;}
.historia .itm-info h1{margin: 50px 0 20px; font-family: 'AdriaGroteskW00'; color: #ffcd00;}
.historia .itm-info p{margin: 10px 0; line-height: 1.5rem; padding: 0 0 20px; }

.hoy{position: relative; width: 100%; margin: -5px 0 0; background: #e04242; color: #ffcd00;  overflow: hidden;}
.hoy .itm{width: 50%; float: left; overflow: hidden;}
.hoy .itm img{width: 100%; height: 100%; object-fit: cover;}
.hoy .itm-info{width: 50%; font-size: 1.2rem; color: #ffcd00; padding: 100px 40px; float: left; overflow: hidden;}
.hoy .itm-info p{margin: 10px 0; line-height: 1.5rem; padding: 0 0 20px; }
.hoy .itm-info p span{color: white; font-family: 'AdriaGroteskW00'; }
.centered{text-align: center;}

/* end empresa */


/* productos */
.productos{position: relative; width: 100%; overflow: hidden;}
.productos a{position: relative; width: 50%; margin: -5px 0 0; float: left; overflow: hidden;}
.productos a img{width: 100%; overflow: hidden;}



.productos-show{position: relative; width: 100%; overflow: hidden;}
.productos-show .header{position: relative; width: 100%; height: 60vh; overflow: hidden;}
.productos-show .header img{width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

.productos-show .producto-items{position: relative; width: 100%; text-align: center; padding: 100px 10%; background: white; overflow: hidden;}
.productos-show .producto-items a{position: relative; width: 200px; height: 200px; text-align: center; display: inline-block; margin: 20px; overflow: hidden;
   border-radius: 5px;
    border-top-left-radius: 0;
    -webkit-box-shadow: 0px 0px 15px 5px #D2D2D2;
    box-shadow: 0px 0px 15px 5px #D2D2D2;
}

.productos-show .producto-items a img.img-front{position: relative; width: 80%; height: 200px; object-fit: contain; transition: opacity 0.5s ease-in-out;
    z-index: 1;}

.productos-show .producto-items a img.img-back{ position: absolute; width: 100%; height: 200px; top: 0; left: 0; opacity: 0; object-fit: contain; transition: opacity 0.5s ease-in-out;
    z-index: 1;}


.productos-show .producto-items a:hover .img-front {
    opacity: 0;
    cursor: pointer;
}

.productos-show .producto-items a:hover img.img-back{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}



.productos-show .producto-items a .plus{position: absolute; top: 0; left: 0;
width: 30px; height: 30px; text-align: center; padding: 5px; background: #ff1b1b; color: white; z-index: 99;
border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}



.productos-show .producto-info{position: relative; width: 100%; padding: 100px 10%; background: white; overflow: hidden;}
.productos-show .producto-info .img-product{width: 40%; float: left; text-align: center; overflow: hidden;}
.productos-show .producto-info .img-product img{width: 100%; }

.productos-show .producto-info .info-product{width: 60%; float: left; padding: 0 50px; text-align: left; overflow: hidden;}
.productos-show .producto-info .info-product h1{font-family: 'AdriaGroteskW00'; color: #e04242; font-size: 3rem;}
.productos-show .producto-info .info-product h2{color: #2a4894; font-weight: bold; font-size: 1rem;}
.productos-show .producto-info .info-product p{color: #e04242; margin: 20px 0; font-size: 1.2rem; padding: 0 0 20px; border-bottom: solid 2px #e04242;}
.productos-show .producto-info .info-product ul{width: 100%; overflow: hidden; }
.productos-show .producto-info .info-product ul li{display: inline-block; float: left; }
.productos-show .producto-info .info-product ul li{display: inline-block; margin: 10px 0; padding: 0 10px; border-right: solid #2a4894 2px; float: left; }
.productos-show .producto-info .info-product ul li:last-child{border: none;}
.productos-show .producto-info .info-product ul li a.btn-action{display: inline-block; font-size: 0.8rem; background: #2a4894; text-decoration: none;  color: white; padding: 10px 20px; border-radius: 25px;  }

/* end productos */


/* recetas */

.recetas-show{position: relative; width: 100%; overflow: hidden;}
.recetas-show .header{position: relative; width: 100%; height: 70vh; overflow: hidden;}
.recetas-show .header img{width: 100%; height: 100%; object-fit: cover; overflow: hidden;}

.recetas-show .recetas-items{position: relative; width: 100%; padding: 0 10% 100px; background: white; }
.half-circle {
    position: relative;
    top: -50px;
    width: 400px;
    height: 200px;
    font-size: 3rem;
    color: white;
    background-color: #053d8f;
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    border: 10px solid #053d8f;
    border-bottom: 0;
    font-family: 'AdriaGroteskW00';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    text-align: center;
    margin: 0 auto;
    padding: 100px 0 0;
    z-index: 9;
}

.filtros{position: relative; width: 100%; text-align: right; overflow: hidden;}
.filtros h2{display: inline-block; font-weight: bold; color: #053d8f;}
.filtros select{display: inline-block; background: white; color: #053d8f; margin: 10px 5px;     border: 2px solid #053d8f; border-radius: 5px;}

.contenido-recetas{position: relative; width: 100%; text-align: center; overflow: hidden;}

.recetas-content{position: relative; display: inline-block; width: 250px; height: 300px; margin: 20px; color: white; overflow: hidden;}
.recetas-content img{position: relative; display: block; width: 200px; height: 200px; object-fit: cover; margin: 0 auto; border: solid #e04242 2px; border-radius: 5px;  color: white; overflow: hidden; z-index: 10;}
.recetas-content .info{position: absolute; top: 100px; width: 250px; height: 200px; text-align: center; padding: 120px 0 10px; background: #618cd5;  margin: 0 auto; border-radius: 5px;  color: white; overflow: hidden; z-index: 1;}
.recetas-content .info h1{font-size: 1rem; font-weight: bold; color: white;}
.recetas-content .info h2{font-size: 1rem; font-weight: normal;}



.contenido-recetas-single{position: relative; width: 100%;
    background: url('../images/bg-recetas-single.jpg') no-repeat center center fixed;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    padding: 100px 25%; overflow: hidden;}
.contenido-recetas-single h1{display: table; font-size: 3rem; margin: 0 0 10px; font-family: 'AdriaGroteskW00'; color: #053d8f;}
.contenido-recetas-single h2{display: table; font-size: 1.5rem; margin: 0 0 50px; font-family: 'AdriaGroteskW00'; color: #053d8f;}
.contenido-recetas-single h2 a{color: #053d8f; text-decoration: none;}
.contenido-recetas-single p{color: #e04242; margin: 20px 0; font-size: 1.2rem; padding: 0 0 20px; border-bottom: solid 2px #e04242;}
.contenido-recetas-single .itm{width: 50%; float: left; overflow: hidden;}
.contenido-recetas-single .itm h1{display: table; color: #e04242; margin: 0 0 10px; font-size: 2rem;}
.contenido-recetas-single .itm ul{width: 100%; margin: 20px 0; overflow: hidden;}
.contenido-recetas-single .itm ul li{margin: 10px 0; font-size: 1.2rem; font-weight: bold; color: #053d8f;}
.contenido-recetas-single .itm p{font-weight: bold; line-height: 1.5rem; margin: 5px 0; color: #053d8f; border: none;}

.contenido-recetas-single .cta {width: 100%; margin: 50px 0; text-align: center; overflow: hidden;  }
.contenido-recetas-single .cta ul.share {display: inline-block; float: right;}
.contenido-recetas-single .cta ul.share li{display: inline-block; float: left; }
.contenido-recetas-single .cta ul.share li{display: inline-block; margin: 10px 0; padding: 0 5px; border-right: solid #e04242 2px; float: left; }
.contenido-recetas-single .cta ul.share li:last-child{border: none;}
.contenido-recetas-single .cta ul.share li a.btn-action{display: inline-block; font-size: 0.8rem; background: #e04242; text-decoration: none;  color: white; padding: 10px 20px; border-radius: 25px;  }


.mas-recetas{position: relative; width: 100%;
    padding: 100px 0%; text-align: center; overflow: hidden;}
.mas-recetas h1{display: table; margin: 0 auto; font-size: 3rem; font-family: 'AdriaGroteskW00'; color: #053d8f;}

/* end recetas */



/* Footer */
.footer{position: relative; width: 100%; color: white; background: #064698; font-family: 'Adria Grotesk'; text-align: center;  padding: 20px 0; overflow: hidden;}
.footer a{display: inline-block; margin-right: 20px; color: white; text-decoration: none;}
.footer .footer-itm a{display: inline-block; font-size: 1.2rem; margin-right: 20px; color: #363636; text-decoration: none;}
/* end Footer */

/* contacto */
.contacto{position: relative; width: 100%;
    background-color: #ffcd00;
    background-image: url("../images/bg-contacto-mid.jpg");
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: bottom right;
    text-align: center; margin: -5px 0 0; padding: 0px 40px 100px; overflow: hidden;}
.contacto .header{ width: 100%;   color: #2a4894; text-align: left;      font-family: 'AdriaGroteskW00';
    margin: 0;  padding: 50px 20px 0px; font-size: 2rem; overflow: hidden;}

.contacto .header h1{font-size: 2.5em;}
.contacto .header h2{font-size: 2em; padding: 0 0 0 50px;}

.contacto .maps{width: 30%; float: left; color: #ff050f; padding: 0 20px;  display: block; text-align: center; margin: 20px 0; overflow: hidden;}
.contacto .maps img{display: block; width: 80%; max-width: 200px; margin: 20px auto;}

.contacto form{width: 40%; display: block; float: left; text-align: center; margin: 20px 0; overflow: hidden;}
.contacto form h1{width: 100%; display: block; color: #ff050f; text-align: left; margin: 20px 0; overflow: hidden;}
.contacto .form-control{width: 100%; margin: 5px 0; overflow: hidden;}

.contacto .form-control-2{width: 100%; margin: 5px 0; overflow: hidden;}
.contacto form .form-control-2 input{width: calc(50% - 10px); float: left; background:white; border-radius: 5px; padding: 10px 10px; display: inline-block; margin: 5px 0px; border: none; }
.contacto form .form-control-2 input:nth-child(2){float: right;}

.contacto form .form-control input{width: 100%; background:white; border-radius: 5px; padding: 10px 10px; display: inline-block; margin: 5px 0px; border: none; }
.contacto form .form-control textarea{width: 100%; height: 100px; float: left; resize: none; background:white; border-radius: 5px; padding: 20px 10px; display: inline-block; border: none; }
.contacto form button{display: block; font-size: 1.2rem; float: left; background:#ff050f;  font-family: 'Adria Grotesk'; margin: 20px auto; padding: 5px 10px; color: white; border: none; border-radius: 5px;}

.contacto .logo-cg{display: block; width: 100px; margin: 50px auto;}


::placeholder {
    font-family: 'Adria Grotesk';
    color: #2a4894;    font-size: 1rem;
}
textarea::placeholder {
    font-family: 'Adria Grotesk';
    color: #2a4894;    font-size: 1rem;
}
.swal2-container {
    z-index: 99999999 !important;
}
.sociales{width: 100%; text-align: right; padding: 0 10px; overflow: hidden;}
.sociales a{display: inline-block; font-size: 1.2rem;  margin: 20px 0 0 10px; color: #363636; text-decoration: none;}
/* end contacto */


/* talkbuble */
.talkbubble {
    position: fixed;

    bottom: 50px;
    right: 10px;

    width: 300px;
    height: 60px;

    padding: 5px;
    border-radius: 5px;
    border: solid #dfffc5;
    background: #dfffc5;
    z-index: 9999;
    color: #2a4894;}

/*.talkbubble:before {
    content:"";
    position: absolute;
    left: 99%;
    top: -2px;
    width: 0;
    height: 0;

    border-top: 0px solid transparent;
    border-left: 25px solid #dfffc5;
    border-bottom: 20px solid transparent;
}*/

.talkbubble .info {width: 230px;
    float: right;
}
.whlogo{position: absolute; width: 40px; height: 40px; top: 5px; left: 10px; object-fit: contain; float: left;}
/* end talkbuble */

@media (max-width:1180px) {
    .menu {
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        z-index: 9999;
        position: fixed;
        top: 0;
        padding: 0;
        background: var(--main-nav-bg);

    }

    .menu .logo {
        position: absolute;
        height: 60px;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 50%;
        padding: 5px 20px;
    }

    .menu .logo img {
        width: auto;
        height: 50px;
    }

    .menu .menu_info {
        position: absolute;
        right: 0;
        width: 100%;
        height: 60px;
        float: none;
        box-sizing: border-box;
        z-index: 90;
    }

    #cssmenu {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        box-sizing: border-box;
        z-index: 1000;
        padding: 20px 0;
        border-bottom: 0;
        background: var(--main-nav-bg);



    }

    #cssmenu ul {
        width: 100%;
        line-height: 20px;
        margin: 40px 0 0 0;
        background: var(--main-nav-bg) !important;
        color: var(--main-text-nav);
        padding: 0 0 0 30px;
        box-sizing: border-box;
    }

    #cssmenu>ul li#responsive-tab {
        position: absolute;
        right: 20px;
        top: 10px;
        display: block;
        margin: 10px 0;
        box-sizing: border-box;
    }

    #cssmenu>ul li#responsive-tab a {
        text-align: right;
        font-size: 20px;
        padding: 0 5% 0 0;
        box-sizing: border-box;
    }

    #cssmenu>ul li#responsive-tab a:hover {
        opacity: 1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    #cssmenu ul li {
        display: none;
        padding: 0px 10px 0px;
        float: inherit;
    }

    #cssmenu>ul li a {
        text-align: left;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        box-sizing: border-box;
        display: block;
    }

    #cssmenu>ul li a:hover {
        background-image: none;
    }

    #cssmenu>ul.normal {
        position: absolute;
        top: 90px;
        padding: 0 20px 0;
    }

    #cssmenu>ul.normal li {
        padding: 10px 0 0px;
    }

    #cssmenu>ul li.end {
        padding: 0;
        margin: 0;
    }

    #cssmenu>ul li.right {
        float: none;
    }

    #cssmenu>ul li.has-sub {
        position: relative;
        background: var(--main-nav-bg);

    }

    #cssmenu>ul li.has-sub ul {
        display: block;
        position: static;
        width: 100%;
        border: 0 none;
        background: none;
    }

    #cssmenu>ul li.has-sub ul li {
        display: block !important;
        border: none;
        padding: 0;
        margin: 0;
    }

    #cssmenu>ul li.has-sub ul li a {
        display: block;
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: normal;
        height: 20px;
        color: rgba(255, 255, 255, 1);
    }

    #cssmenu>ul li.has-sub>a {
        background-image: none;
    }

        .content{padding: 60px 0 0;}



    .child-02{position: absolute; width: 60%; top: 50%; left: 40%; text-align: center; transform: translate(0%, -50%); overflow: hidden;}
    .child-02 .compra-en-linea{ width:70px; margin: 0 auto;}
    .child-02 h2{display: table; width: 100%; font-size: 0.8rem; margin: 10px auto; color: white; font-weight: bold;}
    .child-02 a{ width: 40%; text-align: center; display: inline-block; margin: 3px auto;}
    .child-02 a .logo-wm{ width: 60%;  display: inline-block; margin: 0 auto;}
    .child-02 a .logo-ched{ width: 40%; display: inline-block; margin: 0 auto;}
    .child-02 a .logo-sams{ width: 40%; display: inline-block; margin: 0 auto;}


    .child-06{position: absolute; width: 70%; top: 50%; left: 30%; text-align: center; transform: translate(0, -50%); overflow: hidden;}
    .child-06 .icono{ width: 30px; max-width: 30px; margin: 0 auto 5px;}
    .child-06 h1{display: table; width: 100%; font-size: 0.8rem; margin: 0px auto; color: white; font-weight: bold;}
    .child-06 h2{display: table; width: 100%; font-size: 0.6rem; margin: 0px auto; color: #ffcd07; font-weight: bold;}
    .child-06 a{display: inline-block; font-size: 0.6rem; margin: 5px; padding: 5px; border: solid 1px white; color: white; text-decoration: none; overflow: hidden;}

    /* empresa */
    .empresa{width: 100%;
        padding: 50px 40px;
        background-image: url("../images/bg-empresa.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;}

    .empresa .itm{width: 100%; color: #ffcd00; padding: 0 20px; float: left; overflow: hidden;}
    .empresa .itm img.empleado{width: 80%; max-width: 500px; float: right; overflow: hidden;}
    .empresa .itm h1{font-size: 3rem; margin: 20px 0 20px;  font-family: 'AdriaGroteskW00'; }
    .empresa .itm p{font-size: 1.2rem;}

    .presencia{position: relative; width: 100%; overflow: hidden;}
    .presencia h1{position: absolute; text-align: center; top: 10px; left: 0; font-size: 1.5rem;  font-family: 'AdriaGroteskW00'; color: white; width: 100%; overflow: hidden;}
    .presencia img{width: 100%;}

    .timeline{position: relative; width: 100%; margin: -5px 0 0; background: #ffcd00; color: #2a4894;  overflow: hidden;}
    .timeline .itm{width: 100%; float: left; overflow: hidden;}
    .timeline .itm img{width: 100%; height: 100%; object-fit: cover;}
    .timeline .itm-info{width: 100%; font-size: 1.2rem; padding: 50px 40px; float: left; overflow: hidden;}
    .timeline .itm-info h1{margin: 50px 0 20px; font-family: 'AdriaGroteskW00'; color: #e04242;}
    .timeline .itm-info p{margin: 10px 0; padding: 0 0 20px; border-bottom: solid #2a4894 5px; }

    .historia{position: relative; width: 100%; margin: -5px 0 0; background: #618cd5; color: white;  overflow: hidden;}
    .historia .itm{width: 100%; float: left; overflow: hidden;}
    .historia .itm img{width: 100%; height: 100%; object-fit: cover;}
    .historia .itm-info{width: 100%; font-size: 1.2rem; color: white; padding: 50px 40px; float: left; overflow: hidden;}
    .historia .itm-info h1{margin: 50px 0 20px; font-family: 'AdriaGroteskW00'; color: #ffcd00;}
    .historia .itm-info p{margin: 10px 0; line-height: 1.5rem; padding: 0 0 20px; }

    .hoy{position: relative; width: 100%; margin: -5px 0 0; background: #e04242; color: #ffcd00;  overflow: hidden;}
    .hoy .itm{width: 100%; float: left; overflow: hidden;}
    .hoy .itm img{width: 100%; height: 100%; object-fit: cover;}
    .hoy .itm-info{width: 100%; font-size: 1.2rem; color: #ffcd00; padding: 100px 40px; float: left; overflow: hidden;}
    .hoy .itm-info p{margin: 10px 0; line-height: 1.5rem; padding: 0 0 20px; }
    .hoy .itm-info p span{color: white; font-family: 'AdriaGroteskW00'; }
    .centered{text-align: center;}

    /* end empresa */


    /* productos */
    .productos{position: relative; width: 100%; overflow: hidden;}
    .productos a{position: relative; width: 100%; margin: -5px 0 0; float: left; overflow: hidden;}
    .productos a img{width: 100%; overflow: hidden;}



    .productos-show{position: relative; width: 100%; overflow: hidden;}
    .productos-show .header{position: relative; width: 100%; overflow: hidden;}
    .productos-show .header img{width: 100%; overflow: hidden;}

    .productos-show .producto-items{position: relative; width: 100%; text-align: center; padding: 100px 10%; background: white; overflow: hidden;}
    .productos-show .producto-items a{position: relative; width: 200px; height: 200px; display: inline-block; margin: 20px; overflow: hidden;
        border-radius: 5px;
        border-top-left-radius: 0;
        -webkit-box-shadow: 0px 0px 15px 5px #D2D2D2;
        box-shadow: 0px 0px 15px 5px #D2D2D2;
    }

    .productos-show .producto-items a img{width: 100%;}
    .productos-show .producto-items a .plus{position: absolute; top: 0; left: 0;
        width: 30px; height: 30px; text-align: center; padding: 5px; background: #ff1b1b; color: white; z-index: 99;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .productos-show .producto-info{position: relative; width: 100%; padding: 100px 10%; background: white; overflow: hidden;}
    .productos-show .producto-info .img-product{width: 100%; float: left; text-align: center; overflow: hidden;}
    .productos-show .producto-info .img-product img{width: 100%; }

    .productos-show .producto-info .info-product{width: 100%; float: left; padding: 0 20px; text-align: left; overflow: hidden;}
    .productos-show .producto-info .info-product h1{font-family: 'AdriaGroteskW00'; color: #e04242; font-size: 3rem;}
    .productos-show .producto-info .info-product h2{color: #2a4894; font-weight: bold; font-size: 1rem;}
    .productos-show .producto-info .info-product p{color: #e04242; margin: 20px 0; font-size: 1.2rem; padding: 0 0 20px; border-bottom: solid 2px #e04242;}
    .productos-show .producto-info .info-product ul{width: 100%; overflow: hidden; }
    .productos-show .producto-info .info-product ul li{display: inline-block; float: left; }
    .productos-show .producto-info .info-product ul li{display: inline-block; margin: 10px 0; padding: 0 10px; border-right:none; float: left; }
    .productos-show .producto-info .info-product ul li:last-child{border: none;}
    .productos-show .producto-info .info-product ul li a.btn-action{display: inline-block; font-size: 0.8rem; background: #2a4894; text-decoration: none;  color: white; padding: 10px 20px; border-radius: 25px;  }

    /* end productos */


    /* recetas */

    .recetas-show{position: relative; width: 100%; overflow: hidden;}
    .recetas-show .header{position: relative; width: 100%; overflow: hidden;}
    .recetas-show .header img{width: 100%; overflow: hidden;}

    .recetas-show .recetas-items{position: relative; width: 100%; padding: 0 10% 100px; background: white; }
    .half-circle {
        position: relative;
        top: -50px;
        width: 200px;
        height: 100px;
        font-size: 2rem;
        color: white;
        background-color: #053d8f;
        border-top-left-radius: 200px;
        border-top-right-radius: 200px;
        border: 10px solid #053d8f;
        border-bottom: 0;
        font-family: 'AdriaGroteskW00';
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        text-align: center;
        margin: 0 auto;
        padding: 50px 0 0;
    }

    .contenido-recetas{position: relative; width: 100%; text-align: center; overflow: hidden;}

    .recetas-content{position: relative; display: inline-block; width: 250px; height: 300px; margin: 20px; color: white; overflow: hidden;}
    .recetas-content img{position: relative; display: block; width: 200px; height: 200px; object-fit: cover; margin: 0 auto; border: solid #e04242 2px; border-radius: 5px;  color: white; overflow: hidden; z-index: 10;}
    .recetas-content .info{position: absolute; top: 100px; width: 250px; height: 200px; text-align: center; padding: 120px 0 10px; background: #618cd5;  margin: 0 auto; border-radius: 5px;  color: white; overflow: hidden; z-index: 1;}
    .recetas-content .info h1{font-size: 1rem; font-weight: bold; color: white;}
    .recetas-content .info h2{font-size: 1rem; font-weight: normal;}



    .contenido-recetas-single{position: relative; width: 100%;
        background: url('../images/bg-recetas-single.jpg') no-repeat center center fixed;
        background-size: cover;
        height: 100%;
        overflow: hidden;
        padding: 50px 10%; overflow: hidden;}
    .contenido-recetas-single h1{display: table; font-size: 2rem; font-family: 'AdriaGroteskW00'; color: #053d8f;}
    .contenido-recetas-single p{color: #e04242; margin: 20px 0; font-size: 1.2rem; padding: 0 0 20px; border-bottom: solid 2px #e04242;}
    .contenido-recetas-single .itm{width: 100%; float: left; overflow: hidden;}
    .contenido-recetas-single .itm h1{display: table; color: #e04242; font-size: 2rem;}
    .contenido-recetas-single .itm ul{width: 100%; margin: 20px 0; overflow: hidden;}
    .contenido-recetas-single .itm ul li{margin: 10px 0; font-size: 1.2rem; font-weight: bold; color: #053d8f;}
    .contenido-recetas-single .itm p{font-weight: bold; line-height: 1.5rem; color: #053d8f; border: none;}

    .contenido-recetas-single .itm ul.share{width: 100%; overflow: hidden; }
    .contenido-recetas-single .itm ul.share li{display: inline-block; float: left; }
    .contenido-recetas-single .itm ul.share li{display: inline-block; margin: 10px 0; padding: 0 5px; border-right: none; float: left; }
    .contenido-recetas-single .itm ul.share li:last-child{border: none;}
    .contenido-recetas-single .itm ul.share li a.btn-action{display: inline-block; font-size: 0.8rem; background: #e04242; text-decoration: none;  color: white; padding: 10px 20px; border-radius: 25px;  }


    .mas-recetas{position: relative; width: 100%;
        padding: 100px 0%; text-align: center; overflow: hidden;}
    .mas-recetas h1{display: table; margin: 0 auto; font-size: 2rem; font-family: 'AdriaGroteskW00'; color: #053d8f;}

    /* end recetas */


    /* contacto */
    .contacto{position: relative; width: 100%;
        background-color: #ffcd00;
        background-image: url("../images/bg-contacto-mid.jpg");
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: bottom right;
        text-align: center; margin: -5px 0 0; padding: 0px 40px 100px; overflow: hidden;}
    .contacto .header{ width: 100%;   color: #2a4894; text-align: left;      font-family: 'AdriaGroteskW00';
        margin: 0;  padding: 50px 20px 0px; font-size: 2rem; overflow: hidden;}

    .contacto .header h1{font-size: 1.5em;}
    .contacto .header h2{font-size: 1em; padding: 0 0 0 0px;}

    .contacto .maps{width: 100%; float: left; color: #ff050f; padding: 0 20px;  display: block; text-align: center; margin: 20px 0; overflow: hidden;}
    .contacto .maps img{width: 80%; max-width: 200px; margin: 20px 0;}

    .contacto form{width: 100%; display: block; float: left; text-align: center; margin: 20px 0; overflow: hidden;}
    .contacto form h1{width: 100%; display: block; color: #ff050f; text-align: left; margin: 20px 0; overflow: hidden;}
    .contacto .form-control{width: 100%; margin: 5px 0; overflow: hidden;}

    .contacto .form-control-2{width: 100%; margin: 5px 0; overflow: hidden;}
    .contacto form .form-control-2 input{width: calc(50% - 10px); float: left; background:white; border-radius: 5px; padding: 10px 10px; display: inline-block; margin: 5px 0px; border: none; }
    .contacto form .form-control-2 input:nth-child(2){float: right;}

    .contacto form .form-control input{width: 100%; background:white; border-radius: 5px; padding: 10px 10px; display: inline-block; margin: 5px 0px; border: none; }
    .contacto form .form-control textarea{width: 100%; height: 100px; float: left; resize: none; background:white; border-radius: 5px; padding: 20px 10px; display: inline-block; border: none; }
    .contacto form button{display: block; font-size: 1.2rem; float: left; background:#ff050f;  font-family: 'Adria Grotesk'; margin: 20px auto; padding: 5px 10px; color: white; border: none; border-radius: 5px;}

    .contacto .logo-cg{display: block; width: 100px; margin: 50px auto;}


    ::placeholder {
        font-family: 'Adria Grotesk';
        color: #2a4894;    font-size: 1rem;
    }
    textarea::placeholder {
        font-family: 'Adria Grotesk';
        color: #2a4894;    font-size: 1rem;
    }
    .swal2-container {
        z-index: 99999999 !important;
    }
    .sociales{width: 100%; text-align: right; padding: 0 10px; overflow: hidden;}
    .sociales a{display: inline-block; font-size: 1.2rem;  margin: 20px 0 0 10px; color: #363636; text-decoration: none;}
    /* end contacto */


    /* talkbuble */
    .talkbubble {
        position: fixed;

        bottom: 50px;
        right: 20px;

        width: 300px;
        height: 60px;

        padding: 5px;
        border-radius: 5px;
        border: solid #dfffc5;
        background: #dfffc5;
        z-index: 9999;
        color: #2a4894;}

    .talkbubble:before {
        content:"";
        position: absolute;
        left: 99%;
        top: -2px;
        width: 0;
        height: 0;

        border-top: 0px solid transparent;
        border-left: 25px solid #dfffc5;
        border-bottom: 20px solid transparent;
    }

    .talkbubble .info {width: 230px;
        float: right;
    }
    .whlogo{position: absolute; width: 40px; height: 40px; top: 5px; left: 10px; object-fit: contain; float: left;}
    /* end talkbuble */


    /* Footer */
    .footer{position: relative; width: 100%; font-family: 'Adria Grotesk'; padding: 50px 0; overflow: hidden;}
    .footer .footer-itm{position: relative; line-height: 50px; width: calc(100%); text-align: center; float: left; overflow: hidden;}
    .footer .footer-itm img{width: 70%; max-width: 200px; height: 50px; object-fit: contain; display: block; margin: 0 auto;}
    .footer .footer-itm a{display: inline-block; font-size: 1.2rem; margin-right: 20px; color: #363636; text-decoration: none;}
    .footer-right{text-align: center !important;}
    /* end Footer */


}

@media (min-width:1180px) {
    #cssmenu>ul>li.collapsed {
        display: inline-block !important;
        *display: inline;
        zoom: 1;
    }

    #cssmenu>ul ul li.collapsed {
        display: block !important;
    }
}