/*==== estilos comunes ====*/
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { height: 100%; }

body { min-height: 100%; }

body, html { position: relative; font-size: 100%; }

a:focus, input[type="text"] { outline: none !important; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: none; box-shadow: none; outline: 0 none; }

button, input, select[multiple], textarea { background: transparent; border: 0; }

a, a:hover, a:focus, button { text-decoration: none; outline: none; }

embed, object, video { max-width: 100%; height: auto; }

iframe { max-width: 100%; }

.mb-3 { margin-bottom: 3px; }

.mb-6 { margin-bottom: 6px; }

.pl-0 { padding-left: 0; }

@media (max-width: 767px) { .pl-0 { padding-left: 15px; } }

.pr-0 { padding-right: 0; }

@media (max-width: 767px) { .pr-0 { padding-right: 15px; } }

body { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #000; text-transform: none; }

ul { margin: 0; padding: 0; }

/*====DROPDOWN EN HECHO EN CASA====*/
.dropdown:hover .dropdown-content { display: block; }

.dropdown ul.dropdown-content { display: none; position: absolute; background-color: #dc3228; min-width: 100px; z-index: 1; padding: 0; margin: 0; list-style-type: none; width: 100%; }

.dropdown ul.dropdown-content li { border-bottom: 1px solid white; }

.dropdown ul.dropdown-content li:last-child { border: none; }

.dropdown ul.dropdown-content li a { color: white; padding: 12px 16px; text-decoration: none; display: block; }

.dropdown ul.dropdown-content li a:hover { color: #dc3228 !important; background-color: white; }

/*====FIN DROP DOWN HECHO EN CASA====*/
.center-block { display: table; margin: 0 auto; }

.clear { clear: both; display: block; margin: 0; padding: 0; }

.tooltip { z-index: 100000000; }

body { padding-right: 0px !important; }

.modal-open { overflow-y: auto; }

/*--*/
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

.no-padding { padding: 0 !important; display: block; }

.no-padding .row { margin-left: 0; margin-right: 0; }

@media (max-width: 991px) { .no-padding { padding-left: 15px; padding-right: 15px; } }

.no-margin { margin: 0 !important; display: block !important; }

.mb-0 { margin-bottom: 0 !important; }

.pb-0 { padding-bottom: 0 !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

@media (max-width: 1024px) { .navbar-header { float: none; }
  .navbar-left, .navbar-right { float: none !important; }
  .navbar-toggle { display: block; }
  .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-nav { float: none !important; margin-top: 7.5px; }
  .navbar-nav > li { float: none; }
  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  .collapse.in { display: block !important; } }

form#formTrabaja { min-width: 440px; }

@media (max-width: 767px) { form#formTrabaja { min-width: auto; display: block; margin: 0; padding: 0; } }

form#formTrabaja input.form-control::-webkit-input-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formTrabaja input.form-control:-moz-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formTrabaja input.form-control::-moz-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formTrabaja input.form-control:-ms-input-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formTrabaja textarea.form-control::-webkit-input-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formTrabaja textarea.form-control:-moz-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formTrabaja textarea.form-control::-moz-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formTrabaja textarea.form-control:-ms-input-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formTrabaja input.form-control { letter-spacing: 1px; font-size: 13px; font-size: 0.8125rem; padding: 4px 0 0 20px; border-radius: 0; border: none; height: 50px; margin-bottom: 30px; }

form#formTrabaja .btn-enviar, form#formTrabaja .btn-adjunta { border-radius: 0; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #929292; text-transform: uppercase; letter-spacing: 10px; padding: 10px 8px; font-size: 13px; font-size: 0.8125rem; height: 50px; margin-bottom: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; border: none; padding-left: 18px; }

form#formTrabaja .btn-enviar:hover, form#formTrabaja .btn-adjunta:hover, form#formTrabaja .btn-enviar:active, form#formTrabaja .btn-adjunta:active, form#formTrabaja .btn-enviar:focus, form#formTrabaja .btn-adjunta:focus { background-color: #a9a9a9; color: white; }

form#formTrabaja .btn-adjunta { text-align: left; padding: 17px 0px 0 20px; margin-bottom: 30px; position: relative; }

form#formTrabaja .btn-adjunta img { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 10px; }

form#formTrabaja .btn-adjunta img.clip { max-width: 10px; }

@media (min-width: 320px) { form#formTrabaja .btn-adjunta img.clip { max-width: calc(1.1160714286vw + 6.4285714286px); } }

@media (min-width: 768px) { form#formTrabaja .btn-adjunta img.clip { max-width: calc(-1.171875vw + 24px); } }

@media (min-width: 1024px) { form#formTrabaja .btn-adjunta img.clip { max-width: 12px; } }

form#formContacto { min-width: 440px; }

@media (max-width: 768px) { form#formContacto { min-width: auto; } }

form#formContacto input.form-control::-webkit-input-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formContacto input.form-control:-moz-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formContacto input.form-control::-moz-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formContacto input.form-control:-ms-input-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formContacto textarea.form-control::-webkit-input-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formContacto textarea.form-control:-moz-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formContacto textarea.form-control::-moz-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formContacto textarea.form-control:-ms-input-placeholder { color: #929292; text-transform: uppercase; letter-spacing: 9px; }

form#formContacto .custom-select { height: 40px; position: relative; width: 100%; /*style the arrow inside the select element:*/ /*point the arrow upwards when the select box is open (active):*/ /*style the items (options), including the selected item:*/ /*style items (options):*/ /*hide the items when the select box is closed:*/ }

form#formContacto .custom-select select { display: none; }

form#formContacto .custom-select .select-selected { background-color: #e8e8e8; }

form#formContacto .custom-select .select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #d0cfcf transparent transparent transparent; }

form#formContacto .custom-select .select-selected.select-arrow-active:after { border-color: transparent transparent #d0cfcf transparent; top: 7px; }

form#formContacto .custom-select .select-items div, form#formContacto .custom-select .select-selected { color: #929292; letter-spacing: 8px; padding: 10px; text-transform: uppercase; border: 1px solid #E8E8E8; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; font-size: 13px; font-size: 0.8125rem; }

form#formContacto .custom-select .select-selected { border-color: transparent; }

@media (max-width: 767px) { form#formContacto .custom-select .select-selected { letter-spacing: 5px; } }

form#formContacto .custom-select .select-items { position: absolute; background-color: #e8e8e8; top: 100%; left: 0; right: 0; z-index: 99; }

form#formContacto .custom-select .select-hide { display: none; }

form#formContacto .custom-select .select-items div:hover, form#formContacto .custom-select .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }

form#formContacto .form-group label { text-transform: uppercase; letter-spacing: 8px; color: #b0b0b0; font-size: 13px; font-size: 0.8125rem; display: none; }

form#formContacto .form-group textarea.form-control { background-color: #e8e8e8; border: none; resize: vertical; border-radius: 0; box-shadow: none; padding: 10px; }

form#formContacto .form-group textarea.form-control::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; }

@media (max-width: 1024px) { form#formContacto .form-group textarea.form-control::-webkit-input-placeholder { color: #929292; } }

form#formContacto .form-group textarea.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; }

@media (max-width: 1024px) { form#formContacto .form-group textarea.form-control:-moz-placeholder { color: #929292; } }

form#formContacto .form-group textarea.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; }

@media (max-width: 1024px) { form#formContacto .form-group textarea.form-control::-moz-placeholder { color: #929292; } }

form#formContacto .form-group textarea.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; }

@media (max-width: 1024px) { form#formContacto .form-group textarea.form-control:-ms-input-placeholder { color: #929292; } }

form#formContacto .form-group input.form-control { background-color: #e8e8e8; padding: 10px; border-radius: 0; height: 40px; letter-spacing: 2px; margin-bottom: 15px; box-shadow: none; border: none; }

form#formContacto .form-group input.form-control::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; }

@media (max-width: 1024px) { form#formContacto .form-group input.form-control::-webkit-input-placeholder { color: #929292; } }

form#formContacto .form-group input.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; }

@media (max-width: 1024px) { form#formContacto .form-group input.form-control:-moz-placeholder { color: #929292; } }

form#formContacto .form-group input.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; }

@media (max-width: 1024px) { form#formContacto .form-group input.form-control::-moz-placeholder { color: #929292; } }

form#formContacto .form-group input.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; }

@media (max-width: 1024px) { form#formContacto .form-group input.form-control:-ms-input-placeholder { color: #929292; } }

form#formContacto .btn-enviar2 { border-radius: 0; background-color: #e8e8e8; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #b0b0b0; font-size: 13px; font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 10px; text-align: center; height: 50px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; border: none; padding-left: 18px; display: block; margin: 40px auto 0 auto; }

form#formContacto .btn-enviar2:hover, form#formContacto .btn-enviar2:active, form#formContacto .btn-enviar2:focus { background-color: #a9a9a9; color: white; }

#inicio { background-color: #dc3228; min-height: 100vh; padding-top: 30px; padding-bottom: 30px; }

#inicio .logo { margin: 0 auto; max-width: 100px; height: auto; margin-bottom: 40px; }

#inicio .caja-seleccion { max-width: 280px; margin: 0 auto; padding: 0 15px; }

#inicio .caja-seleccion h1 { font-family: "Brushaff", Helvetica, Arial, sans-serif; color: white; text-align: center; font-size: 50px; font-size: 3.125rem; margin-bottom: 40px; }

#inicio .caja-seleccion ul { list-style-type: none; }

#inicio .caja-seleccion ul li { margin-bottom: 20px; }

#inicio .caja-seleccion ul li:last-child { margin-bottom: 0; }

#inicio .caja-seleccion ul li a.btn-seleccion { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; width: 100%; font-size: 26px; font-size: 1.625rem; color: #dc3228; text-transform: uppercase; border-radius: 0px; box-shadow: none; border: none; display: inline-block; }

@media (max-width: 767px) { #inicio .caja-seleccion ul li a.btn-seleccion { font-size: 24px; font-size: 1.5rem; } }

#inicio .caja-redes { margin-top: 40px; margin-bottom: 40px; }

#inicio .caja-redes ul { list-style-type: none; display: table !important; float: none; }

#inicio .caja-redes ul li { display: inline-block; }

#inicio .caja-redes ul li a { display: block; padding-left: 30px; padding-right: 30px; }

#inicio .caja-redes ul li a i { color: white; font-size: 60px; }

#inicio .texto-info { font-size: 11px; font-size: 0.6875rem; color: white; text-transform: uppercase; text-align: center; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; }

header { position: relative; }

header nav.navbar-default { background-color: #dc3228; margin-bottom: 0; border-color: transparent; z-index: 2000;  transition: all ease-in-out 0.2s; padding: 0 25px;}
#menuCabecera.large{height: 120px;}
#menuCabecera.small{height: 72px;}

@media (min-width: 1280px) { header nav.navbar-default .container { width: 1240px; } }

header nav.navbar-default .navbar-toggle { border-color: transparent; margin-top: 16px; }

header nav.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

header nav.navbar-default .navbar-toggle:hover { background-color: #dc3228; }

@media (max-width: 1024px) { header nav.navbar-default { height: 70px; } }

header nav .navbar-header { position: relative; }

header nav .navbar-header .navbar-brand { height: auto; padding: 0; position: absolute; z-index: 10; transition: all ease-in-out 0.2s; }

#menuCabecera.large .navbar-brand { margin-top: 15px; min-width: 120px; }
#menuCabecera.small .navbar-brand { margin-top: 10px; min-width: 72px; margin-left: 15px;}


@media (max-width: 1024px) { header nav .navbar-header .navbar-brand { min-width: 70px; margin-left: 10px !important; margin-top: 10px; } }

header nav #navbar { background-color: #dc3228; position: relative; z-index: 0; }


header nav #navbar ul#submenu-desktop {
    position: absolute;
    margin-top: 0;
    right: -30px;
    transition: all ease-in-out 0.2s;
}

#menuCabecera.large ul#submenu-desktop{top: 35px;}
#menuCabecera.small ul#submenu-desktop{top: 12px;}



header nav #navbar ul#submenu-desktop a { padding: 10px 10px 0 0; }

header nav #navbar ul#submenu-desktop a.btn-menu { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; padding: 6px 10px; margin-top: 6px; background-color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

header nav #navbar ul#submenu-desktop a.btn-menu:hover { background-color: #ffdb4a; }

header nav #navbar ul.navbar-nav { padding-top: 3px; margin-left: 80px; }
/* header nav #navbar ul.navbar-nav#menu-desk{position: absolute; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 30px; margin-left: 0; } */
header nav #navbar ul.navbar-nav#menu-desk {
    position: absolute;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    
    margin-left: 0;
    padding-left: 120px;
    transition: all ease-in-out 0.2s;
}

#menuCabecera.large ul.navbar-nav#menu-desk{padding-top: 30px;}
#menuCabecera.small ul.navbar-nav#menu-desk{padding-top: 6px;}



@media (max-width: 1024px) { header nav #navbar ul.navbar-nav { margin-left: 0; } }

header nav #navbar ul.navbar-nav li { text-align: center; }

@media (max-width: 1024px) { header nav #navbar ul.navbar-nav li { margin-bottom: 0px; } }

header nav #navbar ul.navbar-nav li.separador { display: inline-block; width: 1px; height: 60px; background-color: rgba(255,255,255,0.3);; position: relative; }

@media (max-width: 1024px) { header nav #navbar ul.navbar-nav li.separador { position: relative; } }

header nav #navbar ul.navbar-nav li.active a { background-color: transparent; color: #FFEC03; }

header nav #navbar ul.navbar-nav li.active a #ico-casa { background-position: 0 -32px; }

header nav #navbar ul.navbar-nav li.active a #ico-menu { background-position: 0 -31px; }

header nav #navbar ul.navbar-nav li.active a #ico-cocina { background-position: 0 -30px; }

header nav #navbar ul.navbar-nav li.active a #ico-mitos { background-position: 0 -36px; }

header nav #navbar ul.navbar-nav li.active a #ico-conocenos { background-position: 0 -32px; }

header nav #navbar ul.navbar-nav li.active a #ico-unete { background-position: 0 -40.377px; }

header nav #navbar ul.navbar-nav li.active a #ico-escuchamos { background-position: 0 -30px; }

header nav #navbar ul.navbar-nav li.active a #ico-mira { background-position: 0 -32px; }

header nav #navbar ul.navbar-nav li a { color: white; font-size: 13px; font-size: 0.8125rem; position: relative; display: block; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; font-family: "Avenir-Medium", Helvetica, Arial, sans-serif; line-height: 14px; }

@media (min-width: 1200px) { header nav #navbar ul.navbar-nav li a { padding: 8px 14px; } }

header nav #navbar ul.navbar-nav li a span.texto-menu { display: block; }

header nav #navbar ul.navbar-nav li a #ico-casa, header nav #navbar ul.navbar-nav li a #ico-menu, header nav #navbar ul.navbar-nav li a #ico-cocina, header nav #navbar ul.navbar-nav li a #ico-mitos, header nav #navbar ul.navbar-nav li a #ico-conocenos, header nav #navbar ul.navbar-nav li a #ico-unete, header nav #navbar ul.navbar-nav li a #ico-escuchamos, header nav #navbar ul.navbar-nav li a #ico-mira { margin: 0 auto 5px auto; }

header nav #navbar ul.navbar-nav li a #ico-casa { width: 38px; height: 32px; background: url("../img/ico-casa.png") no-repeat; }

header nav #navbar ul.navbar-nav li a #ico-menu { width: 48px; height: 31px; background: url("../img/ico-menu.png") no-repeat; margin-bottom: 6px; }

header nav #navbar ul.navbar-nav li a #ico-cocina { width: 48px; height: 30px; background: url("../img/ico-cocina.png") no-repeat; margin-bottom: 7px; }

header nav #navbar ul.navbar-nav li a #ico-mitos { width: 37px; height: 33px; background: url("../img/ico-mitos.png") no-repeat; }

header nav #navbar ul.navbar-nav li a #ico-conocenos { width: 40px; height: 32px; background: url("../img/ico-conocenos.png") no-repeat; }

header nav #navbar ul.navbar-nav li a #ico-unete { width: 39px; height: 32px; background: url("../img/ico-unete.png") no-repeat; }

header nav #navbar ul.navbar-nav li a #ico-escuchamos { width: 27px; height: 30px; background: url("../img/ico-escuchamos.png") no-repeat; margin-bottom: 7px; }

header nav #navbar ul.navbar-nav li a #ico-mira { width: 41px; height: 32px; background: url("../img/ico-mira.png") no-repeat; }

header nav #navbar ul.navbar-nav li a:hover { color: #FFEC03; }

header nav #navbar ul.navbar-nav li a:hover #ico-casa { background-position: 0 -32px; }

header nav #navbar ul.navbar-nav li a:hover #ico-menu { background-position: 0 -31px; }

header nav #navbar ul.navbar-nav li a:hover #ico-cocina { background-position: 0 -30px; }

header nav #navbar ul.navbar-nav li a:hover #ico-mitos { background-position: 0 -36px; }

header nav #navbar ul.navbar-nav li a:hover #ico-conocenos { background-position: 0 -32px; }

header nav #navbar ul.navbar-nav li a:hover #ico-unete { background-position: 0 -40.377px; }

header nav #navbar ul.navbar-nav li a:hover #ico-escuchamos { background-position: 0 -30px; }

header nav #navbar ul.navbar-nav li a:hover #ico-mira { background-position: 0 -32px; }

header nav #navbar ul.navbar-nav.menu-xs li a { height: 100px; }

header nav #navbar ul.navbar-nav.menu-xs .separador { display: block; width: 1px; height: 50px; background-color: #fff; float: left; margin-left: -10px; }

@media (max-width: 1024px) { header nav #navbar ul.navbar-nav.menu-xs .separador.dspn.primero { display: none; } }

@media (max-width: 767px) { header nav #navbar ul.navbar-nav.menu-xs .separador.dspn { display: none; } }

header nav #navbar ul.navbar-right { margin-left: 0px; margin-top: 12px; position: relative; }

@media (max-width: 1024px) { header nav #navbar ul.navbar-right { margin-top: 0; } }

header nav #navbar ul.navbar-right.sub-menu-xs { margin-right: 40px; margin-top: 30px; margin-bottom: 30px; }

@media (max-width: 767px) { header nav #navbar ul.navbar-right.sub-menu-xs { margin-right: 0; top: 7px; margin: 30px auto; display: table !important; }
  header nav #navbar ul.navbar-right.sub-menu-xs li { margin-bottom: 0; float: left; }
  header nav #navbar ul.navbar-right.sub-menu-xs li a { padding: 0px; }
  header nav #navbar ul.navbar-right.sub-menu-xs li a.btn-menu { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; padding: 10px 6px; margin-top: 0px; margin-left: 5px !important; margin-right: 0 !important; background-color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
  header nav #navbar ul.navbar-right.sub-menu-xs li a.btn-menu:hover { background-color: #ffdb4a; } }

header nav #navbar ul.navbar-right.sub-menu-xs li { margin-bottom: 10px; }

header nav #navbar ul.navbar-right.sub-menu-xs li a { padding: 10px; }

header nav #navbar ul.navbar-right.sub-menu-xs li a.btn-menu { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; }

@media (max-width: 1024px) { header nav #navbar ul.navbar-right li { display: inline-block; } }

header nav #navbar ul.navbar-right li a.btn-menu { background-color: #fff; color: #de5a4e; font-size: 13px; font-size: 0.8125rem; text-transform: uppercase; border-radius: 0; padding: 3px 10px; margin-top: 6px; border: none; outline: none; }

header nav #navbar ul.navbar-right li a .fa { font-size: 20px; font-size: 1.25rem; }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: none; border: none; box-shadow: none; }

section#banner-home { position: relative; }

section#banner-home .de-nuestra { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#sliderMitos { position: relative; }

#sliderMitos .item { position: relative; }

#sliderMitos .item .owl-video-wrapper { overflow: hidden; }

#sliderMitos .owl-nav { margin: 0; }

#sliderMitos .owl-nav.disabled { display: none; }

#sliderMitos .owl-next, #sliderMitos .owl-prev { width: 41px; height: 41px; position: absolute; text-indent: -9999px; top: 50%; margin-top: -20px; cursor: pointer; opacity: 0.9; outline: none; z-index: 10000; }

#sliderMitos .owl-next:hover, #sliderMitos .owl-prev:hover { background-color: transparent; opacity: 0.5; }

#sliderMitos .owl-next.disabled, #sliderMitos .owl-prev.disabled { display: none; }

#sliderMitos .owl-next { background: url(../img/next-blanco.png) no-repeat !important; right: 20px; }

@media (max-width: 767px) { #sliderMitos .owl-next { right: 10px; } }

#sliderMitos .owl-prev { background: url(../img/prev-blanco.png) no-repeat !important; left: 20px; }

@media (max-width: 767px) { #sliderMitos .owl-prev { left: 10px; } }

.owl-video-play-icon { -webkit-transition: -webkit-transform .1s ease !important; transition: -webkit-transform .1s ease !important; transition: transform .1s ease !important; transition: transform .1s ease, -webkit-transform .1s ease !important; top: auto !important; bottom: 80px; }

.owl-video-play-icon:hover { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

.campanas-container { position: relative; }

.campanas-container .owl-video-tn { position: relative; height: 0; background-size: cover; padding-bottom: 56.25%; }

.campanas-container .slider-campana { position: relative; display: none; }

.campanas-container .slider-campana.selected { display: block; }

.campanas-container .slider-campana .item { position: relative; }

.campanas-container .slider-campana .item .owl-video-wrapper { overflow: hidden; }

.campanas-container .slider-campana .owl-nav { margin: 0; }

.campanas-container .slider-campana .owl-nav.disabled { display: none; }

.campanas-container .slider-campana .owl-dots { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 20px; }

.campanas-container .slider-campana .owl-dots.disabled { display: none; }

@media (max-width: 768px) { .campanas-container .slider-campana .owl-dots { width: 100%; text-align: center; bottom: 0; } }

.campanas-container .slider-campana .owl-dots .owl-dot { outline: none !important; }

.campanas-container .slider-campana .owl-dots .owl-dot span { background-color: white; border-radius: 50px; height: 15px; width: 15px; cursor: pointer; opacity: 1; margin: 8px 18px; outline: none; }

@media (max-width: 768px) { .campanas-container .slider-campana .owl-dots .owl-dot span { height: 14px; width: 14px; margin: 8px; } }

.campanas-container .slider-campana .owl-dots .owl-dot.active span { outline: none; background-color: #e3001b; }

.campanas-container .slider-campana .owl-dots .owl-dot:hover span { outline: none; background-color: rgba(227, 0, 27, 0.7); }

.campanas-container .slider-campana .owl-next, .campanas-container .slider-campana .owl-prev { width: 41px; height: 41px; position: absolute; text-indent: -9999px; top: 50%; margin-top: -20px; cursor: pointer; opacity: 0.9; outline: none; }

.campanas-container .slider-campana .owl-next:hover, .campanas-container .slider-campana .owl-prev:hover { background-color: transparent; opacity: 0.5; }

.campanas-container .slider-campana .owl-next.disabled, .campanas-container .slider-campana .owl-prev.disabled { display: none; }

@media (max-width: 767px) { .campanas-container .slider-campana .owl-next, .campanas-container .slider-campana .owl-prev { display: none; } }

.campanas-container .slider-campana .owl-next { background: url(../img/next-blanco.png) no-repeat !important; right: 10px; }

@media (max-width: 1024px) { .campanas-container .slider-campana .owl-next { right: 20px; } }

.campanas-container .slider-campana .owl-prev { background: url(../img/prev-blanco.png) no-repeat !important; left: 10px; }

@media (max-width: 1024px) { .campanas-container .slider-campana .owl-prev { left: 20px; } }

section#manifiesto { min-height: 900px; position: relative; background: url(../img/bg-manifiesto.jpg) no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; overflow: hidden; }

@media (max-width: 1024px) { section#manifiesto { min-height: 700px; } }

@media (max-width: 768px) { section#manifiesto { padding-bottom: 70px; } }

section#manifiesto .botonera_container { text-align: center; margin-top: 50px; z-index: 1000; position: relative; }

section#manifiesto .botonera_container ul.botonera { padding: 0; list-style-type: none; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }

@media (max-width: 767px) { section#manifiesto .botonera_container ul.botonera { max-width: 300px; margin: 0 auto; } }

section#manifiesto .botonera_container ul.botonera li { display: inline-block; margin-bottom: 0; margin-right: 5px; padding: 0; }

section#manifiesto .botonera_container ul.botonera li:last-child { margin-right: 0; }

@media (max-width: 768px) { section#manifiesto .botonera_container ul.botonera li { margin-bottom: 10px; } }

section#manifiesto .botonera_container ul.botonera li.active a.btn { background-color: white; color: #dc3228; border: 1px solid #dc3228; }

section#manifiesto .botonera_container ul.botonera li a.btn { border: none; border-radius: 0; background-color: #dc3228; color: white; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; display: block; border: 1px solid transparent; }

section#manifiesto .botonera_container ul.botonera li a.btn:hover, section#manifiesto .botonera_container ul.botonera li a.btn:active { background-color: white; color: #dc3228; border: 1px solid #dc3228; }

section#manifiesto .box-title, section#manifiesto .box-img { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media (max-width: 768px) { section#manifiesto .box-title, section#manifiesto .box-img { position: relative; top: auto; -webkit-transform: none; transform: none; right: auto; } }

section#manifiesto .tit-hecho-en-casa { margin-bottom: calc(0.3125vw + 24px); }

@media (max-width: 320px) { section#manifiesto .tit-hecho-en-casa { margin-bottom: 25px; } }

@media (min-width: 1920px) { section#manifiesto .tit-hecho-en-casa { margin-bottom: 30px; } }

@media (max-width: 767px) { section#manifiesto .tit-hecho-en-casa { max-width: 280px; } }

section#manifiesto .box-title { max-width: 530px; left: 300px; }

@media (max-width: 1440px) { section#manifiesto .box-title { max-width: 600px; left: 120px; } }

@media (max-width: 1280px) { section#manifiesto .box-title { max-width: 450px; left: 80px; } }

@media (max-width: 1024px) { section#manifiesto .box-title { max-width: 400px; left: 50px; } }

@media (max-width: 768px) { section#manifiesto .box-title { left: auto; max-width: 460px; margin: 0 auto 30px auto; } }

section#manifiesto .box-title p { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: justify; font-size: 12px; font-size: 0.75rem; letter-spacing: 3px; line-height: 25px; color: #000000; }

@media (max-width: 768px) { section#manifiesto .box-title p { font-size: 14px; font-size: 0.875rem; } }

@media (max-width: 767px) { section#manifiesto .box-title p { padding: 0 15px; } }

@media (max-width: 375px) { section#manifiesto .box-title p { font-size: 14px; font-size: 0.875rem; letter-spacing: 2px; } }

section#manifiesto .box-img { right: 0px; max-width: none; }

@media (max-width: 1440px) { section#manifiesto .box-img { max-width: none; } }

@media (max-width: 1280px) { section#manifiesto .box-img { max-width: none; } }

@media (max-width: 1024px) { section#manifiesto .box-img { max-width: 500px; } }

@media (max-width: 768px) { section#manifiesto .box-img { max-width: none; float: right; margin-right: -15px; } }

section#manifiesto .bottom-hecho-en-casa { display: block; margin-top: 30px; }

@media (max-width: 767px) { section#manifiesto .bottom-hecho-en-casa { max-width: 300px; } }

section#manifiesto .caja { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 768px) { section#manifiesto .caja { position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; } }

@media (min-width: 1200px) { section#manifiesto .caja .container { width: 1000px; } }

section#manifiesto .caja .content { display: grid; -webkit-align-content: center; align-content: center; min-height: 500px; }

@media (max-width: 768px) { section#manifiesto .caja .content { display: block; -webkit-align-content: initial; align-content: initial; min-height: 0; max-width: 460px; margin: 0 auto; margin-top: 40px; } }

section#manifiesto .caja .content h1 { font-family: "Brush", Helvetica, Arial, sans-serif; color: #dc3228; font-size: 74px; letter-spacing: -5px; margin-bottom: 0; margin-top: 0; line-height: 54px; display: block; }

@media (min-width: 320px) { section#manifiesto .caja .content h1 { font-size: calc(5.1339285714vw + 57.5714285714px); } }

@media (min-width: 768px) { section#manifiesto .caja .content h1 { font-size: calc(0vw + 97px); } }

@media (min-width: 1024px) { section#manifiesto .caja .content h1 { font-size: calc(0vw + 97px); } }

@media (min-width: 1200px) { section#manifiesto .caja .content h1 { font-size: 97px; } }

@media (max-width: 768px) { section#manifiesto .caja .content h1 { text-align: center; margin-bottom: 20px; } }

section#manifiesto .caja .content p { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #373737; text-transform: uppercase; margin: 0; padding: 0; display: block; font-size: 15px; line-height: 30px; }

@media (min-width: 320px) { section#manifiesto .caja .content p { font-size: calc(0vw + 15px); } }

@media (min-width: 1200px) { section#manifiesto .caja .content p { font-size: 15px; } }

@media (min-width: 320px) { section#manifiesto .caja .content p { line-height: calc(0vw + 30px); } }

@media (min-width: 1200px) { section#manifiesto .caja .content p { line-height: 30px; } }

@media (max-width: 768px) { section#manifiesto .caja .content p { text-align: justify; } }

section#manifiesto .caja .content img { margin: 0 auto; }

section#manifiesto #box-mision, section#manifiesto #box-vision, section#manifiesto #box-valores { display: none; }

section#manifiesto #box-vision.caja .content h1, section#manifiesto #box-vision.caja .content p { text-align: right; }

@media (max-width: 768px) { section#manifiesto #box-vision.caja .content h1 { text-align: center; } }

@media (max-width: 768px) { section#manifiesto #box-vision.caja .content p { text-align: justify; } }

section#manifiesto #box-valores { z-index: 0; }

section#manifiesto #box-valores img.tit-valores { display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; z-index: -1; }

@media (max-width: 1024px) { section#manifiesto #box-valores img.tit-valores { margin-bottom: 0; margin-top: 80px; } }

@media (max-width: 768px) { section#manifiesto #box-valores img.tit-valores { margin-top: 20px; } }

@media (max-width: 767px) { section#manifiesto #box-valores img.tit-valores { margin-bottom: 20px; margin-top: 10px; } }

section#manifiesto #box-valores .content { display: block; -webkit-align-content: initial; align-content: initial; min-height: 0; }

section#manifiesto #box-valores .content .mt { margin-top: 40px; }

@media (max-width: 767px) { section#manifiesto #box-valores .content { margin-top: 0; } }

section#manifiesto #box-valores .content h2 { font-family: "Brush", Helvetica, Arial, sans-serif; color: #dc3228; font-size: 50px; letter-spacing: -2px; margin-bottom: 0; margin-top: 0; line-height: 54px; display: block; margin-bottom: 0px; }

@media (min-width: 320px) { section#manifiesto #box-valores .content h2 { font-size: calc(-3.3482142857vw + 60.7142857143px); } }

@media (min-width: 768px) { section#manifiesto #box-valores .content h2 { font-size: calc(4.296875vw + 2px); } }

@media (min-width: 1024px) { section#manifiesto #box-valores .content h2 { font-size: calc(6.25vw - 18px); } }

@media (min-width: 1200px) { section#manifiesto #box-valores .content h2 { font-size: 57px; } }

@media (max-width: 767px) { section#manifiesto #box-valores .content h2 { text-align: center; margin-bottom: 10px; } }

section#manifiesto #box-valores .content p { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #373737; text-transform: uppercase; margin: 0; padding: 0; display: block; margin-bottom: 15px; font-size: 15px; line-height: 30px; }

@media (max-width: 767px) { section#manifiesto #box-valores .content p { text-align: justify; padding: 0 30px; } }

@media (min-width: 320px) { section#manifiesto #box-valores .content p { font-size: calc(0vw + 15px); } }

@media (min-width: 768px) { section#manifiesto #box-valores .content p { font-size: calc(-1.953125vw + 30px); } }

@media (min-width: 1024px) { section#manifiesto #box-valores .content p { font-size: calc(0.5681818182vw + 4.1818181818px); } }

@media (min-width: 1200px) { section#manifiesto #box-valores .content p { font-size: 11px; } }

@media (min-width: 320px) { section#manifiesto #box-valores .content p { line-height: calc(0vw + 30px); } }

@media (min-width: 768px) { section#manifiesto #box-valores .content p { line-height: calc(-3.90625vw + 60px); } }

@media (min-width: 1024px) { section#manifiesto #box-valores .content p { line-height: calc(1.7045454545vw + 2.5454545455px); } }

@media (min-width: 1200px) { section#manifiesto #box-valores .content p { line-height: 23px; } }

section#manifiesto #box-valores img.bottom-valores { position: absolute; bottom: 20px; left: -40px; max-width: 740px; }

@media (max-width: 1024px) { section#manifiesto #box-valores img.bottom-valores { bottom: 60px; left: 10px; max-width: 680px; } }

@media (max-width: 768px) { section#manifiesto #box-valores img.bottom-valores { bottom: 90px; left: 10px; max-width: 540px; } }

@media (max-width: 767px) { section#manifiesto #box-valores img.bottom-valores { display: none; } }

section#contacto { padding-top: 100px; padding-bottom: 100px; }

@media (max-width: 768px) { section#contacto { padding-top: 50px; padding-bottom: 50px; } }

@media (min-width: 1200px) { section#contacto .container { width: 1000px; } }

section#contacto .contact-content { padding: 20px 40px 40px; }

@media (max-width: 767px) { section#contacto .contact-content { padding: inherit; } }

section#contacto h1 { color: #dc3228; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; margin-bottom: 50px; text-align: center; }

section#contacto p { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #b0b0b0; font-size: 14px; font-size: 0.875rem; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 30px; line-height: 22px; }

@media (max-width: 768px) { section#contacto p { font-size: 12px; font-size: 0.75rem; letter-spacing: 2px; line-height: 21px; } }

section#campanas .top-campanas { min-height: 700px; background: url(../img/bg-campanas.jpg) no-repeat; background-position: center; background-size: cover; padding-top: 50px; position: relative; overflow: hidden; }

section#campanas .top-campanas h1 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-size: 21px; font-size: 1.3125rem; text-align: center; letter-spacing: 20px; color: white; }

@media (max-width: 767px) { section#campanas .top-campanas h1 { letter-spacing: 18px; margin: 0 0 20px 0; padding: 0; } }

section#campanas .top-campanas p { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; color: #fff; line-height: 30px; text-transform: uppercase; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 400px; letter-spacing: 2px; right: 50px; }

@media (min-width: 320px) { section#campanas .top-campanas p { font-size: calc(0vw + 16px); } }

@media (min-width: 1200px) { section#campanas .top-campanas p { font-size: 16px; } }

@media (min-width: 320px) { section#campanas .top-campanas p { line-height: calc(0vw + 30px); } }

@media (min-width: 1200px) { section#campanas .top-campanas p { line-height: 30px; } }

@media (max-width: 768px) { section#campanas .top-campanas p { position: relative; top: auto; right: auto; -webkit-transform: none; transform: none; padding: 0 15px; max-width: none; line-height: 33px; padding-bottom: 0; } }

section#campanas .barra-seleccion { height: 50px; background-color: #e3001b; text-align: center; }

section#campanas .barra-seleccion ul { margin: 0; padding: 0; list-style-type: none; display: inline-block; padding-top: 13px; }

section#campanas .barra-seleccion ul li { float: left; }

section#campanas .barra-seleccion ul li a { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 15px; font-size: 0.9375rem; color: white; letter-spacing: 15px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

@media (max-width: 767px) { section#campanas .barra-seleccion ul li a { letter-spacing: 8px; } }

section#campanas .barra-seleccion ul li a.active { color: #ffdb4a; }

section#campanas .barra-seleccion ul li a:hover { color: #ffdb4a; }

section#campanas .barra-seleccion ul li + li { margin-left: 30px; }

@media (max-width: 767px) { section#campanas .barra-seleccion ul li + li { margin-left: 15px; } }

section#campanas .campanas-container { position: relative; }

@media (min-width: 1025px) { section#campanas .campanas-container .owl-video-tn { height: calc(100vh - 80px); padding: 0; } }

@media (max-width: 767px) { section#campanas .campanas-container .item-video { height: 400px; } }

@media (min-width: 1025px) { section#campanas .campanas-container .item-video { max-height: 100vh; } }

section#campanas .campanas-container .item-video .bg-xs { position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; opacity: 0 !important; }

@media (max-width: 767px) { section#campanas .campanas-container .item-video .bg-xs { opacity: 1 !important; } }

section#campanas .campanas-container .item-video .owl-video-play-icon { z-index: 3000; }

@media (max-width: 767px) { section#campanas .campanas-container .item-video .owl-video-play-icon { bottom: 40px; } }

section#oficinas { background: url(../img/bg-oficinas.jpg) no-repeat; background-position: center; background-size: cover; padding: 150px 0; }

@media (max-width: 767px) { section#oficinas { padding: 50px 0; } }

section#oficinas h1, section#oficinas h2 span, section#oficinas h3, section#oficinas p, section#oficinas li a { color: white; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; }

section#oficinas h1 { font-size: 20px; font-size: 1.25rem; letter-spacing: 20px; }

@media (max-width: 767px) { section#oficinas h1 { text-align: center; margin-left: 20px; } }

section#oficinas .padded-multiline { line-height: 28px; padding: 4px 0; }

section#oficinas .padded-multiline span { display: inline; padding: 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; font-size: 15px; font-size: 0.9375rem; letter-spacing: 7px; background: rgba(145, 173, 177, 0.6); }

section#oficinas ul { list-style-type: none; }

section#oficinas ul li { margin-bottom: 5px; }

section#oficinas ul li a { font-size: 13px; font-size: 0.8125rem; letter-spacing: 8px; }

section#oficinas h3.padded-multiline { line-height: 1; padding: 4px 0; }

section#oficinas h3.padded-multiline span { font-size: 22px; font-size: 1.375rem; letter-spacing: 12px; background: rgba(145, 173, 177, 0.8); }

section#oficinas p { font-size: 13px; font-size: 0.8125rem; letter-spacing: 6px; margin-bottom: 0; }

section#historia { min-height: 1050px; background: url(../img/bg-historia.jpg) no-repeat; background-position: center; background-size: cover; overflow: hidden; padding-top: 100px; position: relative; }

@media (min-width: 1281px) { section#historia { min-height: 1210px; } }

@media (max-width: 1024px) { section#historia { min-height: 1000px; } }

@media (max-width: 767px) { section#historia { min-height: 830px; padding-top: 30px; } }

section#historia .heading-historia { display: block; max-width: 320px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

section#historia .heading-historia h1 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-size: 21px; font-size: 1.3125rem; color: #dc3228; text-align: center; margin-bottom: 20px; letter-spacing: 30px; }

@media (max-width: 767px) { section#historia .heading-historia h1 { letter-spacing: 20px; -webkit-text-emphasis: center; text-emphasis: center; margin-left: 20px; } }

section#historia .heading-historia p { font-family: "Avenir-Roman", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; text-align: justify; color: #4a4a4a; line-height: 30px; }

section#historia .heading-historia .down-arrow { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: -50px; }

@media (max-width: 767px) { section#historia .heading-historia .down-arrow { bottom: -40px; } }

section#historia .heading-historia .down-arrow a { display: block; cursor: pointer; }

@media (max-width: 767px) { section#historia .heading-historia .down-arrow a img { width: 70px; } }

section#timeline { background: url(../img/bg-timeline.jpg) no-repeat; background-position: top center; background-size: cover; overflow: hidden; position: relative; width: 100%; height: 1500px; }

@media (min-width: 1281px) { section#timeline { height: 2000px; } }

@media (max-width: 1023px) { section#timeline { background-position: left center; } }

section#timeline .content { position: absolute; right: 30px; top: 140px; width: 100%; overflow-x: hidden; overflow-y: scroll; height: 80%; padding-left: 60%; /* Track */ /* Handle */ /* Handle on hover */ }

section#timeline .content::-webkit-scrollbar { width: 15px; }

section#timeline .content::-webkit-scrollbar-track { background: white; border: 4px solid transparent; background-clip: content-box; }

section#timeline .content::-webkit-scrollbar-thumb { background: #dc3228; }

section#timeline .content::-webkit-scrollbar-thumb:hover { background: #ca2a21; }

@media (max-width: 768px) { section#timeline .content { width: 100%; padding-left: 50px; } }

@media (max-width: 767px) { section#timeline .content { padding-left: 20px; } }

section#timeline ul.timeline { list-style: none; padding: 0px 0 100px 0; position: relative; }

section#timeline ul.timeline:before { top: 20px; bottom: 160px; position: absolute; content: " "; width: 4px; background-color: #fff; left: 0px; margin-left: -1.5px; }

@media (max-width: 768px) { section#timeline ul.timeline:before { left: 0; } }

section#timeline ul.timeline li { margin-bottom: 50px; position: relative; padding: 0 50px; }

section#timeline ul.timeline li:after { clear: both; }

section#timeline ul.timeline li:before, section#timeline ul.timeline li:after { content: " "; display: table; }

section#timeline ul.timeline li .timeline-panel { float: left; padding: 20px; position: relative; }

section#timeline ul.timeline li .timeline-badge { width: 20px; height: 20px; position: absolute; top: 18px; left: 1px; margin-left: -10px; background-color: #dc3228; z-index: 100; border-radius: 50%; }

section#timeline ul.timeline li.timeline-inverted { position: relative; }

section#timeline ul.timeline li.timeline-inverted .timeline-year { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 60px; font-size: 3.75rem; color: white; letter-spacing: 70px; margin: 0; padding: 0; display: inline-block; position: absolute; left: -50%; }

@media (max-width: 1024px) { section#timeline ul.timeline li.timeline-inverted .timeline-year { right: 50%; } }

@media (max-width: 768px) { section#timeline ul.timeline li.timeline-inverted .timeline-year { margin-top: 13px; font-size: 34px; font-size: 2.125rem; letter-spacing: 55px; position: relative; right: auto; margin-left: 76px; } }

@media (max-width: 320px) { section#timeline ul.timeline li.timeline-inverted .timeline-year { font-size: 28px; font-size: 1.75rem; letter-spacing: 47px; } }

@media (max-width: 768px) { section#timeline ul.timeline li { padding: 0 40px; } }

section#timeline .timeline-title { margin-top: 0; color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; letter-spacing: 20px; color: white; margin-bottom: 20px; }

section#timeline .timeline-title.big { font-size: 30px; }

@media (min-width: 320px) { section#timeline .timeline-title.big { font-size: calc(2.2321428571vw + 22.8571428571px); } }

@media (min-width: 768px) { section#timeline .timeline-title.big { font-size: calc(0vw + 40px); } }

@media (min-width: 1024px) { section#timeline .timeline-title.big { font-size: 40px; } }

@media (max-width: 767px) { section#timeline .timeline-title { letter-spacing: 10px; } }

section#timeline .timeline-body > p, section#timeline .timeline-body > ul { margin-bottom: 0; font-family: "Avenir-Roman", Helvetica, Arial, sans-serif; color: white; font-size: 14px; font-size: 0.875rem; line-height: 24px; }

@media (max-width: 768px) { section#timeline .timeline-body > p, section#timeline .timeline-body > ul { font-size: 16px; font-size: 1rem; } }

section#timeline .timeline-body > p + p { margin-top: 15px; }

@media (max-width: 767px) { section#timeline ul.timeline:before { left: 22px; }
  section#timeline ul.timeline > li { padding: 0; margin-bottom: 50px; }
  section#timeline ul.timeline > li > .timeline-panel { width: calc(100% - 60px); }
  section#timeline ul.timeline > li > .timeline-badge { left: 13px; margin-left: 0; top: 16px; }
  section#timeline ul.timeline > li > .timeline-panel { float: right; }
  section#timeline ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
  section#timeline ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } }

section#timeline .btn-rojo { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 40px; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: white; text-transform: uppercase; letter-spacing: 12px; font-size: 14px; font-size: 0.875rem; border: none; border-radius: 0; background-color: #dc3228; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; padding: 8px 8px 8px 20px; }

section#timeline .btn-rojo:hover { background-color: #de3f35; }

section#timeline .down-arrow { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1000; }

@media (min-width: 1024px) { section#timeline .down-arrow { top: 900px; } }

@media (min-width: 1281px) { section#timeline .down-arrow { top: 1300px; } }

section#timeline .down-arrow a { display: block; cursor: pointer; }

@media (max-width: 768px) { section#timeline .down-arrow { display: none; } }

#modal-tabla-nutricional { z-index: 3000; }

#modal-tabla-nutricional .modal-dialog { margin-top: 150px; }

#modal-tabla-nutricional .modal-dialog .modal-content { position: relative; border: none; }

#modal-tabla-nutricional .modal-dialog .modal-content .modal-body { padding: 0; position: relative; }

#modal-tabla-nutricional .modal-dialog .modal-content .modal-body .close { position: absolute; right: 10px; top: 10px; color: black; opacity: 1; }

footer { background-color: #dc3228; min-height: 150px; position: relative; padding: 15px; }

@media (max-width: 767px) { footer { min-height: 250px; } }

footer .footer-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

footer .footer-content p { text-align: center; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 0.75rem; color: white; text-transform: uppercase; padding: 30px; letter-spacing: 3px; margin-bottom: 0; }

@media (max-width: 768px) { footer .footer-content p { padding: 10px; } }

@media (max-width: 767px) { footer .footer-content { position: relative; width: auto; -webkit-transform: none; transform: none; left: auto; top: auto; } }

/*==== consumidores ====*/
section#nuestros-productos { min-height: 500px; position: relative; background: url(../img/bg-novedades.png) no-repeat; background-position: center center; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 40px; margin-top: -6px; }

section#nuestros-productos h1 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; text-align: left; letter-spacing: 20px; color: white; line-height: 30px; margin-top: 0; }

@media (max-width: 767px) { section#nuestros-productos h1 { letter-spacing: 18px; margin: 0 0 20px 0; padding: 0; margin-left: 18px; text-align: center; } }

section#nuestros-productos .down-arrow { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) { section#nuestros-productos .down-arrow { top: 150px; } }

section#nuestros-productos #sliderProductos { position: relative; }

section#nuestros-productos #sliderProductos .item { position: relative; }

section#nuestros-productos #sliderProductos .item .banner-producto { max-width: 400px; margin: 0 auto 10px auto; text-align: center; position: relative; }

@media (max-width: 767px) { section#nuestros-productos #sliderProductos .item .banner-producto { margin-bottom: 0; } }

section#nuestros-productos #sliderProductos .item .banner-producto h2 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; letter-spacing: 20px; color: white; margin: 0 0 0 20px; text-align: center; }

@media (max-width: 768px) { section#nuestros-productos #sliderProductos .item .banner-producto h2 { margin: 10px 0 0 10px; letter-spacing: 9px; } }

section#nuestros-productos #sliderProductos .owl-nav { margin: 0; }

section#nuestros-productos #sliderProductos .owl-nav.disabled { display: none; }

section#nuestros-productos #sliderProductos .owl-next, section#nuestros-productos #sliderProductos .owl-prev { width: 41px; height: 41px; position: absolute; text-indent: -9999px; top: 50%; margin-top: -30px; cursor: pointer; opacity: 0.9; outline: none; z-index: 10000; }

section#nuestros-productos #sliderProductos .owl-next:hover, section#nuestros-productos #sliderProductos .owl-prev:hover { background-color: transparent; opacity: 0.5; }

section#nuestros-productos #sliderProductos .owl-next.disabled, section#nuestros-productos #sliderProductos .owl-prev.disabled { display: none; }

section#nuestros-productos #sliderProductos .owl-next { background: url(../img/next.png) no-repeat !important; right: 20px; }

@media (max-width: 767px) { section#nuestros-productos #sliderProductos .owl-next { right: 10px; } }

section#nuestros-productos #sliderProductos .owl-prev { background: url(../img/prev.png) no-repeat !important; left: 20px; }

@media (max-width: 767px) { section#nuestros-productos #sliderProductos .owl-prev { left: 10px; } }

section.novedades { position: relative; min-height: 300px; position: relative; background: url(../img/bg-slider-novedad.png) no-repeat; background-position: center center; background-size: cover; position: relative; padding: 20px 0 40px 0; }

section.novedades h2 { font-family: "Beverly", Helvetica, Arial, sans-serif; font-size: 80px; font-size: 5rem; text-align: center; color: #dc3228; margin: 0 0 20px 0; }

@media (max-width: 767px) { section.novedades h2 { letter-spacing: 1px; margin: 0 0 20px 0; padding: 0; } }

section.novedades #sliderNovedades .item { position: relative; }

section.novedades #sliderNovedades .item .nuevo-producto { max-width: 300px; margin: 0 auto; text-align: center; }

section.novedades #sliderNovedades .item .nuevo-producto h2 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-size: 23px; font-size: 1.4375rem; letter-spacing: 24px; color: white; }

@media (max-width: 767px) { section.novedades #sliderNovedades .item .nuevo-producto h2 { letter-spacing: 18px; margin: 0 0 20px 0; padding: 0; } }

section.novedades #sliderNovedades .owl-nav { margin: 0; }

section.novedades #sliderNovedades .owl-nav.disabled { display: none; }

section.novedades #sliderNovedades .owl-next, section.novedades #sliderNovedades .owl-prev { width: 41px; height: 41px; position: absolute; text-indent: -9999px; top: 50%; margin-top: -20px; cursor: pointer; opacity: 0.9; outline: none; z-index: 10000; }

section.novedades #sliderNovedades .owl-next:hover, section.novedades #sliderNovedades .owl-prev:hover { background-color: transparent; opacity: 0.5; }

section.novedades #sliderNovedades .owl-next.disabled, section.novedades #sliderNovedades .owl-prev.disabled { display: none; }

section.novedades #sliderNovedades .owl-next { background: url(../img/next.png) no-repeat !important; right: 20px; }

@media (max-width: 767px) { section.novedades #sliderNovedades .owl-next { right: 10px; } }

section.novedades #sliderNovedades .owl-prev { background: url(../img/prev.png) no-repeat !important; left: 20px; }

@media (max-width: 767px) { section.novedades #sliderNovedades .owl-prev { left: 10px; } }

#header-productos { position: relative; background: url(../img/barra-cielo.png) no-repeat; background-position: center center; background-size: cover; min-height: 180px; padding: 20px 0; margin-top: -10px; }

#header-productos h1 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: left; letter-spacing: 20px; color: white; line-height: 30px; margin-top: 0; }

@media (max-width: 767px) { #header-productos h1 { letter-spacing: 16px; margin: 0 0 20px 0; padding: 0; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-left: 18px; margin-bottom: 0; text-align: center; top: 40px; } }

#header-productos .down-arrow { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) { #header-productos .down-arrow { top: 150px; } }

.contenedor-productos { background-color: #fff; padding: 50px 0; position: relative; }

.contenedor-productos .botonera { position: relative; }

.contenedor-productos .botonera #productos { position: absolute; display: block; width: 10px; height: 10px; top: -150px; }

@media (max-width: 1024px) { .contenedor-productos .botonera #productos { top: -130px; } }

.contenedor-productos .botonera ul { list-style-type: none; text-align: center; }

.contenedor-productos .botonera ul li { display: inline-block; margin-right: 10px; }

@media (max-width: 768px) { .contenedor-productos .botonera ul li { margin-bottom: 10px; } }

@media (max-width: 767px) { .contenedor-productos .botonera ul li { margin-right: -10px; } }

.contenedor-productos .botonera ul li:last-child { margin-right: 0; }

.contenedor-productos .botonera ul li a.btn-rojo { background-color: #dd271c; color: #fff; font-size: 12px; font-size: 0.75rem; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; border-radius: 0; text-transform: uppercase; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.contenedor-productos .botonera ul li a:hover, .contenedor-productos .botonera ul li a.active { background-color: #fff; color: #dd271c; border-color: #dd271c; }

.contenedor-productos .search-container form.search-form { min-width: 300px; margin-top: 30px; }

.contenedor-productos .search-container form.search-form .input-group { width: 100%; }

.contenedor-productos .search-container form.search-form .input-group .form-control { background: #dc3228; border-radius: 0; color: white; }

.contenedor-productos .search-container form.search-form .input-group .form-control:focus { box-shadow: none; }

.contenedor-productos .search-container form.search-form .input-group .input-group-btn .btn-default { background-color: #dc3228; border-radius: 0; outline: none; color: white; }

.contenedor-productos .search-container .add-on .input-group-btn > .btn { border-left-width: 0; left: -2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.contenedor-productos .search-container .add-on .form-control:focus { box-shadow: none; border-color: #cccccc; }

.contenedor-productos .sliderProductos { max-width: 900px; margin-top: 30px; }

.contenedor-productos .sliderProductos .item h2 { text-align: center; font-size: 11px; font-size: 0.6875rem; color: #dc3228; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 6px; }

.contenedor-productos .sliderProductos .item ul li { display: inline-block; margin-right: 20px; }

.contenedor-productos .sliderProductos .item ul li:last-child { margin-right: 0; }

.contenedor-productos .sliderProductos .item ul li a img { width: auto; }

.contenedor-productos .sliderProductos .owl-nav { margin: 0; }

.contenedor-productos .sliderProductos .owl-nav.disabled { display: none; }

.contenedor-productos .sliderProductos .owl-next, .contenedor-productos .sliderProductos .owl-prev { width: 38px; height: 81px; position: absolute; text-indent: -9999px; top: 50%; margin-top: 0; cursor: pointer; opacity: 0.9; outline: none; z-index: 10000; }

.contenedor-productos .sliderProductos .owl-next:hover, .contenedor-productos .sliderProductos .owl-prev:hover { background-color: transparent; opacity: 0.5; }

.contenedor-productos .sliderProductos .owl-next.disabled, .contenedor-productos .sliderProductos .owl-prev.disabled { display: none; }

.contenedor-productos .sliderProductos .owl-next { background: url(../img/next-productos.png) no-repeat !important; right: -70px; }

@media (max-width: 1024px) { .contenedor-productos .sliderProductos .owl-next { right: -51px; } }

@media (max-width: 768px) { .contenedor-productos .sliderProductos .owl-next { right: 0px; } }

@media (max-width: 767px) { .contenedor-productos .sliderProductos .owl-next { background: url(../img/next-productos-xs.png) no-repeat !important; width: 27px; height: 60px; margin-top: 6px; right: -10px; } }

.contenedor-productos .sliderProductos .owl-prev { background: url(../img/prev-productos.png) no-repeat !important; left: -70px; }

@media (max-width: 1024px) { .contenedor-productos .sliderProductos .owl-prev { left: -51px; } }

@media (max-width: 768px) { .contenedor-productos .sliderProductos .owl-prev { left: 0px; } }

@media (max-width: 767px) { .contenedor-productos .sliderProductos .owl-prev { background: url(../img/prev-productos-xs.png) no-repeat !important; width: 27px; height: 60px; margin-top: 6px; left: -10px; } }

.pasto { min-height: 150px; position: relative; background: url(../img/barra-pasto.jpg) no-repeat; background-position: center; background-size: cover; }

section#recetas { padding: 100px 0; }

@media (max-width: 768px) { section#recetas { padding: 0 0 88px 0; } }

section#recetas .intro-recetas { padding: 70px 0px 40px 0px; }

section#recetas .intro-recetas h1 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #dc3228; text-align: center; margin-left: 12px; letter-spacing: 12px; line-height: 34px; }

section#recetas .intro-recetas p { font-size: 15px; font-size: 0.9375rem; font-family: "Avenir-Roman", Helvetica, Arial, sans-serif; color: #4e4e4e; text-align: center; }

section#recetas .intro-recetas p.blacky { font-size: 12px; font-size: 0.75rem; color: black; }

section#recetas .intro-recetas ul { list-style-type: none; margin-bottom: 30px; }

section#recetas .intro-recetas ul li { display: inline-block; margin-right: 10px; }

section#recetas .intro-recetas ul li:last-child { margin-right: 0; }

section#recetas .intro-recetas ul li a.btn-xs { background-color: #dc3228; color: white; text-transform: uppercase; border-radius: 2px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

section#recetas .intro-recetas ul li a.btn-xs:hover { background-color: white; color: #dc3228; border-color: #dc3228; }

section#recetas .intro-recetas ul li a.hover, section#recetas .intro-recetas ul li a.active { background-color: white; color: #dc3228; border-color: #dc3228; }

section#recetas .intro-recetas .search-container form.search-form { min-width: 300px; }

section#recetas .intro-recetas .search-container form.search-form .input-group { width: 100%; }

section#recetas .intro-recetas .search-container form.search-form .input-group .form-control { background: white; border-radius: 0; color: black; }

section#recetas .intro-recetas .search-container form.search-form .input-group .form-control:focus { box-shadow: none; }

section#recetas .intro-recetas .search-container form.search-form .input-group .input-group-btn .btn-default { background-color: white; border-radius: 0; outline: none; color: grey; }

section#recetas .intro-recetas .search-container .add-on .input-group-btn > .btn { border-left-width: 0; left: -2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

section#recetas .intro-recetas .search-container .add-on .form-control:focus { box-shadow: none; border-color: #cccccc; }

section#recetas .grilla-recetas { width: 100%; }

section#recetas .grilla-recetas a { float: left; margin: 0; padding: 0; width: 33.3333333333%; overflow: hidden; }

@media (max-width: 767px) { section#recetas .grilla-recetas a { width: 100%; } }

section#recetas .grilla-recetas a.link-receta { display: inline-block; cursor: pointer; margin: 0; padding: 0; overflow: hidden; position: relative; }

section#recetas .grilla-recetas a.link-receta .caption-receta { opacity: 0; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

@media (max-width: 1024px) { section#recetas .grilla-recetas a.link-receta .caption-receta { opacity: 1; } }

section#recetas .grilla-recetas a.link-receta .caption-receta .inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 100%; }

section#recetas .grilla-recetas a.link-receta .caption-receta .inner h2 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; letter-spacing: 3px; color: white; margin: 0; padding: 0 30px; display: block; position: relative; }

section#recetas .grilla-recetas a.link-receta .caption-receta .inner h2::before { border-top: solid 2px #fff; content: ""; height: 2px; left: 50%; position: absolute; bottom: -12px; width: 60%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

section#recetas .grilla-recetas a.link-receta .caption-receta .inner h3 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 10px; font-size: 0.625rem; letter-spacing: 2px; color: white; margin: 0; display: block; position: relative; margin-top: 20px; }

section#recetas .grilla-recetas a.link-receta .caption-receta .inner i { color: white; margin-top: 5px; }

section#recetas .grilla-recetas a.link-receta .caption-receta .inner i span { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 13px; font-size: 0.8125rem; display: inline-block; padding-left: 5px; margin: 0; }

section#recetas .grilla-recetas a:hover .caption-receta { opacity: 1; }

section#recetas .grilla-recetas a:hover .caption-receta h2 { opacity: 1; }

section#receta { background: url(../img/bg-receta.jpg) no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }

section#receta .receta-completa { background-color: rgba(255, 255, 255, 0.5); margin-top: 170px; padding-bottom: 50px; margin-bottom: 110px; }

section#receta .header-receta h1 { font-size: 26px; font-size: 1.625rem; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #7d0506; text-transform: uppercase; letter-spacing: 4px; margin-top: 20px; }

@media (max-width: 767px) { section#receta .header-receta h1 { margin-top: 20px; } }

section#receta .header-receta p { font-size: 12px; font-size: 0.75rem; letter-spacing: 4px; font-family: "Avenir-Roman", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #7d0506; }

section#receta .header-receta .persona h2 { font-size: 18px; font-size: 1.125rem; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #7d0506; text-transform: uppercase; letter-spacing: 4px; margin-top: 0; color: #393939; }

section#receta .receta-content { position: relative; padding: 30px 0; }

section#receta .receta-content::before { content: ''; position: absolute; width: 200px; height: 3px; background-color: #808080; top: 0; left: 0; }

section#receta .receta-content h3 { margin: 0; padding: 0; font-size: 14px; font-size: 0.875rem; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #7d0506; text-transform: uppercase; letter-spacing: 4px; margin-top: 0; margin-bottom: 20px; color: #393939; }

section#receta .receta-content ul, section#receta .receta-content ol { padding-left: 15px; color: #000; }

section#receta .receta-content ul li, section#receta .receta-content ol li { font-size: 16px; font-size: 1rem; font-family: "Avenir-Roman", Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { section#receta .receta-content .datos-receta { margin: 10px 0; } }

section#receta .receta-content .datos-receta p { font-size: 14px; font-size: 0.875rem; font-family: "Avenir-Roman", Helvetica, Arial, sans-serif; }

section#receta .receta-content .datos-receta h4 { margin: 0; padding: 0; font-size: 14px; font-size: 0.875rem; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: #7d0506; text-transform: uppercase; letter-spacing: 4px; margin-top: 0; margin-bottom: 0px; color: #393939; }

section#receta .receta-footer li { vertical-align: middle; margin: 10px 0; text-align: center; font-size: 12px; font-size: 0.75rem; text-transform: uppercase; color: #303030; }

@media (max-width: 767px) { section#receta .receta-footer li { margin-bottom: 0; } }

section#receta .receta-footer a { color: #303030; }

section#receta .receta-footer a#share { font-size: 30px; color: #303030; }

section#receta .receta-footer a#print { font-size: 12px; color: #303030; display: inline-block; text-align: center; }

section#mitos-y-tips { height: calc(100vh - 71px); overflow: hidden; position: relative; background-size: cover; background-image: url(../img/bg-mitos.jpg); background-repeat: no-repeat; background-position: center center; }

@media (max-width: 768px) { section#mitos-y-tips { min-height: 800px; } }

section#mitos-y-tips #portada { position: absolute; height: 100%; width: 100%; }

section#mitos-y-tips #portada .tit-mitos-y-tips { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 200px; }

@media (min-width: 320px) { section#mitos-y-tips #portada .tit-mitos-y-tips { max-width: calc(62.6136363636vw - 0.3636363636px); } }

@media (min-width: 1200px) { section#mitos-y-tips #portada .tit-mitos-y-tips { max-width: 751px; } }

section#mitos-y-tips #portada .layer { width: 50%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }

section#mitos-y-tips #portada .botones { width: 100%; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); min-height: 41px; }

section#mitos-y-tips #portada .botones .btn-next, section#mitos-y-tips #portada .botones .btn-prev { position: absolute; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }

section#mitos-y-tips #portada .botones .btn-next:hover, section#mitos-y-tips #portada .botones .btn-next:active, section#mitos-y-tips #portada .botones .btn-prev:hover, section#mitos-y-tips #portada .botones .btn-prev:active { opacity: 0.8; }

section#mitos-y-tips #portada .botones .btn-prev { left: 10px; }

section#mitos-y-tips #portada .botones .btn-next { right: 10px; }

section#mitos-y-tips #slider-tips-container, section#mitos-y-tips #slider-mitos-container { height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.4); display: block; position: absolute; z-index: 1000; }

@media (max-width: 1024px) { section#mitos-y-tips #slider-tips-container, section#mitos-y-tips #slider-mitos-container { height: 100%; } }

section#mitos-y-tips #slider-tips-container.slider-container h2, section#mitos-y-tips #slider-mitos-container.slider-container h2 { letter-spacing: 16px; text-transform: uppercase; font-size: 25px; color: white; text-align: center; margin: 0; padding: 0; margin-top: 50px; }

@media (min-width: 1281px) { section#mitos-y-tips #slider-tips-container.slider-container h2, section#mitos-y-tips #slider-mitos-container.slider-container h2 { margin-top: 100px; } }

@media (max-width: 767px) { section#mitos-y-tips #slider-tips-container.slider-container h2, section#mitos-y-tips #slider-mitos-container.slider-container h2 { margin-top: 50px; } }

section#mitos-y-tips #slider-tips-container.slider-container a.btn-volver, section#mitos-y-tips #slider-mitos-container.slider-container a.btn-volver { background-color: #dc3228; border: none; color: white; text-transform: uppercase; position: absolute; right: 15px; top: 50px; z-index: 1001; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }

@media (min-width: 1281px) { section#mitos-y-tips #slider-tips-container.slider-container a.btn-volver, section#mitos-y-tips #slider-mitos-container.slider-container a.btn-volver { top: 100px; } }

section#mitos-y-tips #slider-tips-container.slider-container a.btn-volver:hover, section#mitos-y-tips #slider-tips-container.slider-container a.btn-volver:active, section#mitos-y-tips #slider-tips-container.slider-container a.btn-volver:focus, section#mitos-y-tips #slider-mitos-container.slider-container a.btn-volver:hover, section#mitos-y-tips #slider-mitos-container.slider-container a.btn-volver:active, section#mitos-y-tips #slider-mitos-container.slider-container a.btn-volver:focus { background-color: #fff; color: #dc3228; }

@media (max-width: 767px) { section#mitos-y-tips #slider-tips-container.slider-container a.btn-volver, section#mitos-y-tips #slider-mitos-container.slider-container a.btn-volver { top: 15px; } }

section#mitos-y-tips #sliderTips, section#mitos-y-tips #sliderMitos { position: absolute; left: 0; top: 0; height: calc(100vh - 71px); }

@media (min-width: 1281px) { section#mitos-y-tips #sliderTips, section#mitos-y-tips #sliderMitos { height: 100%; } }

@media (max-width: 767px) { section#mitos-y-tips #sliderTips, section#mitos-y-tips #sliderMitos { position: relative; top: auto; left: auto; height: 100%; } }

section#mitos-y-tips #sliderTips .item, section#mitos-y-tips #sliderMitos .item { min-height: 800px; }

section#mitos-y-tips #sliderTips .item .item-content-container, section#mitos-y-tips #sliderMitos .item .item-content-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; min-width: 200px; height: calc(100vh - 70px); }

@media (min-width: 320px) { section#mitos-y-tips #sliderTips .item .item-content-container, section#mitos-y-tips #sliderMitos .item .item-content-container { min-width: calc(79.5454545455vw - 54.5454545455px); } }

@media (min-width: 1200px) { section#mitos-y-tips #sliderTips .item .item-content-container, section#mitos-y-tips #sliderMitos .item .item-content-container { min-width: 900px; } }

@media (min-width: 1440px) { section#mitos-y-tips #sliderTips .item .item-content-container, section#mitos-y-tips #sliderMitos .item .item-content-container { height: auto; } }

@media (max-width: 1024px) { section#mitos-y-tips #sliderTips .item .item-content-container, section#mitos-y-tips #sliderMitos .item .item-content-container { height: auto; } }

@media (max-width: 767px) { section#mitos-y-tips #sliderTips .item .item-content-container, section#mitos-y-tips #sliderMitos .item .item-content-container { position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; max-width: 240px; display: table; margin: 0 auto; vertical-align: middle; margin-top: 50px; } }

section#mitos-y-tips #sliderTips .item .item-content-container .col-sm-6, section#mitos-y-tips #sliderMitos .item .item-content-container .col-sm-6 { display: table; height: 400px; }

@media (max-width: 767px) { section#mitos-y-tips #sliderTips .item .item-content-container .col-sm-6, section#mitos-y-tips #sliderMitos .item .item-content-container .col-sm-6 { height: auto; } }

section#mitos-y-tips #sliderTips .item .item-content-container .img-tip, section#mitos-y-tips #sliderMitos .item .item-content-container .img-tip { max-width: 340px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 767px) { section#mitos-y-tips #sliderTips .item .item-content-container .img-tip, section#mitos-y-tips #sliderMitos .item .item-content-container .img-tip { max-width: 280px; margin-bottom: 20px; position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; } }

section#mitos-y-tips #sliderTips .item .item-content-container .text-tip, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip { display: table-cell; vertical-align: middle; }

@media (max-width: 767px) { section#mitos-y-tips #sliderTips .item .item-content-container .text-tip, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip { padding: 0 15px; } }

section#mitos-y-tips #sliderTips .item .item-content-container .text-tip h3, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip h3 { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: white; text-transform: uppercase; letter-spacing: 4px; line-height: normal; margin-bottom: 10px; margin-top: 0; font-size: 15px; }

@media (min-width: 320px) { section#mitos-y-tips #sliderTips .item .item-content-container .text-tip h3, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip h3 { font-size: calc(0.5681818182vw + 13.1818181818px); } }

@media (min-width: 1200px) { section#mitos-y-tips #sliderTips .item .item-content-container .text-tip h3, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip h3 { font-size: 20px; } }

section#mitos-y-tips #sliderTips .item .item-content-container .text-tip p, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip p { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: white; text-transform: uppercase; letter-spacing: 4px; line-height: 20px; margin-bottom: 10px; font-size: 11px; line-height: 17px; }

@media (min-width: 320px) { section#mitos-y-tips #sliderTips .item .item-content-container .text-tip p, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip p { font-size: calc(0.2272727273vw + 10.2727272727px); } }

@media (min-width: 1200px) { section#mitos-y-tips #sliderTips .item .item-content-container .text-tip p, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip p { font-size: 13px; } }

@media (min-width: 320px) { section#mitos-y-tips #sliderTips .item .item-content-container .text-tip p, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip p { line-height: calc(0.3409090909vw + 15.9090909091px); } }

@media (min-width: 1200px) { section#mitos-y-tips #sliderTips .item .item-content-container .text-tip p, section#mitos-y-tips #sliderMitos .item .item-content-container .text-tip p { line-height: 20px; } }

section#mitos-y-tips #sliderTips .owl-nav, section#mitos-y-tips #sliderMitos .owl-nav { margin: 0; }

section#mitos-y-tips #sliderTips .owl-nav.disabled, section#mitos-y-tips #sliderMitos .owl-nav.disabled { display: none; }

section#mitos-y-tips #sliderTips .owl-next, section#mitos-y-tips #sliderTips .owl-prev, section#mitos-y-tips #sliderMitos .owl-next, section#mitos-y-tips #sliderMitos .owl-prev { width: 41px; height: 41px; position: absolute; text-indent: -9999px; top: 50%; margin-top: -20px; cursor: pointer; opacity: 0.9; outline: none; z-index: 10000; }

section#mitos-y-tips #sliderTips .owl-next:hover, section#mitos-y-tips #sliderTips .owl-prev:hover, section#mitos-y-tips #sliderMitos .owl-next:hover, section#mitos-y-tips #sliderMitos .owl-prev:hover { background-color: transparent; opacity: 0.5; }

section#mitos-y-tips #sliderTips .owl-next.disabled, section#mitos-y-tips #sliderTips .owl-prev.disabled, section#mitos-y-tips #sliderMitos .owl-next.disabled, section#mitos-y-tips #sliderMitos .owl-prev.disabled { display: none; }

section#mitos-y-tips #sliderTips .owl-next, section#mitos-y-tips #sliderMitos .owl-next { background: url(../img/next-blanco.png) no-repeat !important; right: 20px; }

@media (max-width: 767px) { section#mitos-y-tips #sliderTips .owl-next, section#mitos-y-tips #sliderMitos .owl-next { right: 0px; } }

section#mitos-y-tips #sliderTips .owl-prev, section#mitos-y-tips #sliderMitos .owl-prev { background: url(../img/prev-blanco.png) no-repeat !important; left: 20px; }

@media (max-width: 767px) { section#mitos-y-tips #sliderTips .owl-prev, section#mitos-y-tips #sliderMitos .owl-prev { left: 0px; } }

section#mitos-y-tips #slider-tips-container { left: 100%; }

section#mitos-y-tips #slider-mitos-container { left: -100%; }

section#nuestra-comunidad { padding: 80px 0; background: url(../img/bg-comunidad.jpg) no-repeat; background-position: center !important; background-size: cover !important; }

@media (max-width: 768px) { section#nuestra-comunidad { background: url(../img/bg-comunidad-xs.jpg) no-repeat; min-height: auto; } }

@media (max-width: 767px) { section#nuestra-comunidad { background: url(../img/bg-comunidad-xxs.jpg) no-repeat; } }

section#nuestra-comunidad h1 { color: #000; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; color: #dc3228; text-align: center; margin-bottom: 30px; font-family: "Avenir-Black", Helvetica, Arial, sans-serif; font-size: 20px; letter-spacing: 8px; line-height: 25px; }

@media (min-width: 320px) { section#nuestra-comunidad h1 { font-size: calc(0vw + 20px); } }

@media (min-width: 1200px) { section#nuestra-comunidad h1 { font-size: 20px; } }

@media (min-width: 320px) { section#nuestra-comunidad h1 { letter-spacing: calc(0.9090909091vw + 5.0909090909px); } }

@media (min-width: 1200px) { section#nuestra-comunidad h1 { letter-spacing: 16px; } }

@media (min-width: 320px) { section#nuestra-comunidad h1 { line-height: calc(0.5681818182vw + 23.1818181818px); } }

@media (min-width: 1200px) { section#nuestra-comunidad h1 { line-height: 30px; } }

section#nuestra-comunidad a { display: inline-block; cursor: pointer; color: #dc3228; font-size: 15px; font-size: 0.9375rem; letter-spacing: 8px; text-transform: uppercase; text-align: center; }

@media (max-width: 767px) { section#nuestra-comunidad a { margin-bottom: 30px; } }

section#nuestra-comunidad .redes-container { display: table; margin: 0px auto 0 auto; margin-top: 25px; }

@media (min-width: 320px) { section#nuestra-comunidad .redes-container { margin-top: calc(2.8409090909vw + 15.9090909091px); } }

@media (min-width: 1200px) { section#nuestra-comunidad .redes-container { margin-top: 50px; } }

section#nuestra-comunidad .redes-container .btn-rojo { background-color: #e3001b; border: none; border-radius: 0; color: white; display: inline-block; font-size: 14px; padding: 6px 8px; }

@media (min-width: 320px) { section#nuestra-comunidad .redes-container .btn-rojo { font-size: calc(0.2272727273vw + 13.2727272727px); } }

@media (min-width: 1200px) { section#nuestra-comunidad .redes-container .btn-rojo { font-size: 16px; } }

section#nuestra-comunidad .redes-container .btn-rojo.ico-fb { margin-right: 20px; }

@media (max-width: 767px) { section#nuestra-comunidad .redes-container .btn-rojo.ico-fb { margin-right: auto; margin-bottom: 20px; } }

section#nuestra-comunidad .redes-container .btn-rojo.ico-fb img { margin-right: 4px; }

section#nuestra-comunidad .redes-container .btn-rojo.ico-ig img { margin-right: 15px; }

@media (max-width: 767px) { section#nuestra-comunidad .redes-container .btn-rojo { display: table; margin: 0 auto; float: none; } }

section#trabaja-con-nosotros { background: url(../img/bg-trabaja-con-nosotros.jpg) no-repeat; background-position: center; background-size: cover; text-align: center; padding: 100px 0px; }

@media (max-width: 768px) { section#trabaja-con-nosotros { padding: 50px 0; } }

section#trabaja-con-nosotros h1 { color: white; font-size: 20px; font-size: 1.25rem; letter-spacing: 16px; text-transform: uppercase; margin-bottom: 50px; }

@media (max-width: 768px) { section#trabaja-con-nosotros h1 { margin-bottom: 30px; font-size: 20px; font-size: 1.25rem; } }

@media (max-width: 767px) { section#trabaja-con-nosotros h1 { line-height: 25px; } }

section#trabaja-con-nosotros p { font-family: "Avenir-Black", Helvetica, Arial, sans-serif; color: white; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 80px; letter-spacing: 1px; }