@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp; }@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible !important;}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important;visibility:visible;}} @keyframes zoom {from {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 50% {opacity: 1; } } .zoom {-webkit-animation-name: zoom; animation-name: zoom; } .delay1{animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.2s}.delay2{animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-delay:.3s}.delay3{animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s}.delay4{animation-delay:.7s;-moz-animation-delay:.7s;-webkit-animation-delay:.7s}.delay5{animation-delay:.9s;-moz-animation-delay:.9s;-webkit-animation-delay:.9s}.delay6{animation-delay:1.1s;-moz-animation-delay:1.1s;-webkit-animation-delay:1.1s}.delay7{animation-delay:1.3s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s}.delay8{animation-delay:1.5s;-moz-animation-delay:1.5s;-webkit-animation-delay:1.5s}.delay9{animation-delay:1.7s;-moz-animation-delay:1.7s;-webkit-animation-delay:1.7s}.delay10{animation-delay:1.9s;-moz-animation-delay:1.9s;-webkit-animation-delay:1.9s}/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel {position: relative; overflow: hidden;} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-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)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.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-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}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.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-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../img/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-nav {width: 100%; position: relative;} .owl-nav button {background-color: var(--color) !important; width: 50px; height: 50px; border-radius: 50%; text-align: center; border: 1px solid var(--color) !important; position: absolute; top: -50%;} .owl-nav button.owl-next {position: absolute; right: 0;} .owl-nav button.owl-next.disabled, .owl-nav button.owl-prev.disabled {background:none !important} section.bg-bg1 .owl-nav button {background-color: var(--color1) !important; border: 1px solid var(--color1) !important} section.bg-bg2 .owl-nav button {background-color: var(--color2) !important; border: 1px solid var(--color2) !important} .productos .owl-carousel .owl-stage-outer {overflow: visible !important; } .productos .owl-nav {position: absolute; top: 70%;} .owl-nav button.owl-prev {left: auto;} .owl-nav .arrow {scale: 0.7; filter: brightness(0) invert(1) !important;} .owl-nav button.disabled .arrow {filter: none !important;} section.bg-bg1 .owl-nav button.disabled .arrow {filter: brightness(0) saturate(100%) invert(97%) sepia(47%) saturate(4147%) hue-rotate(321deg) brightness(82%) contrast(88%) !important;} section.bg-bg2 .owl-nav button.disabled .arrow {filter: brightness(0) saturate(100%) invert(79%) sepia(48%) saturate(2702%) hue-rotate(14deg) brightness(87%) contrast(98%) !important;} button.owl-prev .arrow {transform: rotate(225deg);} button.owl-next .arrow {transform: rotate(45deg);} #sidebar .owl-nav button.owl-prev {left: 10px} #sidebar .owl-nav button.owl-next {right: 10px} @media (max-width: 1220px){ .owl-nav button {width: 50px; height: 50px;} .owl-nav button.owl-prev {left:300px} .owl-nav button.owl-next {left:360px} .productos.pb-owl {padding-bottom: 50px} } @media (max-width: 991px){ .productos .owl-nav {bottom: 0; top: auto;} .owl-carousel {overflow: visible;} .owl-nav button.owl-prev {left:calc(50% - 50px)} .owl-nav button.owl-next {left:calc(50% + 20px)} .owl-nav button {transform: translateX(-50%);} } @media (max-width: 767px){ .productos.pb-owl {padding-bottom: 0} }.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}a:hover{color:var(--color);} a.text-dark {color: #000 !important;} section header h1, section > .container > .h1 {margin-bottom: 0.8rem;} #accessibility {position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #37572b; z-index: 9999; padding: 10px; font-weight: 500} #accessibility hr {margin:0.5rem 0} #accessibility a {color:#000; text-decoration: underline;} html.size2, html.size2 body {font-size: 22px;} html.size3, html.size3 body {font-size: 24px;} html.👁 #menu li img{ filter: brightness(0) saturate(100%) invert(23%) sepia(12%) saturate(3517%) hue-rotate(126deg) brightness(109%) contrast(86%); } body.⯆ #top {top:-41px} body.⯆ #menu {background: #fff} body.⯆ #menu, body.⯆ #menu a {color: #000} body.⯆ #menu #logo img:last-child {display: none;} body.⯆ #menu #logo img:first-child {display: inline-block;} body.⯆ #menu li img {filter: brightness(0) saturate(100%) invert(58%) sepia(88%) saturate(290%) hue-rotate(123deg) brightness(98%) contrast(86%);} body.⯆ #menu .btn-tienda {background-color: var(--color2);} body.⯆ #menu .btn-tienda a, body.⯆ #menu .btn-tienda .down {color:#fff !important } body.⯆ #menu > div.container > div {padding: 0.3rem !important } body.🍔 #menu .sc {display: block;} #fb-root{z-index:99;} .fixed {background-attachment: fixed !important;} .auto {background-position: center !important; background-size: auto !important; -webkit-background-size: auto !important; -moz-background-size: auto !important; -o-background-size: auto !important; } .mobile {background-size: contain; } .btn.btn-left {border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: right; padding-left: 2rem} .lk, .cl{cursor: pointer;} .text-big {font-size: 1.4rem;} .btn{-webkit-transition: background-color 0.5s ease !important; -o-transition: background-color 0.5s ease !important; transition: background-color 0.5s ease !important;} .btn:active{box-shadow:none;} .btn:hover{color: #fff;} .btn.btn-default:hover {color:#000;} .btn-color:hover {background-color: #000;} .btn-grey {background-color: var(--grey); border: 1px solid #000; } .btn-white:hover, .btn-grey:hover {color: #000;} .btn-danger {background-color: var(--red); border: none; } .btn-small {font-size: 0.9rem; padding:4px 6px;} .btn-lg {padding: 0.5rem 1rem} .round-top {border-top-left-radius: 250px; border-top-right-radius: 250px;} hr {border-color:var(--border)} .img-white {filter: brightness(0) invert(1);} .bg-dark {background-color: var(--dark) !important;} .bg-color {background-color: var(--color) !important;} .bg-color1 {background-color: var(--color1) !important;} .bg-color2 {background-color: var(--color2) !important;} .bg-color3 {background-color: var(--color3) !important;} .bg-deco{position: relative;} .bg-deco:before, .bg-deco:after{content:''; width: 155px; position: absolute; left: 15px; top: 0; height: 100%; background-image: url('../img/bg-deco.png'); background-repeat: no-repeat;} .bg-deco:after{left: auto; right: 15px; transform: scaleX(-1);} .bg-img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center;} .bg-img.bg-grey {background-image: url('../img/fondo-gris-pistachos-sumerian.jpg'); opacity: 0.5} .bg-img.bg-blue {background-image: url('../img/fondo-azul-pistachos-sumerian.jpg')} .grecaptcha-badge {display: none;} .overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(16,16,16,0.35);} .error{color: red;} input.form-control, select.form-control, textarea.form-control{border-radius: 20px; box-shadow:none !important;} input.nocomplete {background-color:#fff !important;} .form-group {position: relative;} .form-group > label {font-size: 12px; margin-bottom: 0; position: absolute; top:13px; left: 16px; opacity: 0; transition: all 0.2s linear;} .form-group.focus > label {top:-7px; opacity: 1; background: #fff; padding: 0 2px; display: block;} .form-group.focus input::-webkit-input-placeholder {opacity: 0} .input-icon {position: relative;} .input-icon input {padding-right: 50px;} .input-icon a {position: absolute; right: 4px; top: 4px; padding:8px 13px; background-color: var(--color1); color: #fff; border-radius: 25px;} .flex {display: flex; display: -webkit-flex;} .flex-column {flex-direction: column;flex-wrap: wrap;} .flex > div{flex-grow: 1} .flex > div.wfixed{flex-shrink: 0} .flex .ico {flex-basis: 90px; flex-shrink: 0;} .flex .ico img {width: 50px;} .flex h2{font-size: 1.4rem; color: #000; margin-bottom: 1rem; font-weight: 700} .mh-400{min-height: 400px;} .modal-content {width: 100% !important;} .modal-header {display: block; text-align: center; padding: 0.5rem;} .modal-footer {padding: 0.5rem;} .modal-header button {position: absolute; left: 0; top: 20px;} .modal .error {display: none;} .modal .form-group{margin-bottom: 0.5rem; } .modal .form-control{ font-size: 0.8rem;} .popup{z-index: 90; right: 4vw; bottom: 4vw; width: 35vw; position: fixed; padding: 3vw; background: #fff; box-shadow: 0 0 35px -25px rgba(0,0,0,.75);} .popup p.h1{font-size: 1.8rem; margin-bottom: 1rem;} .popup.pop-image {width: auto; padding:0; right: 0; bottom: 30%; z-index: 999;} .popup.pop-image .close {opacity: 0.8; right: 16px; top: 16px;} .popup.pop-image .close:before, .popup.pop-image .close:after {background-color: #fff; } .close {position: absolute; right: 14px; top: 14px; width: 40px; height: 40px; z-index: 99; text-shadow:none} .moal .close {opacity: 0.3; border: 3px solid #fff !important; border-radius: 50%; color: fff;} .modal .close:hover {opacity: 1; } .modal .close:before, .modal .close:after {position: absolute; left: 16px; top: 3px; content: ' '; height: 28px; width: 3px; background-color: #000; } .modal .close:before {transform: rotate(45deg); } .modal .close:after {transform: rotate(-45deg); } .modal-header .close{border:none; padding:0.5rem; margin:-0.5rem -0.5rem -0.5rem auto} .modal-header .close:before, .modal-header .close:after { background-color:#000; height:20px; top:7px} iframe {max-width: 100%} #top {transition: top 0.5s linear} #menu {transition: background 0.5s linear} #menu ul {position: relative;} #menu ul li.submenu > ul {position: absolute; left: 0; top: 100%; background-color: #fff; border:1px solid #000; padding:1rem; width: 100%; border-bottom-right-radius: 30px; font-family: "Crimson Pro", serif; text-transform: none; color: var(--color2); font-weight: 600; font-size: 0.9rem} #menu ul li.submenu:hover > ul, #menu ul li.submenu.open > ul {display: block; } #menu ul li.submenu > ul li {position: relative; padding:0.2rem 0} #menu ul li.submenu > ul li a {padding-left: 0.5rem; color: var(--color2)} #menu ul li.submenu > ul li:before {content:''; border: solid var(--color2); border-width: 0 1.5px 1.5px 0; display: inline-block; padding: 3px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);; } #cart:hover {text-decoration: none;} #cart span {display: none;position: absolute; background-color: #be1622; color: #fff; padding:0 7px; border-radius: 50%; right: -0; top: -5px; font-size:0.8rem} #filter {display: block; position: fixed; left: -100%; top: 0; width: 100%; height: 100%; z-index: 999; background:#545454; opacity: 0; cursor: pointer; -webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;} #sidebar {display: block; position: fixed; top:0; right: -650px; height: 100%; max-width: 650px; min-width: 250px; padding:40px; box-shadow: 0 0 0 0 transparent; background-color:#fff; transition: all 500ms ease-in-out; overflow-y: auto; z-index: 1000; padding-bottom: 20px} #sidebar .table {margin-bottom: 0;} #sidebar .title {font-size: 1.2rem; margin-bottom: 30px;} #sidebar h3 {display: block; font-size: 1rem; border-bottom:1px solid #898989; padding-bottom: 10px} #sidebar ul li {margin-bottom: 5px} #sidebar ul li a{color:#000; font-size: 0.9rem;} #sidebar .products article {margin-bottom: 20px; background-color: #fff; position: relative;} #sidebar .products article a.title {font-size: 1rem; margin-bottom: 5px; font-weight: 400; color: #000; padding-right: 50px; display: inline-block;} #sidebar .products article label {color:#ababab; display: block;} #sidebar .products article .foto { text-align: center; flex-basis: 150px; width: 150px; height: 190px;position: relative;} #sidebar .products article .foto img{max-height: 100%; position: relative;} #sidebar .products article .precio{font-weight: 600; float:right; font-size: 0.9rem;} #sidebar .products article .cantidad span {font-weight: 300; font-style: normal; padding:0 0.5rem; font-size: 1rem} #sidebar .products article .cantidad i{color:var(--red); padding:5px 6px; border-radius: 50%; border:1px solid var(--red); font-size: 12px} #sidebar .products article .close{position: absolute; right: 0; top: 0; line-height: 0; font-size: 18px; width: 24px; height: 24px;} #sidebar .products article .close:before, #sidebar .products article .close:after {height: 17px; width: 2px; left: 8px; top: 1px;} #sidebar .resumen{background-color: #fff; padding:20px 40px;} #sidebar .envio {font-size: 0.8rem;} #sidebar .envio .progress{height: 15px; background-color: #fff;} #sidebar .envio .progress .progress-bar{background-color: var(--red)} #sidebar .carousel {margin-bottom: 30px;} #sidebar .carousel-control-next, #sidebar .carousel-control-prev {top: auto; bottom: -30px; background-color: var(--color); color: #000; opacity: 1; padding:10px; border-radius: 50%; width: 40px} #sidebar .carousel-control-next {right: 30%;} #sidebar .carousel-control-prev {left: 30%;} #sidebar .carousel-item:after {display:none} body.side-open {overflow: hidden; } body.side-open #sidebar{box-shadow: 0px 0px 100px 0px rgba(15,45,83,0.3); right: 0; } body.side-open #filter {left: 0; opacity: 0.5; } .modulo hr {border-color: #000;} .productos .owl .item {width: 390px} .productos article {margin-bottom: 50px; cursor: pointer; text-align: center; font-size: 0.9rem;} .productos article hr {border-color: #000; margin:0.5rem 0} .productos article > div > div {overflow: hidden;} .productos article div.bg {padding-bottom: 60px !important; border-bottom-left-radius: 120px; border-bottom-right-radius: 120px} .productos article:hover img.image {scale: 1.1} .productos article div.table {min-height: 70px; margin-top: -0.5rem;} .productos article a {color: #000;} .productos article:hover a {text-decoration: none;} .productos article .h3 { text-transform: uppercase; font-family: "Dosis", sans-serif; font-weight: 700; font-size: 1rem;} .productos article .precio {font-size: 1.2rem; font-weight: 600; flex-basis: 100px; flex-shrink: 0;} .productos article .d-flex > div {flex-grow: 1} .productos article .d-flex > div:first-child{border-right: 1px solid #000} .productos article .precio span, .productos article .precio s {display: inline-block;} .productos article span.cart {position: relative;} .productos article span.cart:after {content:'+'; position: absolute; left: 9px; top: -10px; font-size: 25px;} .productos article span.cart img {filter: brightness(0%);} .productos article .precio span.oferta {color: var(--red);} .productos article .precio s {font-size: 0.8rem; margin-left: 15px;} .productos article .nueva-cosecha {display: block; width: 100px; border: 1px solid var(--color); position: absolute; bottom: 20px; right: 20px; font-weight: 300; font-size: 0.65rem; padding: 5px; line-height: 1.1; text-align: center;background-color:#FFF;} .productos article .btn {font-size: 0.8rem;} .productos .owl article {margin-bottom: 0} a.arrow {color:#000; font-weight: 600; font-size: 0.8rem;} a.arrow {font-size: 1rem} a.arrow:hover {text-decoration: none;} #newsletter {position: relative;} .tips div.col{font-size: 0.9rem; font-weight: 600; font-family: "Crimson Pro", serif} .tips2 div.bg-color3 {padding:2.2rem 1rem; border-top-left-radius: 120px; border-top-right-radius: 120px; max-width: 250px} #footer {padding-bottom: 30px; color: #fff; position: relative; font-size: 0.9rem} #footer h4 {font-size: 0.8rem;} #footer strong {font-weight: 600} #footer a {color: #fff;} #footer ul {margin-bottom: 20px; line-height: 1.5rem; padding-left: 0} #footer ul li {list-style-type: none; position: relative; line-height: 1.8;} #footer ul li:before {content:'>'; margin-right: 1rem; color: var(--color2);} #footer p.autor {font-size: 12px;} #footer .redes {font-size: 1.4rem} #footer .small {font-weight: 300} section > header, section > .h1 {text-align: center; margin-bottom: 4rem;padding:0 15px;} section > header > h2 {font-weight: 400;} #blog article {margin-bottom: 15px; padding: 0 25px} #blog article > div {position: relative; overflow: hidden;} #blog article div.cover {height: 450px;} #blog article a {text-decoration: none; display: block; padding:1rem} #blog article h3 {color: #000; font-size: 1rem; text-transform: uppercase; font-family: "Dosis", sans-serif; font-weight: 600} #blog article div.content{background: #fff; text-align: left; padding:10px; font-size: 0.9rem; position: relative; padding: 15px; min-height: 100px;} #blog article div.content .table {height: 100%; min-height: 75px;} #blog article .titulo {line-height: 1.3rem; margin-bottom: 5px; color: #000;} #blog article img {width: 100%;} #blog article .btn {border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 4rem; padding-right: 1rem; margin-left: 1rem;} .galeria > div {overflow: hidden;} .galeria > div img{transition: all 0.5s ease} .galeria > div:hover img{scale: 1.1;} .tooltip {font-size: 0.8rem; z-index: 3} .bg-faq:before, .bg-faq:after {content:''; width: 393px; height: 484px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: url(../img/bg-faq.png);} .bg-faq:after {transform: scaleX(-1) translateY(-50%); left: auto; right: 0} @media (max-width: 1450px){ .productos .owl .item {width: 350px} .bg-faq:before {transform: scale(0.8); left: -60px; top: 0} .bg-faq:after {transform: scaleX(-0.8) scaleY(0.8); right: -60px; bottom: 0; top: auto} } @media (max-width: 1450px){ .popup{padding:30px;} } @media (max-width: 1200px){ #menu .sc {position: absolute; left: 0; top: 77px; width: 100%; background-color: var(--color1); padding:20px; z-index: 99; text-align: center; font-size: 1.2rem} #menu .sc .btn-tienda {display: inline-block;} #menu .sc li {padding:4px 0} #menu .sc .close {position: absolute; } #menu ul li.submenu.open > ul {position: relative;} #menu ul li.submenu:hover > ul {display: none;} #menu ul li.submenu.open > ul {display: block !important; } #menu div.icons ul li img {filter:none} #menu .btn-tienda {background-color: var(--color2) !important; } #menu .btn-tienda a, #menu .btn-tienda .down {color: #fff !important;} #menu .submenu .btn-tienda .down {padding: 0.5rem;} body.⯆ #menu, body.⯆ #menu a {color: #fff} .productos article {font-size: 0.8rem;} .productos article h3 {font-size: 1rem;} #blog article {padding:0 15px} #blog article a {padding:1rem 2rem} .tips .container {max-width: 700px} .idiomas span.sel {color: #fff;} } @media (max-width: 1100px){ .popup{width: 50vw;} } @media (max-width: 991px){ .modulo img.deco {position: absolute; right: 0; top: 0; z-index: -1;} .productos .owl .item {width: 300px} .bg-faq:after {display: none;} .bg-faq:before {transform: scale(0.5); left: -150px; top: -120px} } @media (max-width: 900px){ .btn-xl {padding:15px; padding-right: 50px; font-size: 1.2rem; width: 350px} #menu .sc {top: 74px;} } @media (max-width: 767px){ .popup{width: 92vw;} .bg-deco:after {display: none;} } @media (max-width: 575px){ #carousel .carousel-caption p.title{font-size: 2rem; } #carousel .carousel-caption p.subtitle{font-size: 3rem;} #carousel .carousel-caption p.subtitle {line-height: 3rem; } #sidebar .products article > div {padding:5px;} #sidebar .products article .foto {width: 90px; height: 90px; flex-basis: 90px; float: left;} #sidebar .products article .flex-grow-1 {float: left; width: calc(100% - 90px); height: 90px; padding-left: 10px;} #sidebar .products article .content {clear: both; display: block;} #sidebar .products article .precio {margin-left:15px !important;} #sidebar .products article .precio, #sidebar .products article .cantidad {float: right;} .tips2 div.row > div {text-align: center; margin-bottom: 1rem;} .tips2 div.bg-color3{width: 230px; display: inline-block;} .bg-faq:before {opacity: 0.5} }