@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------------*/
/*-- FONTS -----------------------------------------*/
@font-face { font-family: 'MixtapeMike'; src: url('../fonts/MixtapeMike.eot?#iefix') format('embedded-opentype'), url('../fonts/MixtapeMike.otf') format('opentype'), url('../fonts/MixtapeMike.woff') format('woff'), url('../fonts/MixtapeMike.ttf') format('truetype'), url('../fonts/MixtapeMike.svg#MixtapeMike') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'VAGRoundedStd-Bold'; src: url('../fonts/VAGRoundedStd-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/VAGRoundedStd-Bold.otf') format('opentype'), url('../fonts/VAGRoundedStd-Bold.woff') format('woff'), url('../fonts/VAGRoundedStd-Bold.ttf') format('truetype'), url('../fonts/VAGRoundedStd-Bold.svg#VAGRoundedStd-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'VAGRoundedStd-Thin'; src: url('../fonts/VAGRoundedStd-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/VAGRoundedStd-Thin.otf') format('opentype'), url('../fonts/VAGRoundedStd-Thin.woff') format('woff'), url('../fonts/VAGRoundedStd-Thin.ttf') format('truetype'), url('../fonts/VAGRoundedStd-Thin.svg#VAGRoundedStd-Thin') format('svg'); font-weight: normal; font-style: normal; }

/* RESET */
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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; vertical-align: top; }
body { font-size: 16px; line-height: 1; color: #333; font-family: 'VAGRoundedStd-Thin', sans-serif; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased; }
ol, ul { list-style: none }
li { list-style: none; }
blockquote, q { quotes: none }
:focus { outline: 0 }
table { border-collapse: collapse; border-spacing: 0 }
a img { border: none!important; }
* { margin: 0 }
.clear { clear: both; display: block; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { color: #BB111F; text-decoration: none; }
*, *::after, *::before { box-sizing: border-box; outline: 0!important; }
input, select { border-radius: 0; }
html { -webkit-text-size-adjust: 100%; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
strong { font-weight: 600; }




/*---------------------------------------------------*/
/*-- GENERAL ---------------------------------------*/
.btn { display: inline-block; font-family: 'MixtapeMike'; background: #D8D8D8; color: #3B3B3B; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 1.2em; letter-spacing: 0.05em; padding: 1.2em 2.75em 1em 2.75em; -webkit-box-shadow: 0 6px 10px 0 rgba(216,216,216,0.2); -moz-box-shadow: 0 6px 10px 0 rgba(216,216,216,0.2); box-shadow: 0 6px 10px 0 rgba(216,216,216,0.2); }
.btn.azul { background: #252573; color: #FFF; -webkit-box-shadow: 0 6px 10px 0 rgba(37,37,115,0.2); -moz-box-shadow: 0 6px 10px 0 rgba(37,37,115,0.2); box-shadow: 0 6px 10px 0 rgba(37,37,115,0.2); }
.btn:hover { color: #FFF; background: #EB1C23; -webkit-box-shadow: 0 8px 10px 0 rgba(235,28,35,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(235,28,35,0.2); box-shadow: 0 8px 10px 0 rgba(235,28,35,0.2); }
.textos strong { font-weight: normal; font-family: 'VAGRoundedStd-Bold'; }


/*---------------------------------------------------*/
/*-- HEADER ----------------------------------------*/
header { z-index: 50; position: fixed; top: 0; left: 0; width: 100%; height: 130px; overflow: hidden; max-width: 1020px; width: 100%; margin: auto; background: #FFF; }
header h1, header h2 { position: absolute; font-size: 1em; }
header h1 a, header h2 a { display: block; background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 100%; text-indent: -9999px; }
header h1 { top: 35px; left: 50%; margin-left: -70px; width: 140px; height: 39px; }
header h1 a { background-image: url("../images/logo-simple.png"); }
header h2 { top: 25px; right: 1.5em; width: 60px; height: 58px; }
header h2 a { background-image: url("../images/logo-bagoarcor.png"); }

header nav, header .extra-btns { display: none; }
.m.scrolled header { -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); }
main { font-size: 0.85em; padding-top: 130px; }
article { position: relative; width: 100%; padding: 0 1.5em 3em 1.5em; max-width: 1020px; width: 100%; position: relative; margin: auto; }

.intro { margin-bottom: 2em; position: relative; }
.intro li { position: relative; }
.intro img { width: 100%; height: auto; }
.intro .link-float { display: block; text-indent: -9999px; overflow: hidden; position: absolute; }
.intro .link-ws { top: 40.6%; left: 55%; width: 30.9%; height: 9.4%; }
.intro .link-basessentirse { top: 92%; left: 79%; width: 18.6%; height: 5%; }

@media only screen and (min-width: 768px) {
.intro .link-ws { top: 33.1%; left: 56.1%; width: 24.5%; height: 9.4%; }
.intro .link-basessentirse { top: 91.1%; left: 54.5%; width: 19.5%; height: 5%; }
}

.sub-tienda { background: #FFF; padding: 1.5em 1.25em 1em 1.25em; position: absolute; top: 100%; z-index: 10; border-radius: 0.5em; -webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); -moz-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); display: none; }
.tie:hover .sub-tienda { display: block; }
.sub-tienda p { font-family: 'VAGRoundedStd-Thin'; font-size: 0.7em; white-space: nowrap; text-transform: none; margin-bottom: 1em; color: #000; }
.sub-tienda ul { display: block; }
.sub-tienda li { float: none; padding: 0; width: auto; }
.sub-tienda a { text-align: left; display: flex; flex-direction: row; align-items: center; }
.sub-tienda i { background-image: url("../images/menu-tienda.jpg")!important; background-size: 200% 100%; width: 40px; height: 40px; margin: 0 0.6em 0 0; }
.sub-tienda .aec { margin-bottom: 0.5em!important; }
.sub-tienda .aec a { color: #334EBB; }
.sub-tienda .aec i { background-position: 100% 0; }
.sub-tienda .mer a { color: #000094; }
.sub-tienda .mer i { background-position: 0 0; }
.sub-tienda a:hover { color: #EB1C23!important; }

header #showMenu, header .btn-tienda { display: block; width: 60px; position: absolute; top: 30px; cursor: pointer; border: none; padding: 0; background-color: #FFF; background-repeat: no-repeat; background-size: 30px 30px; background-position: 15px 0; font-family: 'VAGRoundedStd-Bold'; text-transform: uppercase; padding-top: 40px; font-size: 13px; text-align: center; }

header #showMenu { left: 10px; background-image: url("../images/showMenu.gif"); color: #333; }
header .btn-tienda { right: 10px; background-image: url("../images/head-icon-store-m.gif"); color: #E52428; }

@media only screen and (min-width: 480px) {
header h1 { top: 30px; left: 50%; margin-left: -90px; width: 180px; height: 51px; }
}

@media only screen and (min-width: 768px) {
header { position: relative; /*height: 180px;*/ height: 160px; overflow: visible; }
header #showMenu, header .btn-tienda { display: none; }
header h1 { top: 1em; left: 1em; margin-left: 0; width: 160px; height: 45px; z-index: 10; }
header h2 { top: 45px; width: 80px; height: 77px; z-index: 10; }
header nav { display: block; position: absolute; bottom: 20px; left: 0; padding: 0 0 0 170px; width: 100%; font-family: 'VAGRoundedStd-Bold'; z-index: 0; }
header nav ul { display: flex; }
header nav ul li { flex: 1; text-transform: uppercase; padding: 0 0.1em; }
header nav ul li a, header nav ul li div { display: block; font-size: 0.7em; line-height: 1.2em; text-align: center; }
header nav ul li a em { display: inline-block; text-transform: none; font-style: normal; color: #FFF; padding: 0.15em 1em 0.05em 1em; margin-bottom: 0.2em; border-radius: 1em; } 
header nav ul li a span, header nav ul li div span { display: block; }
header nav ul li a i, header nav ul li div i { display: block; width: 60px; height: 56px; margin: auto; background-size: 100% 100%; -moz-transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; }
header nav ul li a:hover i { background-position: 0 -56px; }

header nav ul .vit a { color: #EB1C23; }
header nav ul .vit a i { background-image: url("../images/head-icon-vit.png"); }
header nav ul .vtc a { color: #376FAE; }
header nav ul .vtc a i { background-image: url("../images/head-icon-vtc.png"); }
header nav ul .vtc a em { background: #376FAE; }
header nav ul .fib a { color: #A14C96; }
header nav ul .fib a i { background-image: url("../images/head-icon-fib.png"); }
header nav ul .die a { color: #72AB47; }
header nav ul .die a i { background-image: url("../images/head-icon-die.png"); }
header nav ul .cal a { color: #689FD3; }
header nav ul .cal a i { background-image: url("../images/head-icon-cal.png"); }
header nav ul .cal a em { background: #689FD3; }
header nav ul .ene a { color: #2B3A75; }
header nav ul .ene a i { background-image: url("../images/head-icon-ene.png"); }
header nav ul .def a { color: #FF6300; }
header nav ul .def a i { background-image: url("../images/head-icon-def.png"); }
header nav ul .def a em { background: #FF6300; } 
header nav ul .col a { color: #EE96A2; }
header nav ul .col a i { background-image: url("../images/head-icon-col.png"); }
header nav ul .col a em { background: #EE96A2; }
header nav ul .sac a { color: #7AA839; }
header nav ul .sac a i { background-image: url("../images/head-icon-sac.png"); }
header nav ul .sac a em { background: #7AA839; }

header .extra-btns { display: flex; position: absolute; top: 1em; right: 0.5em; }
header .ws { display: flex; align-items: center; margin-right: 2em; }
header .ws span { text-align: right; font-size: 0.85em; margin-right: 1em; }
header .ws a { display: block; background: #3DB64B url("../images/logo-ws.png") no-repeat; background-position: 0.6em center; background-size: auto 1em; color: #FFF; font-family: 'VAGRoundedStd-Bold'; font-size: 1em; line-height: 1em; padding: 0.4em 1em 0.2em 2.2em; border-radius: 1em; }
header .tie { font-family: 'VAGRoundedStd-Bold'; }
header .tie .tiebtn { display: flex; font-size: 0.75em; line-height: 1.2em; text-align: center; text-transform: uppercase; color: #EB1C23; cursor: pointer; align-items: center; }
header .tie .tiebtn i { display: block; width: 30px; height: 30px; margin-right: 0.5em; background-image: url("../images/head-icon-store.gif"); background-size: 100% 100%; -moz-transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; }
header .tie .tiebtn:hover i { background-position: 0 -30px; }
header .tie .sub-tienda { right: 0; }

main { font-size: 1em; padding-top: 0; }
section { margin: auto; padding-left: 1em; padding-right: 1em; }
article { padding-bottom: 5em; }
}

@media only screen and (min-width: 860px) {
header nav ul li { padding: 0 0.5em; }
header nav ul li a, header nav ul li div { font-size: 0.75em; }
}

@media only screen and (min-width: 1000px) {
header h1 { top: 45px; width: 250px; height: 70px; }
header h2 { top: 45px; width: 94px; height: 91px; }
header nav { padding: 0 0 0 290px; }
}


/*---------------------------------------------------*/
/*-- FOOTER ----------------------------------------*/
footer { background: #EB1C23; color: #FFF; padding: 1em 0; text-align: center; }
footer .wrap { max-width: 1020px; width: 100%; position: relative; margin: auto; padding-left: 1em; padding-right: 1em; }
footer .menu { display: none; }
footer .content h3 { font-family: 'VAGRoundedStd-Bold'; font-size: 0.9em; margin-bottom: 0.4em; letter-spacing: 0.05em; line-height: 1.2em; }
footer .content p { font-family: 'VAGRoundedStd-Thin'; font-size: 0.75em; margin-bottom: 0.9em; letter-spacing: 0.05em; line-height: 1.2em; }
footer .content p strong { font-weight: normal; font-family: 'VAGRoundedStd-Bold'; font-size: 1.5em; letter-spacing: 0.05em; display: block; margin-bottom: 1em; }
footer .content p a { color: #FFF; }
footer .copy { font-family: 'VAGRoundedStd-Thin'; font-size: 0.6em; letter-spacing: 0.05em; line-height: 1.2em; }
footer .copy a { color: #FFF; }
footer .copy a:hover { text-decoration: underline; }
footer .social { margin-bottom: 1em; }
footer .social li { display: inline-block; margin-right: 0.25em; }
footer .social li a { display: block; width: 35px; height: 35px; background: url("../images/social.gif") no-repeat; background-size: 105px 35px; text-indent: -9999px; }
footer .social .fb a { background-position: 0 0; }
footer .social .tw a { background-position: -35px 0; }
footer .social .yt a { background-position: -70px 0; }

footer fieldset { margin: 0 auto 1em auto; width: 80%; max-width: 300px; }
footer fieldset ul { font-size: 0; }
footer fieldset input[type="email"], footer fieldset input[type="submit"] { display: inline-block; margin: 0; height: 30px; }
footer fieldset input[type="email"] { font-family: 'VAGRoundedStd-Thin', sans-serif; font-size: 14px; background: #FFF; color: #999; border: solid 1px #F0F0F0; border-right: none; padding: 0 0.5em; vertical-align: top; width: 92%; border: none; }
footer fieldset input[type="submit"] { background: #6482DA url("../images/newsletter-submit.gif") no-repeat center center; background-size: 10px 16px; border: none; cursor: pointer; width: 8%; padding: 0; }
footer fieldset input[type="submit"]:hover { background-color: #5974C2; }


@media only screen and (min-width: 768px) {
footer { text-align: left; padding: 2em 0 5em 0; }
footer .wrap { margin: auto; }
footer .menu { display: block; font-family: 'VAGRoundedStd-Bold'; margin-bottom: 2em; }
footer .menu li { margin-bottom: 0.8em; }
footer .menu a { color: #FFF; font-size: 0.75em; letter-spacing: 0.05em; }
footer .menu a:hover { color: #E7CFD1!important; }
footer .menu, footer .content { width: 50%; float: left; }

footer .content p strong { font-size: 1.3em; }

footer .copy { clear: both; }
footer fieldset { margin: 0 0 1em 0; }
}


/*--------------------------------------------------------------*/
/*-- SECCIONES ------------------------------------------------*/
.banner { margin: 2em 0; }
.banner a { display: block; }
.banner img { display: block; width: 100%; height: auto; }

/*-- HOME -------------------------------------*/

#hom .intro .elem { position: absolute; }
#hom .intro .elem.elem1 { width: 24.5%; left: 57.1%; top: 52.9%; }
#hom .intro .elem.elem2 { width: 9.2%; left: 70.6%; bottom: 0; }
#hom .intro .elem.elem3 { width: 20%; left: 40.7%; top: 29.4%; }
#hom .intro .elem.elem4 { width: 21.2%; left: 75.6%; top: 54%; }
#hom .intro .elem.elem5 { width: 18.9%; left: 79%; top: 15.8%; }

#hom main { overflow: hidden; }
#hom .intro .owl-carousel { margin: 0; width: 100%; }

#hom .intro .manocontainer { position: absolute; right: 1em; bottom: -4px; width: 50px; height: 24px; }
#hom .intro .manocontainer img { position: absolute; top: 0; left: 0; height: 100%; width: auto; }

#hom .textos { text-align: center; max-width: 700px; padding: 0 2em; margin: 0 auto 3em auto; }
#hom .textos .logos { margin-bottom: 2em; }
#hom .textos .logos img { display: inline-block; width: 100px; height: auto; margin: 0 10px; }
#hom .textos h3 { text-transform: uppercase; font-size: 1.6em; margin-bottom: 0.75em; line-height: 1.2em; }
#hom .textos p { font-size: 0.9em; line-height: 1.5em; }

@media only screen and (min-width: 600px) {
#hom main { overflow: auto; }
}

@media only screen and (min-width: 768px) {
#hom .textos .logos img { width: 130px; }
}

#hom .boxes { width: 100%; margin: auto; max-width: 800px; }
#hom .boxes:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#hom .boxes .box { margin: auto; width: 90%; max-width: 400px; text-align: center; }

#hom .boxes h4 { font-family: 'VAGRoundedStd-Bold'; text-transform: uppercase; font-size: 1.3em; margin-bottom: 0.75em; color: #EB1C23; letter-spacing: 0.05em; }
#hom .boxes p { color: #5B5B5B; font-size: 1em; line-height: 1.4em; margin-bottom: 1.5em; }
/* #hom .boxes .wallpapers .owl-carousel .owl-item img { width: 80%; margin: 1em auto 0; } */
#hom .boxes .catalogo { margin-bottom: 4em; }
#hom .boxes .catalogo img { width: 100%; height: auto; margin-bottom: 1.5em; }
#hom .boxes .catalogo .btn { font-size: 0.65em; text-transform: uppercase; padding: 0.9em 3.5em 0.75em 3.5em; }

#hom .boxes .owl-carousel .owl-nav button { background: url("../images/flechas-owl.png") no-repeat; background-size: 200% 200%; text-indent: -9999px; width: 36px; height: 36px; margin-top: -18px; position: absolute; top: 50%; }
#hom .boxes .owl-carousel .owl-nav .owl-prev { left: 10px; background-position: 0 100%; }
#hom .boxes .owl-carousel .owl-nav .owl-next { right: 10px; background-position: 0 0; }
#hom .boxes .owl-carousel .owl-nav .owl-prev:hover { background-position: 100% 100%; }
#hom .boxes .owl-carousel .owl-nav .owl-next:hover { background-position: 100% 0; }

#hom .boxes .box li a { display: block; position: relative; }

#hom .boxes .comerciales img { width: 100%; height: auto; }


@media only screen and (min-width: 600px) {
#hom .intro .manocontainer { display: none; }
#hom .boxes .box { width: 50%; float: left; padding: 0 2em; max-width: none; margin: 0; }
#hom .boxes .comerciales h4 { margin-bottom: 3em; }
}





#hom .beneficios { margin-bottom: 3em; }
#hom .beneficios h4 { font-family: 'VAGRoundedStd-Bold'; text-align: center; font-size: 1.8em; margin-bottom: 1em; letter-spacing: 0.05em; }

#hom .beneficios .list { margin: auto; max-width: 700px; -webkit-transition: all 0.2s; transition: all 0.2s; }
#hom .beneficios .list li { display: none; justify-content: space-between; align-items: center; }
#hom .beneficios .list li img { display: block; width: 35%; max-width: 200px; }
#hom .beneficios .list li p { width: 40%; font-family: 'VAGRoundedStd-Thin'; font-size: 1.1em; line-height: 1.3em; }
#hom .beneficios .list li p strong { font-family: 'VAGRoundedStd-Bold'; }
#hom .beneficios .list li p em { font-family: 'VAGRoundedStd-Bold'; font-style: normal; }
#hom .beneficios .list li.active { display: flex; }
            
#hom .beneficios .owl-carousel .owl-stage { display: flex; }
#hom .beneficios .owl-carousel .owl-stage-outer { position: relative;; padding-top: 1em; }
#hom .beneficios .owl-carousel .owl-item { float: none; display: flex; align-items: center; }
            
#hom .beneficios .owl-carousel .owl-dots .owl-dot { margin: 0 2px; }
#hom .beneficios .owl-carousel .owl-dots .owl-dot span { width: 8px; height: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#hom .beneficios .item .prod { display: block; margin: 0 auto 1em auto; width: 50%; position: relative; }
#hom .beneficios .item h5 { font-family: 'VAGRoundedStd-Bold'; text-align: center; text-transform: uppercase; font-size: 0.9em; margin-bottom: 2em; letter-spacing: 0.05em; position: relative; }

#hom .beneficios .item span { display: block; position: absolute; width: 60%; left: 20%; top: 20%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
#hom .beneficios .item span img { width: 100%; height: auto; }
#hom .beneficios .item.vit span { background: #EB1C23; }
#hom .beneficios .item.cal span { background: #689FD3; }
#hom .beneficios .item.vtc span { background: #376FAE; }
#hom .beneficios .item.def span { background: #FD8204; }
#hom .beneficios .item.col span { background: #EE96A2; }
#hom .beneficios .item.sac span { background: #7AA839; }
#hom .beneficios .item.fib span { background: #A14C96; }
#hom .beneficios .item.die span { background: #72AB47; }
#hom .beneficios .item.pro span { background: #2B3A75; }

#hom .beneficios .item.vit h5, #hom .beneficios .list .vit p em { color: #EB1C23; }
#hom .beneficios .item.cal h5, #hom .beneficios .list .cal p em { color: #689FD3; }
#hom .beneficios .item.vtc h5, #hom .beneficios .list .vtc p em { color: #376FAE; }
#hom .beneficios .item.def h5, #hom .beneficios .list .def p em { color: #FD8204; }
#hom .beneficios .item.col h5, #hom .beneficios .list .col p em { color: #EE96A2; }
#hom .beneficios .item.sac h5, #hom .beneficios .list .sac p em { color: #7AA839; }
#hom .beneficios .item.fib h5, #hom .beneficios .list .fib p em { color: #A14C96; }
#hom .beneficios .item.die h5, #hom .beneficios .list .die p em { color: #72AB47; }
#hom .beneficios .item.pro h5, #hom .beneficios .list .pro p em { color: #2B3A75; }

#hom .beneficios .item span { -webkit-transition: all 0.2s; transition: all 0.2s; }
#hom .beneficios .item span:before { -webkit-transition: all 1s; transition: all 1s; }

#hom .beneficios .center .item a { display: block; justify-content: center; }
#hom .beneficios .center .item span { width: 106%; left: -3%; top: 5%; }
#hom .beneficios .center .item span:before { content: ""; display: block; width: 120%; height: 120%; position: absolute; left: -10%; top: -10%; border: 1px solid #000; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0.3; }
#hom .beneficios .center .item.vit span:before { border-color: #EB1C23; }
#hom .beneficios .center .item.cal span:before { border-color: #689FD3; }
#hom .beneficios .center .item.vtc span:before { border-color: #376FAE; }
#hom .beneficios .center .item.def span:before { border-color: #FD8204; }
#hom .beneficios .center .item.sac span:before { border-color: #7AA839; }
#hom .beneficios .center .item.fib span:before { border-color: #A14C96; }
#hom .beneficios .center .item.die span:before { border-color: #72AB47; }
#hom .beneficios .center .item.pro span:before { border-color: #2B3A75; }

#hom .beneficios .center .item .prod { width: 80%; position: relative; margin: 0 auto; animation-duration: 1000ms; animation-name: bounceIn; }
#hom .beneficios .center .item h5 { display: none; }


/*-- ACERCA DE NOSOTROS -------------------------------------*/
#nos .videoBack { background: url("../images/nosotros-intro-m.jpg") no-repeat; background-size: cover; background-position: center center; padding: 1em 0; margin-bottom: 2em; }
#nos .videoContainer { width: 90%; max-width: 1020px; margin: auto; }
#nos .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
#nos .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#nos .textos { text-align: center; max-width: 800px; padding: 0 2em; margin: 0 auto 3em auto; }
#nos .textos .logos { margin-bottom: 2em; }
#nos .textos .logos img { display: inline-block; width: 100px; height: auto; margin: 0 10px; }
#nos .textos h3 { font-size: 1.6em; margin-bottom: 1em; line-height: 1.2em; }
#nos .textos p { font-size: 1.1em; line-height: 1.5em; max-width: 600px; margin: 0 auto 1.5em auto; }
#nos .textos .catalogo { max-width: 300px; height: auto; margin-top: 3em; width: 70%; }

@media only screen and (min-width: 768px) {
#nos .videoBack { background-image: url("../images/nosotros-intro-d.jpg"); padding: 2em 0; }
#nos .textos .logos img { width: 130px; }
}


/*-- PRODUCTOS -------------------------------------*/
#pro article { max-width: 840px; }
#pro .intro { padding-bottom: 6%; }
#pro.des .intro { padding: 0; }
#pro .intro .frasco { position: absolute; left: 30%; width: 40%; bottom: -10px; }
#pro.sac .intro .frasco { left: 20%; width: 60%; }
#pro.die .intro .frasco { left: 26%; width: 48%; bottom: -5px; }
#pro.ene .intro .barra { position: absolute; left: 20%; width: 60%; bottom: 0; }
#pro.vtc .intro .frasco { left: 34%; width: 32%; bottom: -20px; margin: 0; }
#pro.cal .intro .frasco { left: 20%; width: 60%; bottom: -30px; }
#pro .copete { position: relative; min-height: 66px; margin-bottom: 2em; }
#pro .copete h2 { text-indent: -9999px; background-repeat: no-repeat; background-size: 100% 100%; width: 140px; height: 66px; position: absolute; top: 0; left: 0; }
#pro.vit .copete h2 { background-image: url("../images/logoprod-vit.jpg"); }
#pro.fib .copete h2 { background-image: url("../images/logoprod-fib.jpg"); }
#pro.vtc .copete h2 { background-image: url("../images/logoprod-vtc.jpg"); }
#pro.die .copete h2 { background-image: url("../images/logoprod-die.jpg"); }
#pro.cal .copete h2 { background-image: url("../images/logoprod-cal.jpg"); }
#pro.ene .copete h2 { background-image: url("../images/logoprod-ene.jpg"); }
#pro.des .copete h2 { background-image: url("../images/logoprod-die.jpg"); }
#pro.def .copete h2 { background-image: url("../images/logoprod-def.jpg"); }
#pro.col .copete h2 { background-image: url("../images/logoprod-col.jpg"); }
#pro.sac .copete h2 { background-image: url("../images/logoprod-sac.jpg"); }

#pro .copete p { font-family: 'MixtapeMike'; letter-spacing: 0.05em; font-size: 0.95em; line-height: 1.5em; padding: 5px 0 0 140px; }
#pro.vit .copete p, #pro.vit .tabs-content strong { color: #EB1C23; }
#pro.cal .copete p, #pro.cal .tabs-content h3, #pro.cal .tabs-content strong { color: #689FD3; }
#pro.vtc .copete p, #pro.vtc .tabs-content strong { color: #46A7DE; }
#pro.def .copete p, #pro.def .tabs-content strong { color: #FD8204; }
#pro.col .copete p, #pro.col .tabs-content strong { color: #EE96A2; }
#pro.sac .copete p, #pro.sac .tabs-content strong { color: #7AA839; }
#pro.fib .copete p, #pro.fib .tabs-content strong { color: #A14C96; }
#pro.die .copete p, #pro.die .tabs-content strong { color: #72AB47; }
#pro.ene .copete p, #pro.ene .tabs-content strong { color: #292A85; }
#pro.des .copete p, #pro.des .tabs-content strong { color: #72AB47; }

#pro .tabs .opc { text-align: center; margin-bottom: 2em; }
#pro .tabs .opc li { display: inline-block; font-size: 0.8em; margin: 0 0.5em 1em 0.5em; }
#pro .tabs .opc .tie { position: relative; }
#pro .tabs .opc .tie .sub-tienda { right: 0; }

#pro .tabs .opc .btn { padding: 1.2em 2em 1em 2em; }

#pro .tabs .opc .btn.active { background: #252573; color: #FFF; -webkit-box-shadow: 0 6px 10px 0 rgba(37,37,115,0.2); -moz-box-shadow: 0 6px 10px 0 rgba(37,37,115,0.2); box-shadow: 0 6px 10px 0 rgba(37,37,115,0.2); }

#pro.vit .tabs .opc .btn:hover { background: #EB1C23; -webkit-box-shadow: 0 8px 10px 0 rgba(235,28,35,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(235,28,35,0.2); box-shadow: 0 8px 10px 0 rgba(235,28,35,0.2); }
#pro.cal .tabs .opc .btn:hover { background: #689FD3; -webkit-box-shadow: 0 8px 10px 0 rgba(104,159,211,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(104,159,211,0.2); box-shadow: 0 8px 10px 0 rgba(104,159,211,0.2); }

#pro.vtc .tabs .opc .btn:hover { background: #689FD3; -webkit-box-shadow: 0 8px 10px 0 rgba(104,159,211,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(104,159,211,0.2); box-shadow: 0 8px 10px 0 rgba(104,159,211,0.2); }

#pro.def .tabs .opc .btn:hover { background: #FD8204; -webkit-box-shadow: 0 8px 10px 0 rgba(253,130,4,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(253,130,4,0.2); box-shadow: 0 8px 10px 0 rgba(253,130,4,0.2); }
#pro.col .tabs .opc .btn:hover { background: #EE96A2; -webkit-box-shadow: 0 8px 10px 0 rgba(238,150,162,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(238,150,162,0.2); box-shadow: 0 8px 10px 0 rgba(238,150,162,0.2); }
#pro.sac .tabs .opc .btn:hover { background: #7AA839; -webkit-box-shadow: 0 8px 10px 0 rgba(122,168,57,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(122,168,57,0.2); box-shadow: 0 8px 10px 0 rgba(122,168,57,0.2); }
#pro.fib .tabs .opc .btn:hover { background: #A14C96; -webkit-box-shadow: 0 8px 10px 0 rgba(161,76,150,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(161,76,150,0.2); box-shadow: 0 8px 10px 0 rgba(161,76,150,0.2); }
#pro.die .tabs .opc .btn:hover { background: #72AB47; -webkit-box-shadow: 0 8px 10px 0 rgba(114,171,71,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(114,171,71,0.2); box-shadow: 0 8px 10px 0 rgba(114,171,71,0.2); }
#pro.ene .tabs .opc .btn:hover { background: #75432A; -webkit-box-shadow: 0 8px 10px 0 rgba(117,67,42,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(117,67,42,0.2); box-shadow: 0 8px 10px 0 rgba(117,67,42,0.2); }
#pro.des .tabs .opc .btn.active { background: #D8D8D8; color: #333; }
#pro.des .tabs .opc .btn:hover { background: #72AB47; -webkit-box-shadow: 0 8px 10px 0 rgba(114,171,71,0.2); -moz-box-shadow: 0 8px 10px 0 rgba(114,171,71,0.2); box-shadow: 0 8px 10px 0 rgba(114,171,71,0.2); }
#pro.des .tabs .opc .btn.opc4 { background: #72AB47; color: #FFF; }

#pro .tabs-content .box { display: none; text-align: center; }
#pro .tabs-content .box.opcion1 { display: block; }

#pro .tabs-content .textos { max-width: 740px; margin: 0 auto 2em auto; }
#pro .tabs-content .textos p { font-size: 1.15em; line-height: 1.4em; margin-bottom: 1.4em; /*letter-spacing: 0.05em;*/ }
#pro .tabs-content .icons { max-width: 700px; margin: 0 auto 2em auto; }
#pro .tabs-content .icons li { display: inline-block; width: 40%; margin: 0 3% 1em 3%; }
#pro .tabs-content .icons li img { display: block; margin: 0 auto 0.5em auto; width: 40%; height: auto; }
#pro .tabs-content .icons li p { font-family: 'VAGRoundedStd-Bold'; font-size: 1em; line-height: 1.2em; } 
#pro .tabs-content .icons li p em { display: block; font-style: normal; font-size: 0.8em; line-height: 1.2em; padding-top: 0.5em; }
#pro.des .tabs-content .icons li p em, #pro.vtc .tabs-content .icons li p em { font-family: 'VAGRoundedStd-Thin', sans-serif; font-weight: 300; }
#pro .tabs-content .img-main { display: block; width: 100%; height: auto; max-width: 700px; margin: auto; }

#pro .tabs-content h3, #pro .tabs-content h4 { line-height: 1.2em; margin-bottom: 1.5em; font-family: 'VAGRoundedStd-Bold'; }
#pro .tabs-content h3 { font-size: 1.35em; }
#pro .tabs-content h4 { font-size: 1.1em; }

#pro.cal .tabs-content h3 { max-width: 600px; margin-left: auto; margin-right: auto; }

#pro .tabs-content .usar { background: url("../images/pro-usar-m.gif") no-repeat; background-size: 100% 100%; font-size: 1.15em; line-height: 1.6em; letter-spacing: 0.03em; padding: 1.75em 2.25em; margin: 0 10% 2em 10%; position: relative; max-width: 640px; }
#pro.die .tabs-content .usar { max-width: 600px; }
#pro .tabs-content .usar strong { font-weight: normal; font-family: 'VAGRoundedStd-Bold'; }
#pro .tabs-content .usar strong em { font-style: normal; color: #333!important; }
#pro .tabs-content .usar .big { font-size: 1.6em; }
#pro .tabs-content .usar img { display: block; position: absolute; height: auto; }
#pro .tabs-content .usar .pil1 { width: 50px; top: -15px; left: -15px; }
#pro .tabs-content .usar .pil2 { width: 35px; bottom: -15px; right: 5px; }

#pro.die .tabs-content .usar .pil1 { width: 70px; top: auto; bottom: -20px; left: -25px; }
#pro.die .tabs-content .usar .pil2 { width: 90px; bottom: -35px; right: -10px; }
#pro.ene .tabs-content .usar .barra { width: 100px; bottom: -30px; right: -20px; }
#pro.des .tabs-content .usar { max-width: 600px; }
#pro.des .tabs-content .usar .pil1 { width: 70px; top: auto; bottom: -20px; left: -25px; }
#pro.des .tabs-content .usar .pil2 { width: 90px; bottom: -35px; right: -10px; }

#pro.cal .tabs-content .usar { background-image: url("../images/pro-cal-usar2.gif"); max-width: 300px; text-align: left; padding: 3em 2.25em; }
#pro.def .tabs-content .usar { background-image: url("../images/pro-def-usar-m.gif"); }
#pro.vtc .tabs-content .usar { background-image: url("../images/pro-vtc-usar-m.gif"); }
#pro.die .tabs-content .usar { background-image: url("../images/pro-die-usar-m.gif"); }
#pro.fib .tabs-content .usar { background-image: url("../images/pro-fib-usar-m.gif"); }
#pro.vit .tabs-content .usar { background-image: url("../images/pro-vit-usar-m.gif"); }
#pro.sac .tabs-content .usar { background-image: url("../images/pro-sac-usar-m.gif"); }

#pro.col .tabs-content .usar { background-image: url("../images/pro-col-usar-m.gif"); }
#pro.col .tabs-content .usar em { font-style: normal; text-transform: uppercase; font-weight: normal; font-family: 'VAGRoundedStd-Bold'; }
#pro.col .tabs-content .usar strong { display: block; font-size: 1.2em; }
#pro.col .tabs-content .usar .pil2 { width: 100px; bottom: -35px; }
#pro.col .tabs-content .legal .pil3 { width: 80px; bottom: -30px; margin-left: -40px; }


#pro .tabs-content .presentacion { position: relative; padding-top: 150px; margin: 0 -1.5em; }
#pro.vit .tabs-content .presentacion { padding-top: 190px; }
#pro.ene .tabs-content .presentacion { padding-top: 220px; margin-bottom: 2em; }
#pro .tabs-content .presentacion .content .item { margin-bottom: 2.5em; }
#pro.ene .tabs-content .presentacion p { width: 100%; }
#pro .tabs-content .presentacion p strong { font-weight: normal; font-family: 'VAGRoundedStd-Bold'; }
#pro .tabs-content .presentacion .item img { width: 140px; height: auto; margin-bottom: 1em; }
#pro .tabs-content .presentacion .mano { height: auto; position: absolute; top: 0; }
#pro .tabs-content .presentacion p { font-size: 1.1em; line-height: 1.3em; width: 120px; margin: auto; }
#pro.ene .tabs-content .presentacion .content { position: absolute; top: 120px; right: 5%; width: 120px; }
#pro.ene .tabs-content .presentacion .content p { font-size: 1em; }
#pro.vit .tabs-content .presentacion .mano { width: 300px; right: 40%; }
#pro.fib .tabs-content .presentacion .mano { width: 240px; right: 45%; }
#pro.cal .tabs-content .presentacion .mano { width: 240px; right: 45%; }
#pro.die .tabs-content .presentacion .mano { width: 240px; right: 45%; }
#pro.def .tabs-content .presentacion .mano { width: 240px; right: 45%; }
#pro.ene .tabs-content .presentacion .mano { width: 340px; right: 40%; }
#pro.des .tabs-content .presentacion .mano { width: 240px; right: 45%; }
#pro.col .tabs-content .presentacion .mano { width: 240px; right: 45%; }
#pro.vtc .tabs-content .presentacion .mano { width: 240px; right: 45%; }

#pro .tabs-content .legal { font-family: 'VAGRoundedStd-Bold'; background: url("../images/pro-legal-m.gif") no-repeat; background-size: 100% 100%; font-size: 0.9em; line-height: 1.6em; letter-spacing: 0.03em; padding: 1.75em 3em 2.5em 3em; margin: auto; position: relative; max-width: 360px; }
#pro .tabs-content .legal ul { text-align: left; }
#pro .tabs-content .legal img { display: block; position: absolute; height: auto; }
#pro .tabs-content .legal .pil3 { width: 50px; bottom: -15px; left: 50%; margin-left: -25px; }
#pro.die .tabs-content .legal .pil3 { width: 80px; bottom: -35px; margin-left: -40px; }
#pro.des .tabs-content .legal .pil3 { width: 80px; bottom: -35px; margin-left: -40px; }

#pro.cal .tabs-content .legal { background-image: url("../images/pro-cal-legal-m.gif"); }
#pro.def .tabs-content .legal { background-image: url("../images/pro-def-legal-m.gif"); }
#pro.die .tabs-content .legal { background-image: url("../images/pro-die-legal-m.gif"); }
#pro.ene .tabs-content .legal { background-image: url("../images/pro-ene-legal-m.gif"); }
#pro.fib .tabs-content .legal { background-image: url("../images/pro-fib-legal-m.gif"); }
#pro.vit .tabs-content .legal { background-image: url("../images/pro-vit-legal-m.gif"); }
#pro.col .tabs-content .legal { background-image: url("../images/pro-col-legal-m.gif"); }
#pro.sac .tabs-content .legal { background-image: url("../images/pro-sac-legal-m.gif"); font-family: 'VAGRoundedStd-Thin'; }
#pro.vtc .tabs-content .legal { background-image: url("../images/pro-vtc-legal-m.gif"); }

#pro.des .tabs-content h3 { font-family: 'MixtapeMike'; letter-spacing: 0.05em; font-size: 1.4em; line-height: 1.5em; color: #72AB47; max-width: 500px; margin: auto; }
#pro .tabs-content .nota { font-size: 0.75em; margin-bottom: 3em; }

#pro .tabs-content .tabla { width: 80%; max-width: 700px; margin: auto; display: block; }
#pro .tabs-content .prod { width: 100%; max-width: 900px; margin: auto; display: block; }

#pro.sac .tabs-content .tablas .prod { margin: 0 0 2em 0; }
#pro.sac .tabs-content .tablas .prod .img { width: 50%; max-width: 120px; margin-bottom: 1em; }
#pro.sac .tabs-content .tablas .prod h5 { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1em; font-weight: normal; font-family: 'VAGRoundedStd-Bold'; color: #7AA839; }
#pro.sac .tabs-content .tablas .prod .tabla { width: 90%; max-width: 340px; }

#pro.ene .variedades { margin: 0 auto 2em auto; max-width: 250px; text-align: center; }
#pro.ene .variedades .var { margin-bottom: 2em; }
#pro.ene .variedades .var img { width: 100%; height: auto; }
#pro.ene .variedades .var p { font-family: 'MixtapeMike'; font-size: 1.2em; line-height: 1.2em; }
#pro.ene .variedades .var p span { display: block; font-size: 0.8em; }
#pro.ene .variedades .var.coo p { color: #F0A603; }
#pro.ene .variedades .var.cap p { color: #763E2B; }
#pro.ene .variedades .var.ori p { color: #E52428; }



#pro .banner-doy { display: block; margin: auto; width: 100%; max-width: 440px; }

@media only screen and (min-width: 480px) {
#pro .copete { min-height: 85px; }
#pro .copete h2 { width: 180px; height: 85px; }
#pro .copete p { font-size: 1em; padding: 10px 0 0 190px; }

#pro .tabs-content .usar { background-image: url("../images/pro-usar-d.gif"); padding: 2.75em 2.25em 2.25em 2.25em; }
#pro .tabs-content .usar .pil1 { top: 15px; }

/* #pro.cal .tabs-content .usar { background-image: url("../images/pro-cal-usar-d.gif"); } */
#pro.def .tabs-content .usar { background-image: url("../images/pro-def-usar-d.gif"); }
#pro.vtc .tabs-content .usar { background-image: url("../images/pro-vtc-usar-d.gif"); }
#pro.die .tabs-content .usar { background-image: url("../images/pro-die-usar-d.gif"); }
#pro.fib .tabs-content .usar { background-image: url("../images/pro-fib-usar-d.gif"); }
#pro.vit .tabs-content .usar { background-image: url("../images/pro-vit-usar-d.gif"); }
#pro.sac .tabs-content .usar { background-image: url("../images/pro-sac-usar-d.gif"); padding: 1.5em; }
#pro.vtc .tabs-content .usar { background-image: url("../images/pro-vtc-usar-d.gif"); }

#pro.ene .tabs-content .presentacion { height: 260px; }
#pro.ene .tabs-content .presentacion .content { width: 160px; top: 180px; right: 10%; }
#pro.ene .tabs-content .presentacion .content p { font-size: 1.1em; }
#pro.des .tabs-content .presentacion { height: 260px; }

#pro .tabs-content .presentacion .item img { width: 150px; }

#pro.vit .tabs-content .presentacion .mano { width: 320px; right: 44%; }
#pro.fib .tabs-content .presentacion .mano { width: 280px; right: 50%; }
#pro.cal .tabs-content .presentacion .mano { width: 280px; right: 50%; }
#pro.def .tabs-content .presentacion .mano { width: 280px; right: 50%; }
#pro.die .tabs-content .presentacion .mano { width: 280px; right: 50%; }
#pro.ene .tabs-content .presentacion .mano { width: 540px; right: 32%; }
#pro.des .tabs-content .presentacion .mano { width: 280px; right: 50%; }
#pro.col .tabs-content .presentacion .mano { width: 280px; right: 50%; }
#pro.vtc .tabs-content .presentacion .mano { width: 280px; right: 50%; }

#pro .tabs-content .legal { background-image: url("../images/pro-legal-d.gif"); }
#pro.cal .tabs-content .legal { background-image: url("../images/pro-cal-legal-d.gif"); }
#pro.def .tabs-content .legal { background-image: url("../images/pro-def-legal-d.gif"); }
#pro.die .tabs-content .legal { background-image: url("../images/pro-die-legal-d.gif"); }
#pro.ene .tabs-content .legal { background-image: url("../images/pro-ene-legal-d.gif"); }
#pro.fib .tabs-content .legal { background-image: url("../images/pro-fib-legal-d.gif"); }
#pro.vit .tabs-content .legal { background-image: url("../images/pro-vit-legal-d.gif"); }
#pro.sac .tabs-content .legal { background-image: url("../images/pro-sac-legal-d.gif"); }
}


@media only screen and (min-width: 600px) {
#pro .intro { padding-bottom: 7%; }
#pro .intro .frasco { left: 50%; width: 230px; margin-left: -115px; bottom: 0; }
#pro.sac .intro .frasco { left: 15%; width: 70%; margin-left: 0; bottom: 0; }
#pro.die .intro .frasco { left: 50%; width: 300px; margin-left: -150px; }
#pro.vtc .intro .frasco { left: 36%; width: 28%; bottom: -10px; }
#pro.cal .intro .frasco { left: 50%; width: 360px; margin-left: -180px; bottom: -30px; }
#pro.ene .intro { padding-bottom: 30px; }
#pro.ene .intro .barra { left: 50%; width: 400px; margin-left: -200px; }
#pro .copete { min-height: 103px; }
#pro .copete h2 { width: 220px; height: 103px; }
#pro .copete p { font-size: 1.3em; padding: 10px 0 0 240px; }

#pro .tabs-content .icons li { width: 22%; margin: 0 4% 2em 4%; }

#pro .tabs-content .usar { font-size: 1.25em; padding: 3.25em 6em 2em 6em; }
#pro .tabs-content .usar .pil1 { width: 70px; top: 5px; left: -15px; }
#pro .tabs-content .usar .pil2 { width: 55px; bottom: -15px; right: 5px; }
#pro.die .tabs-content .usar .pil1 { width: 110px; bottom: -50px; left: -30px; }
#pro.die .tabs-content .usar .pil2 { width: 140px; bottom: -50px; right: -20px; }
#pro.ene .tabs-content .usar .barra { width: 140px; bottom: -30px; right: -30px; }
#pro.vtc .tabs-content .usar { padding: 2em 3em; }

#pro.des .tabs-content .usar .pil1 { width: 110px; bottom: -50px; left: -30px; }
#pro.des .tabs-content .usar .pil2 { width: 140px; bottom: -50px; right: -20px; }

#pro .tabs-content .presentacion { padding-top: 240px; }
#pro .tabs-content .presentacion p { font-size: 1.2em; width: 160px; }
#pro .tabs-content .content { display: flex; justify-content: space-around; width: 80%; margin: auto; }
#pro .tabs-content .presentacion .item img { width: 180px; }

#pro.die .tabs-content .presentacion { padding-top: 200px; }
#pro.vit .tabs-content .presentacion { padding-top: 260px; }
#pro.vtc .tabs-content .presentacion { padding-top: 0; }
#pro.vtc .tabs-content .content { justify-content: flex-end; width: 100%; padding: 60px 50px 50px 0; }
#pro.vtc .tabs-content .presentacion .content .item { width: 50%; }

#pro.ene .tabs-content .presentacion { height: 320px; }
#pro.des .tabs-content .presentacion { height: 320px; }
#pro.ene .tabs-content .presentacion .content { right: 10%; width: 180px; top: 220px; }
#pro.ene .tabs-content .presentacion .content p { font-size: 1.2em; }
#pro.vit .tabs-content .presentacion .mano { width: 400px; }
#pro.fib .tabs-content .presentacion .mano { width: 340px; }
#pro.cal .tabs-content .presentacion .mano { width: 340px; }
#pro.def .tabs-content .presentacion .mano { width: 340px; }
#pro.die .tabs-content .presentacion .mano { width: 340px; }
#pro.ene .tabs-content .presentacion .mano { width: 660px; }
#pro.des .tabs-content .presentacion .mano { width: 340px; }
#pro.col .tabs-content .presentacion .mano { width: 340px; }
#pro.vtc .tabs-content .presentacion .mano { width: 340px; }

#pro .tabs-content .legal { padding: 2.5em 2.5em 2em 4em; margin: auto; }
#pro .tabs-content .legal .pil3 { width: 60px; bottom: -15px; left: -20px; margin-left: 0; }
#pro.die .tabs-content .legal .pil3 { width: 110px; bottom: -35px; left: 0; }
#pro.des .tabs-content .legal .pil3 { width: 110px; bottom: -35px; left: 0; }

#pro.ene .variedades { max-width: none; margin: 3em 0; }
#pro.ene .variedades .var { width: 30%; margin: 0; display: inline-block; }

#pro.col .tabs-content .usar { padding: 2.25em 6em 2em 6em; max-width: 500px; margin-left: auto; margin-right: auto; }
#pro.col .tabs-content .usar .pil2 { width: 140px; bottom: -55px; }
#pro.col .tabs-content .legal .pil3 { left: 10px; }

#pro.sac .tabs-content .tablas { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; justify-content: start; }
}


@media only screen and (min-width: 768px) {
#pro .intro { padding-bottom: 60px; }
#pro .intro .frasco { width: 240px; margin-left: -120px; }
#pro.sac .intro .frasco { left: 50%; width: 380px; margin-left: -190px; bottom: -20px; }
#pro.die .intro .frasco { width: 260px; margin-left: -130px; }
#pro.vtc .intro .frasco { left: 39%; width: 22%; bottom: -20px; }
#pro.cal .intro .frasco { width: 360px; margin-left: -180px; bottom: -50px; }
#pro.ene .intro { padding-bottom: 35px; }
#pro.ene .intro .barra { width: 320px; margin-left: -160px; }
#pro .copete { min-height: 117px; }
#pro .copete h2 { width: 240px; height: 113px; }
#pro .copete p { padding: 25px 0 0 245px; }
#pro .tabs .opc { margin-bottom: 3em; }
#pro .tabs .opc li { font-size: 0.9em; margin: 0 0.2em; }
#pro .tabs .opc .btn { padding: 1.2em 2em 1em 2em; }
#pro .tabs-content .usar .pil1 { width: 120px; top: 0; left: -45px; }
#pro .tabs-content .usar .pil2 { width: 90px; bottom: -25px; right: -20px; }
#pro.ene .tabs-content .usar .barra { width: 180px; bottom: -40px; right: -40px; }

#pro.vit .tabs-content .presentacion { padding-top: 350px; }
#pro.ene .tabs-content .presentacion { height: 380px; }
#pro.des .tabs-content .presentacion { height: 480px; }
#pro.vit .tabs-content .presentacion .mano { width: 520px; }
#pro.fib .tabs-content .presentacion .mano { width: 450px; }
#pro.cal .tabs-content .presentacion .mano { width: 450px; }
#pro.def .tabs-content .presentacion .mano { width: 450px; }
#pro.die .tabs-content .presentacion .mano { width: 450px; }
#pro.ene .tabs-content .presentacion .mano { width: 750px; right: 28%; }
#pro.des .tabs-content .presentacion .mano { width: 480px; }
#pro.col .tabs-content .presentacion .mano { width: 450px; }
#pro.vtc .tabs-content .presentacion .mano { width: 450px; }
#pro .tabs-content .content { width: 70%; }
#pro.ene .tabs-content .presentacion .content { right: 15%; width: 220px; top: 260px; }
#pro.ene .tabs-content .presentacion .content p { font-size: 1.3em; }
#pro .tabs-content .presentacion p { width: 200px; }
#pro.ene .tabs-content .presentacion p { font-size: 1.3em; }
#pro .tabs-content .presentacion { padding-top: 270px; }
#pro .tabs-content .presentacion .item img { width: 235px; }
#pro.vtc .tabs-content .presentacion .item img { width: 180px; }

#pro .tabs-content .legal { max-width: 520px; }
#pro.sac .tabs-content .legal { max-width: 600px; }

#pro .tabs-content .legal .pil3 { width: 90px; bottom: -25px; left: -30px; }
#pro.die .tabs-content .legal .pil3 { width: 140px; bottom: -50px; left: -10px; }
#pro.des .tabs-content .legal .pil3 { width: 140px; bottom: -50px; left: -10px; }

#pro .banner-doy { max-width: 900px; }

#pro.col .tabs-content .usar { max-width: 500px; margin-left: auto; margin-right: auto; font-size: 1.4em; padding: 1.7em 5em 1.5em 5em; }
#pro.col .tabs-content .legal .pil3 { width: 120px; bottom: -60px; margin-left: -50px; }
}

@media only screen and (min-width: 900px) {
#pro .intro { padding-bottom: 70px; }
#pro .intro .frasco { width: 280px; margin-left: -140px; }
#pro.sac .intro .frasco { width: 480px; margin-left: -240px; bottom: -30px; }
#pro.die .intro .frasco { width: 300px; margin-left: -150px; }
#pro.cal .intro .frasco { width: 420px; margin-left: -210px; bottom: -60px; }
#pro.ene .intro .barra { width: 360px; margin-left: -180px; }

#pro .tabs .opc li { font-size: 1em;}
}

@media only screen and (min-width: 1100px) {
#pro .intro { padding-bottom: 90px; }
#pro .intro .frasco { width: 360px; margin-left: -180px; }
#pro.sac .intro .frasco { width: 540px; margin-left: -270px; bottom: -20px; }
#pro.die .intro .frasco { width: 400px; margin-left: -200px; bottom: -15px; }
#pro.vtc .intro .frasco { left: 50%; width: 260px; margin-left: -130px; }
#pro.cal .intro .frasco { width: 540px; margin-left: -270px; bottom: -70px; }
#pro.ene .intro { padding-bottom: 50px; }
#pro.ene .intro .barra { width: 480px; margin-left: -240px; }
}

@media only screen and (min-width: 1200px) {
#pro .intro { padding-bottom: 60px; }
#pro.cal .intro .frasco { bottom: -50px; }
}

@media only screen and (min-width: 1300px) {
#pro.sac .intro .frasco { bottom: 0; }
}














#pro.cal .columns { display: flex; flex-direction: column; }
#pro.cal .column { flex: 1; }


#pro.cal .columns1 { flex-direction: column; }
#pro.cal .columns2 { flex-direction: column-reverse; }

/* #pro.cal .opcion1 .columns {  } */
#pro.cal .opcion1 .column { padding: 0 1em; }
#pro.cal .opcion1 .column.column1 { border-bottom: 1px solid #689FD3; padding-bottom: 3em; margin-bottom: 3em; }

#pro.cal .opcion2 .columns, #pro.cal .opcion3 .columns1 { margin-bottom: 3em; }
#pro.cal .opcion2 .columns .column.column1, #pro.cal .opcion3 .columns .column.column1 { margin-bottom: 4em; }


#pro.cal .column .img { display: block; width: 70%; height: auto; margin: 0 auto 1em auto; max-width: 360px; }
#pro.cal .column h4 { font-family: 'VAGRoundedStd-Thin', sans-serif; text-transform: uppercase; font-size: 1.3em; line-height: 1.5em; margin-bottom: 2em; }
#pro.cal .column h4 strong { display: block; color: #742687; font-size: 1.2em; margin-top: 0.5em; }
#pro.cal .column h5 { font-weight: normal; font-family: 'VAGRoundedStd-Bold'; text-transform: uppercase; color: #689FD3; font-size: 1.8em; line-height: 1.2em; margin-bottom: 1em; }

#pro.cal .column ul { max-width: 320px; margin: auto; }
#pro.cal .column ul li { display: flex; align-items: center; margin-bottom: 2.5em; }
#pro.cal .column ul li img { display: block; width: 60px; height: auto; margin-right: 1em; }
#pro.cal .column ul li div { font-family: 'VAGRoundedStd-Bold'; text-align: left; font-size: 1.4em; line-height: 1.1em; }
#pro.cal .column ul li div em { display: block; font-style: normal; font-family: 'VAGRoundedStd-Thin', sans-serif; font-size: 0.7em; line-height: 1.1em; margin-top: 0.2em; }






#pro.cal .tabs-content .usar { margin: auto; max-width: 360px; }
#pro.cal .tabs-content .usar .pil1 { width: 80px; top: auto; bottom: -10px; left: auto; right: -20px; }
#pro.cal .tabs-content .usar .pil2 { width: 50px; bottom: -30px; right: auto; left: 0; }

#pro.cal .tabs-content .presentacion { padding: 0; margin: 0; }
#pro.cal .tabs-content .presentacion .content { display: flex; justify-content: space-between; width: 80%; max-width: 380px; margin: 0 auto; }
#pro.cal .tabs-content .columns2 .presentacion .content { justify-content: center; }
#pro.cal .tabs-content .presentacion .content .item { margin-bottom: 0; }
#pro.cal .tabs-content .presentacion .item p { margin-bottom: 1em; }
#pro.cal .tabs-content .presentacion .item img { margin-bottom: 0; }

#pro.cal .tabs-content .tabla { display: block; width: 80%; max-width: 400px; height: auto; }

#pro.cal .tabs-content .presentacion .item .caja { width: 180px; }

@media only screen and (min-width: 600px) {
#pro.cal .tabs-content .usar .pil2 { width: 55px; }
}

@media only screen and (min-width: 768px) {
#pro.cal .columns { flex-direction: row; }
#pro.cal .column { font-size: 0.85em; }
#pro.cal .column ul { max-width: none; }
#pro.cal .column ul li img { width: 70px; }

#pro.cal .opcion1 .column.column1 { border-bottom: none; border-right: 1px solid #689FD3; margin: 0; padding: 0 2em 0 0!important; }
#pro.cal .opcion1 .column.column2 { padding: 0 0 0 2em!important; }

#pro.cal .tabs-content .presentacion .content { max-width: none; width: auto; }
#pro.cal .tabs-content .presentacion .item img { width: 75%; }
#pro.cal .tabs-content .presentacion .item .caja { width: 60%; }
#pro.cal .tabs-content .presentacion .item p { width: 160px; font-size: 1.4em; margin-bottom: 2em; }

#pro.cal .opcion2 .column.column2 { display: flex; justify-content: center; align-items: flex-end; }
#pro.cal .tabs-content .presentacion { margin-bottom: 3em; }
/* #pro.cal .tabs-content .usar .pil2 { width: 90px; } */
}










/*-- TERMINOS Y CONDICIONES -------------------------------------*/
#ter .textos { text-align: center; max-width: 800px; padding: 0 2em; margin: 2em auto 3em auto; }
#ter .textos h2 { font-size: 1.3em; margin-bottom: 2em; line-height: 1.6em; font-family: 'MixtapeMike'; font-weight: normal; color: #EB1C23; }
#ter .textos h3 { font-size: 1em; margin-bottom: 0.8em; line-height: 1.2em; font-family: 'MixtapeMike'; font-weight: normal }
#ter .textos p { font-size: 1em; line-height: 1.5em; margin: 0 auto 1.5em auto; }
#ter .textos ul { font-size: 1em; line-height: 1.5em; margin: 0 auto 1.5em auto; }
#ter .textos ul li { font-size: 0.9em; }
#ter .textos a { color: #BB111F; }
#ter .textos a:hover { text-decoration: underline; }

/*-- FAQ -------------------------------------*/
#faq .textos { text-align: center; max-width: 800px; padding: 0 2em; margin: 2em auto 3em auto; }
#faq .textos h2 { font-size: 1.4em; margin-bottom: 2em; line-height: 1.4em; font-family: 'MixtapeMike'; font-weight: normal; color: #EB1C23; }
#faq .textos h3 { font-size: 1.4em; line-height: 1.2em; margin-bottom: 1.2em; }
#faq .textos h4 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1.2em; font-family: 'VAGRoundedStd-Bold'; color: #EB1C23; }
#faq .embed-container { width: 100%; max-width: 800px; margin: 0 auto 2.5em auto; }
#faq .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
#faq .embed-responsive .embed-responsive-item, #faq .embed-responsive iframe, #faq .embed-responsive embed, #faq .embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; }
#faq .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; }
#faq .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; }
#faq dl { font-size: 1.1em; line-height: 1.2em; margin-bottom: 2em; }
#faq dl dt { font-family: 'VAGRoundedStd-Bold'; background: #F1F1F1; padding: 0.75em 1em; cursor: pointer; margin-bottom: 0.3em; }
#faq dl dd { padding: 0.75em 1em; }
#faq .productos { display: block; width: 90%; max-width: 460px; margin: 0 auto 2em auto; }
#faq .mano { display: none; }

@media only screen and (min-width: 720px) {
#faq .mano { display: block; position: absolute; width: 60%; left: -30%; top: 80px; }
}

@media only screen and (min-width: 1000px) {
#faq .mano { width: 40%; left: -2%; }
}


/*-- CONTACTO -------------------------------------*/
#con .contenido { max-width: 540px; margin: 2em auto 3em auto; }
#con .contenido h2 { text-align: center; font-size: 2em; margin-bottom: 2em; line-height: 1.2em; font-family: 'MixtapeMike'; font-weight: normal; }
#con .contenido fieldset ul li { margin-bottom: 1.5em; clear: both; }
#con .contenido fieldset ul li label { display: block; font-family: 'MixtapeMike'; font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.25em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#con .contenido fieldset ul li input[type=text], #con .contenido fieldset ul li input[type=email], #con .contenido fieldset ul li textarea { background: #88CBF0; height: 32px; line-height: 32px; border: none; font-size: 0.9em; padding: 0.5em; color: #000; font-family: 'VAGRoundedStd-Bold'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; }
#con .contenido fieldset ul li textarea { resize: none; height: 6em; line-height: 1.2em; width: 100%; }
#con .contenido fieldset input[type=submit] { -webkit-appearance: none; border: none; cursor: pointer; background: url("../images/btn-enviar.gif") no-repeat; background-size: 100% 200%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #FFF; text-transform: uppercase; text-align: center; display: block; font-size: 16px; width: 150px; height: 50px; line-height: 50px; font-family: 'MixtapeMike'; margin: auto; }
#con .contenido fieldset input[type=submit]:hover, .gracias .cerrar:hover { background-position: 0 100%; }
#con .contenido fieldset .captcha { text-align: center; }
#con .contenido fieldset .boton { margin-bottom: 0; }
#con .contenido .tel .campos:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#con .contenido .tel .campos .num { float: left; height: 34px; line-height: 34px; font-family: 'VAGRoundedStd-Thin'; font-size: 1.2em; width: 10%; text-align: center; }
#con .contenido .tel .campos .area { float: left; width: 25%; margin-right: 2%; }
#con .contenido .tel .campos .numero { float: left; width: 63%; }
#con .contenido fieldset ul li label, .tel .campos { display: block; width: 100%; }
#con .contenido fieldset ul li input[type=text], #con .contenido fieldset ul li input[type=email] { display: block; width: 100%; }
#con .contenido .g-recaptcha { transform: scale(0.855263); position: relative; left: -7%; }
#con .g-recaptcha { right: -7%; transform: scale(0.855263); }

#con .contenido.gracias { text-align: center; }
#con .contenido.gracias h3 {font-family: 'VAGRoundedStd-Bold'; color: #EB1C23; font-size: 2.2em; line-height: 1.2em; margin-bottom: 0.3em; }
#con .contenido.gracias p { font-family: 'MixtapeMike'; font-size: 1.2em; line-height: 1.2em; margin-bottom: 2em; }
#con .contenido.gracias .volver { -webkit-appearance: none; border: none; cursor: pointer; background: url("../images/btn-enviar.gif") no-repeat; background-size: 100% 200%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #FFF; text-transform: uppercase; text-align: center; display: block; font-size: 16px; width: 150px; height: 50px; line-height: 50px; font-family: 'MixtapeMike'; margin: auto; }
#con .contenido.gracias .volver:hover { background-position: 0 100%; }


@media only screen and (min-width: 600px) {
#con .contenido fieldset .nombre, #con .contenido fieldset .apellido { float: left; width: 48.5%; }
#con .contenido fieldset .nombre { margin-right: 3%; }
#con .contenido fieldset .apellido { clear: none; }
#con .contenido fieldset .dni { float: left; width: 30%; margin-right: 5%; }
#con .contenido fieldset .tel { float: left; width: 65%; clear: none; }
#con .contenido fieldset .captcha { float: left; width: 55%; margin-right: 5%; text-align: left; margin-bottom: 0; }
#con .contenido fieldset .boton { float: left; width: 40%; clear: none; text-align: right; }
#con .contenido fieldset .boton input { float: right; }
}

/*-- CATALOGO -------------------------------------*/
#cat .contenido { max-width: 800px; text-align: center; margin: 2em auto 3em auto; }
#cat .contenido h2 { font-size: 1.8em; margin-bottom: 1.25em; line-height: 1.2em; font-family: 'MixtapeMike'; font-weight: normal; }
#cat .contenido .catalogo { margin-top: 4em; position: relative; }
#cat .contenido .catalogo a { display: block; }
#cat .contenido .catalogo img { position: absolute; height: auto; -moz-transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; }
#cat .contenido .catalogo img:hover { margin-top: -10px; }
#cat .contenido .catalogo img.static:hover { margin-top: 0; }

#cat .contenido .catalogo .fib-doy { width: 35%; left: 0; top: 16.7%; }
#cat .contenido .catalogo .vit-doy { width: 35%; left: 32.4%; top: 0; }
#cat .contenido .catalogo .cal-doy { width: 35%; left: 65%; top: 13.2%; }
#cat .contenido .catalogo .pil { width: 10.1%; left: 24.5%; top: 81.7%; }
#cat .contenido .catalogo .vit { width: 20.2%; left: 31.7%; top: 29%; }
#cat .contenido .catalogo .cal { width: 17%; left: 50%; top: 31.8%; }
#cat .contenido .catalogo .fib { width: 17.8%; left: 15.5%; top: 31.2%; }
#cat .contenido .catalogo .die { width: 32.7%; left: 60.2%; top: 33.2%; }
#cat .contenido .catalogo .ene { width: 46.6%; left: 37.5%; top: 66.9%; }

/*--------------------------------------------------------------*/
/*-- PLUGINS --------------------------------------------------*/
.perspective { background: #FFF; position: relative; width: 100%; height: 100%; }
.container { background: #FFF; min-height: 100%; position: relative; outline: 1px solid rgba(0,0,0,0); z-index: 10; }
.wrapper { position: relative; }
.component { margin: 0 auto; width: 60%; text-align: justify; font-size: 1.5em; }
.perspective.modalview { position: fixed; -webkit-perspective: 1500px; perspective: 1500px; }
.modalview .container { position: absolute; overflow: hidden; width: 100%; height: 100%; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.effect-moveleft.modalview .wrapper { -webkit-transform: translateZ(-1px); transform: translateZ(-1px); }
.effect-moveright.modalview .wrapper { -webkit-transform: translateZ(1px); transform: translateZ(1px); }
.container { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.container::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; opacity: 0; background: rgba(0,0,0,0.2); -webkit-transition: opacity 0.4s, height 0s 0.4s; transition: opacity 0.4s, height 0s 0.4s; z-index: 100; }

.effect-moveleft.animate .container { -webkit-transform: translateX(30%) rotateY(-45deg) translateZ(-50px); transform: translateX(30%) rotateY(-45deg) translateZ(-50px); }
.effect-moveright.animate .container { -webkit-transform: translateX(-47%) rotateY(45deg) translateZ(50px); transform: translateX(-47%) rotateY(45deg) translateZ(50px); }


.animate .container::after { opacity: 1; height: 101%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.no-csstransforms3d .effect-moveleft.animate .container { left: 0; }
.no-csstransforms3d .effect-moveright.animate .container { right: 0; }
.outer-nav { position: absolute; top: 50%; width: 53%; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; font-size: 0.85em; display: none; }
.effect-moveleft .outer-nav.left { display: block; }
.effect-moveright .outer-nav.right { display: block; }

.outer-nav.left { left: 2%; }
.outer-nav.right { right: 2%; }


.outer-nav li { opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }

.outer-nav.main-menu li { -webkit-transform: translateX(100px) translateZ(-1000px); transform: translateX(100px) translateZ(-1000px); line-height: 1.4em; margin-bottom: 1em; padding-left: 25%; }
.outer-nav.store-menu li { -webkit-transform: translateX(-100px) translateZ(-1000px); transform: translateX(-100px) translateZ(-1000px); font-size: 1.2em; line-height: 1.4em; margin-bottom: 2em; text-align: center; }





.outer-nav.store-menu .ws span { display: block; font-size: 1em; line-height: 1.2em; margin: 0 auto 0.8em auto; max-width: 100px;; }
.outer-nav.store-menu .ws a { display: inline-block; background: #3DB64B url("../images/logo-ws.png") no-repeat; background-position: 0.6em center; background-size: auto 1em; color: #FFF!important; font-family: 'VAGRoundedStd-Bold'; font-size: 1em; line-height: 1em; padding: 0.4em 1em 0.2em 2em; border-radius: 1em; }
.outer-nav.store-menu .head { font-family: 'VAGRoundedStd-Bold'; text-transform: uppercase; font-size: 13px; line-height: 1.2em; text-align: center; color: #E52428; }
.outer-nav.store-menu .head i { display: block; background: url("../images/head-icon-store-m.gif") no-repeat; background-size: cover; width: 50px; height: 50px; margin: 0 auto 1em auto; }
.outer-nav.store-menu .head small { display: block; line-height: 1.2em; font-family: 'VAGRoundedStd-Thin'; color: #000; margin-top: 0.8em; }

.outer-nav.store-menu .sto i { display: block; background: url("../images/menu-tienda.jpg") no-repeat; background-size: 200% 100%; width: 40px; height: 40px; margin: 0 auto 0.6em auto; }
.outer-nav.store-menu .sto.aec i { background-position: 100% 0; }
.outer-nav.store-menu .sto.mer i { background-position: 0 0; }
.outer-nav.store-menu .sto.aec a { color: #334EBB; }
.outer-nav.store-menu .sto.mer a { color: #000094; }


.outer-nav li a { color: #000; font-family: 'VAGRoundedStd-Bold'; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; display: block; line-height: 1.2em; }
.outer-nav li a span { display: block; }

.outer-nav li.pro a { text-transform: uppercase; font-size: 0.9em; position: relative; display: flex; align-items: center; }
.outer-nav li.pro a i { display: block; width: 24px; height: 24px; margin-right: 8px; background: url("../images/menu-icons.jpg") no-repeat; background-size: 300% 300%; }
.outer-nav li em { display: inline-block; text-transform: none; font-style: normal; color: #FFF; padding: 0.15em 0.75em 0.05em 0.75em; margin-bottom: 0.2em; border-radius: 1em; }
.outer-nav li.vit a { color: #EB1C23; }
.outer-nav li.vit a i { background-position: 0 0; }
.outer-nav li.cal a { color: #689FD3; }
.outer-nav li.cal a i { background-position: 50% 0; }
.outer-nav li.cal em { background: #689FD3; }
.outer-nav li.vtc a { color: #376FAE; }
.outer-nav li.vtc a i { background-position: 50% 0; }
.outer-nav li.vtc em { background: #376FAE; }
.outer-nav li.def a { color: #FD8204; }
.outer-nav li.def a i { background-position: 100% 0; }
.outer-nav li.def em { background: #FF6300; }
.outer-nav li.col a { color: #EE96A2; }
.outer-nav li.col a i { background-position: 0 100%; }
.outer-nav li.col em { background: #EE96A2; }
.outer-nav li.sac a { color: #7AA839; }
.outer-nav li.sac a i { background-position: 50% 100%; }
.outer-nav li.sac em { background: #7AA839; }
.outer-nav li.fib a { color: #A14C96; }
.outer-nav li.fib a i { background-position: 0 50%; }
.outer-nav li.die a { color: #72AB47; }
.outer-nav li.die a i { background-position: 50% 50%; }
.outer-nav li.ene a { color: #2B3A75; }
.outer-nav li.ene a i { background-position: 100% 50%; }
.outer-nav li.faq { margin-top: 2.5em; }
.outer-nav li.faq a, .outer-nav li.tie a { color: #000; text-transform: uppercase; display: block; font-size: 0.8em; }
.outer-nav li.faq a { color: #000; }
.outer-nav li.tie a { color: #EB1C23; }
.outer-nav li.faq a img, .outer-nav li.tie a img { display: block; width: 100%; height: auto; }

.outer-nav li a:hover { color: #EB1C23!important; }
.animate .outer-nav li { opacity: 1; -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); }
.animate .outer-nav li:nth-child(2) { -webkit-transition-delay: 0.04s; transition-delay: 0.04s; }
.animate .outer-nav li:nth-child(3) { -webkit-transition-delay: 0.08s; transition-delay: 0.08s; }
.animate .outer-nav li:nth-child(4) { -webkit-transition-delay: 0.12s; transition-delay: 0.12s; }
.animate .outer-nav li:nth-child(5) { -webkit-transition-delay: 0.16s; transition-delay: 0.16s; }
.animate .outer-nav li:nth-child(6) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.animate .outer-nav li:nth-child(7) { -webkit-transition-delay: 0.24s; transition-delay: 0.24s; }
.animate .outer-nav li:nth-child(8) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; }
.animate .outer-nav li:nth-child(9) { -webkit-transition-delay: 0.32s; transition-delay: 0.32s; }
.animate .outer-nav li:nth-child(10) { -webkit-transition-delay: 0.36s; transition-delay: 0.36s; }
.animate .outer-nav li:nth-child(11) { -webkit-transition-delay: 0.40s; transition-delay: 0.40s; }
.animate .outer-nav li:nth-child(12) { -webkit-transition-delay: 0.44s; transition-delay: 0.44s; }
.animate .outer-nav li:nth-child(13) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; }
.animate .outer-nav li:nth-child(14) { -webkit-transition-delay: 0.52s; transition-delay: 0.52s; }
.animate .outer-nav li:nth-child(15) { -webkit-transition-delay: 0.56s; transition-delay: 0.56s; }
.outer-nav li.cerrar { padding-left: 5%; margin-bottom: 3em; }
.outer-nav li.cerrar span { display: block; cursor: pointer; background: url("../images/menu-cerrar.gif") no-repeat; background-size: 100% 100%; width: 140px; height: 27px; text-indent: -9999px; }

@media screen and (min-width: 320px) {
.outer-nav { width: 45%; }
.outer-nav.left { left: 5%; }
.outer-nav.right { right: 5%; }
}

@media screen and (min-width: 420px) {
.outer-nav { width: 32%; }
.outer-nav.left { left: 10%; }
.outer-nav.right { right: 10%; }
}

@media screen and (min-width: 620px) {
.outer-nav { width: 22%; }
.outer-nav.left { left: 15%; }
.outer-nav.right { right: 15%; }
}

@media screen and (max-height: 31.6em) {
.outer-nav a { margin-bottom: 20px; }
}

.container.transform { -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); transform: translateZ(0) translateX(0) rotateY(0deg); }

@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
20% { transform: scale3d(1.1, 1.1, 1.1); }
40% { transform: scale3d(0.9, 0.9, 0.9); }
60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
80% { transform: scale3d(0.97, 0.97, 0.97); }
to { opacity: 1; transform: scale3d(1, 1, 1); }
}

.bounceIn { animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceIn; }

/* Owl Carousel v2.3.4 */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;backface-visibility:hidden;}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}

.owl-carousel .owl-dots { text-align: center; margin-top: 20px; }
.owl-carousel .owl-dots .owl-dot { display: inline-block; margin: 0 4px; }
.owl-carousel .owl-dots .owl-dot span { background: #CCC; display: block; width: 12px; height: 12px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.owl-carousel .owl-dots .owl-dot.active span { background: #7F7F7F; }


/* FancyBox v3.3.0 */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-iosfix{height:100%;left:0;overflow:hidden;position:fixed;width:100%}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px 6px 0 6px}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px 0;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:0 0;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:0;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--pause svg path:nth-child(1){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}

/* Loading indicator */
.fancybox-loading { -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; border: 6px solid rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes fancybox-rotate {
from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
.fancybox-thumbs { width: 110px; }
.fancybox-show-thumbs .fancybox-inner { right: 110px; }
.fancybox-thumbs > ul > li { max-width: calc(100% - 10px); }
}