/* ------------------------------------------------- >>> TABLA DE CONTENIDOS: ---------------------------------------------------- # FANCYBOX # FUENTES # GENERAL ## ALERT # HEADER ## HEADER_LOGO ## HEADER_NAV ## HEADER_MENU ## HEADER_SUBMENU ## HEADER_BÚSQUEDA ## HEADER INICIO SESIÓN // _PS_customersignin ## HEADER LANG // _PS_languageselector ## HEADER CARRITO COMPRA // _PS_shoppingcart # INDEX # BUSCADOR # BREADCUMBS # SLIDER # HOME ## HOME_TABS ## HOME_SOYPROMOHOME # PRODUCT LIST ## PRODUCT MINIATURE ## FEATURED PRODUCTS ## PRODUCTS # CATEGORY ## FACETAS # PRODUCT ## MODAL ## SHARE // ps_sharebuttons ## YOUTUBE # CART # CHECKOUT # ORDER # ORDER-DETAIL # FOOTER # NEWSLETTER # BLOCK SOCIAL # BLOCK MY ACCOUNT # BLOCK CONTACT # AUTHENTICATION ## LOGIN FORM # MY-ACCOUNT ## IDENTITY ## ADDRESS ## HISTORY ## ORDER-SLIP # 404 # BRANDS # CONTACT # CMS # SITEMAP # MÓDULOS # MEDIA # HEADER ## HEADER_LOGO ## HEADER_NAV ## HEADER_BÚSQUEDA ## HEADER INICIO SESIÓN // _PS_customersignin ## HEADER CARRITO COMPRA // _PS_shoppingcart # HOME ## HOME_TABS ## HOME_SOYPROMOHOME # PRODUCT LIST ## PRODUCT MINIATURE # CATEGORY # NEWSLETTER # MY-ACCOUNT # SITEMAP */ /* --------------------------------------------------- # FANCYBOX ----------------------------------------------------*/ .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;-ms-touch-action:none;touch-action:none}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:4px;right:4px;padding:0;margin:0;width:30px;height:30px;font:21px/1 Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;cursor:pointer;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* --------------------------------------------------- # FUENTES ----------------------------------------------------*/ @font-face { font-family:'Open Sans Light'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('Open Sans Light'), url("fonts/OpenSans-Light.ttf") format('woff2'); } @font-face { font-family:'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans'), local('Open Sans'), url("fonts/OpenSans-Regular.ttf") format('woff2'); } @font-face { font-family:'Open Sans SemiBold'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('Open Sans SemiBold'), url("fonts/OpenSans-SemiBold.ttf") format('woff2'); } @font-face { font-family:'Open Sans Bold'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('Open Sans Bold'), url("fonts/OpenSans-Bold.ttf") format('woff2'); } @font-face { font-family:'Open Sans ExtraBold'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('Open Sans ExtraBold'), url("fonts/OpenSans-ExtraBold.ttf") format('woff2'); } body, body p, body span, body div, body strong, body b, body li, body a{ font-family: "Open Sans"; /* -webkit-font-smoothing:none; -moz-osx-font-smoothing: none; */ -moz-osx-font-smoothing: none; text-rendering: optimizeLegibility; } /* --------------------------------------------------- # GENERAL ----------------------------------------------------*/ body{ max-width: 1920px; margin:0 auto; } body .container{ padding: 0; width: 100%; max-width: 1230px; padding: 0 15px; } body #wrapper{ padding-top: 0; overflow: hidden; background: #FFF; box-shadow:none; } body #wrapper .container{ width: 100%; max-width: 1920px; margin:0 auto; padding:0; } body .row{ margin: 0; } body .soy_no_padding{ margin: 0 -15px; } body .form-control:focus, .input-group.focus{ outline: none; } .text-center{ text-align: center; } body .soyClear{ clear: both; } .btn:focus{ outline: 0; outline-offset: 0; } .soyNoPaddingDesktop , .soyNoPadding{ padding: 0 !important; } /* --------------------------------------------------- ## ALERT ----------------------------------------------------*/ .alert-danger{ background-color: /*rgba(144, 0, 0, 0.5);*/ rgba(255, 0, 0, 0.9); border: none; color: #fff; text-transform: uppercase; } /* Cart */ #cart .alert{ margin-top:20px; } /* ./Cart */ /* --------------------------------------------------- # HEADER ----------------------------------------------------*/ body #header { color:#000; } body #header a{ transition: all 0.6s; } body #header a:hover{ color:#ccc; transition: all 0.6s; } body #header .container{ width:100%; max-width: 100%; } body #header .header-top{ padding-top: 20px; border-bottom: 1px #ccc solid; } .soyHeaderMobile{ display:none; } #mobile_top_menu_wrapper{ display:none; } /* --------------------------------------------------- ## HEADER_LOGO ----------------------------------------------------*/ body #header #_desktop_logo{ text-align: center; } #header .logo{ padding-top: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } /* --------------------------------------------------- ## HEADER_NAV ----------------------------------------------------*/ body #header .header-nav{ display:none; } /* --------------------------------------------------- ## HEADER_MENU ----------------------------------------------------*/ body #header .header-top .menu , body #header .header-top .search-widget{ /*width: 80%;*/ width: 77%; } body #header .header-top .menu{ position: inherit; float:left; /*padding-left: 15%; padding-right: 15%;*/ padding-top: 20px; clear:both; } body #header .top-menu{ margin: 0 auto; /*max-width: 768px;*/ } body #header .menu > ul { text-align: center; } body #header .menu > ul > li[id^="category-"] a , #soymenu #soymenu_main_ul a{ font-weight: normal; color:#000; transition: all 0.6s; font-size: 14px; } body #header .menu > ul > li[id^="category-"] a:hover , #soymenu #soymenu_main_ul a:hover{ transition: all 0.6s; color:#AFCB1F; } #soymenu{ text-align: center; } #soymenu ul li{ text-align: left; position: relative; cursor: pointer; } #soymenu .col-md-3{ width: 100%; } #soymenu .soymenu_subcategories{ left: inherit; padding: 5px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); } #soymenu .soymenu_subcategories ul{ padding-top: 0; padding-bottom: 0; } #soymenu .soymm_title_submenu{ padding-left: 20px; text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #ccc; color:#AFCB1F; } #soymenu .soymm_title_submenu:after{ font-family: "FontAwesome"; font-size:11px; color:#ccc; content:"\f107"; right: 20px; position: absolute; } /* medias */ @media(max-width:1200px){ #soymenu a{ padding-left:0; padding-right: 2px; font-size: 12px; } } /* ./medias */ /* --------------------------------------------------- ## HEADER_SUBMENU ----------------------------------------------------*/ #_desktop_top_menu .sub-menu{ /*top:75px !important;*/ /* -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.16); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.16); */ -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); } #_desktop_top_menu .sub-menu img{ float:left; padding: 10px; } .top-menu .sub-menu ul{ float:left; padding-top: 10px; } .top-menu .sub-menu ul[data-depth="1"] > li{ float: none; } /* --------------------------------------------------- ## HEADER_BÚSQUEDA ----------------------------------------------------*/ body #header .header-top .search-widget{ float:left; padding-left: 15%; padding-right: 15%; } body #header .header-top .search-widget form input{ border:none; padding-left: 50px; } body #header .header-top .search-widget form .ui-autocomplete-input{ border-bottom:1px solid #B2B3B3 !important; } body #header .header-top .search-widget form input:focus{ outline:0; } body #header .header-top .search-widget form button{ left:0; } /* only Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { .search-widget form button[type=submit]{ right: inherit; } } /* ./only Safari */ .ui-menu .ui-menu-item a{ font-size: 14px; } /* --------------------------------------------------- ## HEADER INICIO SESIÓN // _PS_customersignin ----------------------------------------------------*/ body #header #_desktop_user_info{ /*display:inline-block;*/ float:right; margin-right: 20px; } #_desktop_user_info .user-info a i{ display:none; } /* .user_info .account:before{ font-family: "FontAwesome"; font-size:28px; color:#B2B3B3; content:"\f007"; } */ #_desktop_user_info .logout::before , #_mobile_user_info .logout::before{ font-family: "FontAwesome"; font-size:20px; color:#d20000; content:"\f011"; margin-right: 10px; cursor: pointer; } #_desktop_user_info .account{ font-size:12px; } #_desktop_user_info .account::before , #_mobile_user_info .account::before{ font-family: "FontAwesome"; font-size:20px; color:#B2B3B3; content:"\f007"; } /* --------------------------------------------------- ## HEADER LANG // _PS_languageselector ----------------------------------------------------*/ #_desktop_language_selector{ text-align: right; max-width: 50px; float:right; } #_desktop_language_selector button{ margin-right:8px; } #_desktop_language_selector .dropdown-menu{ left:inherit; right: 0; /*margin-right: 270px;*/ } #_desktop_language_selector .btn-unstyle{ text-transform: uppercase; } #_desktop_language_selector .material-icons{ font-size: 16px; } #_desktop_language_selector .expand-more{ transition: all 0.6s; } #_desktop_language_selector .dropdown:hover .expand-more{ color:#ccc; transition: all 0.6s; } /* --------------------------------------------------- ## HEADER CARRITO COMPRA // _PS_shoppingcart ----------------------------------------------------*/ body #header #_desktop_cart{ float:right; } body #header #_desktop_cart i , body #header #_mobile_cart i { color:#B2B3B3; font-size:20px; } body #header #_desktop_cart .cart-products-count{ background: #EBECEC; border-radius: 10px; padding: 2px; width: 30px; height: 30px; } .soyShoppingBag{ position: relative; display:inline-block; } .soyCountBag{ width: 30px; height: 30px; position: absolute; top: -10px; margin-left: 15px; } .soyCount{ width: 25px; height: 25px; background: #ececec; text-align: center; border-radius: 100%; padding-top: 2px; font-size: 13px; font-weight: bold; } .soyTotalShoppingBag{ display:inline-block; margin-left: 20px; /*color:#B0CB1F;*/ color:color:#000; font-family:'Open Sans Bold'; font-size: 20px; letter-spacing: -1px; } /* --------------------------------------------------- # INDEX ----------------------------------------------------*/ #index .product-miniature.js-product-miniature{ padding-right: 5px; padding-left: 5px; } #index .featured-products{ max-width: 1200px; margin:0 auto; } #index .product-miniature img{ height: auto; } #index #tabSoyHome #soyBtnComprar{ /*top:224px;*/ } /* --------------------------------------------------- # BREADCUMBS ----------------------------------------------------*/ #wrapper .breadcrumb{ background: #434242; height: 60px; padding-top: 19px; padding-left: 70px; } #wrapper .breadcrumb li a{ color:#fff; } #wrapper .breadcrumb li:first-child:before{ font-family: "fontawesome"; content:"\f015"; font-size: 16px; color:#fff; } #wrapper .breadcrumb li::after{ font-family: "fontawesome"; content:"\f105"; /*content: "/";*/ color: #7a7a7a; margin: .3125rem; } /* --------------------------------------------------- # SLIDER ----------------------------------------------------*/ .carousel { box-shadow:none; margin-bottom:-32px; } .carousel .carousel-inner{ height:auto; } .carousel .direction{ display:none; } /* --------------------------------------------------- # HOME ----------------------------------------------------*/ #videoDesktop{ width: 100%; overflow: hidden; position: relative; /*padding-bottom: 31.25%;*/ padding-bottom:56.25%; /* MOD #59994 */ clear: both; } .soyVideoHomeMobile{ display:none; } #videoDesktop .videoMask{ position: absolute; z-index: 3; width: 100%; height: 100%; background: rgba(0,0,0,0); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); } #videoDesktop video{ position: absolute; width: 100%; /*top: -39.8%;*/ } /* --------------------------------------------------- ## HOME_TABS ----------------------------------------------------*/ #tabSoyHome{ margin-top:100px; margin-bottom: 100px; padding-left: 20%; padding-right: 20%; } #tabs{ background: #007b5e; color: #eee; } #tabs h6.section-title{ color: #eee; } #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #f3f3f3; background-color: transparent; border-color: transparent transparent #f3f3f3; border-bottom: 4px solid !important; font-size: 20px; font-weight: bold; } #tabs .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #eee; font-size: 20px; } #tabSoyHome a{ margin:0; } #tabSoyHome .nav-tabs .nav-link.active{ font-weight: normal; text-transform: uppercase; color:#FFF; border-bottom:2px solid #AFCB1F !important; font-size: inherit; background: #AFCB1F; } #tabSoyHome .nav-tabs .nav-link{ font-weight: normal; text-transform: uppercase; color:#5B5B5B; border:0; } #tabSoyHome .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover{ border:none; } #tabSoyHome .nav-tabs .nav-link:hover{ border-bottom: 2px solid #AFCB1F; } #tabSoyHome .px-3{ padding-left: 0 !important; padding-right: 0 !important; } /* --------------------------------------------------- ## HOME_SOYPROMOHOME ----------------------------------------------------*/ #soyPromoHomeDesktop{ width: 100%; padding-top: 5%; padding-bottom: 5%; padding-left: 24%; padding-right: 24%; background:#2B2A29; } #soyPromoHomeMobile{ display:none; } .soyPromoHomeInfo{ width: 50%; display: inline-block; } .soyPromoHomeImg{ display: inline-block; vertical-align: top; width: 49.5%; text-align: center; } .soyPromoHomeInfo .title{ color:#fff; font-weight: bold; font-size:24px; line-height: 28px; margin-bottom: 10px; } .soyPromoHomeInfo .desc{ color:#BBC274; font-size:14px; } .soyPromoHomeInfo .pvp{ font-family:'Open Sans Bold'; font-size:62px; color:#fff; line-height: 90px; margin-bottom: 20px; } .soyPromoHomeInfo .pvp span{ font-family:'Open Sans Bold'; color:#fff; font-size:48px; } .soyPromoHomeInfo a{ font-family:'Open Sans Bold'; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; padding-left: 60px; padding-right: 60px; font-size:16px; color:#fff; background:#AFCB1F; border:0; border-radius: 10px; transition: all 0.6s; } .soyPromoHomeInfo a:hover{ background:rgba(175,203,31,0.5); transition: all 0.6s; } /* --------------------------------------------------- # PRODUCT LIST ----------------------------------------------------*/ /* filter */ .products-sort-order .dropdown-menu{ width: 100%; } .products-sort-order.soyNoPaddingDesktop{ padding-bottom: 0 !important; padding-top: 0 !important; padding-left: 0 !important; padding-right: 7px !important; } /* ./filter */ .featured-products .products-section-title{ display:none; margin-top:120px; padding-bottom: 40px; font-size: 32px; font-weight: 100; letter-spacing: -1px; color:#5B5B5B; } .featured-products .products-section-title span{ font-family:'Open Sans Bold'; color:#BBC274; } #nav-profile .mt-3 , #nav-contact .mt-3{ margin-top: 0 !important; } #soyBtnComprar{ /*display:none;*/ opacity: 0; width: 100%; background: #AFCB1F; height: 50px; /*position: absolute; /*top: 307px; top:240px;*/ z-index: 3; text-align: center; line-height: 50px; color: #fff; font-weight: bold; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; display: block; margin-top: -50px !important; } #soyBtnComprar.soyNoStocks, #soyBtnComprar.soyNoStock, #products #soyBtnComprarMobile.soyNoStock, #products #soyBtnComprarMobile.soyNoStocks{ background: #f30000; } #soyBtnComprar.soyNoStock span.soy_reservar, #soyBtnComprar.soyNoStocks span.soy_reservar, #products #soyBtnComprarMobile.soyNoStocks span.soy_reservar, #products #soyBtnComprarMobile.soyNoStock span.soy_reservar{ background: orange; display: block; } #category #soyBtnComprar{ margin-top: -70px !important; margin-bottom: 30px; } #soyBtnComprarMobile{ display:none; } .thumbnail-container{ position: relative !important; } .thumbnail-container:hover #soyBtnComprar{ opacity: 0.99; /*transform: translateY(-100px);*/ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .thumbnail-container:hover #soyBtnComprar{ opacity: 0.99; /*top:0;*/ /*transform: translateY(0);*/ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* --------------------------------------------------- ## PRODUCT MINIATURE ----------------------------------------------------*/ #products .product-miniature{ margin:0; flex: 0 0 25%; padding-right: 10px; } /* only IE */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #products .product-miniature{ flex-grow:1; } } /* ./only IE */ /* #products .product-miniature:first-child{ padding-left: 0; } #products .product-miniature:nth-child(3n+1){ padding-right: 0; } */ .products{ margin:0 auto; /*max-width: 1185px;*/ width:100%; } .featured-products .product-miniature{ margin:0; width: 25%; padding-left: 15px; padding-right: 15px; } .product-miniature .thumbnail-container{ box-shadow: none; width:100%; height: auto; /*padding-right:15px; padding-left:15px; */ } .product-miniature .highlighted-informations { display:none; } .product-miniature img { width:100%; margin-left:0; mix-blend-mode: multiply; transition: all .6s; } .product-miniature img:hover { /*opacity: 0.5;*/ transition: all .6s; } .product-miniature .product-description{ position:inherit; width: 100%; height: auto; } .product-miniature .product-thumbnail{ background: #F6F6F6; } #products .thumbnail-container:focus .product-description::after, #products .thumbnail-container:hover .product-description::after, .featured-products .thumbnail-container:focus .product-description::after, .featured-products .thumbnail-container:hover .product-description::after, .product-accessories .thumbnail-container:focus .product-description::after, .product-accessories .thumbnail-container:hover .product-description::after, .product-miniature .thumbnail-container:focus .product-description::after, .product-miniature .thumbnail-container:hover .product-description::after{ border:0; } .product-miniature .product-title { height: 100px; padding-left: 10px; padding-right: 10px; overflow: hidden; } .product-miniature .soy_cantidad_minima { text-align: center; text-align: center; color: red; width: 100%; } .product-miniature .soy_fecha_disponibilidad { text-align: center; position: absolute; text-align: center; width: 100%; bottom: -20px; color: orange; font-weight: bold; } #products .product-miniature .product-title a , .product-miniature .product-title a{ font-size:14px; font-weight: 300; color:#2B2A29; transition: all .6s; } .product-miniature .product-title a:hover{ color:#ccc; transition: all .6s; } .product-miniature .product-price-and-shipping{ height: 50px; } .product-miniature .product-price-and-shipping .soyPVP{ margin-top:10px; font-family:'Open Sans Bold'; font-size:28px; color:#000; letter-spacing: -1px; } .soyPVP span{ font-family:'Open Sans Bold'; font-size: 22px; } /* Aplicamos al listado, al detalle */ #products .product-miniature .regular-price , .product-miniature .regular-price , #product .product-miniature .regular-price { font-family:'Open Sans Bold'; font-size:18px; letter-spacing: 0px; color:#ccc; margin-top:5px; } .soyPVPRegular span{ font-size: 14px; } /* --------------------------------------------------- ## FEATURED PRODUCTS ----------------------------------------------------*/ .featured-products .product-miniature .discount-percentage.discount-percentage{ z-index: 2; background: #ff0000; top: 5px !important; position: absolute; right: 5px; box-shadow: none; float: right; /*margin-left: 200px;*/ margin-left: calc(100% - 50px); text-align:center; } #products .product-miniature .discount-percentage.discount-percentage{ z-index: 2; background: #ff0000; top: 5px !important; position: absolute; /*right: 5px;*/ box-shadow: none; /*float: right;*/ margin-left: 238px; text-align:center; } #products .product-miniature .product-flags .new , .featured-products .product-miniature .product-flags .new{ top:-5px !important; /* Lo impone por js */ left:5px; box-shadow: none; background:#3E3E3E; font-weight: 100; } .featured-products .all-product-link{ display:none; } /* --------------------------------------------------- ## PRODUCTS ----------------------------------------------------*/ #products .products{ /*justify-content: center;*/ } #products .page-not-found{ box-shadow: none; } #products{ max-width: 1200px; margin: 0 auto; } #products .product-miniature .product-thumbnail{ background: none; } #products .products-sort-order .dropdown-menu{ background: #fff; } #products .products-selection{ padding-top:10px; padding-bottom: 20px; } #products .soyCategoryName{ font-family:'Open Sans Light'; font-size: 32px; padding-top: 10px; color: #000; text-transform: uppercase; } /* #products .soyCategoryName:after{ content:"\f107"; font-family: "fontawesome"; font-size: 16px; font-weight: 100; margin-left: 10px; color: #000; } */ #products .products-sort-order .select-title{ border:1px solid #D9DADA; box-shadow: none; padding: 9px 5px 5px 5px; color: #9D9E9E; margin-top: 11px; font-size: 13px; } #products .products-sort-order .select-title .material-icons{ color:#000; } #products .sort-by-row span{ display:none; } #products .thumbnail-container{ height: auto; } #products .product-miniature .thumbnail-container{ box-shadow: none; width:100%; padding-right:0; padding-left:0; padding-bottom: 34px; /*height: inherit;*/ /*min-height: 500px;*/ } #products .product-description{ position: inherit; z-index: inherit; height: auto; width: 100%; } #products .thumbnail-container .product-description:before{ content: " "; display:block; width: 80%; height: 1px; background: #EBECEC; margin:0 auto; } #products .product-title{ margin-top: 20px; margin-bottom:0; min-height: 100px; } #products img{ margin-left: 0; margin-bottom: 20px; height: auto; } .pagination{ font-size: 12px; } .pagination a{ font-weight: 100; } .pagination .current a{ font-size: inherit; color: #AFCB1F; } .page-list li .material-icons{ font-size: 12px; } .pagination .page-list{ box-shadow: none; background: none; } /* .soyProductRightContent{ position: absolute; } .soyFixed{ position:fixed; top:0; transition: all 0.6s; } */ /* Añado este estilo porque con "Flex" no puedo centrar el contenedor de los productos */ /*#products #js-product-list{ width: 1108px; margin:0 auto; }*/ /* --------------------------------------------------- # CATEGORY ----------------------------------------------------*/ #category #wrapper{ background: #F6F6F6; } #category #content-wrapper{ padding: 0; } #category #content-wrapper.col-md-9{ width: 100%; } #category #left-column{ display:none; } #category video{ width: 100%; } /* --------------------------------------------------- # PRODUCT ----------------------------------------------------*/ #product #wrapper{ background: #F6F6F6; } #product #content-wrapper{ max-width: 1200px; margin:0 auto; background-color: #fff; padding: 20px; } #product #content{ max-width: inherit; } #product .h1{ font-size: 24px; /*margin-top:60px;*/ } #product .reference{ font-size:12px; text-transform: uppercase; color:#808080; font-weight: bold; } .soyProductImg{ margin-bottom:20px; } .soyProductRight{ padding-left: 50px; } #product .product-variants > .product-variants-item{ /*width: 80%;*/ width: inherit; margin: 0; float: left; margin-right: 20px; } .color, .custom-checkbox input[type="checkbox"] + span.color{ box-shadow: none; } .product-variants > .product-variants-item ul li{ margin-right:0; } #product .product-variants > .product-variants-item select{ box-shadow: none; } #product .product-actions{ overflow: hidden; margin-bottom: 10px; } #product .product-actions .control-label{ font-size: 11px; color:#898989; text-align: left; } #product select.form-control , #product .product-quantity #quantity_wanted{ height: 44px; } #product .bootstrap-touchspin{ box-shadow: none; } #product-quantity clearfix{ display:inline-block; } #product .product-quantity .input-group-btn-vertical{ /*display:none;*/ } #product .product-actions .add-to-cart{ box-shadow: none; background-color:#B0CB1F; border-radius:8px; text-transform: inherit; padding-left: 32px; padding-right: 32px; height: inherit; padding-top: 10px; padding-bottom: 10px; font-size: 14px; transition: all 0.6s; border-radius:0; width: 200px; } #product .product-actions .add-to-cart:hover{ background-color:#B0CB1F; opacity: 0.5; transition: all 0.6s; } #product .product-actions .add-to-cart i { display:none; } .soy-product-quantity{ /*width: 20%;*/ max-width: 15%; float:left; padding-left: 5px; display: inline-block; } .soy-product-quantity input{ background: inherit; height: 30px; } .soy-product-quantity label{ text-align: inherit; } #product .product-discount , ahorro { display:inline-block; padding-left: 8px; } #product .ahorro { padding-left: 8px; } #product .has-discount .discount{ display:none; } #product .product-discount .regular-price{ margin: 0; font-family:'Open Sans Bold'; font-size:18px; letter-spacing: 0px; color:#ccc; margin-top:5px; } #product .soyPVP{ margin-top: 0px; font-family: 'Open Sans Bold'; font-size: 44px; color: #B0CB1F; letter-spacing: -1px; } #product .soyPVP span{ font-family:'Open Sans Bold'; font-size: 30px; } #product .soyPVPRegular span{ font-family:'Open Sans Bold'; font-size: 18px; } #product span.before{ font-family:'Open Sans Bold'; font-size: 12px; text-transform: uppercase; text-decoration:none !important; } #product .product-price{ display: inherit; } #product .product-prices{ text-align: left; } #product .sequra-promotion-widget{ margin: 10px 0; } #product .product-prices .tax-shipping-delivery-label{ /*margin-top:-10px;*/ color: color: #898989; font-size: 12px; font-weight: 100; } #product .product-add-to-cart{ text-align: right; margin-top: 5px; } #product .tabs{ box-shadow: none; } #product .nav-tabs .nav-item + .nav-item{ margin:0; } #product #tabs .nav-tabs .nav-item.show .nav-link{ font-size: 16px; font-weight: normal; } #product .tabs .nav-tabs .nav-link.active{ font-size: 16px; font-weight: normal; color:#fff; border-bottom: 2px #AFCB1F solid !important; background: #AFCB1F; } #product .tabs .nav-tabs .nav-link{ border-bottom:2px transparent solid; } #product .tabs .nav-tabs .nav-link:hover{ /*border-bottom: 2px solid #AFCB1F;*/ border:0; } #product .tabs .nav-tabs{ border-bottom: 1px solid #f1f1f1; } #product #block-reassurance{ display:none; } #product li.product-flag{ top: -5px !important; left: 5px; box-shadow: none; background: #0DD; font-weight: 100; } #product .images-container{ overflow: hidden; } #product .has-discount.product-price{ color:inherit; width: 100%; } #product .ahorro{ font-size: 12px; color: #ff0000; text-transform: uppercase; } #product .envio{ font-family: "Open Sans"; font-size: 14px; color:#808080; margin-top: 10px; } #product .product-prices div{ margin-bottom: 0; } #product .product-actions{ /*border:solid 1px #ccc; padding-top: 10px;*/ max-width: 321px; } #product .product-actions hr{ margin-right: 15px; margin-left: 15px; } #product .product-discounts , #product .product-prices{ margin: 0; } #product #product-availability{ margin: 0; display: inherit; text-align: right; font-size: 16px; } #product #product-availability_last_remain{ font-size: 16px; color: orange; text-align: right; } #product .stock{ text-transform: uppercase; color:#009933; } #product .noStocks , #product .noStock{ text-transform: uppercase; text-align: right; color: #ff0000; } /* Accesories */ #product #soyAccesories .products article{ width:50%; } #product #soyAccesories .soyPVP{ /*margin-top:80px;*/ font-family:'Open Sans Bold'; font-size:28px; color:#000; letter-spacing: -1px; margin-bottom: 10px;s } #product #soyAccesories .soyPVP span{ font-size:22px; } #product .product-miniature .product-title{ height: auto; } #product #soyAccesories #soyBtnComprar{ top:156px !important; display:none; } #product #soyAccesories .product-miniature{ margin:0; padding-right: 5px; } #product #soyAccesories .product-miniature img{ max-width: 145px; height: auto; } #product #soyAccesories a:hover img{ opacity: 0.5; } #product #soyAccesories .product-miniature .thumbnail-container{ padding:5px; background: #f4f4f4; padding-bottom: 30px; } #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description{ background: none; } #product #soyAccesories .product-flags , #product #soyAccesories .discount-percentage{ display:none; } /* ./Accesories */ /* Quantity */ .product-quantity .input-group-btn-vertical .btn i{ font-size: 1rem; top: 0px; left: 7px; font-style: normal; color:#B0CB1F; } .product-quantity .input-group-btn-vertical .bootstrap-touchspin-down i{ left:9px; } /* ./Quantity */ /* Slides */ .carousel .carousel-item img{ width: 100%; } .images-container-mobile{ display:none; } #product .carousel{ box-shadow:none; } #product .carousel .carousel-inner{ height: auto; overflow: none; } #product .carousel-indicators{ bottom: 0; } #product .carousel-indicators li{ border: none; background-color: rgba(0,0,0,0.5); } #product .soy_fecha_disponibilidad { margin-top: 15px; padding: 5px; color: orange; text-align: center; font-weight: bold; } /* ./Slides */ /* Colors */ .input-color:checked + span{ border: 3px solid #ff6c00; } /* ./Colors */ @media(max-width:1163px) and (min-width:992px){ #product .product-quantity{ display:block; } } /* --------------------------------------------------- ## MODAL ----------------------------------------------------*/ #product #blockcart-modal .modal-dialog { max-width: 992px; width: 100%; /*width: calc(100% - 20px);*/ } #product #blockcart-modal .modal-header{ background-color:#afcb1f; } #product #blockcart-modal .modal-title{ text-transform: uppercase; font-weight: 300; } #product #blockcart-modal .divide-right{ border-right: 1px solid #d4d4d4; } #product #blockcart-modal .modal-body{ background: #fff; } #product #blockcart-modal .product-name{ color: #2B2A29; text-transform: uppercase; } #product #blockcart-modal .cart-products-count{ font-family:'Open Sans Light'; } #blockcart-modal .btn-primary { font-family: 'Open Sans Light'; box-shadow: none; float:left; margin-left:0; background-color: #AFCB1F; transition: all 0.6s; padding: 13px; } #blockcart-modal .btn-secondary { font-family: 'Open Sans Light'; box-shadow: none; float:left; margin-left:0; transition: all 0.6s; padding: 13px; } #blockcart-modal .totalBlockCart{ text-transform: uppercase; } #blockcart-modal #soyPVPUnit{ margin-top: 10px; margin-bottom: 10px; } #blockcart-modal #soyPVPUnit .quantity{ display: inline-block; font-size: 24px; color: #6b6b6b; } #blockcart-modal .soyPVP{ margin: 0; } #blockcart-modal .soyPVP small{ font-family: 'Open Sans Light'; font-size: 16px; letter-spacing: normal; text-transform: uppercase; } #blockcart-modal .totalShipping{ text-transform: uppercase; font-size: 14px; } #blockcart-modal .totalShipping:before{ font-family: "FontAwesome"; font-size: 36px; color:#d7d7d7; content:"\f0d1"; /*display: table; margin-bottom: 5px;*/ margin-right: 5px; } /* --------------------------------------------------- ## SHARE // ps_sharebuttons ----------------------------------------------------*/ .soyTitleShareButtons{ display:inline-block; margin-bottom:15px; font-family: "Open Sans"; color:#7a7a7a; font-size: 12px; } .soy-social-sharing li{ display: inline-block; } .soy-social-sharing a{ cursor: pointer; transition: all 0.6s; } .soy-social-sharing a:hover{ opacity: 0.5; transition: all 0.6s; } .soy-facebook a:before{ font-family: "FontAwesome"; font-size:25px; color:#bdbdbd; content:"\f082"; } .soy-twitter a:before{ font-family: "FontAwesome"; font-size:25px; color:#bdbdbd; content:"\f081"; } .soy-googleplus a:before{ font-family: "FontAwesome"; font-size:25px; color:#bdbdbd; content:"\f0d4"; } .soy-pinterest a:before{ font-family: "FontAwesome"; font-size:25px; color:#bdbdbd; content:"\f0d3"; } .soy-instagram a:before{ font-family: "FontAwesome"; font-size:25px; color:#bdbdbd; content:"\f16d"; } /* --------------------------------------------------- ## ps_emaialerts ----------------------------------------------------*/ .js-mailalert{ clear: both; margin-bottom: 20px; } .js-mailalert > div{ text-align: left; display: block; margin-bottom: 5px; } .js-mailalert > button{ width: 100%; box-shadow: none; } /* --------------------------------------------------- ## YOUTUBE ----------------------------------------------------*/ #soydescriptionproduct iframe{ width: 100%; /*height: 56.28%;*/ } .soyYoutube{ padding: 1.25rem 1.875rem; } /* --------------------------------------------------- # CART / #CheckOut ----------------------------------------------------*/ #cart #content-wrapper{ margin-bottom: 20px; } #cart .cart-grid{ margin:0 auto; max-width: 1440px; margin-top: 20px; } #cart .card , #checkout .card{ box-shadow: none; } #cart .bootstrap-touchspin{ box-shadow: none; } #cart .btn-primary{ padding: 13px; box-shadow: none; background: #AFCB1F; font-family: 'Open Sans Light'; } #cart .soyLabel{ margin-top:20px; } #cart .soyLabel a{ padding: 13px; box-shadow: none; background: #AFCB1F; font-family: 'Open Sans Light'; color:#fff; text-transform: uppercase; } #checkout a{ color: #AFCB1F; transition: all 0.6s; } #checkout a:hover{ color: #ccc !important; transition: all 0.6s; } #checkout #header .header-nav{ display: none !important; } #cart .has-discount .discount{ background-color: #ff0000; } #cart .has-discount.product-price, .has-discount p{ color:#000; } /* only Safari */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { }} /* ./only safari */ /* --------------------------------------------------- # CHECKOUT ----------------------------------------------------*/ #checkout #header img{ padding:20px; } body#checkout section.checkout-step{ box-shadow: none; border:1px solid rgba(0,0,0,.125); } #checkout .btn-primary{ padding: 13px; box-shadow: none; background: #AFCB1F; font-family: 'Open Sans Light'; } #checkout #content{ max-width: 1440px; margin:0 auto; } #checkout .form-fields .form-group{ margin-bottom: 4px; } body#checkout #footer{ background: #F6F6F6; box-shadow: none; min-height: 300px; } .soyCheckOutFooter{ padding-top: 5%; } .soyCheckOutFooter p{ font-family: "Open Sans"; font-size: 12px; color: #898989; } #checkout #customer-form input , #checkout .input-group .input-group-btn > .btn[data-action="show-password"]{ margin-bottom: 5px; } #checkout #customer-form .form-control-label{ width: 33.33333%; } /* safari only */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ @media { #checkout .input-group .input-group-btn > .btn[data-action="show-password"]{ padding: 0.85rem 1rem; } } } /* ./safari only */ body#checkout .cancel-address{ font-family: 'Open Sans Light'; font-weight: 600; color: #fff; font-size: 16px; margin-left: 0; text-transform: uppercase; padding: 14px; margin-top:0; margin-left: 5px; background: #7a7a7a; text-decoration: none; } /* --------------------------------------------------- # ORDER ----------------------------------------------------*/ #order-confirmation .card{ box-shadow: none; } #order-confirmation #content-wrapper{ max-width: 1440px; margin:0 auto; padding-top: 20px; } /* --------------------------------------------------- # ORDER-DETAIL ----------------------------------------------------*/ #order-detail{ } #order-detail #content-wrapper{ max-width: 1440px; margin:0 auto; padding-top: 20px; } #order-detail h1::before{ font-family: "FontAwesome"; font-size: 62px; color: #ccc; content: "\f0f6"; margin-right: 10px; } #order-detail h1{ font-family: "Open Sans"; font-weight: normal; color: #5B5B5B; text-transform: uppercase; margin-left: 15px; } #order-detail .box{ box-shadow: none; } #order-detail .button-primary , #order-detail .form-control-submit{ font-family: 'Open Sans Light'; font-weight: 600; text-transform: uppercase; color:#fff; box-shadow: none; float: left; background-color: #AFCB1F; transition: all 0.6s; padding: 13px; } #order-detail .form-control-submit{ float: right; } #order-detail .button-primary:hover{ opacity: 0.5; transition: all 0.6s; } #order-detail .form-fields .form-group{ margin-bottom:8px; } #order-detail .order-message-form{ margin-bottom: 80px; } /* --------------------------------------------------- # FOOTER ----------------------------------------------------*/ #footer{ padding-top:0; } #footer a:hover{ color:#ccc; } #footer .container{ max-width: 100%; width: 100%; padding-top:2rem; margin-top:0; background:#F6F6F6; } #footer .footer-container{ box-shadow: none; margin-top: 0; background:#F6F6F6; } #footer .footer-container .container{ max-width: 1200px; } #footer .footer-container .container .h3{ font-size: 16px; text-transform: capitalize; margin-bottom: 26px; } .footer-container li{ margin-bottom: 0; } #soyFooter{ max-width: 920px; margin: 0 auto; padding-bottom: 150px; } .displaySoyFooter{ padding-left: 5%; padding-right: 5%; } #soyCopyright .soyLogoFooter{ /*float:left;*/ display: inline-block; max-width: 138px; } #soyCopyright .soyCopyFooter{ /*float:left;*/ display: inline-block; padding-left: 15px; } .page-footer .account-link{ padding: 13px; background: #AFCB1F; font-family: 'Open Sans Light'; font-weight: 600; color: #fff; text-transform: uppercase; } /* --------------------------------------------------- # NEWSLETTER ----------------------------------------------------*/ .block_newsletter{ font-size: inherit; /*margin-top: 20px;*/ } .block_newsletter p{ padding-top: 0; } .block_newsletter form input{ height: auto; } .block_newsletter form input[type="email"]{ /*padding-bottom: 17px; padding-top: 17px; padding-left:52px; padding-right: 17px;*/ width: 100%; font-size: 14px; border:1px solid #ccc; } .block_newsletter form input[type="email"]:focus{ /*padding: 17px;*/ padding: 11px; border: 2px solid #EBECEC; } #soyNewsletter{ width: 100%; background:#F6F6F6; } #soyNewsletter .alert-success , #soyNewsletter .alert-danger{ font-family: "Open Sans"; text-transform: uppercase; background:#AFCB1F; color:#fff; font-size: 14px; text-align: center; padding-top: 12px; } #soyNewsletter .alert-danger{ background:#ff0000; } #soyNewsletter .content{ margin:0 auto; padding-top:70px; padding-bottom:70px; max-width: 992px; text-align: center; } #soyNewsletter h3{ margin-top:36px; font-family:'Open Sans'; font-weight: 100; font-size: 52px; letter-spacing: -1px; text-transform: uppercase; } #soyNewsletter h3 span{ color:#BBC274; font-family:'Open Sans Bold'; } #soyNewsletter h4{ font-family:'Open Sans Light'; font-weight: 100; font-size: 32px; letter-spacing: -1px; text-transform: uppercase; } .soyInputNewsletter{ border: 1px solid #EBECEC; padding-bottom: 17px; padding-top: 17px; padding-left:52px; padding-right: 17px; width: 80%; } #soyNewsletter .input-wrapper{ position:relative; } #soyNewsletter .input-wrapper i{ position: absolute; z-index: 1; left: 17px; top: 13px; font-size: 28px; color: #C5C7C6; } #soyNewsletter .btn-primary{ /*width:20%;*/ width: 100%; /*padding: 17px;*/ /*padding: 13px;*/ height: 44px; box-shadow: none; background: #AFCB1F; font-family:'Open Sans Light'; /*border:0;*/ } #soyNewsletter .checkbox{ float:left; margin-top: 5px; } #soyNewsletter .checkbox label{ color:#898989; } .soyDivInputNewsletter{ float:left; width: 60%; } .soyDivBtnNewsletter{ float:left; width: 40%; } .soyConNewsletter{ clear:left; } .soyConNewsletter p{ font-size: 12px; } /* --------------------------------------------------- # BLOCK SOCIAL ----------------------------------------------------*/ .block-social{ text-align: center; } .block-social li{ background: none; width: auto; margin: 0; cursor: pointer; margin-right: 20px; } .block-social li:hover{ background: none; } .block-social li a{ overflow:inherit; display: inherit; text-indent:inherit; transition: all 0.6s; cursor: pointer; } .block-social li a:hover{ color:#ccc; transition: all 0.6s; } .block-social i{ /*position:absolute;*/ } #soyCopyright{ text-align:right; padding-top: 10px; font-size: 12px; color:#898989; } #soyCopyright img{ margin-right:20px; } /* --------------------------------------------------- # BLOCK MY ACCOUNT ----------------------------------------------------*/ #block_myaccount_infos .myaccount-title a , .block-contact .block-contact-title{ text-transform: capitalize !important; } /* --------------------------------------------------- # BLOCK CONTACT ----------------------------------------------------*/ .block-contact{ border:0; padding-left: 0; } /* --------------------------------------------------- # AUTHENTICATION ----------------------------------------------------*/ #authentication #main{ text-align: center; } .page-authentication #content{ max-width: 1200px; box-shadow: none; } #authentication .page-header{ margin-top: 50px; margin-bottom: 0px; display: none; } #soyAuthentication{ margin-top:50px; } #soyAuthentication hr{ display:none; } #soyAccessAccount h1 , #soyAuthentication h1{ text-transform: uppercase; font-weight: normal; text-align: left; font-family: "Open Sans"; color:#5B5B5B; padding-bottom: 10px; margin-left:15px; } #soyAuthentication h1{ margin-left:0px; } #soyAccessAccount h1 span , #soyAuthentication h1 span{ color:#BBC274; font-weight: bold; } /* h3 */ #soyAuthentication h3{ text-transform: uppercase; font-weight: normal; text-align: left; font-family: "Open Sans"; color:#5B5B5B; padding-bottom: 10px; margin-left:15px; } #soyAuthentication h3{ margin-left:0px; } #soyAuthentication h3 span{ color:#BBC274; font-weight: bold; } /* ./h3 */ #authentication .card{ border:0; } #authentication .form-group{ margin-bottom: 8px; } .register-form p{ text-transform: uppercase; font-size: 1.375rem; font-weight: normal; text-align: left; font-family: "Open Sans"; color: #5B5B5B; padding-bottom: 10px; margin-top: 50px; line-height: 30px; } .register-form p a{ color: #BBC274; font-weight: bold; transition: all 0.6s; } .register-form p a:hover{ opacity: 0.5; transition: all 0.6s; } #authentication .form-group.row .col-md-3 , #authentication .form-group.row .col-md-6 { width: 100%; text-align: left; padding-left: 0; padding-right: 0; } #authentication .btn-primary { font-family: 'Open Sans Light'; box-shadow: none; float: left; margin-left: 0px; background-color: #AFCB1F; transition: all 0.6s; padding: 13px; } #authentication .form-footer{ float:left; } #authentication .form-control-comment{ float: left; } #authentication .col-md-3.form-control-comment{ display:none; } #authentication .register-form{ max-width: 584px; margin:0 auto; } /* --------------------------------------------------- ## LOGIN FORM ----------------------------------------------------*/ #soyAuthentication label{ text-align: left; float:left; } #login-form label.col-md-3{ width: 100% !important; text-align: left; } #login-form .form-group .col-md-6 , #login-form .form-group .col-md-3 { width: 100% !important; text-align: left; padding-left: 0; padding-right: 0; } #login-form .form-control-label{ padding-top: 0; } .page-customer-account #content .forgot-password{ text-align: left; margin-left:0px; margin-top:0; } .page-customer-account #content .forgot-password a{ color: #a2a2a2; } #login-form hr{ display: none; } #soyAuthentication .btn-primary{ font-family: 'Open Sans Light'; box-shadow: none; float:left; margin-left:0px; background-color: #AFCB1F; transition: all 0.6s; padding: 13px; } #submit-login.btn-primary { font-family: 'Open Sans Light'; box-shadow: none; float:left; margin-left:0px; background-color: #AFCB1F; transition: all 0.6s; padding: 13px; } #submit-login.btn-primary:hover , #soyAuthentication .btn-primary:hover{ box-shadow: none; float:left; background-color: #8a9e24; transition: all 0.6s; } .input-group .input-group-btn > .btn[data-action="show-password"]{ padding: 0.76rem 1rem; } /* --------------------------------------------------- # MY-ACCOUNT ----------------------------------------------------*/ .page-my-account #content{ min-height: 300px; } #my-account #content-wrapper , #identity #content-wrapper , #address #content-wrapper , #history #content-wrapper , #order-slip #content-wrapper , #addresses #content-wrapper{ padding-top: 30px; padding-left: 30px; padding-right: : 30px; } #my-account .page-footer , #identity .page-footer , #address .page-footer , #history .page-footer, #order-slip .page-footer , #addresses .page-footer{ display:none; } #my-account .page-header h1:before{ font-family: "FontAwesome"; font-size:48px; color:#eaeaea; content:"\f007"; } #my-account .page-header h1{ font-family: "Open Sans"; font-weight: normal; color: #5B5B5B; text-transform: uppercase; margin-left: 15px; } /* nav */ .soyLinks h4{ font-weight: normal; } .soyLinks h4:after{ font-family: "FontAwesome"; content:"\f107"; margin-left:10px; } .soyLinks i{ display:none; } .soyLinks li a{ font-size: 14px; font-weight: normal; text-transform: uppercase; color: #7a7a7a; transition:all 0.6s; } .soyLinks .active a{ font-weight: bold; color:#afcb1f; } .soyLinks li a:hover{ color: #ccc; transition:all 0.6s; } /* Iconos */ .soyLinks li .info:before { font-family: "FontAwesome"; display: inline-block; content:"\f05a"; float:left; margin-right: 10px; } .soyLinks li .direccion:before{ font-family: "FontAwesome"; display: inline-block; content:"\f041"; float:left; margin-right: 10px; } .soyLinks li .historial:before{ font-family: "FontAwesome"; display: inline-block; content:"\f1da"; float:left; margin-right: 10px; } .soyLinks li .order:before{ font-family: "FontAwesome"; display: inline-block; content:"\f0f6"; float:left; margin-right: 10px; } /* ./Iconos */ /* ./nav */ .soyWelcome .title{ font-size: 36px; color: #5B5B5B; } .soyWelcome .title small{ font-size: 16px; color: #bababa; } /* All */ #identity .page-header h1 , #identity .page-header h1 , #address .page-header h1 , #history .page-header h1 , #order-slip .page-header h1 , #addresses .page-header h1 { font-family: "Open Sans"; font-weight: normal; color: #5B5B5B; text-transform: uppercase; margin-left: 30px; } #identity #content , #address #content , #history #content , #order-slip #content{ box-shadow: none; } #history .alert-warning , #order-slip .alert-warning{ /*background-color: rgba(144, 0, 0, 0.5);*/ background-color:rgba(255, 0, 0, 0.9); border: none; color: #fff; text-transform: uppercase; } #history #main .page-content #notifications , #order-slip #main .page-content #notifications{ margin: 0; } #identity .page-footer , #history .page-footer , #order-slip .page-footer{ display: none; } /* ./All */ /* --------------------------------------------------- ## IDENTITY ----------------------------------------------------*/ #identity .page-header h1:before{ font-family: "FontAwesome"; font-size: 52px; color: #ccc; content:"\f2c3"; margin-right: 10px; } /* form */ #identity .form-group , #address .form-group{ margin-bottom: 10px; width: 50%; } #identity form .col-md-3 , #identity form .col-md-6 , #address form .col-md-3 , #address form .col-md-6{ width: 100%; } #identity .form-group:nth-child(0n+1) , #address .form-group:nth-child(0n+1){ clear:both; } #identity label , #address label{ text-align:left; padding-top: 0; } #identity .form-control-comment{ display:none; } /* ./form */ #identity .btn-primary , #address .btn-primary { font-family: 'Open Sans Light'; box-shadow: none; float:left; margin-left:15px; background-color: #AFCB1F; transition: all 0.6s; padding: 13px; } #identity .form-footer , #address .form-footer{ float:left; clear:both; } /* --------------------------------------------------- ## ADDRESS ----------------------------------------------------*/ #address .page-header h1:before{ font-family: "FontAwesome"; font-size: 52px; color: #ccc; content:"\f041"; margin-right: 10px; } #address .form-group{ float:left; } #address .form-control-comment{ display:none; } /* --------------------------------------------------- ## ADDRESSES ----------------------------------------------------*/ #addresses .page-header h1:before{ font-family: "FontAwesome"; font-size: 52px; color: #ccc; content:"\f041"; margin-right: 10px; } #addresses article{ box-shadow: none; } #addresses .addresses-footer .btn-primary{ font-family: 'Open Sans Light'; color:#fff; box-shadow: none; float: left; margin-left: 15px; background-color: #AFCB1F; transition: all 0.6s; padding: 13px; } #addresses .addresses-footer span{ font-size: 14px; } /* --------------------------------------------------- ## HISTORY ----------------------------------------------------*/ #history .page-header h1:before{ font-family: "FontAwesome"; font-size: 52px; color: #ccc; content: "\f1da"; margin-right: 10px; } #history .order-actions a , .page-customer-account #content .order-actions a{ font-family: 'Open Sans Light'; font-size: 12px; font-weight: 600; text-transform: uppercase; margin-bottom:2px; padding: 6px; color: #fff; background: #7a7a7a; display: block; } #history .order-actions a:nth-child(2n){ background-color: #AFCB1F; } /* --------------------------------------------------- ## ORDER-SLIP ----------------------------------------------------*/ #order-slip .page-header h1:before{ font-family: "FontAwesome"; font-size: 52px; color: #ccc; content: "\f0f6"; margin-right: 10px; } /* --------------------------------------------------- # 404 ----------------------------------------------------*/ #pagenotfound{ font-family:'Open Sans'; } #pagenotfound h1{ font-family:'Open Sans Bold'; color:#AFCB1F; font-size: 82px; line-height: 30px; margin-top:65px; } #pagenotfound h1 small{ font-family:'Open Sans Light'; color:#000; font-size: 22px; } #pagenotfound h4{ font-family:'Open Sans'; color:#000; text-transform: uppercase; } #pagenotfound .page-not-found{ box-shadow: none; } /* --------------------------------------------------- # BRANDS ----------------------------------------------------*/ #manufacturer #main { max-width: 1200px; margin: 0 auto; } #manufacturer h1 { font-family: "Open Sans"; font-size: 30px; font-weight: normal; color:#5B5B5B; text-transform: uppercase; margin-left: 12px; margin-top:20px; margin-bottom: 40px; } #manufacturer #main ul li.brand{ float:left; margin-left: 15px; } #manufacturer .brand-img{ width: 200px; height: 200px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; } #manufacturer .brand-img img:hover{ opacity: 0.5; transition: all .6s; } #manufacturer .brand-products{ display:none; } #manufacturer .brand-infos{ margin-top:10px; text-align: center; } #manufacturer .brand-infos a{ font-size: 14px; font-weight: 300; color: #2B2A29; transition: all .6s; text-transform: uppercase; } #manufacturer .brand-infos a:hover{ opacity: 0.5; transition: all .6s; } /* --------------------------------------------------- # CONTACT ----------------------------------------------------*/ #contact #content{ max-width: 992px; box-shadow: none; border: 0; margin: 0 auto; padding: 1rem; } #contact h3{ font-family: "Open Sans"; font-weight: 100; font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320))); color:#5B5B5B; text-transform:inherit; } #contact h3:before{ font-family:'fontawesome'; font-weight: 100; font-size: calc(24px + (108 - 24) * ((100vw - 320px) / (1920 - 320))); content: "\f003"; margin-right: 10px; } @media(max-width:991px){ #contact #content{ max-width: 992px; box-shadow: none; border: 0; margin: 0 auto; padding: 0.1rem; } #contact h3:before{ font-size: 1.2em; } } #contact label{ text-align: left; } #contact .form-group .col-md-3 , #contact .form-group .col-md-6 , #contact .form-group .col-md-9{ width: 100%; float: inherit; display: block; } #contact #left-column{ display:none; } #contact .btn-primary { font-family: 'Open Sans Light'; box-shadow: none; float: left; margin-left: 15px; background-color:#AFCB1F; transition: all 0.6s; padding: 13px; margin-top: 20px; } /* #contact .form-group:nth-child(4n) .col-md-6{ width: 80%; display: inline-block; } #contact .form-group:nth-child(4n) .form-control-comment{ width: 20% !important; } */ /* --------------------------------------------------- # CMS ----------------------------------------------------*/ #cms h1{ margin-top: 60px; margin-left: 15px; text-transform: uppercase; } #cms #main a{ color:#BBC274; transition: all 0.6s; } #cms #main a:hover{ color:#ccc; transition: all 0.6s; } #cms #content-wrapper{ padding-left: 50px; padding-right: 50px; } /* --------------------------------------------------- # SITEMAP ----------------------------------------------------*/ #sitemap h1::before { font-family: "FontAwesome"; font-size: 48px; color:#eaeaea; content: "\f278"; line-height: 110px; margin-left: 30px; } #sitemap h1 .sitemap-title{ font-family: "Open Sans"; font-size: 30px; font-weight: normal; color: #5B5B5B; text-transform: uppercase; margin-left: 12px; } #sitemap ul li a{ font-family: "Open Sans"; font-size: 14px; color: #000; text-transform: uppercase; } #sitemap ul li a:hover , #sitemap ul.nested li a:hover{ color: #AFCB1F; transition: all 0.6s; } #sitemap ul.nested li a{ font-family: "Open Sans"; font-size: 14px; color: #8b8b8b; text-transform: uppercase; transition: all 0.6s; } #sitemap ul.nested li{ list-style:disc; } #sitemap #content-wrapper{ max-width: 1440px; margin: 0 auto; } /* --------------------------------------------------- # MÓDULOS ----------------------------------------------------*/ /* #soydescriptionproduct */ #soydescriptionproduct , #soydescriptionproduct p , #soydescriptionproduct span{ font-family: "Open Sans" !important; font-size: 16px !important; color:#111111; } #soydescriptionproduct , #soydescriptionproduct .page-product-box{ padding-top: 1.25rem; padding-left: 0; padding-right: 0; padding-bottom: 0; margin: 0; } #soydescriptionproduct .page-product-box{ box-shadow:none; } #soydescriptionproduct h3{ display:none; } #soydescriptionproduct p{ font-family: "Open Sans" !important; font-size: 16px !important; color:#111111 !important; } #soydescriptionproduct #soydescripcion_text{ margin-top: -30px; } #soydescriptionproduct #soydescripcion_text .aplus-v2.desktop.celwidget.weblabRtl{ display: block !important; width: auto; } /* #soydescriptionproduct #soydescripcion_text .celwidget.aplus-module, #soydescriptionproduct #soydescripcion_text .celwidget.aplus-module > div{ min-width: unset !important; width: auto !important; } #soydescriptionproduct img{ width: 100% !important; height: auto !important; } */ /* #soydescriptionproduct */ /* #MOD 28850 */ /* PS LinkList */ #soyLinkList{ width: 33.33%; float: left; } @media(max-width:991px){ #soyLinkList{ width: 50%; float: left; } #_mobile_soyContactFooter{ margin-left: 15px; margin-top: -50px; } } @media(max-width:767px){ #soyLinkList{ width: 100%; float: left; } #soyLinkList .soyContactFooter{ display:none; margin-left: 10px; } } #soyLinkList .soyContactFooter a , #_mobile_soyContactFooter a{ color:#000; transition: 0.6s all; } #soyLinkList .soyContactFooter a:hover{ color:#ccc; transition: 0.6s all; } /* ./PS LinkList */ /* --------------------------------------------------- # MEDIA ----------------------------------------------------*/ /* --------------------------------------------------- # 1662PX ----------------------------------------------------*/ @media(min-width:1235px) and (max-width:1662px){ /* --------------------------------------------------- ## HOME_SOYPROMOHOME ----------------------------------------------------*/ #soyPromoHomeDesktop{ padding-left: 15%; padding-right: 15%; } /* --------------------------------------------------- ## HEADER_BÚSQUEDA ----------------------------------------------------*/ body #header .header-top .menu , body #header .header-top .search-widget{ width: 70%; } } /* --------------------------------------------------- # 1439PX ----------------------------------------------------*/ @media(max-width:1439px){ /* --------------------------------------------------- ## HOME ----------------------------------------------------*/ /* --------------------------------------------------- ## HOME_TABS ----------------------------------------------------*/ #tabSoyHome{ padding-left: 10%; padding-right: 10%; } } @media(min-width:992px) and (max-width:1439px){ /* --------------------------------------------------- # HEADER ----------------------------------------------------*/ /* --------------------------------------------------- ## HEADER_MENU ----------------------------------------------------*/ body #header .header-top .menu , body #header .header-top .search-widget{ width: 70%; } body #header .header-top .menu{ padding-left: 0; padding-left: 0; } body #header .menu > ul > li[id^="category-"] a{ padding-left:3px; padding-right:3px; } /* --------------------------------------------------- ## HEADER CARRITO COMPRA // _PS_shoppingcart 992px and 1439px ----------------------------------------------------*/ #_desktop_user_info .account span{ display:none; } #_desktop_user_info .logout::before , #_desktop_user_info .account::before{ margin-right: 5px; } body #header #_desktop_user_info{ margin-right: 5px; } } /* --------------------------------------------------- # 1234PX ----------------------------------------------------*/ @media(min-width:768px) and (max-width:1234px){ /* --------------------------------------------------- ## HOME_SOYPROMOHOME ----------------------------------------------------*/ #soyPromoHomeDesktop{ padding-left: 5%; padding-right: 5%; } } /* --------------------------------------------------- # 1200PX ----------------------------------------------------*/ @media(max-width:1200px){ /* --------------------------------------------------- ## HEADER_MENÚ ----------------------------------------------------*/ body #header .header-top .menu , body #header .header-top .search-widget{ /*width: 78%;*/ } body #header .menu > ul > li[id^="category-"] a { font-size: 13px; } /* --------------------------------------------------- # PRODUCT LIST 1200px ----------------------------------------------------*/ /* --------------------------------------------------- ## PRODUCT MINIATURE ----------------------------------------------------*/ .featured-products .product-miniature{ margin:0; width: 50%; } /* --------------------------------------------------- # CART 1200px ----------------------------------------------------*/ #cart .qty , #cart .price{ padding: 0; } /* --------------------------------------------------- # NEWSLETTER 1200px ----------------------------------------------------*/ #soyNewsletter .content{ max-width: 100%; padding-left: 5%; padding-right: 5%; } #soyNewsletter .btn-primary{ width: inherit; } .soyDivBtnNewsletter{ float:left; width: 40%; } .soyDivBtnNewsletter{ width: auto; } } /* ./1200px */ /* --------------------------------------------------- # 1107PX ----------------------------------------------------*/ @media(max-width:1107px){ #products .product-miniature{ flex: 0 0 33.3%; } } /* --------------------------------------------------- # 991PX ----------------------------------------------------*/ @media(min-width:992px){ .soymenu_category:hover .soymenu_subcategories{ display: block !important; /* Firefox */ -moz-transition-property: all; -moz-transition-duration: 300ms; -moz-transition-timing-function: ease-out; -moz-transition-delay: 20ms; /* Chrome / Safari */ -webkit-transition-property: all; -webkit-transition-duration: 300ms; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: 20ms; /* Opera */ -o-transition-property: all; -o-transition-duration: 300ms; -o-transition-timing-function: ease-out; -o-transition-delay: 20ms; /* Default */ transition-property: all; transition-duration: 1000ms; transition-timing-function: ease-out; transition-delay: 20ms; } } @media(max-width:991px){ /* SoyMenu */ #soymenu .soymenu_category:after{ content:"\f107"; font-family: "fontawesome"; font-size: 12px; position: absolute; right: 20px; padding-top: 9px; top:0; } #soymenu .soymenu_subcategories{ z-index: inherit; position: inherit; box-shadow: none; padding: 0; } #soymenu .soymenu_subcategories h3{ display:none; } /* ./SoyMenu */ /* --------------------------------------------------- # HEADER ----------------------------------------------------*/ body #header .header-top{ border:0; } /* --------------------------------------------------- ## HEADER_NAV ----------------------------------------------------*/ #header .header-nav #menu-icon{ margin-left:0; color: #B0CB1F; } #header .header-nav #menu-icon i{ font-size: 32px; } #header .header-nav .top-logo{ width: 100%; margin: 0 auto; text-align: center; } body #header .header-nav , .mobile:not(.ets_solo_social_wrapper){ margin-bottom: 0; display: block !important; } body #header .header-top{ padding: 0; } body #header #_desktop_logo { display:none; } body #header .header-top .menu{ padding: 0; margin:0; } .soyTop{ width: 100% !important; padding: 0; margin: 0; } #header .header-nav .top-logo a img { max-height: 50px; max-width: 100%; margin-left: 9%; } #header .logo{ padding-top: 4px; padding-bottom: 4px; } #header .header-nav .blockcart{ background: none; } #mobile_top_menu_wrapper .top-menu a[data-depth="0"]{ font-weight: 100; transition: all 0.6s; } #mobile_top_menu_wrapper .top-menu a[data-depth="0"]:hover{ color:#ccc; transition: all 0.6s; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a{ font-weight: 100; text-transform: uppercase; transition: all 0.6s; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a:hover{ color:#ccc; transition: all 0.6s; } /* --------------------------------------------------- ## HEADER INICIO SESIÓN // _PS_customersignin 991px ----------------------------------------------------*/ #header .header-nav .user-info .account{ margin:0; } #_mobile_user_info .logout{ display: inline-block !important; } #header .header-nav .user-info i{ font-family: "FontAwesome"; font-size: 20px; color: #B2B3B3; content: "\f007"; } #_mobile_user_info .user-info .material-icons , #_mobile_user_info .user-info span{ display:none; } /* --------------------------------------------------- ## HEADER CARRITO COMPRA // _PS_shoppingcart ----------------------------------------------------*/ #header .header-nav .cart-preview.active{ background: none; } #header .header-nav .blockcart{ margin-left:0; } /* --------------------------------------------------- ## HEADER_BÚSQUEDA ----------------------------------------------------*/ body #header .header-top .search-widget{ width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 10px; padding-top: 10px; } body #header .header-top .search-widget form .ui-autocomplete-input{ border:0 !important; background: #F6F6F6; } body #header .header-top .search-widget form input{ padding-left: 15px; } body #header .header-top .search-widget form button{ right:0; left:inherit; background-color: #606060; color: #fff; bottom: 0; top:0; } /* --------------------------------------------------- ## HEADER CARRITO COMPRA // _PS_shoppingcart ----------------------------------------------------*/ .soyTotalShoppingBag{ display: none; } .soyBag i{ font-size: 24px; } #header .header-nav .cart-preview.active a{ color:#000; } /* --------------------------------------------------- # HOME 991px ----------------------------------------------------*/ /* --------------------------------------------------- ## HOME_TABS 991px ----------------------------------------------------*/ #tabSoyHome{ margin-top: 0; } /* --------------------------------------------------- # CART 991px ----------------------------------------------------*/ #cart .soyLabel{ margin-bottom: 5px; } /* --------------------------------------------------- # AUTHENTICATION 991px ----------------------------------------------------*/ .register-form p{ margin-top:10px; } /* --------------------------------------------------- ## LOGIN FORM ----------------------------------------------------*/ #soyAuthentication{ margin-top: 10px; } #soyAccessAccount{ margin-top: 30px; } /* --------------------------------------------------- # PRODUCT 991px ----------------------------------------------------*/ #product .h1{ margin-top:60px; } /* Accesories */ #product #soyAccesories .h5{ margin-top:50px; } #product #soyAccesories .products article{ width:25%; } /* ./Accesories */ /* Slides */ .images-container{ display:none; } .images-container-mobile{ display:block; } /* ./Slides */ /* --------------------------------------------------- # FOOTER 991px ----------------------------------------------------*/ #footer .links{ width:50% !important; } #footer .block-contact{ width: 100% !important; padding-left: 15px; padding-right: 15px; } /* --------------------------------------------------- ## MODAL 991px ----------------------------------------------------*/ #product #blockcart-modal .modal-dialog { width: calc(100% - 20px); } #product #blockcart-modal #myModalLabel{ font-size: 14px; } #product #blockcart-modal #myModalLabel i.material-icons{ margin-right:0; font-size: 20px; display: inline-block; } #product #blockcart-modal .btn-primary{ padding-left: 10px; padding-right: 10px; } } /* ./991px */ @media(min-width:768px) and (max-width:992px){ #_desktop_user_info .account span{ display:none; } /* --------------------------------------------------- ## HOME_SOYPROMOHOME ----------------------------------------------------*/ #soyPromoHomeDesktop{ display:none; } #soyPromoHomeMobile{ display:block; width: 100%; padding-top: 10%; padding-bottom: 20%; padding-left: 5%; padding-right: 5%; background:#2B2A29; text-align: center; } .soyPromoHomeImg{ width: 100%; } /* --------------------------------------------------- # PRODUCT LIST ----------------------------------------------------*/ .featured-products .products-section-title{ margin-top:50px; } } /* --------------------------------------------------- # 800PX ----------------------------------------------------*/ @media(max-width:800px){ #products .product-miniature{ flex: 0 0 50%; } } @media(min-width:992px) and (max-width:1170px){ #product .soyProductPVP , #product .soyProductPVPRegular{ width:100%; padding-left: 0; } } /* --------------------------------------------------- # 767PX ----------------------------------------------------*/ @media(max-width:767px){ /* --------------------------------------------------- # GENERAL ----------------------------------------------------*/ .soyNoPaddingDesktop{ padding-left:15px !important; padding-right: 15px !important; } /* --------------------------------------------------- # HEADER 767px ----------------------------------------------------*/ #header{ background: none; } body #header .header-top, #header .header-top{ padding-top:0; padding-bottom:0; background: transparent; } .soyBag i{ color: #B2B3B3; font-size: 22px; } /* --------------------------------------------------- ## HEADER_NAV ----------------------------------------------------*/ body #header .header-nav{ display:block; } /* --------------------------------------------------- ## HEADER_BÚSQUEDA 767px ----------------------------------------------------*/ body #header .header-top .search-widget{ width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 10px; } body #header .header-top .search-widget form .ui-autocomplete-input{ border:0 !important; background: #F6F6F6; } body #header .header-top .search-widget form input{ padding-left: 15px; } body #header .header-top .search-widget form button{ right:0; left:inherit; background-color: #606060; color: #fff; bottom: 0; top:0; } #ui-id-1{ margin-left: 15px; margin-right: 15px; width: 90% !important; } /* --------------------------------------------------- # HOME 767px ----------------------------------------------------*/ .soyVideoHomeDesktop{ display:none; } .soyVideoHomeMobile{ display: block; } /* --------------------------------------------------- ## HOME_SOYPROMOHOME ----------------------------------------------------*/ #soyPromoHomeDesktop{ display:none; } #soyPromoHomeMobile{ display:block; width: 100%; padding-top: 10%; padding-bottom: 20%; padding-left: 5%; padding-right: 5%; background:#2B2A29; text-align: center; } /* --------------------------------------------------- ## HOME_TABS 767px ----------------------------------------------------*/ .px-3 , .py-3{ padding-left: 0 !important; padding-right: 0 !important; } #nav-tab a , #nav-tab .active{ font-size: 14px !important; } /* --------------------------------------------------- # INDEX 767px ----------------------------------------------------*/ #index .products .thumbnail-container .product-description{ min-height: 170px; } /* --------------------------------------------------- # PRODUCT 767px ----------------------------------------------------*/ .soyProductRight{ padding-left: 15px; clear:left; } #product .h1{ margin-top:60px; } #products .product-title{ min-height: 150px; } /* tabs */ #product .tabs{ padding: 0; margin-left:-20px; margin-right: -20px; } #product .tabs .nav-tabs{ } #product .tabs .nav-tabs .nav-item{ float: inherit; } #product .nav-item .nav-link{ font-weight: 300; } #product .tabs .nav-tabs .nav-link{ border-bottom:0; transition: 0.6s all; } #product .nav-item .nav-link::after{ content:"\f107"; font-family: "fontawesome"; position: absolute; right: 15px; } #product .tabs .nav-tabs .nav-link:hover{ border-bottom: 0 !important; color:#fff; background: #AFCB1F; transition: 0.6s all; } #product .tabs .nav-tabs .nav-link.active{ border-bottom: 0 !important; background: #AFCB1F; color:#fff; } #product .tabs .nav-tabs .nav-link.active::after{ content:"\f107"; font-family: "fontawesome"; position: absolute; right: 15px; } #product #tab-content{ padding-left: 15px; padding-right: 15px; } /* ./tabs */ /* --------------------------------------------------- # PRODUCT LIST 767px ----------------------------------------------------*/ #products .product-miniature{ flex: 0 0 50%; } .products-selection .showing{ display:none; } .featured-products .products-section-title{ margin-top:50px; } #products .product-miniature .thumbnail-container{ min-height: 550px; } #products .thumbnail-container .product-description{ box-shadow: none; } #soyBtnComprar{ display:none; } #products #soyBtnComprarMobile{ display:block; width: 100%; background: #AFCB1F; height: 50px; text-align: center; line-height: 50px; color: #fff; font-weight: bold; cursor: pointer; position: absolute; bottom:0; } #index #soyBtnComprarMobile{ display:block; width: 100%; background: #AFCB1F; height: 50px; text-align: center; line-height: 50px; color: #fff; font-weight: bold; cursor: pointer; margin-top:20px; } /* filter */ .products-sort-order .dropdown-menu{ width: 90%; } .products-sort-order.soyNoPaddingDesktop{ padding-left: 15px !important; padding-right: 15px !important; } /* ./filter */ .product-miniature .soy_cantidad_minima { top: 115px; bottom: auto; } .product-miniature .soy_fecha_disponibilidad { top: 190px; bottom: auto; } /* --------------------------------------------------- ## PRODUCT MINIATURE ----------------------------------------------------*/ .featured-products .product-miniature{ width: 50%; } .products .thumbnail-container .product-description{ box-shadow: none; } /* --------------------------------------------------- ## MODAL 767px ----------------------------------------------------*/ #product #blockcart-modal .divide-right{ border-right: none; } #blockcart-modal .soyPVP small{ line-height: 40px; } #blockcart-modal .product-image{ max-width: 180px; } #blockcart-modal .soyPVP{ font-size: 35px; } /* --------------------------------------------------- # CATEGORY 767px ----------------------------------------------------*/ #category #search_filter_toggler { padding: 7px; box-shadow: none; background: #AFCB1F; font-family: 'Open Sans Light'; color:#fff; } #category .btn-secondary{ box-shadow: none; background: #AFCB1F; font-family: 'Open Sans Light'; color:#fff !important; text-transform: uppercase !important; margin-right: 30px; } /* --------------------------------------------------- # FOOTER 767px ----------------------------------------------------*/ #footer .container{ padding-top:0; } .block-contact{ margin-top:20px; } .block-contact .title{ display:none; } #footer .links{ width:100% !important; overflow: hidden !important; } /* #footer .links .title{ padding-bottom: 10px; } */ .footer-container .links ul > li{ border-bottom: 1px solid #e0e0e0; } .footer-container .container{ padding-left: 15px !important; padding-right: 15px !important; } .soyFooterContactInfo{ padding: .625rem; } #soyCopyright{ text-align: center; } #soyFooter{ padding-bottom: 50px; } /* --------------------------------------------------- # BLOCK SOCIAL 767px ----------------------------------------------------*/ .block-social{ margin-top: 30px; text-align: center; } /* --------------------------------------------------- # MY-ACCOUNT 767px ----------------------------------------------------*/ #my-account #content-wrapper , #identity #content-wrapper , #address #content-wrapper , #history #content-wrapper , #order-slip #content-wrapper{ padding-left: 0; } #my-account #content-wrapper{ padding-right: 30px; } /* nav */ .soyLinks{ margin-bottom:40px; } .soyWelcome{ clear:both; } .soyWelcome .title{ line-height: 30px; } .soyLinks h4 { cursor: pointer; } .soyLinks ul { display:none; } .soyLinks h4::after { font-family: "FontAwesome"; content: "\f0c9"; margin-left: 10px; right: 19px; position: absolute; cursor: pointer; } /* ./nav */ /* --------------------------------------------------- # NEWSLETTER 767px ----------------------------------------------------*/ #soyNewsletter{ padding-left: 10px; padding-right: 10px; } /* --------------------------------------------------- # CART 767px ----------------------------------------------------*/ #cart .qty , #cart .price , #cart .text-xs-right{ margin-top:20px; } /* --------------------------------------------------- # ORDER-DETAIL 767px ----------------------------------------------------*/ #order-detail .page-footer{ padding-left: 15px; } #order-detail .text-xs-right{ margin-top:10px; margin-left: 0; padding-left: 0; width: 100%; } } /* --------------------------------------------------- # ./ 767PX ----------------------------------------------------*/ @media(min-width:500px) and (max-width:767px){ #products .product-title{ min-height:90px; } .product-miniature .product-price-and-shipping{ height: 100px; } } /* --------------------------------------------------- # 576PX ----------------------------------------------------*/ @media(max-width:576px){ /* --------------------------------------------------- # HOME 576px ----------------------------------------------------*/ #videoDesktop{ min-height: 180px; } #videoDesktop video{ position: absolute; width: 100%; top: 0; min-height: 180px; } /* --------------------------------------------------- ## HOME_TABS 576px ----------------------------------------------------*/ #tabSoyHome{ padding-left:0; padding-right: 0; margin-top: -25px; margin-bottom: 0px; } #tabSoyHome .nav-tabs{ padding-bottom: 0; border: 0; } .featured-products .product-miniature{ width: 100%; } #nav-tab .nav-item{ width: 100%; } .nav-tabs{ /*padding-bottom: 27px;*/ } #tabSoyHome .py-3{ padding-top: 10px !important; } #tabSoyHome .nav-tabs .nav-link{ transition: 0.6s all; border-bottom: 1px solid #ccc; } #tabSoyHome .nav-tabs .nav-link.active::after{ content:"\f107"; font-family: "fontawesome"; position: absolute; right: 15px; } #tabSoyHome .nav-tabs .nav-link::after{ content:"\f107"; font-family: "fontawesome"; position: absolute; right: 15px; } #tabSoyHome .nav-tabs .nav-link:hover{ color:#fff; border:0; background: #AFCB1F; transition: 0.6s all; } /* --------------------------------------------------- # CART 576px ----------------------------------------------------*/ /* .product-line-grid-left{ width: 100%; } */ /* --------------------------------------------------- # NEWSLETTER 576px ----------------------------------------------------*/ .soyDivInputNewsletter{ width:100%; } #soyNewsletter .btn-primary{ width: 20%; } /* --------------------------------------------------- # PRODUCT 576px ----------------------------------------------------*/ #product .product-actions{ max-width: 100%; } /* Accesories */ #product #soyAccesories .products article{ width:50%; } /* ./Accesories */ /* tabs */ #product .tabs{ padding: 0; margin-left:0px; margin-right:0px; } /* ./tabs */ /* --------------------------------------------------- # PRODUCT MINIATURE 576px ----------------------------------------------------*/ .product-miniature.js-product-miniature{ width: 50%; padding-right:5px; } #products .products{ padding-left: 5px; } #products .product-description{ width: 100%; } #products .product-miniature .discount-percentage.discount-percentage{ margin-left: calc(100% - 50px); } /* --------------------------------------------------- # FOOTER 576px ----------------------------------------------------*/ #soyCopyright .soyLogoFooter{ float: inherit; width: 100%; max-width: inherit; text-align: center; margin-bottom: 10px; } #soyCopyright .soyCopyFooter{ float: inherit; padding-left:0; width: 100%; text-align: center; } #soyCopyright img{ margin: 0 auto; } /* --------------------------------------------------- # MY-ACCOUNT 576px ----------------------------------------------------*/ /* --------------------------------------------------- ## IDENTITY ----------------------------------------------------*/ /* form */ #identity .form-group, #address .form-group{ width: 100%; } } /* --------------------------------------------------- # 476PX ----------------------------------------------------*/ @media(max-width:476px){ /* --------------------------------------------------- # HEADER ----------------------------------------------------*/ /* --------------------------------------------------- ## HEADER_NAV ----------------------------------------------------*/ #header .header-nav .top-logo a img { max-height: 40px; max-width: 100%; margin-left: 0; } /* --------------------------------------------------- # HOME ----------------------------------------------------*/ /* --------------------------------------------------- ## HOME_SOYPROMOHOME ----------------------------------------------------*/ #soyPromoHomeMobile{ padding-left: 10%; padding-right: 10%; } .soyPromoHomeImg , .soyPromoHomeInfo{ width: 100%; } /* --------------------------------------------------- # PRODUCT 476px; ----------------------------------------------------*/ .soyProductImg , .soyProductImg img{ /*width: 100% !important;*/ } /* --------------------------------------------------- # NEWSLETTER ----------------------------------------------------*/ #soyNewsletter h3{ font-size: 32px; } #soyNewsletter h4{ font-size: 20px; } } /* # SOY (diseño y desarrollo) */ #soy_designanddevelopment{ padding: 1%; font-size: 11px; text-align: center; margin-top: -100px; margin-bottom: 20px; } #soy_designanddevelopment a{ color:#B3B3B3; transform: 0.6s all; } #soy_designanddevelopment a:hover{ opacity: 0.5; transform: 0.6s all; } @media(max-width: 768px){ #soy_designanddevelopment{ margin-top: -30px; margin-bottom: 20px; } } /* ./ # SOY (diseño y desarrollo) */ #_mobile_contact_link{ display: none; } #soyCategoryDescription{ margin-top: 2%; margin-bottom: 2%; } @media(max-width: 499px){ #products .product-miniature .product-title a, .product-miniature .product-title a { max-height: 120px; overflow: hidden; display: block; line-height: 1.2; } .product-miniature .soy_cantidad_minima { top: 145px; bottom: auto; line-height: 0.7; } .product-miniature .soy_fecha_disponibilidad { top: 235px; bottom: auto; } } @media(max-width: 480px){ #soy_sequra_home{ display: none; } #soy_sequra_home_mobile{ display: block !important; } #soy_sequra_home_mobile img{ width: 100%; } } /* MOD #26122 (16/11/2020) */ .soyfaq h2.soyfaq_titulo { font-size: 16px; } /* END MOD #26122 (16/11/2020) */ /* MOD #41633 */ .products .product-miniature .discount-amount.discount-amount, #products .product-miniature .discount-amount.discount-amount { z-index: 2; background: #ff0000; top: 5px !important; position: absolute; /* right: 5px; */ box-shadow: none; /* float: right; */ margin-left: 238px; text-align: center; } #soyfaqcategorias .soyfaq{ border: 1px outset; margin-left: 0; border: unset; width: 100%; float: unset; } #soyfaqcategorias .soyfaq .soyfaq_titulo{ font-size: 16px; border-bottom: 1px solid #E6E6E6; min-height: 65px; padding-left: 0; } #soyfaqcategorias .soyfaq_respuesta { padding: 20px; } @media(max-width: 1200px){ #soyfaqcategorias { max-width: 95%; margin: 0 auto; } } /* // MOD ##48998 (24/9/21) - Controlar la visual del comentario de contraseña cuando se registra */ .soy_comentario_password{ display: none; } #authentication #customer-form .soy_comentario_password, #checkout #customer-form .soy_comentario_password{ display: block; padding-top: 0; } /* END MOD */ /* // MOD #49947 (18/10/21) - Ajustar estilo módulo de valoraciones en mi cuenta */ body#my-account #soyvaloraciones_account{ font-family: "Open Sans"; width: 100%; padding: 0; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #7a7a7a; transition: all 0.6s; } /* // MOD #51350 (23/11/21) - Ocultar botón comprar en mobile */ @media screen and (max-width: 767px){ #index #soyBtnComprarMobile, #products a#soyBtnComprarMobile{ display: none!important; } } /* Etiqueta en producto */ .soy_etiquetas{ position: absolute; top: 0; left: 5px; } .soy_etiqueta_texto{ display: block; padding: 2px 5px; text-align: center; margin-top: 5px; font-weight: bold; text-transform: uppercase; font-size: 10px; } .soy_etiqueta_texto.soy_promocion{ background: #000; color: #fff; } .soy_etiqueta_texto.soy_masvendido{ background: #AFCB1F; color: #fff; } /* Ajustar la etiqueta de flag */ .products .product-miniature .discount-amount.discount-amount, #products .product-miniature .discount-amount.discount-amount{ right: 5px; left: unset; } li.product-flag:not(.discount):not(.on-sale) ~ li.product-flag{ left: unset; top: 15px; right: 5px; } /* Mover la etiqueta de novedad a la derecha */ #products .product-miniature .product-flags .new, .featured-products .product-miniature .product-flags .new{ right: 5px; top: 30px !important; left: unset; } #product .soyProductLeft .soy_etiquetas{ left: unset; right: 10px; z-index: 99; } #product .soyProductLeft li.product-flag{ right: unset; } /** * Renponsive a partir de 575px **/ @media screen and (min-width: 575px){ .soy_etiqueta_texto{ font-size: 16px; } } #products .product-miniature .discount-amount, #products .product-miniature .discount-percentage, #products .product-miniature .on-sale, #products .product-miniature .online-only, #products .product-miniature .pack, #products .product-miniature .product-flags .new, .featured-products .product-miniature .discount-amount, .featured-products .product-miniature .discount-percentage, .featured-products .product-miniature .on-sale, .featured-products .product-miniature .online-only, .featured-products .product-miniature .pack, .featured-products .product-miniature .product-flags .new, .product-accessories .product-miniature .discount-amount, .product-accessories .product-miniature .discount-percentage, .product-accessories .product-miniature .on-sale, .product-accessories .product-miniature .online-only, .product-accessories .product-miniature .pack, .product-accessories .product-miniature .product-flags .new, .product-miniature .product-miniature .discount-amount, .product-miniature .product-miniature .discount-percentage, .product-miniature .product-miniature .on-sale, .product-miniature .product-miniature .online-only, .product-miniature .product-miniature .pack, .product-miniature .product-miniature .product-flags .new{ padding: 2px 5px; min-height: auto; font-size: 14px; } /* END MOD */ /* MOD #51650 */ #product #soydescriptionproduct div{ width: 100% !important; min-width: 100% !important; max-width: 100% !important; } #product #soydescriptionproduct img{ width: 100% !important; height: auto !important; margin: 0 auto; } /* ./MOD #51650 */ /* MOD #53376 */ #product .product-actions #soyProductMethods .control-label{ font-size: 12px; } #soyProductMethods img{ margin-top: 10px; margin-bottom: 10px; } /* ./MOD #53376 */ /* // MOD #26122 (12/5/22) - Ajuste imagen de transportista en checkout */ body#checkout section.checkout-step .delivery-option, body#checkout section.checkout-step .delivery-option label .row{ display: flex; justify-content: center; align-items: center; } body#checkout section.checkout-step .delivery-option label .row img{ width: 50px; height: auto; } /* END MOD */ /* // MOD #26122 (13/6/22) - Ajuste iconos redes footer */ .displaySoyFooter .block-social ul{ display: flex; flex-wrap: wrap; margin: 30px 0; justify-content: center; align-items: first baseline; } @media (min-width: 350px) and (max-width: 400px){ .displaySoyFooter .block-social ul{ display: flex; flex-wrap: nowrap; } } /* END MOD */ /* // SOYMOD #26122 (14/3/23) - Ajuste CSS para las li */ .product-description ul li{ list-style: disc; } /* END MOD */ /* SOYMOD #66934 (03/04/2023) - Ajustar fecha disponibilidad en móvil */ @media screen and (max-width:767px) { .product-miniature .soy_fecha_disponibilidad { bottom: 55px; top: auto; } } /* END SOYMOD */