/* Minification failed. Returning unminified contents.
(13934,39): run-time error CSS1046: Expect comma, found '0'
(13934,43): run-time error CSS1046: Expect comma, found '/'
*/
/* fuentes */
@font-face {
font-family: 'Gotham';
src: url('/content/fonts/Gotham-Book.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('/content/fonts/Gotham-Light.otf');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('/content/fonts/Gotham-Medium.otf');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('/content/fonts/Gotham-Bold.otf');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url('/content/fonts/Gotham-Black.otf');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('/content/fonts/Montserrat-Regular.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ionicons';
src: url('/content/fonts/ionicons.eot');
font-weight: normal;
font-style: normal;
}
/*////////////////////////////////////////////////////////////////////*/
/* GENERALES //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
body {
font-family: 'Gotham', sans-serif;
font-weight: normal;
}
header,
header .upper,
.header .main,
section,
.LOGO,
.MENU_TOP,
.MENU_MAIN,
.SEARCH_BOX,
.CART_BOX,
.LOGIN_BOX,
footer,
footer .upper,
footer .main,
footer .credits {
position: relative
}
header,
#wrap section,
footer {
float: left;
width: 100%;
}
* {
text-shadow: none
}
*:after,
*:before {
text-transform: none !important
}
.MENU_MAIN li[class^='code-NO-'], .MENU_MAIN li[class*='code-NO-'], #mmenu li[class^='code-NO-'], #mmenu li[class*='code-NO-'], .category_tree li[class^='code-NO-'], .category_tree li[class*='code-NO-'], li[class^='code-NO-'] {
display: none !important;
}
.align_center {
text-align: center
}
.align_right {
text-align: right
}
.align_left {
text-align: left
}
/* mostrar/ocultar elementos */
.muestro {
display: block;
}
.mostrame {
display: none;
}
.muestro:hover ~ .mostrame,
.mostrame:hover {
display: block;
}
a {
transition: all 0.3s ease-in 0s;
}
/* banners */
.banner-item {
width: 100% !important;
margin: 0 0 10px 0;
}
.banner-item img {
width: 100%;
}
.banner-item.Html img {
width: auto;
}
.banner-item.Image img {
border: 1px solid #e4e4e4;
}
/* forms */
.required {
color: #dd1919;
float: right;
font-size: 1.2em;
margin-left: 4px;
margin-top: 1px;
}
fieldset p {
color: #777;
float: left;
font-size: 0.9em;
margin-top: 10px;
}
.message {
border: 1px solid;
background-clip: padding-box;
border-radius: 2px;
display: block;
font-size: 2em;
line-height: 1em;
padding: 15px;
}
textarea {
border: 1px solid #CCCCCC;
}
#loading-image {
height: 60px;
background: url(/Content/templates/base/images/writing.gif) no-repeat center center;
width: 100%;
background-size: contain;
}
.border-red {
border: 1px solid red !important
}
.error {
padding: 5px 0 20px;
}
/* Validación formularios (agregar clase "validar") ********/
.validar .input-validation-error {
border-color: #fff #fff #6e6e6e;
}
.validar .form-control.valid {
border-color: #fff #fff #000;
}
.validar .field-validation-error,
.validar .field-validation-valid {
color: #6e6e6e;
float: left;
font-size: 0.88em;
font-style: italic;
height: 26px;
margin: 0 !important;
padding: 3px 0 0 !important;
width: 100%;
}
.validar .field-validation-error {
color: #ba0013;
}
.validar .field-validation-error:before {
content: "\f12a";
}
.validar .field-validation-valid:before {
content: "\f122";
}
.validar .field-validation-error::before,
.validar .field-validation-valid::before {
background: transparent none repeat scroll 0 0;
bottom: 34px;
font-family: "Ionicons";
font-size: 14px;
font-style: normal;
line-height: 18px;
position: absolute;
right: 18px;
z-index: 1;
}
.validar .field-validation-valid.disabl::before {
display: none;
}
.validar .field-validation-valid {
height: 0
}
.validar .field-validation-valid:before {
color: #888;
bottom: 12px;
}
.validar .sel .field-validation-valid:before,
.validar .sel .field-validation-error:before {
display: none !important;
}
/* RECUPERAR CONTRASEÑA ***********************/
.Recover .user_wrapper {
border: 1px solid #ccc;
box-shadow: none;
margin: 30px auto;
padding: 30px;
}
.Recover section form {
margin-left: 47px;
width: 50%;
}
.Recover section .btn {
margin-top: 10px
}
.Recover section p {
color: #777777;
font-size: 1em;
margin-bottom: 100px;
}
@media (max-width: 479px) {
.Recover section form {
margin-left: 0;
width: 100%;
}
}
/*////////////////////////////////////////////////////////////////////*/
/* HEADER //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
section,
header,
header .upper,
header .main,
footer,
footer .upper,
footer .main,
footer .credits {
float: left;
width: 100%;
position: relative;
}
header {
z-index: 3;
top: 0px;
background: #FFF;
}
header .upper {
background-color: #af1403;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
header .main .container-fluid .col-xs-12 {
padding: 0;
}
}
/* UPPER BANNER **********************************************/
.b-up {
font-size: 13px;
line-height: 1.2em;
float: none;
width: 100%;
height: 30px;
text-align: center;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 1%;
}
.b-up .seg_envio{
width: auto;
display: flex;
align-items: center;
font-size: 1em;
}
.b-up .seg_envio svg {
width: 25px;
margin-right: 5px;
font-size: 1em;
}
.b-up li a {
color: #fff;
float: left;
line-height: 1.2em;
opacity: .8;
font-size: 1.5em;
margin: 0px 10px;
}
.b-up li a.fb::before {
content: "\f231";
font-family: 'Ionicons'!important;
}
.b-up li a.it::before {
content: "\f350";
font-family: 'Ionicons'!important;
}
.b-up li a.yt::before {
content: "\f24c";
font-family: 'Ionicons'!important;
}
.upper .container-fluid {
display: flex;
}
.b-up > div {
color: #5B5454;
padding: 5px 35px 5px 45px;
display: inline-block;
text-align: left;
position: relative;
}
.b-up > div::before {
content: "";
position: absolute;
background-size: cover;
display: block;
background-repeat: no-repeat;
background-position: center;
top: 5px;
}
.b-up > div.pago:before {
background-image: url(/Content/Images/creditcard.png);
left: -20px;
min-height: 32px;
min-width: 42px;
}
.b-up > div.envio:before {
background-image: url(/Content/Images/i-camion.png);
left: -10px;
min-height: 29px;
min-width: 45px;
}
.b-up > div.retirar:before {
background-image: url(/Content/Images/tel.png);
left: -5px;
min-height: 34px;
min-width: 34px;
}
.b-up h4 {
margin: 0 0 3px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.b-up span {
line-height: 1.05em;
float: left;
}
.b-up span a {
color: #5B5454;
}
.b-up a:hover {
color: #727272;
}
@media (max-width: 1199px) {
.b-up {
padding-left: 0;
}
.b-up > div {
display: block;
width: 46%;
float: left;
margin-left: 4%;
}
}
@media (max-width: 991px) {
.b-up {
font-size: 0.9em;
}
header .upper {
display: none
}
}
@media (max-width: 767px) {
.b-up {
font-size: 0.8em
}
}
@media (max-width: 479px) {
.b-up {
font-size: 0.75em;
display: none
}
.Home .b-up {
display: block
}
}
/* UPPER SOCIALS **********************************************/
.upper .socials {
float: left;
width: 150px;
}
.upper .socials h3 {
color: #6e6e6e;
font-family: "Gotham", sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 1em;
float: left;
padding: 12px 0 0 10px;
margin: 0;
line-height: 1.2em;
}
.upper .socials ul li a {
color: #a4adb3;
float: left;
font-size: 1.4em;
width: 28px;
text-align: center;
padding: 8px 0 0;
line-height: 1.2em;
}
.upper .socials ul li a:hover {
color: #6e6e6e;
}
/* MAIN **********************************************/
header .main {
background: #eef0f1;
}
header .main {
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #eef0f1), color-stop(40px, #ffffff));
background-image: -o-linear-gradient(bottom, #eef0f1 0%, #ffffff 40px);
background-image: -moz-linear-gradient(bottom, #eef0f1 0%, #ffffff 40px);
background-image: -webkit-linear-gradient(bottom, #eef0f1 0%, #ffffff 40px);
background-image: -ms-linear-gradient(bottom, #eef0f1 0%, #ffffff 40px);
background-image: linear-gradient(to bottom, #eef0f1 0%, #ffffff 40px);
background: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
}
header .main .navbar-default {
border: 0 none;
box-shadow: none;
height: auto;
margin: 0;
padding: 0;
width: 100%;
background: transparent;
}
.LOGO {
float: left;
padding: 0;
position: relative;
text-align: center;
width: 348px;
margin: 14px 33px 10px 14px;
height: auto;
}
.LOGO img {
width: 100%;
}
@media (max-width: 767px) {
header .main {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}
}
/* MENU_TOP *******************************/
.menu-nav {
margin-right: 20px !important;
}
.menu-nav li:first-child {
margin-right: 13px !important;
}
.MENU_TOP {
float: left;
margin: 36px 10px 0 0;
top: 5px;
}
.MENU_TOP > span:last-child {
display: none
}
.MENU_TOP > li > a {
background: transparent none repeat scroll 0 0;
color: #FFF !important;
font-size: 14.5px;
line-height: 14px;
padding: 5px 9px 12px;
text-shadow: none;
font-size: 16px;
line-height: 14px;
}
.MENU_TOP > li:hover > a span {
text-decoration: underline
}
.MENU_TOP > li:hover ul {
display: block !important
}
.caret {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
opacity: 0.6;
margin-left: 0;
}
/* submenu marcas */
.MENU_TOP ul {
border-color: #ccc #bbb #6e6e6e;
border-style: solid;
border-width: 1px 1px 3px;
left: -50%;
min-width: unset;
width: 150px;
}
.MENU_TOP ul a {
background: transparent none repeat scroll 0 0 !important;
padding: 7px 25px;
}
.MENU_TOP ul a img {
width: 100%;
}
.MENU_TOP ul a img {
filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: Gray(Opacity=40);
opacity: 0.5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.MENU_TOP ul a:hover img {
filter: none;
opacity: 1;
}
.MENU_TOP .brand .dropdown-menu {
max-height: 383px;
overflow-y: auto;
overflow-x: hidden;
}
/* LOGIN_BOX *******************************/
.LOGIN_BOX,
.CART_BOX {
float: right;
margin-top: 13px;
}
.LOGIN_BOX {
margin-left: 10px;
}
.LOGIN_BOX .dropdown-menu {
border: 1px solid #6e6e6e;
border-radius: 0;
box-shadow: none;
margin-top: -10px;
}
.LOGIN_BOX > li > a {
float: left;
padding: 8px 6px;
}
.LOGIN_BOX ul li a {
float: left;
font-size: 0.9em !important;
line-height: 1.1em;
width: auto;
}
.LOGIN_BOX .login-button,
.CART_BOX .cart-button {
display: block;
padding: 3px 5px 9px 20px;
margin: 20px 4px 0;
width: auto;
position: relative;
float: left;
}
.LOGIN_BOX .login-button span,
.CART_BOX .cart-button span {
font-weight: normal;
font-size: 13px;
line-height: 17px;
color: #FFFFFF;
text-align: left;
float: left;
color: rgba(255, 255, 255, 0.65);
}
.LOGIN_BOX .login-button span strong,
.CART_BOX .cart-button span strong {
display: block;
color: #FFFFFF;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.LOGIN_BOX .login-button span strong::after,
.CART_BOX .cart-button span strong::after {
content: "\f35f"
}
.LOGIN_BOX .login-button span strong::after,
.CART_BOX .cart-button span strong::after {
font-family: "Ionicons";
margin-left: 4px;
float: right;
}
.LOGIN_BOX .login-button .i-login, .CART_BOX .cart-button .i-cart {
color: white;
float: left;
font-size: 27px;
text-align: center;
height: 40px;
line-height: 37px;
margin-right: 9px;
}
.CART_BOX .cart-button::before {
content: "";
width: 1px;
height: 40px;
background: #8DA6BA;
position: absolute;
display: block;
left: 8px;
opacity: 0.42;
}
.u-data::before {
content: "J";
font-family: "e3font";
margin-right: 1em;
}
.u-favs::before {
content: "Z";
font-family: "e3font";
margin-right: 1em;
}
.u-orders::before {
content: "0";
font-family: "e3font";
margin-right: 1em;
}
.u-logout::before {
content: "2";
font-family: "e3font";
margin-right: 1em;
}
.mm-menu .mm-list {
padding: 10px 0;
}
ul.mm-nolistview.mm-list {
background: rgba(207, 43, 25, 1);
display: flex;
justify-content: space-evenly;
align-items: center;
width: auto;
position: relative;
top: -2px;
text-align: center;
}
ul.mm-nolistview.mm-list li a {
color: white;
}
ul.mm-nolistview.mm-list li a:hover {
color: white !important;
}
#mmenu li.name {
color: #fff;
font-weight: 500;
font-size: 0.85em;
background: rgba(207, 43, 25, 1);
text-align: center;
text-transform: uppercase;
position: relative;
width: 100%;
padding: 7px 0 0;
}
.mm-list > li > a, .mm-list > li > form a, .mm-list > li > span {
color: #000;
display: block;
font-size: 0.82em;
font-weight: normal;
letter-spacing: 0;
line-height: 1.3em;
margin: 0;
opacity: 1;
overflow: hidden;
padding: 0 14px;
text-overflow: ellipsis;
white-space: normal;
}
#mmenu .u-data:before, #mmenu .u-favs:before, #mmenu .u-orders:before, #mmenu .u-logout:before, #mmenu .u-pass:before {
font-family: "e3font" !important;
font-weight: normal;
display: block;
font-size: 24px;
height: 38px;
line-height: 32px;
margin: 0 !important;
}
#mmenu .u-data:before {
content: "J";
}
#mmenu .u-favs:before {
content: "Z";
}
#mmenu .u-orders:before {
content: "0";
}
#mmenu .u-logout:before {
content: "2";
}
#mmenu .u-pass:before {
content: "y";
}
#mmenu ul.extras.extras2 {
margin-top: 0;
}
#mmenu ul.extras2 > li > a {
color: rgba(207, 43, 25, 1);
}
.LOGIN_BOX .login-button .i-login::before {
content: "J ";
font-family: "e3font";
}
.LOGIN_BOX .login_window,
.CART_BOX .cart-window {
background: #fff none repeat scroll 0 0;
border: 1px solid #6e6e6e;
border-radius: 0;
box-shadow: none;
color: inherit;
margin-top: -10px;
overflow: hidden;
position: absolute;
right: 0;
text-align: left;
text-transform: none;
top: 100%;
}
.LOGIN_BOX .login_window {
left: auto;
padding: 15px;
width: 270px;
}
.CART_BOX .cart-window {
max-height: 565px;
min-height: 72px;
padding: 0;
width: 350px;
}
.LOGIN_BOX .login_window legend {
display: none;
}
.LOGIN_BOX .login_window .form-group {
margin-bottom: 8px;
}
.LOGIN_BOX .login_window input[type="email"],
.LOGIN_BOX .login_window input[type="password"] {
background-clip: padding-box;
box-shadow: none;
}
.LOGIN_BOX .login_window input[type="submit"] {
float: right;
font-size: 0.9em;
}
.forget {
color: rgba(0, 0, 0, 0.54);
float: left !important;
font-size: 0.9em !important;
margin-top: 5px;
width: auto !important;
}
.register {
border-top: 1px solid rgba(0, 0, 0, 0.15);
clear: both;
letter-spacing: 0.03em;
margin-top: 27px;
padding-top: 7px;
text-align: center;
width: 100% !important;
}
.LOGIN_BOX .dropdown-menu > li > a, .LOGIN_BOX .dropdown-menu > li form > a {
color: #000;
font-size: 1em !important;
margin: 0;
padding: 10px 15px 10px 10px;
text-align: right;
width: 100%;
}
.LOGIN_BOX .dropdown-menu > li a::before {
float: left;
font-size: 1.3em;
opacity: 0.4;
text-align: center;
width: 25px;
display: none;
}
.LOGIN_BOX .dropdown-menu li a:hover {
background: transparent none repeat scroll 0 0 !important;
opacity: 1;
text-decoration: underline;
}
/* abrir login_box en :hover */
.LOGIN_BOX > div:hover > .dropdown-menu {
display: block;
}
/* CART_BOX *************************************/
.CART_BOX .cart-button {
margin-right: 11px;
}
.CART_BOX .cart-button .i-cart {
font-size: 38px;
}
.CART_BOX .cart-button .i-cart::before {
content: "d";
font-family: "pragafont";
}
.CART_BOX .cart-button .items {
position: absolute;
top: -10px;
left: 39px;
}
.CART_BOX .cart-button .items * {
color: white;
font-size: 15px;
text-align: center !important;
float: none;
}
.CART_BOX .cart-window ol {
background: #fff none repeat scroll 0 0;
float: left;
margin: 0;
max-height: 230px;
overflow-x: hidden;
overflow-y: auto;
padding: 15px;
width: 100%;
}
.CART_BOX .cart-window ol li {
border-bottom: 1px solid #ddd;
display: block;
float: left;
height: auto;
min-height: 60px;
padding: 7px 0;
position: relative;
width: 100%;
}
.CART_BOX .cart-window .img {
float: left;
margin-right: 5%;
text-align: center;
width: 17%;
}
.CART_BOX .cart-window .img img {
margin: 0 auto;
max-height: 75px;
max-width: 100%;
}
.CART_BOX .cart-window .datos {
float: left;
height: auto;
text-align: left;
width: 49%;
}
.CART_BOX .cart-window .name {
float: left;
font-size: 0.95em;
line-height: 1.2em;
margin-bottom: 3px;
width: 100%;
}
.CART_BOX .cart-window .cantidad {
color: #848273;
font-size: 0.8em;
font-weight: lighter;
}
.CART_BOX .cart-window .cantidad strong {
font-weight: normal;
font-size: 1.1em;
}
.CART_BOX .cart-window .price {
float: right;
font-size: 0.8em;
text-align: right;
width: 29%;
}
.CART_BOX .cart-window .price span {
font-size: 1.2em;
font-weight: normal;
}
.CART_BOX .cart-window .remove {
background: none repeat scroll 0 0 #ccc;
background-clip: padding-box;
border-radius: 20px;
color: #fff;
float: right;
font-size: 0.6em;
height: 18px;
line-height: 17px;
text-align: center;
width: 18px;
}
.CART_BOX .cart-window .remove:hover {
background: #888
}
.CART_BOX .cart-window .subtotal {
float: left;
font-size: 1em;
letter-spacing: 0.03em;
padding: 13px 15px 12px 0;
text-align: right;
text-transform: uppercase;
width: 100%;
}
.CART_BOX .cart-window .subtotal span {
display: inline-block;
float: right;
font-size: 1.2em;
font-weight: bold;
padding-left: 4px;
}
.botones {
padding: 0 15px 15px;
float: left;
width: 100%;
}
.CART_BOX .cart-window .btn {
float: left;
font-size: 0.8em;
margin: 10px 0 0;
padding: 6px;
text-align: center;
width: 48%;
}
.CART_BOX .cart-window .mje-nohay {
margin: 15px;
text-align: center;
}
/* SEARCH_BOX *******************************/
.SEARCH_BOX {
float: none !important;
margin-top: 33px;
width: auto !important;
z-index: 1000;
}
.navbar-header,
.LOGO,
.mmenu_button,
.MENU_TOP {
z-index: 1001 !important;
}
.LOGIN_BOX,
.CART_BOX {
z-index: 1002 !important;
/* margin-top: 13px !important;
margin-left: 14px !important; */
}
.SEARCH_BOX fieldset {
float: unset;
height: 42px;
/*padding: 0 20px 0 40px;*/
position: relative;
width: unset;
max-width: unset;
}
.SEARCH_BOX .form-group {
background: #fff none repeat scroll 0 0;
border-radius: 2px !important;
height: 100%;
margin: 0 !important;
padding: 0;
width: 100%;
}
.SEARCH_BOX .input-group-btn {
background: #232426 none repeat scroll 0 0;
border: 0 none !important;
display: none;
font-size: 0.9em;
height: 100%;
line-height: 1.2em;
margin: 0;
padding: 0;
width: auto;
z-index: 3;
}
.SEARCH_BOX .input-group-btn button {
background: transparent none repeat scroll 0 0 !important;
box-shadow: none !important;
color: #fff !important;
float: left;
font-size: 1em;
font-weight: normal;
height: 100%;
letter-spacing: 0.02em;
line-height: 100%;
opacity: 0.7;
padding: 0 9px !important;
text-align: left;
text-transform: none;
white-space: normal;
width: auto;
z-index: 1;
}
.SEARCH_BOX .input-group-btn button .caret {
border-width: 3px 3px 0;
float: right;
margin: 6px auto 3px 4px;
}
.SEARCH_BOX .btn-default:active,
.SEARCH_BOX .open > .btn-default {
background-color: #6e6e6e !important;
opacity: 1;
}
.SEARCH_BOX .input-group-btn .dropdown-menu {
border: 1px solid #6e6e6e;
border-radius: 0 !important;
font-size: 0.97em;
left: -1px;
margin-top: 0;
}
.SEARCH_BOX .input-group-btn .dropdown-menu a {
color: #222;
padding: 3px 15px;
}
.SEARCH_BOX .input-group-btn .dropdown-menu a:hover,
.SEARCH_BOX .input-group-btn .dropdown-menu a:focus {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: inherit;
text-decoration: underline;
}
.SEARCH_BOX .form-control {
background: #fff;
border: 0 none !important;
border-radius: 0;
box-shadow: none;
color: #000;
display: inline-block;
float: right;
font-weight: normal;
height: 100%;
line-height: 100%;
margin: 0 0 0 -103px !important;
overflow: hidden;
padding: 0 12px 0 12px;
width: 100%;
z-index: 2;
font-size: 1.15em;
}
.SEARCH_BOX .search_submit {
background: transparent;
border: 0 none !important;
box-shadow: none;
color: #010B14;
display: inline;
font-size: 17px;
height: calc(100% - 2px);
line-height: 100%;
padding: 0;
position: absolute;
right: 5px;
text-align: center;
top: 2px;
width: 45px;
z-index: 3;
}
.SEARCH_BOX .search_submit:hover {
color: #404e56;
}
.SEARCH_BOX .search_submit span:before {
font-family: "e3font";
}
.SEARCH_BOX .search_submit span:before {
content: "E";
}
.SEARCH_BOX ::-webkit-input-placeholder {
color: #999 !important;
}
.SEARCH_BOX :-moz-placeholder {
color: #999 !important;
}
.SEARCH_BOX ::-moz-placeholder {
color: #999 !important;
}
.SEARCH_BOX :-ms-input-placeholder {
color: #999 !important;
}
.SEARCH_BOX .navbar-form {
margin: 8px 0;
padding: 0;
}
/* autocomplete */
.ui-autocomplete {
background-color: #fff;
border-radius: 2px;
color: #343434;
font-size: 0.9em;
margin-top: 0;
border: 1px solid #b6b6b6;
max-height: 300px !important;
overflow-y: auto;
padding: 5px 0;
z-index: 9999;
box-shadow: -1px 4px 6px rgba(0, 0, 0, 0.22);
width: 100% !important;
position: absolute;
display: block !important;
height: auto;
top: 100%;
}
.ui-autocomplete article.prods {
float: left;
width: 100%;
font-size: 14px;
padding: 2px 0;
}
.ui-autocomplete .ttalprods {
position: static;
color: #000;
float: right;
font-size: 1.1em;
text-transform: none;
letter-spacing: 0;
display: block;
width: 100%;
padding: 5px 10px;
}
.ui-autocomplete .ttalprods span {
float: left;
font-weight: 500;
margin-right: 4px;
}
.ui-autocomplete .ttalprods span strong {
font-weight: normal
}
.ui-autocomplete .ttalprods a {
text-decoration: underline;
z-index: 2;
position: relative;
float: right;
font-size: 1em;
font-weight: 500;
color: #162B3E;
display: block;
letter-spacing: 0;
}
.ui-autocomplete article.CatHead {
padding: 10px 10px;
font-weight: 500;
color: #fff;
width: 100%;
background-color: #173855;
text-transform: uppercase;
font-size: 0.94em;
letter-spacing: 0.02em;
border-top: 1px solid #FFC627;
margin: 0;
background: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
}
.ui-autocomplete article.CatHead a {
color: #fff;
width: 100%;
}
.ProdsHeadContainer .prods img {
max-width: 50px;
margin-right: 15px;
}
.ui-autocomplete article.CatHead a span {
text-transform: none;
font-weight: normal;
letter-spacing: 0;
text-decoration: underline;
font-size: 1.05em;
float: right;
}
.ui-autocomplete article.prods a {
padding: 7px 15px;
float: left;
width: calc(100% - 6px);
margin-left: 6px;
line-height: 1.2em;
}
.ui-autocomplete article.prods p {
margin: 0
}
.ui-autocomplete article.prods a:hover {
color: #162B3E !important
}
.ui-autocomplete article.CatHead a:hover {
color: #FFC627 !important
}
/* MENU_MAIN *******************************/
/* item "piezas" */
.MENU_MAIN .nav > li.piezas {
border-left: 1px solid #8fa2b0;
border-right: 1px solid #8fa2b0
}
.MENU_MAIN .caret {
margin-left: 5px;
opacity: 1;
display: none;
}
.MENU_MAIN .nav > li.link > a {
color: white !important;
}
#navbar .row .col-xs-12 {
display: flex;
justify-content: space-between;
align-items: center;
}
.followShip {
color: #fff;
margin-right: 1%;
}
.followShip:hover {
color: #fff;
text-decoration: underline;
}
.followShip::before {
content: "f";
font-family: "pragafont";
color: #fff;
font-size: 1.7em;
position: relative;
right: 7px;
top: 7px;
}
/* :hover */
.MENU_MAIN .nav > li > a:focus,
.MENU_MAIN .nav > li > a:hover,
.MENU_MAIN .nav > li:hover > a {
text-decoration: none;
background-color: transparent !important;
color: #fff !important;
}
/* ul ul */
.MENU_MAIN ul li ul {
background-color: #fff;
border-color: #ccc;
border-radius: 0 !important;
border-style: solid;
border-width: 0 1px 1px;
left: -1px;
top: 100%;
padding: 15px 0;
height: 440px;
width: 222px;
box-shadow: 6px 3px 7px rgba(57, 57, 57, 0.13);
margin: 0;
}
.menuBckImg {
background-position: center right;
background-repeat: no-repeat;
background-size: auto 100%;
height: calc(100% - 40px);
overflow: hidden;
position: absolute;
right: 20px;
top: 20px;
width: calc(54% - 20px);
}
.menuBckImg::before {
width: 1px;
height: 100%;
position: absolute;
display: block;
content: "";
background: #ccc;
left: 0;
top: 0;
}
.MENU_MAIN ul li ul li {
clear: left;
float: left;
width: 100%;
}
.MENU_MAIN ul li ul a {
color: #2D2D2D;
padding: 10px 23px;
white-space: normal;
background: transparent !important;
font-size: 15px;
line-height: 17px !important;
text-transform: none;
letter-spacing: -0.03em;
width: 100%;
}
.MENU_MAIN ul li ul a:hover {
color: #fff;
background-color: #5B5454 !important;
text-decoration: none;
}
.MENU_MAIN .dropdown-submenu ul li ul a {
line-height: 1em;
z-index: 9999;
}
/* .MENU_MAIN .dropdown-submenu ul li ul a:hover {
color: #fff;
background-color: #5B5454 !important;
text-decoration: none;
}
*/
.MENU_MAIN .dropdown-header {
display: block;
padding: 0px 5px;
font-size: 1.1em;
line-height: 1em;
color: #777;
white-space: nowrap;
}
.MENU_MAIN .dropdown-header::before {
content: "Y";
font-family: "e3font";
font-size: 23px;
position: relative;
padding: 10px;
top: 4px;
font-weight: 500;
}
.MENU_MAIN .dropdown-header::after {
width: 220px;
height: 1px;
background-color: #ddd;
content: "";
display: block;
margin-top: 20px;
left: -4px;
position: relative;
}
.primer-cat::before {
content: "";
top: -10px;
left: 40%;
position: absolute;
width: 0;
height: 0;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
border-bottom: 11px solid #fff;
}
/* abrir menu en :hover */
.MENU_MAIN ul li:hover > .dropdown-menu {
display: block;
}
.cat-item-Cats {
background: #312D2D;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
font-size: 1.09em;
padding: 0px 31px;
margin: 0px 18px;
}
.cat-item-Cats > a::after {
content: "\f3d0";
font-family: "Ionicons";
position: relative;
color: #fff;
margin-left: 7px;
font-size: 13px;
}
.MENU_MAIN .dropdown-header a {
padding: 0;
}
.MENU_MAIN .dropdown-header a:hover {
padding: 0;
background-color: white !important;
color: #000;
}
#mmenu .mainmenu .dropdown-header a {
display: inline !important;
padding: 0 20px !important;
font-weight: normal;
line-height: 1em;
text-transform: capitalize;
font-size: 1em;
}
ul.dropdown-menu.primer-cat {
height: auto;
}
ul.dropdown-menu.subcat {
position: relative !important;
left: 0 !important;
width: 100% !important;
border: none !important;
box-shadow: unset !important;
font-size: 13px;
padding: 5px 10px;
}
ul.dropdown-menu.subcat li {
width: 100% !important;
}
ul.dropdown-menu.subcat li a {
color: #000;
font-size: 13px;
}
/* 3er nivel ****/
.MENU_MAIN ul ul ul ul {
left: 46%;
}
.MENU_MAIN ul ul ul li.noImg > ul > li {
width: 100% !important;
}
@media (max-width: 1199px) {
.MENU_MAIN .nav > li > a {
font-size: 1em;
padding: 9px;
height: 46px;
}
.cat-item-Cats {
text-transform: uppercase;
font-size: 0.95em;
padding: 0 17px;
margin: 0 10px 0 0;
}
.MENU_MAIN .nav > li > a > img {
max-width: 20px;
margin-right: 5px;
display: block;
}
.cat-item-Cats::after {
left: 0px;
}
.MENU_MAIN .dropdown-header::before {
font-size: 20px;
padding: 5px;
}
.MENU_MAIN .dropdown-header {
font-size: 0.9em;
}
.MENU_MAIN .dropdown-header::after {
width: 157px;
}
.MENU_MAIN ul li ul a {
padding: 5px 20px;
font-size: 14px;
}
.MENU_TOP {
margin: 22px 10px 0 0 !important;
}
.SEARCH_BOX {
margin-top: 16px !important;
}
}
@media (max-width: 991px) {
.MENU_MAIN {
display: none;
}
}
.MENU_MAIN ul ul ul {
position: absolute;
width: 490px;
left: 100%;
top: 0;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
border-width: 0 1px 1px 0;
height: calc(100% + 1px);
}
/* .MENU_MAIN ul ul ul::before {
width: 1px;
height: calc(100% - 40px);
position: absolute;
display: block;
content: "";
background: #ccc;
left: 0;
top: 20px;
}
*/
.MENU_MAIN ul ul li.noImg > ul {
width: 100% !important;
}
#menu-width .dropdown-submenu .dropdown-submenu:hover > .dropdown-menu {
display: flex;
}
#menu-width ul ul.dropdown-menu li {
width: calc(46% + 1px);
}
#menu-width ul li.noImg ul.dropdown-menu li {
width: 100%;
}
#menu-width > .dropdown-submenu > .dropdown-menu > .dropdown-submenu {
display: inline-block;
width: 100%;
float: left;
position: static;
}
.MENU_MAIN ul li ul li.dropdown-submenu > a::after {
content: "\f3d3";
font-family: "Ionicons";
opacity: 0.3;
font-size: 14px;
position: absolute;
right: 14px;
}
.MENU_MAIN ul li ul.noImage {
width: 220px;
}
.MENU_MAIN ul li ul.noImage > li {
width: 100% !important;
}
#menu-width .dropdown-submenu .dropdown-menu.noImage .dropdown-submenu .dropdown-menu {
width: 400px;
left: 100%;
}
#menu-width .dropdown-menu .caret {
position: absolute;
right: 15px;
top: 12px;
}
.MENU_MAIN .dropdown-menu a {
position: relative;
}
@media (max-width: 1439px) {
#menu-width .dropdown-submenu .dropdown-menu.noImage .dropdown-submenu .dropdown-menu {
width: 230px;
left: 100%;
}
#menu-width .dropdown-submenu .dropdown-menu .dropdown-submenu:hover .dropdown-menu li {
width: 100% !important;
}
#menu-width .dropdown-submenu .dropdown-menu.noImage .dropdown-submenu .dropdown-menu {
max-height: unset;
}
}
/* banner loguitos marcas */
.MENU_MAIN .banner.marcas {
width: 90%;
position: absolute;
bottom: 0;
left: 0;
max-width: 100% !important;
padding: 13px 0 23px;
border-top: 1px solid #ddd;
margin: 0 5% 0;
display: table;
text-align: center;
}
.MENU_MAIN .banner.marcas a {
float: none;
width: 95px;
white-space: normal;
clear: none;
position: relative;
padding: 0;
display: inline-block;
}
.MENU_MAIN .banner a:hover {
opacity: 0.7
}
.MENU_MAIN .banner.marcas a img {
width: calc(100% - 6px);
}
.MENU_MAIN .banner a.ver {
line-height: 1.2em;
font-size: 0.88em;
width: 86px;
color: #95a1aa;
padding: 0 10px;
vertical-align: middle;
}
.MENU_MAIN .banner.marcas a.ver::before {
display: none
}
.MENU_MAIN .banner.marcas a.ver:hover {
color: #d51f11;
opacity: 1;
}
/* ocultar banner en mmenu */
.mm-list > div.banner {
display: none;
}
/* MENU AFFIX ************************************/
@media (min-width: 992px) {
body:not(.Product) header .main.affix {
position: fixed;
box-shadow: 0 2px 7px #0000001a;
}
body:not(.Product) header .main,
header .main.affix {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body:not(.Product) header .main.affix .CART_BOX,
body:not(.Product) header .main.affix .LOGIN_BOX,
body:not(.Product) header .main.affix .MENU_TOP,
body:not(.Product) header .main.affix .MENU_MAIN {
display: block;
}
/*
body:not(.Product) header .main.affix .LOGO {
width: 150px;
margin: 9px 20px 9px;
}
body:not(.Product) header .main.affix .SEARCH_BOX {
margin-top: 10px !important
}*/
body:not(.Product) header .main.affix .SEARCH_BOX fieldset {
height: 35px;
padding-right: 0;
}
body:not(.Product) header .main.affix .SEARCH_BOX .search_submit {
right: 1px;
}
body:not(.Product) header .main.affix .SEARCH_BOX fieldset {
height: 35px;
}
}
/* MENU RESPONSIVE y MMENU ************************************/
@media (max-width: 1439px) {
.LOGO {
margin: 14px 40px 14px 63px;
}
}
@media (max-width: 1199px) {
.LOGIN_BOX,
.CART_BOX {
margin-top: 0px;
}
.LOGO {
margin: 14px 21px 14px 32px;
}
.LOGIN_BOX .login-button span, .CART_BOX .cart-button {
margin-right: 0;
}
.LOGIN_BOX .login-button .i-login {
font-size: 25px
}
.CART_BOX .cart-button .i-cart {
font-size: 34px
}
.CART_BOX .cart-button span.hidden-xs {
display: none
}
.LOGO {
margin: 12px 40px 12px 14px;
width: 200px;
}
.MENU_TOP {
margin-left: 10px
}
.MENU_TOP > li > a {
padding: 5px 8px;
}
.MENU_MAIN {
padding: 0 10px;
}
.MENU_MAIN .container {
width: 100%;
}
.MENU_MAIN .nav {
height: 46px
}
.primer-cat::before {
display: none
}
}
@media (max-width: 991px) {
header .container,
footer .container {
width: 100%;
}
header .container,
header .container > .row,
header .container > .row > div {
width: 100%;
padding: 0;
margin: 0;
}
.navbar-header {
float: none
}
.LOGO {
border: 0 none;
float: none;
height: auto;
line-height: 1em;
margin: 8px auto 2px;
padding: 0;
width: 170px;
}
.LOGO img {
margin: 0;
}
.SEARCH_BOX {
margin: 10px 15px;
}
.SEARCH_BOX fieldset {
height: 39px;
}
.SEARCH_BOX .search_submit {
width: 42px;
}
.CART_BOX {
position: absolute;
right: 5px;
top: 10px;
}
.LOGIN_BOX {
position: absolute;
right: 60px;
top: 10px;
}
.LOGIN_BOX .login-button,
.CART_BOX .cart-button {
margin: 0;
float: left;
padding: 0;
}
.LOGIN_BOX .login-button .i-login,
.CART_BOX .cart-button .i-cart {
width: 50px;
margin: 0;
}
.LOGIN_BOX .login-button .i-login {
font-size: 23px
}
.CART_BOX .cart-button .i-cart {
font-size: 31px;
margin-right: 2px !important;
text-indent: -5px;
}
.CART_BOX .cart-button .items {
left: 21px;
}
.LOGIN_BOX .login_window,
.CART_BOX .cart-window {
display: none !important
}
.LOGIN_BOX .login-button span,
.CART_BOX .cart-button span.hidden-xs {
display: none;
}
.CART_BOX .cart-button::before {
display: none;
}
.SEARCH_BOX {
margin-top: 5px !important;
}
}
@media (max-width: 767px) {
.LOGO {
padding: 2px 0;
margin: 5px auto 0px;
width: 184px;
}
.SEARCH_BOX {
margin-top: 5px !important;
}
}
@media (max-width: 479px) {
.LOGO {
padding: 1px 0;
width: 200px;
}
.CART_BOX {
right: 8px;
margin-top: 0 !important;
}
.LOGIN_BOX {
display: none !important
}
.hamburguer {
margin: 12px 0 0 3px;
width: 51px;
}
.LOGIN_BOX .login-button .i-login,
.CART_BOX .cart-button .i-cart {
width: 40px;
}
.CART_BOX .cart-button::before {
display: none;
}
.SEARCH_BOX .form-control {
padding-left: 10px
}
.CART_BOX .cart-button .i-cart {
color: #FFC627;
}
}
/* hamburguer ******************/
.hamburguer {
cursor: pointer;
height: 50px;
left: 0;
margin: 2px 0 0 3px;
padding: 0;
position: absolute;
text-decoration: none;
top: 0;
width: 50px;
z-index: 2;
}
.hamburguer {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.hamburguer span {
background: #FFCC2A;
border-radius: 0;
display: block;
height: 3px;
left: 0;
margin: 0 25%;
opacity: 1;
position: absolute;
width: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.hamburguer span:nth-child(1) {
top: 16px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hamburguer span:nth-child(2) {
top: 24px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hamburguer span:nth-child(3) {
top: 32px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hamburguer:hover span {
background: #FFCC2A
}
/* MMENU ************************************************/
#mmenu {
background: #fff none repeat scroll 0 0;
color: #000;
z-index: 1001;
}
.mm-menu.mm-offcanvas {
overflow: auto !important;
width: 87%;
}
#mmenu > ul {
padding: 0;
}
li.mm-back {
background-color: #000;
color: white;
}
/* account *****/
#mmenu .account {
background: linear-gradient(180deg, #010B14 -17.29%, #162B3E 33.14%);
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
text-align: center;
padding: 34px 0 3px;
position: relative;
}
#mmenu .account .name {
color: #fff;
font-weight: 400;
font-size: 0.93em;
padding: 0;
position: absolute;
width: 100%;
text-align: center;
height: 32px;
top: 0;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.2em;
}
#mmenu .account li {
display: flex;
}
#mmenu .account li a {
color: white;
font-size: 11px;
font-weight: normal;
padding: 5px;
min-width: 60px;
background: transparent !important;
}
#mmenu .account li a:hover {
color: white !important;
}
#mmenu .account li a::before {
font-family: "e3font" !important;
font-weight: normal;
display: block;
font-size: 22px;
margin: 0 0 2px !important;
line-height: 32px;
}
#mmenu .account li.unlogged {
margin: -30px 0 4px;
}
/* menues **********/
#mm-blocker {
/*background: rgba(3, 2, 1, 0) none repeat scroll 0 0;*/
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
background: black;
opacity: .6;
}
#mmenu:not(.mm-menu) {
display: none;
}
html.mm-opening .mm-menu.mm-opened[class*="mm-pagedim"] ~ #mm-blocker {
opacity: .6;
}
.mm-back > a {
color: #fff !important;
font-size: 2em;
opacity: 1;
padding: 16px 20px 0 !important;
text-align: right;
text-decoration: none !important;
}
.mm-back > a::before {
content: "\f2d7"
}
.mm-back > a::before {
font-family: "Ionicons";
}
#mmenu .mm-list > li.mm-label {
background: transparent none repeat scroll 0 0;
border-top: 1px solid #666;
color: #000;
font-size: 0.8em;
letter-spacing: 0.05em;
margin: 25px 0 0;
padding: 7px 0 4px;
font-weight: 500;
display: none;
}
.mm-label.labelfirst {
border: 0 none !important;
margin: 0 !important;
}
#mmenu .mm-menu .mm-list {
padding: 14px 0 8px;
}
#mmenu .dropdown-header {
display: block;
padding: 0;
font-size: 1.6em;
line-height: 1em;
color: #000;
white-space: nowrap;
margin: 20px 0;
letter-spacing: 0;
}
#mmenu .dropdown-header::before {
content: "Y";
font-family: "e3font";
font-size: 23px;
position: relative;
padding: 5px 6px 5px 0;
top: 4px;
font-weight: 500;
}
#mmenu .mainmenu a {
color: #000;
display: block;
font-size: 1.1em;
font-weight: 300;
line-height: 1.1em;
margin: 0;
overflow: hidden;
padding: 16px 20px 16px 33px;
text-overflow: ellipsis;
white-space: normal;
letter-spacing: 0.02em;
position: relative;
letter-spacing: 0.02em;
}
#mmenu .mainmenu span img,
#mmenu .mainmenu a img {
height: 35px;
position: static;
left: 18px;
margin-right: 5px;
top: 9px;
}
#mmenu .mainmenu .caret {
margin-left: 6px;
border-width: 5px 5px 0 5px;
}
#mmenu .mainmenu a.mm-subopen::before {
border-color: #383838 !important;
height: 6px;
width: 6px;
}
.mainmenu .dropdown-submenu.open .dropdown-menu {
background: transparent none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
float: left;
padding: 0 0 10px;
position: relative;
width: 100%;
}
.mainmenu .dropdown-submenu.open .dropdown-menu a {
font-weight: lighter !important;
padding: 10px 8px 10px 65px !important;
text-transform: none !important;
border: 0 !important;
}
.mainmenu .dropdown-submenu.open .dropdown-menu a:hover {
background: transparent none repeat scroll 0 0 !important;
text-decoration: underline;
}
.mm-panel > .mm-list {
margin-left: 0px;
margin-right: 0px;
}
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
width: 9px;
height: 9px;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.mm-list > li > a,
.mm-list > li > form a,
.mm-list > li > span {
color: #000;
display: block;
font-size: 15px;
font-weight: normal;
letter-spacing: 0.05em;
line-height: 1.3em;
margin: 0;
opacity: 1;
overflow: hidden;
padding: 10px 14px;
text-overflow: ellipsis;
white-space: normal;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after {
border: 0 !important
}
.mm-back > a {
font-size: 1.8em !important;
opacity: 1 !important;
text-decoration: underline;
}
#mmenu .mmenu-button {
border: 1px solid #fff;
background-clip: padding-box;
border-radius: 3px;
color: #000 !important;
float: right;
font-size: 26px;
height: 32px;
line-height: 30px;
margin: 21px 15px 15px 0;
opacity: 0.6;
overflow: hidden;
padding: 0;
text-align: center;
width: 33px;
}
#mmenu .mmenu-button:hover {
opacity: 1
}
#mmenu .back a {
/*background: none repeat scroll 0 0 rgba(4, 4, 4, 0.07);*/
border-bottom: 2px solid rgb(255, 252, 252);
}
#mmenu .dropdown-menu {
display: none;
}
#mmenu .dropdown-submenu.open .dropdown-menu {
display: block;
}
.mm-menu .uno > .mm-vertical > .mm-panel > ul > li > a:not(.mm-next) {
font-size: 1.2em;
}
#mmenu .mainmenu .mm-panel .mm-panel {
padding: 0
}
#mmenu ul.uno, #mmenu ul.extras {
margin: 0;
padding: 0;
overflow-y: auto;
height: auto;
float: left !important;
width: 100% !important;
display: block;
position: relative;
z-index: 10;
}
#mmenu ul.uno > li {
border-bottom: 1px solid #e6e6e6 !important;
float: left;
width: 100%;
z-index: 3;
}
#mmenu ul.uno > li > a, ul.uno > li > span {
font-size: 16px;
font-weight: 500;
height: auto !important;
min-height: 55px;
line-height: 1.3em;
padding: 18px 15px;
/*z-index: 3;*/
letter-spacing: -0.01em;
text-transform: none;
color: #232F3F;
}
#mmenu ul.uno.otros > li > a {
color: #1B66CA;
font-weight: normal;
}
#mmenu ul.uno > li > .mm-next::after,
ul.uno > li > .mm-prev::before {
border-color: #ddd !important;
height: 10px;
width: 10px;
right: 22px !important
}
/** links abajo **/
#mmenu ul.extras {
margin-top: 15px;
}
#mmenu ul.extras > li {
float: left;
width: 100%;
z-index: 2;
}
#mmenu ul.extras > li > a {
font-size: 1em;
color: #000000c9;
padding: 12px 14px;
}
#mmenu ul.dos {
margin: -20px 0 20px
}
#mmenu ul.dos > li > a, ul.dos > li > span {
font-size: 1.15em;
font-weight: 600;
color: #000 !important;
height: 50px !important;
line-height: 50px;
padding-top: 0;
padding-bottom: 0
}
#mmenu ul.dos > li > .mm-next::after, ul.dos > li > .mm-prev::before {
border-width: 1px;
border-color: #000 !important;
height: 6px;
width: 6px;
right: 24px !important
}
#mmenu .dropdown-menu.dos ul.tres {
margin: -5px 0 15px
}
#mmenu .mainmenu a.mm-subopen {
width: 100% !important;
padding: 0;
position: absolute !important;
top: 0;
bottom: 0;
height: 50px !important;
z-index: 2 !important;
}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
top: calc(50% - 5px);
bottom: auto;
border-color: #aeaeae;
opacity: 1;
}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen::after {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.mm-menu.mm-vertical .dos.mm-list > li > a.mm-subopen:after {
border-color: #949494;
width: 7px;
height: 7px;
}
/* nivel dos *******/
#mmenu ul.dos {
margin: -10px 0 17px;
z-index: 1;
}
#mmenu ul.dos > li > a, ul.dos > li > span {
font-weight: normal;
height: auto !important;
min-height: 38px;
line-height: 1.2em;
padding: 10px 15px;
font-size: 14px;
z-index: 2;
text-transform: none;
color: #000;
background: transparent !important;
}
#mmenu ul.dos > li > a:hover, ul.dos > li > span:hover {
text-decoration: underline;
color: #000;
}
.mm-menu.mm-vertical .mm-list .mm-panel {
display: none;
padding: 0;
padding-left: 20px;
}
/*////////////////////////////////////////////////////////////////////*/
/* FOOTER //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
/*footer {}*/
/* LASTSEEN *******************************/
.lastseen {
float: left;
height: 190px;
overflow: hidden;
padding-bottom: 20px;
width: 100%;
}
.lastseen h2 {
font-size: 1.1em !important;
}
.lastseen ul {
text-align: center;
}
.lastseen li {
display: inline-block;
float: none;
}
.lastseen article {
height: 90px;
margin: 0 11px 50px;
position: relative;
width: 90px;
}
.lastseen .box_image {
height: 100%;
z-index: 0;
}
.lastseen .box_image img {
width: 100%;
}
.lastseen h3 {
color: #4f4d58;
display: none;
font-size: 10px;
font-weight: normal;
left: -50%;
letter-spacing: 0.03em;
line-height: 12px;
margin: 0;
padding: 5px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 95px;
width: 200%;
z-index: 1;
}
.lastseen article:hover h3 {
display: block
}
.lastseen h3:before {
content: "\f365";
}
.lastseen h3::before {
color: #6e6e6e;
float: left;
font-family: "Ionicons";
font-size: 24px;
line-height: 0;
margin-top: -6px;
width: 100%;
}
.lastseen p {
text-align: left
}
@media (max-width: 767px) {
.lastseen {
height: 150px
}
.lastseen li {
float: left
}
.lastseen article {
height: 50px;
margin: 0 5px 50px;
width: 50px;
}
.lastseen h3 {
font-size: 9px;
line-height: 1.2em;
top: 59px;
}
}
@media (max-width: 479px) {
}
/* UPPER *******************************/
footer .upper {
background: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
}
footer .sector {
padding: 27px 0;
}
footer .sector > div {
color: #fff;
display: table;
margin: 0 auto;
padding-left: 72px;
padding-right: 6px;
}
footer .sector > div h3 {
font-style: normal;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.04em;
margin: 0 0 10px;
position: relative;
text-transform: uppercase;
}
footer .sector > div h3::before {
font-family: "pragafont";
font-size: 4.4em;
height: 62px;
left: -77px;
line-height: 60px;
position: absolute;
text-align: center;
top: 4px;
width: 62px;
opacity: 0.8;
color: #FFCC2A;
font-weight: 500;
}
footer .sector > .direccion h3::before {
content: "j"
}
footer .sector > .contacto h3::before {
font-family: "Ionicons", sans-serif;
content: "\f4ef";
}
@media (max-width: 767px) {
footer .sector > div h3 {
font-size: 10px;
}
footer .sector > .contacto strong {
font-size: 22px;
}
footer .sector > div span {
font-size: 13px;
}
}
footer .sector > div strong {
display: block;
font-size: 19px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.03em;
margin: 0 0 7px;
color: #fff !important;
}
footer .sector > div span {
display: block;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.02em;
color: #FFFFFF8F;
}
footer .sector > div span a {
color: #fff;
opacity: 1;
text-decoration: underline;
letter-spacing: 0;
}
footer .sector > div span a:hover {
background-color: #252d32;
text-decoration: none;
}
/* socials ******/
footer .socials {
float: left;
width: 100%;
margin-bottom: 7px;
}
footer .socials h3::before {
display: none;
}
footer .socials ul {
z-index: 1;
min-height: 0 !important;
margin-bottom: 0 !important;
}
footer .socials li {
display: inline-block;
float: left;
}
footer .socials li .redFacebook {
background-color: #b5bdc3;
border-radius: 100%;
color: #fff !important;
float: left !important;
font-size: 21px;
height: 37px;
line-height: 37px !important;
margin-right: 7px !important;
padding: 0 !important;
text-align: center;
width: 37px !important;
opacity: 1 !important;
}
footer .socials li .s-instagram {
background-color: white;
border-radius: 100%;
color: #fff !important;
float: left !important;
font-size: 21px;
height: 37px;
line-height: 34px !important;
margin-right: 7px !important;
padding: 0 !important;
text-align: center;
width: 37px !important;
opacity: 1 !important;
}
/* footer .socials li a:hover {
background-color: #6e6e6e !important;
text-decoration: none !important;
} */
.redFacebook {
background-image: linear-gradient(rgba(36, 155, 255, 1),rgba(8, 80, 221, 1)) !important;
}
.redInstagram {
background-image: url("../content/images/i-instagram.svg");
}
.socials a:before {
font-family: 'Ionicons';
font-size: 20px;
}
.s-facebook:before {
content: "\f231";
}
.s-twitter:before {
content: "\f243"
}
.s-youtube:before {
content: "\f24d"
}
.s-googleplus:before {
content: "\f234"
}
.s-pinterest:before {
content: "\f2b1"
}
/* .s-instagram:before {
content: "\f351"
} */
.s-email:before {
content: "\f10f"
}
.socials a.email {
color: #999;
font-size: 1.3em;
font-weight: lighter;
}
.socials a.email:hover {
color: #000;
text-decoration: underline
}
/* footer newsletter flotante*/
/* footer newsletter */
footer .newsletter {
float: left;
width: 100%;
}
.form-newsletter {
float: left;
width: 100%;
margin-bottom: 18px;
}
.form-newsletter .form-group {
float: none !important;
margin: 0 104px 0 0;
position: unset;
width: auto;
}
.form-newsletter input.form-control {
background-color: #EDEBEC;
border: 0;
box-shadow: none;
color: #000;
font-weight: normal;
height: 40px;
padding: 7px 11px;
font-size: 1em;
letter-spacing: 0;
}
.form-newsletter button {
background-color: #CF2B19;
border: 0;
color: #fff;
display: block;
float: right;
height: 40px;
line-height: 33px;
text-align: center;
width: 100px;
}
.form-newsletter button:hover {
background-color: #5B5454;
color: #fff !important;
}
.form-newsletter button::before {
content: "Enviar!";
font-size: 1.16em;
color: #fff;
}
/* MAIN *******************************/
footer .main {
background-color: #FFFFFF;
padding-bottom: 32px;
padding-top: 32px;
}
footer .menu_footer h3 {
font-size: 14px;
line-height: 18px;
font-weight: 600;
font-family: "Gotham", sans-serif;
margin: 0 0 15px;
position: relative;
text-transform: uppercase;
color: #232F3F;
letter-spacing: 0.03em;
}
footer .menu_footer ul {
min-height: 90px;
float: left;
width: 100%;
}
footer .main ul li a {
font-style: normal;
font-weight: normal;
font-size: 14px;
color: #000;
float: left;
letter-spacing: 0.02em;
margin: 0;
padding: 4px 0;
width: 100%;
}
footer .menu_footer ul li a:hover {
background: transparent;
text-decoration: underline;
opacity: 1;
color: #000
}
/* CREDITS *******************************/
footer .credits {
border-top: 1px solid #ddd;
padding: 50px 0 25px;
background-color: #FFFFFF;
}
.Cart footer .credits .container .row div {
display: flex;
justify-content: space-between;
}
.Cart footer .credits {
border: none;
padding: 20px 0 25px;
background-color: #f8f8f8;
}
footer .credits p {
color: #888888;
float: left;
text-align: center;
padding: 17px 0 0;
font-size: 13px;
}
footer .credits p span {
color: #000000;
width: 100%;
display: block;
margin-bottom: 6px;
}
.e3 {
background: rgba(0, 0, 0, 0) url("https://e3stores.com/firma/etres-brand.svg") no-repeat scroll 0 0 / 100%;
cursor: pointer !important;
height: 29px;
opacity: 0.6;
width: 29px;
position: relative;
margin: 10px 0 10px 5px !important;
filter: grayscale(100%);
}
.e3:hover {
opacity: 1;
filter: none;
}
/* FOOTER RESPONSIVE **********/
@media (max-width: 1199px) {
.form-newsletter button:before {
content: "\f3d6"
}
.form-newsletter button:before {
font-family: "Ionicons";
}
.form-newsletter button {
width: 40px;
font-size: 2.2em;
}
.form-newsletter .form-group {
margin: 0 44px 0 0;
}
}
@media (max-width: 991px) {
footer .upper {
font-size: 0.83em
}
footer .main {
font-size: 0.9em
}
footer .credits p {
font-size: 0.9em;
line-height: 1.3em;
padding-top: 10px;
}
footer .sector > div {
margin: 0;
padding-left: 100px;
padding-right: 0px;
}
}
@media (min-width: 768px) {
#chor {
display: block !important;
height: auto !important;
}
}
@media (max-width: 767px) {
section {
padding-top: 0px !important;
}
footer .upper {
margin: 0
}
.btfooter {
background: #fff none repeat scroll 0 0;
border: 0 none;
font-size: 17px;
line-height: 16px;
letter-spacing: -0.06em;
padding: 18px 15px 18px;
width: 100%;
text-align: left;
color: #2D2D2D;
outline: none;
}
.btfooter:after {
content: "\f35f";
}
.btfooter:after {
color: #000 !important;
font-family: "Ionicons";
margin: 1px 0 0 5px;
}
footer .sector {
padding: 17px 0;
}
footer .sector > div {
margin: 0 0 0 20px;
text-align: left;
}
footer .menu_footer ul {
margin-bottom: 35px;
min-height: 0;
}
.mf1,
.mf3 {
float: left;
clear: left;
}
.mf2,
.mf4 {
float: right;
clear: right;
}
footer .main ul li a {
line-height: 24px;
}
}
@media (max-width: 479px) {
footer {
margin-top: 0
}
footer .main {
padding-bottom: 15px;
padding-top: 15px;
}
footer .sector > div {
margin: 0;
padding-left: 63px;
}
footer .sector > div h3 {
margin: 0 0 5px;
}
footer .sector > div h3::before {
font-size: 3.1em;
width: 40px;
left: -51px;
top: 0;
}
footer .sector > div strong {
font-size: 1.5em;
margin: 0 0 3px;
}
footer .credits p {
font-weight: normal;
font-size: 11px;
line-height: 17px;
text-align: center;
color: #888888;
}
footer .credits p span {
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 18px;
text-align: center;
color: #000000;
padding: 0 36px;
margin-bottom: 5px;
}
footer .main {
font-size: 0.9em;
border: none;
}
}
/* SELLOS *******************************/
.sellos {
text-align: center;
margin: 15px auto;
float: none;
position: relative;
display: table;
}
.sellos > * {
display: inline-block;
margin: 0 6px;
padding: 0 5px;
text-align: center;
float: left;
}
.sellos a:hover {
opacity: 0.7
}
.sellos .sps img {
margin-top: 1px;
width: 38px;
}
.sellos .comodo img {
margin-top: -4px;
width: 82px;
margin-right: 5px;
}
.sellos .mpago img {
margin-top: 12px;
width: 125px;
}
.sellos .cash img {
width: 92px;
margin-top: 7px;
}
.sellos .tpago img {
margin-top: 7px;
width: 80px;
height: 45px;
}
.sellos .cace img {
margin-top: 18px;
width: 96px;
}
.sellos .verisign img {
width: 129px
}
.sellos .datafiscal {
width: 48px;
height: 66px;
margin-top: -4px;
}
.sellos .sep {
background: #ddd none repeat scroll 0 0;
display: block;
height: 63px;
margin: -3px 10px 0;
padding: 0;
width: 1px;
}
.datafiscal {
filter: none;
opacity: 1;
background: rgba(0, 0, 0, 0) url("/content/images/i-datafiscal.png") no-repeat scroll 0 0 / 100% auto padding-box;
}
.datafiscal:hover {
filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: Gray(Opacity=40);
}
@media (max-width: 991px) {
.sellos .sps img {
margin-top: 1px;
width: 38px;
}
.sellos .comodo img {
margin-top: 1px;
width: 73px;
}
.sellos .mpago img {
margin-top: 12px;
width: 115px;
}
.sellos .tpago img {
margin-top: 12px;
width: 83px;
}
.sellos .cace img {
margin-top: 18px;
width: 96px;
}
.sellos .verisign img {
width: 129px
}
.sellos .datafiscal img {
width: 37px
}
}
@media (max-width: 991px) {
.sellos .sep {
display: none
}
.sellos .cash img {
width: 60px;
}
.sellos .tpago img {
margin-top: 9px;
width: 69px;
}
.sellos .mpago img {
margin-top: 9px;
width: 103px;
}
.sellos .sps img {
margin-top: 1px;
width: 30px;
}
.sellos .cace img {
margin-top: 14px;
width: 84px;
}
.sellos .comodo img {
width: 70px;
}
.sellos .datafiscal {
width: 41px;
}
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
.sellos > * {
padding: 0 !important;
margin: 0 7px !important;
}
.sellos {
position: relative;
padding-bottom: 10px;
margin: 10px 0 19px;
width: 100%;
}
.sellos .cash img {
width: 50px;
}
.sellos .tpago img {
margin-top: 9px;
width: 61px;
height: 32px;
}
.sellos .mpago img {
margin-top: 9px;
width: 77px;
}
.sellos .sps img {
margin-top: 3px;
width: 22px;
}
.sellos .cace img {
margin-top: 13px;
width: 64px;
}
.sellos .datafiscal {
margin-top: 9px !important;
width: 32px;
height: 47px;
}
}
/* backtotop ****************/
.backtotop {
background-color: #fff;
opacity: 0.7;
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2);
bottom: 3px;
cursor: pointer;
height: 40px;
letter-spacing: 0.05em;
position: fixed;
right: 3px;
transition: all 0.7s ease-in-out 0.3s;
width: 40px;
z-index: 4;
border-radius: 50px;
}
.backtotop span {
color: #fff;
display: block;
font-size: 0.85em;
line-height: 1;
padding-top: 4px;
text-align: center;
text-transform: uppercase;
width: 100%;
z-index: 5;
}
.backtotop span:before {
content: "\f3d8";
}
.backtotop span::before {
display: block;
font-family: "Ionicons";
font-size: 26px;
margin: 0 0 -5px 0;
text-align: center;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 28px;
color: #2D2D2D;
opacity: 0.7;
}
.backtotop:hover {
background-clip: #6e6e6e
}
.socials.flotante {
position: fixed;
bottom: 70px;
right: 4px;
font-size: 35px;
background-image: url(/Content/Images/whatsapp2.png);
color: white;
height: 43px;
width: 42px;
font-weight: 300;
line-height: 0;
z-index: 4;
padding: 0;
margin: 0 -2px 0 0;
background-size: contain;
background-repeat: no-repeat;
transition: all 0.7s ease-in-out 0.3s;
}
/*////////////////////////////////////////////////////////////////////*/
/* BOXES //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
/* PRODUCT_BOX */
.PRODUCT_BOX {
background: #fff;
float: left;
padding: 20px 10px;
width: 100%;
position: relative;
}
/* box_image */
.PRODUCT_BOX .box_image {
background: #fff none repeat scroll 0 0;
float: left;
height: 350px;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.PRODUCT_BOX .box_image > a > img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
font-size: 10px;
color: #999;
transform-style: unset !important;
z-index: 0;
}
/* box_data */
.PRODUCT_BOX .box_data {
float: left;
position: relative;
width: 100%;
line-height: 20px;
}
.PRODUCT_BOX .box_data h3 {
color: #000;
font-size: 1em;
font-weight: normal;
height: 45px;
line-height: 1.3em;
margin: 0;
}
/* generales BOX y DETAIL */
.price_wrapper {
float: left;
line-height: 20px;
position: relative;
width: 100%;
height: 57px;
}
.price {
font-family: "Gotham";
font-style: normal;
font-weight: normal;
float: left;
font-size: 18px;
margin-bottom: 6px;
margin-right: 6px;
margin-top: 5px;
letter-spacing: -0.02em;
width: 100%;
color: #2D2D2D;
}
.tachado span {
font-family: "Gotham";
font-style: normal !important;
font-weight: normal;
font-size: 15px;
line-height: 20px;
letter-spacing: -0.02em;
text-decoration-line: line-through;
color: #969696;
}
.price span {
font-size: 26px;
font-weight: 600;
}
.price .decimals {
margin-left: -3px;
font-size: 0.95em;
margin-top: -5px;
}
.price .decimals::before {
content: ",";
}
.tachado {
color: #a4a4a4;
float: left;
font-size: 1em;
font-weight: 300;
margin-right: 10px;
margin-top: 2px;
position: relative;
text-align: right;
letter-spacing: -0.03em;
}
.tachado > span {
font-weight: 300;
position: relative;
}
.tachado span::before {
background: #6e6e6e80;
content: "";
height: 1px;
left: -19%;
position: absolute;
top: 55%;
width: 126%;
}
.price_wrapper.nonavailable {
font-weight: normal;
opacity: 0.4;
padding-top: 3px;
line-height: 1.2em;
}
.nonavailable .tachado {
display: none;
}
.nonavailable .price {
opacity: 0.3;
color: #000;
}
.cuotas {
color: #507287;
float: left;
font-size: 0.95em;
letter-spacing: 0.02em;
line-height: 1.2em;
margin: 1px 0 6px;
position: relative;
width: 100%;
}
.Home .gridview > ul.row {
float: left;
width: 100%;
}
/* buttons */
.buttons_wrapper {
position: absolute;
float: none;
z-index: 1;
bottom: -10px;
right: 0;
background: #fff;
border-radius: 50px;
height: 40px;
}
.buttons_wrapper > * {
text-align: center;
color: #000;
display: block;
margin: auto;
}
.BUTTONFAV,
.BUTTONINFO {
font-family: "Ionicons";
font-size: 1.7em;
width: 40px;
height: 30px;
float: right;
line-height: unset;
top: 12px;
position: relative;
color: lightgray;
display: none;
}
.BUTTONFAV span {
display: none
}
.BUTTONFAV:before {
content: "\f387";
}
.BUTTONINFO:before {
content: "\f4a4";
}
.BUTTONFAV:hover,
.BUTTONINFO:hover {
color: #507287 !important
}
.buttons_wrapper .brand {
font-style: italic;
margin-top: 5px;
}
.BUTTONFAV.list {
display: none
}
.BUTTONBUY {
background-color: #CF2B19;
border: 1px solid #FFF;
color: white;
display: block;
float: left;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.03em;
padding: 9px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
line-height: 1.1em;
}
.BUTTONBUY:hover {
background: #5B5454;
color: #fff;
}
.BUTTONBUY.nonavailable:hover {
background: #bbb
}
.BUTTONBUY.nonavailable {
background-color: #fff;
color: #424242 !important;
font-size: 0.9em;
padding: 10px 0;
text-decoration: none;
width: auto;
border: 1px solid #d1d1d1;
letter-spacing: 0;
box-shadow: 4px 6px 11px #0000001a;
}
.PRODUCT_BOX:hover .BUTTONBUY.nonavailable,
.BUTTONBUY.nonavailable:hover {
color: #507287 !important;
border-color: #507287 !important;
background-color: #fff !important;
}
.BUTTONBUY.list {
display: none
}
/* compare ***********************************/
.compare {
float: left;
position: relative;
font-style: italic;
}
.comp-link {
color: #6e6e6e;
display: block;
}
.comp-link::before {
float: left;
height: 13px;
width: 13px;
background-color: #fff;
border-radius: 2px;
display: block;
content: "";
border: 1px solid #bbb;
margin: 3px 5px 0 0;
box-shadow: 1px 1px 3px #0000004d;
}
.compare:hover .comp-link::before,
.act_compare .comp-link::before {
content: "\f122";
font-family: "Ionicons";
font-style: normal;
line-height: 7px;
text-indent: 2px;
}
.comp-link::after {
content: "Comparar"
}
/*.compare:hover .comp-link {}*/
/* Productos ya agregados a comparación */
/*.act_compare {}*/
.act_compare .comp-link {
color: #000 !important;
text-decoration: underline;
}
.act_compare .comp-link::after {
content: "Ver Comparación";
}
/*.act_compare:hover .comp-link {}*/
@media (max-width: 767px) {
.compare {
display: none !important
}
}
/* PRODUCT_BOX:HOVER ****************************/
.PRODUCT_BOX:hover .box_data h3 {
text-decoration: underline;
color: #FF0000;
}
/* PASTILLAS **********************************/
.PRODUCT_BOX .box_data .badges {
display: none
}
.badges {
z-index: 1;
}
.badges ul li > div {
/* background-color: #FCC100;
color: #FFFFFF; */
font-size: 0.76em;
font-weight: 500;
height: auto;
line-height: 1.15em;
margin: 0;
position: relative;
text-transform: uppercase;
width: auto;
z-index: 1;
padding: 7px 10px;
letter-spacing: 0.02em;
border: 0;
}
.badges ul li > div > span {
display: block;
font-weight: bold;
}
.badges ul li .badge-lanzamiento.icon {
top: 30px;
left: -15px;
color: #CF2B19;
}
.badges ul li > div.icon::before {
font-family: "pragafont";
position: absolute;
font-size: 2.3em;
line-height: 30px;
height: 30px;
text-align: center;
font-weight: lighter;
width: 33px;
display: block;
top: 9px;
left: -2px;
}
.badge-cuotas {
float: left;
color: rgba(207, 43, 25, 1);
font-weight: 600;
margin: 5px 0 0;
width: 100%;
}
.PRODUCT_BOX .badge-cuotas {
height: 25px;
}
.badge-hotsale {
width: 60px;
position: absolute;
right: 50px;
top: 10px;
}
.listview .badge-hotsale {
width: 44px;
position: absolute;
left: -9px;
top: 0px;
right: unset;
}
@media(max-width:479px) {
.badge-hotsale {
width: 48px;
top: -18px;
right: -3px;
}
.listview .badge-hotsale {
top: 0px;
}
}
/* envio gratis */
.badge-enviogratis::before {
content: "i";
font-family: "pragafont";
}
.badge-enviogratis {
display: flex;
}
.badge-enviogratis > span {
display: unset !important;
font-weight: normal;
margin: 0px 0px 0px 5px;
}
.badge-enviogratis.icon {
padding: 8px 6px 5px 29px;
height: auto;
font-size: 0.8em;
bottom: -6px;
top: unset;
position: absolute;
left: -10px;
color: #CF2B19;
}
.badge-enviogratis.icon::before {
font-size: 1.7em !important;
line-height: 12px !important;
}
/* prod destacado */
.badge-destacado {
padding-left: 8px !important;
padding-right: 20px !important;
background-color: #FF7D1E !important;
height: 38px !important;
}
.badge-destacado.icon {
position: absolute;
top: -8px;
left: -10px;
}
.badge-destacado::after {
position: absolute;
line-height: 30px;
height: 30px;
text-align: center;
display: block;
content: "!";
font-family: "Gotham" !important;
width: 20px !important;
font-weight: 800 !important;
font-size: 3em !important;
top: 6px !important;
left: auto !important;
right: 0;
}
.badge-disponible-tienda {
float: left;
color: rgba(207, 43, 25, 1) !important;
font-weight: 600 !important;
margin: 5px -7px 0 !important;
background: transparent !important;
font-size: 0.76em;
text-transform: uppercase;
position: relative;
line-height: 1.15em;
padding: 7px 10px;
letter-spacing: 0.02em;
border: 0;
z-index: 1;
}
/* ultimas unidades */
/*.badge-ultimasunidades {
position: absolute !important;
background-color: rgba(255, 255, 255, 0.8)!important;
color: black!important;
top: 45%;
left: 5px;
width: calc(100% - 10px) !important;
border-top: 1px solid #8DA6BA !important;
border-bottom: 1px solid #8DA6BA !important;
padding: 7px !important;
height: auto !important;
font-size: 15px !important;
text-align: center;
font-weight: 600 !important;
}*/
.badge-ultimasunidades {
position: absolute !important;
background-color: rgba(255, 255, 255, 0.8) !important;
color: black !important;
top: 150px;
left: -9px;
border: 1px solid #8DA6BA !important;
height: auto !important;
font-size: 10px !important;
}
@media (min-width: 1430px) {
.badge-ultimasunidades {
top: 195px;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.badge-ultimasunidades {
top: 175px;
}
}
@media (max-width: 360px) {
.badge-ultimasunidades {
display: none;
}
}
.Product .badge-ultimasunidades {
display: none;
}
/* compra en local con descuento % */
.badge-local::before {
content: "h"
}
.badge-local {
background-color: #404e56 !important
}
.badge-local .dto {
position: absolute;
right: -49px;
background-color: #d5d3d3;
top: 0;
height: calc(100% + 1px);
width: 48px;
text-align: center;
padding-top: 11px;
font-size: 1.75em;
color: #000;
}
.badge-local .dto {
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #d5d5d5), color-stop(0.35, #f9f9f9), color-stop(0.4, #fefefe), color-stop(0.6, #eaeaea), color-stop(0.7, #f9f9f9), color-stop(1, #cfcfcf));
background-image: -o-linear-gradient(to left top, #d5d5d5 0%, #f9f9f9 35%, #fefefe 40%, #eaeaea 60%, #f9f9f9 70%, #cfcfcf 100%);
background-image: -moz-linear-gradient(to left top, #d5d5d5 0%, #f9f9f9 35%, #fefefe 40%, #eaeaea 60%, #f9f9f9 70%, #cfcfcf 100%);
background-image: -webkit-linear-gradient(to left top, #d5d5d5 0%, #f9f9f9 35%, #fefefe 40%, #eaeaea 60%, #f9f9f9 70%, #cfcfcf 100%);
background-image: -ms-linear-gradient(to left top, #d5d5d5 0%, #f9f9f9 35%, #fefefe 40%, #eaeaea 60%, #f9f9f9 70%, #cfcfcf 100%);
background-image: linear-gradient(to left top, #d5d5d5 0%, #f9f9f9 35%, #fefefe 40%, #eaeaea 60%, #f9f9f9 70%, #cfcfcf 100%);
}
.badge-local .dto::before {
height: 4px;
width: 100%;
content: "";
display: block;
top: 0;
position: absolute;
background-color: #a6a6a6;
left: 0;
border-bottom: 1px solid #eee;
}
.badge-local .dto::before {
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.1, #e4e4e4), color-stop(0.5, #a6a6a6), color-stop(1, #e4e4e4));
background-image: -o-linear-gradient(to left, #e4e4e4 10%, #a6a6a6 50%, #e4e4e4 100%);
background-image: -moz-linear-gradient(to left, #e4e4e4 10%, #a6a6a6 50%, #e4e4e4 100%);
background-image: -webkit-linear-gradient(to left, #e4e4e4 10%, #a6a6a6 50%, #e4e4e4 100%);
background-image: -ms-linear-gradient(to left, #e4e4e4 10%, #a6a6a6 50%, #e4e4e4 100%);
background-image: linear-gradient(to left, #e4e4e4 10%, #a6a6a6 50%, #e4e4e4 100%);
}
.badge-local .dto strong::before {
content: "OFF";
width: 100%;
display: block;
font-size: 0.64em;
font-weight: normal;
position: absolute;
bottom: 5px;
}
.badge-local .dto strong::after {
content: "%";
margin-left: 1px;
font-size: 0.8em;
font-weight: normal;
}
/* descuento "-20%" */
.badge-dto {
border-radius: 2px;
color: #FFFFFF;
float: left;
font-size: 1em;
height: 22px;
line-height: 20px;
margin: 0 0 0 3px;
padding: 0 4px;
position: relative;
text-align: center;
text-transform: uppercase;
width: auto;
font-weight: bold;
background-color: rgba(207, 43, 25, 1);
border: 1px solid #D2D2D2;
}
.badge-dto.percent .txt {
display: none
}
.badge-dto.percent strong::after {
content: "% OFF";
font-size: 0.9em;
margin-left: 1px;
font-weight: normal;
}
/* descuento */
.badge-dto.money .txt {
color: rgba(255, 255, 255, 0.83);
float: left;
font-size: 9px;
height: 4px;
letter-spacing: 0.01em;
line-height: 22px !important;
text-transform: none;
width: 100%;
display: none;
}
.badge-dto.money strong {
font-size: 1.3em;
line-height: 1px !important;
}
.badge-dto.money strong::before {
content: "$";
font-size: 0.8em;
margin: 4px 2px 0 0;
}
/* Pastillas en Product Detail ************/
.GALLERY #g_image .badges {
float: unset;
right: -8px;
position: absolute;
top: 0;
z-index: 1;
display: block !important;
left: unset;
pointer-events: none;
}
.GALLERY #g_image .badges ul {
margin: 0;
}
.GALLERY .badges ul li {
margin-bottom: 2px;
}
.GALLERY #g_image .badge-nostock,
.GALLERY #g_image .badge-ultimos {
display: none;
}
.GALLERY .badge-hotsale {
right: -3px;
top: auto;
position: relative;
float: right;
}
.GALLERY .badge-destacado.icon {
top: auto;
left: auto;
position: relative;
float: right;
}
.GALLERY .badge-lanzamiento.icon {
top: auto;
left: auto;
position: relative;
float: left;
padding: 10px 10px;
top: 0 !important;
left: 0 !important;
color: black;
}
.GALLERY .badges .badge-enviogratis.icon {
display: none;
}
/* CATEGORY_BOX ******/
.category_box .MARCA {
color: #999;
font-size: 0.9em;
font-weight: 500;
letter-spacing: 0.08em;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.category_box .box_data h3 {
/*border-bottom: 1px solid #6e6e6e;*/
font-size: 1.5em;
margin: 10px 0 0;
text-align: center;
}
/* PRODUCT_BOX responsive ******/
@media (max-width: 1599px) {
.price_wrapper {
height: 60px
}
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
.PRODUCT_BOX .box_data h3 {
font-size: 1em;
height: 51px;
}
}
@media (max-width: 991px) {
.badges {
font-size: 0.88em;
}
.PRODUCT_BOX .box_image .badges {
top: -12px;
}
.badges ul li {
margin-bottom: 2px;
}
.badge-destacado.icon {
height: 31px !important;
padding: 6px 17px 0 8px !important;
line-height: 1.1em;
}
.badge-hotsale {
top: -18px
}
.badges ul li > div.icon::before {
top: 9px !important;
font-size: 2.2em;
width: 27px;
}
.badge-destacado::after {
font-size: 26px !important;
top: 2px !important;
right: -1px;
}
.badge-local .dto {
font-size: 1.5em;
width: 38px;
right: -38px;
padding-top: 7px;
}
.badge-local .dto strong::before {
bottom: 2px;
}
.GALLERY .badge-local {
right: 35px
}
.badge-enviogratis.icon::before {
display: none
}
.badge-enviogratis.icon {
padding: 10px 6px 4px 25px;
}
}
@media (max-width: 767px) {
.PRODUCT_BOX {
font-size: 0.95em
}
.PRODUCT_BOX .box_image {
margin-bottom: 0
}
.PRODUCT_BOX .box_data h3 {
margin-top: 12px;
}
}
@media (max-width: 479px) {
.PRODUCT_BOX {
font-size: 0.9em
}
.PRODUCT_BOX .box_data h3 {
height: 60px;
font-size: 0.95em;
margin-top: 14px;
}
.PRODUCT_BOX .cuotas {
display: none
}
.PRODUCT_BOX .price_wrapper {
height: 40px;
padding-top: 5px;
}
.PRODUCT_BOX .tachado span {
font-size: 11px !important;
margin: 0 2px -6px 0;
}
.PRODUCT_BOX .price span {
font-size: 16px;
}
.PRODUCT_BOX .price {
font-size: 1em;
margin: 0 0 2px;
}
.PRODUCT_BOX .badge-destacado.icon {
top: -14px;
}
.PRODUCT_BOX .badge-cuotas {
font-size: 11px;
line-height: 12px;
}
.PRODUCT_BOX .tachado {
margin-right: 0;
margin-top: 0;
}
.PRODUCT_BOX .badge-dto {
font-size: 12px;
padding: 3px;
line-height: 10px;
height: auto;
}
}
/*////////////////////////////////////////////////////////////////////*/
/* HOME //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
section {
background-color: #F9F8F7;
padding-bottom: 25px;
}
.Home section {
padding-top: 0 !important;
}
/* OWL SLIDER ******/
/*.owl-item.loading {
background: url(/Content/Images/AjaxLoader.gif) no-repeat center center;
}*/
.owl-carousel .owl-item img {
transform-style: inherit;
}
.owl-carousel .owl-item article img {
transform-style: unset !important;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0.1;
}
.owl-carousel {
margin: 0;
z-index: 0;
}
.owl-nav > div {
color: #000;
cursor: pointer;
font-family: "e3font";
font-size: 38px;
height: 70px;
line-height: 70px;
margin-top: 0;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
text-indent: 0;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
top: calc(44% - 35px);
z-index: 3;
}
.owl-prev {
left: 3px;
}
.owl-next {
right: 3px;
}
.owl-prev:before {
content: "n"
}
.owl-next:before {
content: "m"
}
.owl-prev:before {
float: left
}
.owl-next:before {
float: right
}
.owl-nav > div:hover {
background: rgba(0, 0, 0, 0.06) none repeat scroll 0 0;
}
.owl-dots div {
background: #ccc none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 100%;
display: inline-block;
height: 10px;
margin: 0 3px;
text-align: center;
width: 10px;
}
.owl-dots div:hover {
opacity: 0.7
}
.owl-dots .active {
background: #6e6e6e none repeat scroll 0 0;
}
.owl-theme .owl-controls {
margin-top: 0
}
/* OWL SLIDER MAIN-SLIDER ******/
#main-slider .item img {
display: block;
width: 100%;
height: auto;
}
#main-slider .owl-nav > div {
color: #fff;
}
#main-slider .owl-theme .owl-controls, #main-slider2 .owl-theme .owl-controls {
position: absolute;
z-index: 10;
bottom: 2%;
margin: auto;
width: 100%;
}
#main-slider:hover .owl-nav > div {
opacity: 1;
}
#main-slider .owl-nav {
position: absolute;
top: -160px !important;
width: 100%;
}
#main-slider2 .owl-nav {
position: absolute;
top: -240px !important;
width: 100%;
}
#main-slider .owl-nav > div:hover {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}
#main-slider .owl-prev {
left: 0
}
#main-slider .owl-next {
right: 0
}
#main-slider .owl-dots {
margin: 5px auto 0;
}
@media (max-width: 991px) {
#main-slider .owl-nav > div {
font-size: 28px;
}
}
@media (max-width: 767px) {
#main-slider2 .owl-nav > div {
font-size: 28px;
color: #fff;
}
}
@media (max-width: 479px) {
#main-slider2 {
margin-bottom: 0
}
}
/* Banner id = home-servicios ********/
.b-servicios {
background: #fff;
padding-top: 8px;
margin-bottom: 20px;
}
.b-servicios .banner-item {
margin-bottom: 10px;
display: inline-flex;
justify-content: space-evenly;
align-items: center;
}
.b-servicios .item {
display: inline-flex;
float: left;
padding: 0 10px;
text-align: left;
font-size: 14px;
line-height: 18px;
justify-content: flex-start;
position: relative;
}
.b-servicios .item1 .icono {
width: 150px;
}
.b-servicios .item2 .icono {
width: 45px;
}
.b-servicios .item3 .icono {
width: 30px;
}
.b-servicios .item4 .icono {
width: 99px;
}
.b-servicios .item .icono {
display: flex;
background-size: contain;
background-position: center;
content: "";
background-repeat: no-repeat;
margin-right: 20px;
}
.b-servicios .item .icono img {
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
}
.b-servicios .item > span {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
font-size: 1em;
line-height: 1.4em;
}
.b-servicios .sep {
width: 1px;
height: 56px;
background-color: #ccc;
}
@media (max-width: 767px) {
.b-servicios .banner-item {
margin-bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-flow: wrap;
}
.b-servicios .sep {
display: none;
}
.b-servicios .item.item1 {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.b-servicios .item.item2, .b-servicios .item.item3, .b-servicios .item.item4 {
width: 30%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
}
.b-servicios .item1 > span, .b-servicios .item2 > span, .b-servicios .item3 > span, .b-servicios .item4 > span {
font-size: 0.70em;
padding: 10px 0px;
min-height: 45px;
line-height: 115%;
text-align: center;
}
.b-servicios .item2 .icono img, .b-servicios .item3 .icono img, .b-servicios .item4 .icono img {
width: 60%;
}
.b-servicios .item2 .icono, .b-servicios .item3 .icono, .b-servicios .item4 .icono {
margin: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
}
@media (max-width: 479px) {
}
/**/
.brand-slider .owl-stage-outer {
height: 62px;
}
.brand-slider ul .owl-nav > * {
top: calc(50% - 20px) !important
}
/*.brand-slider ul .owl-nav>.owl-prev {}
.brand-slider ul .owl-nav>.owl-next {}*/
.brand-slider ul li a {
cursor: pointer;
display: table;
height: 62px;
position: relative;
width: 100%;
}
.brand-slider ul li a img {
bottom: 0;
height: auto !important;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto !important;
}
/* QUITAR SATURACIÓN EN IMÁGENES MARCAS */
.brand-slider ul li a img {
opacity: 0.55;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+, IE10 */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease;
/* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden;
/* Fix for transition flickering */
}
.brand-slider ul li a img:hover {
filter: none;
-webkit-filter: grayscale(0%);
opacity: 1;
}
@media (max-width: 767px) {
.related.brand-slider {
margin-bottom: 20px !important;
}
}
/* OWL SLIDER RELATED-SLIDER */
.Home .related {
margin-bottom: 20px;
}
.Home .related.related1 {
border: 1px solid #ddd;
padding: 0px;
box-shadow: 0 0 9px rgba(0,0,0,.2);
background-color: #fff;
}
#home-related-slider-1 {
padding: 15px 10px 25px;
}
.tittleLine {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 10px 0px;
color: #fff;
}
.tittleLine span {
height: 1px;
width: 100%;
background: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
}
.related h2 {
font-family: "Gotham", sans-serif;
font-weight: 500;
font-size: 32px !important;
line-height: 38px;
letter-spacing: -0.01em;
color: #232F3F;
text-align: center;
margin: 41px 0 23px;
font-style: normal;
}
.related h2 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 32px !important;
line-height: 38px;
letter-spacing: -0.01em;
text-align: center;
font-style: normal;
min-width: fit-content;
background: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
padding: 5px 20px;
margin: 0px 20px;
color: #fff;
}
.Product .related h2{background: transparent !important;}
.Home .related.related1 h2 {
margin: 0;
padding: 7px 31px;
background: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
width: fit-content;
color: #fff;
}
.related .owl-carousel {
padding: 0 5px
}
.related .owl-carousel .owl-stage-outer {
margin: 0 0 0 -1px;
padding: 0 0 0 1px;
clear: both;
}
.related .owl-nav > div {
font-size: 29px;
height: 40px;
line-height: 40px;
padding: 0 !important;
text-align: center !important;
text-indent: -5px;
top: calc(50% - 20px);
width: 20px;
text-shadow: none !important;
}
.related .owl-prev {
left: 0px
}
.related .owl-next {
right: 0px
}
.related .owl-next::before {
float: unset;
}
.related .owl-item > li {
margin-left: -1px;
}
@media (max-width: 1199px) {
.related h2 {
font-size: 2.2em;
margin: 10px 0 15px;
}
}
@media (max-width: 991px) {
.related h2 {
font-size: 2em;
}
}
@media (max-width: 767px) {
.Home .related {
margin-bottom: 35px;
}
.related .owl-nav > div {
font-size: 21px;
top: calc(38% - 45px);
width: 15px;
}
.related .owl-prev {
left: 5px
}
.related .owl-next {
right: 5px
}
#categs-slider .owl-prev {
left: -10px;
}
#categs-slider .owl-prev {
left: -10px;
}
}
@media (max-width: 479px) {
.related h2 {
font-weight: 500;
font-size: 24px !important;
line-height: 27px;
color: #CF2B19;
letter-spacing: -0.01em;
padding: 5px 21px 6px;
background: none;
}
.tittleLine span {
display: none;
}
.Home .related.related1 h2 {
margin: auto;
}
}
/* Carrusel Categorias */
#categs-slider {
display: flex;
justify-content: space-between;
padding: 0 0 0 3px;
margin: 10px 0 20px;
}
#categs-slider .owl-stage-outer {
padding: 5px;
margin: -5px;
}
#categs-slider .home-categories-item {
display: flex;
justify-content: center;
}
#categs-slider .home-categories-item > a {
flex: 0 1 auto;
display: inline-flex;
flex-direction: column;
margin-bottom: 1em;
justify-content: center;
}
#categs-slider .home-categories-img {
width: 130px !important;
height: 130px !important;
margin: 0 auto 10px;
border-radius: 100px;
border: 1px solid #003e571c;
}
#categs-slider .home-categories-name {
color: #003e57;
font-weight: normal;
font-size: 15px;
line-height: 20px;
text-align: center;
max-width: 150px;
}
#categs-slider .home-categories-description {
color: #85a21f;
text-align: center;
text-transform: capitalize;
font-size: 1.2em;
}
#categs-slider .owl-nav > div {
height: 40px;
line-height: 40px;
padding: 0 !important;
text-align: center !important;
text-indent: 4px;
top: calc(36% - 20px);
width: 26px;
text-shadow: none !important;
font-size: 2.85em;
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}
/* bannergroup */
.bannergroup .banner-item {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.bannergroup2 .banner-item:first-child {
margin-bottom: 10px;
}
}
/* HOME RELATED3 ***************************/
.related3 .badge-lanzamiento.icon {
left: -10px !important;
height: unset !important;
}
.related3 .badge-cuotas {
height: unset;
}
ul#home-related-slider-3 {
display: flex;
flex-wrap: wrap;
}
.related3 > ul > li {
float: left;
width: calc(33.33% + 1px);
margin-left: -1px;
}
.related3 .PRODUCT_BOX {
padding: 5px 10px;
height: 100%;
border: 1px solid #E2E2E2;
}
.related3 .PRODUCT_BOX .box_image {
width: 53%;
height: 225px;
margin-bottom: 0;
display: table-cell;
float: none;
}
.related3 .PRODUCT_BOX .box_image > a > img {
max-height: 95%;
}
.related3 .PRODUCT_BOX .box_data {
float: none;
width: 44%;
padding: 20px 16px 0;
font-size: 0.95em;
height: 100%;
display: table-cell;
}
.related3 .PRODUCT_BOX .box_data h3 {
height: auto;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.4em;
}
.related3 .price_wrapper {
height: auto;
margin-bottom: 5px;
}
.related3 .price_wrapper.nonavailable {
padding: 0;
margin-bottom: 25px;
}
.related3 .badge-dto {
font-size: 1.14em;
}
.related3 .compare {
position: absolute;
bottom: 11px;
}
/* pastillas */
/*
.related3 .PRODUCT_BOX .box_image .badges {
display: none
}
*/
.related3 .PRODUCT_BOX .box_data .badges {
display: block
}
.related3 .badges {
position: relative !important;
left: unset !important;
top: unset !important;
font-size: 0.88em !important;
}
.related3 .badge-enviogratis.icon,
.related3 .badge-ultimasunidades.icon {
top: 190px;
position: relative !important;
}
@media (max-width:1440px) {
.related3 .badge-enviogratis.icon,
.related3 .badge-ultimasunidades.icon {
top: 254px;
}
}
@media (max-width:1200px) {
.related3 .badge-enviogratis.icon,
.related3 .badge-ultimasunidades.icon {
top: 187px;
}
}
@media (max-width:991px) {
.related3 .badge-enviogratis.icon,
.related3 .badge-ultimasunidades.icon {
top: 158px;
}
}
@media (max-width:767px) {
.related3 .badge-enviogratis.icon,
.related3 .badge-ultimasunidades.icon {
top: 235px;
}
}
.related3 .buttons_wrapper {
bottom: 0
}
.related3 .badges ul li {
margin-bottom: 2px;
}
.related3 .badges ul li > div.icon {
height: 35px;
}
.related3 .badge-destacado {
height: 35px !important;
}
.related3 .badge-local .dto {
font-size: 1.5em;
width: 38px;
right: -38px;
padding-top: 7px;
}
.related3 .badge-local .dto strong::before {
bottom: 2px;
}
.related3 .badge-hotsale {
display: none
}
/* hover */
@media (max-width: 1199px) {
.related3 > ul > li {
width: calc(50% + 1px)
}
.related3 > ul > li:nth-child(9) {
display: none
}
.related3 .PRODUCT_BOX .box_image {
height: 200px
}
.tachado span {
font-size: 14px;
}
.related3 .badge-dto {
font-size: 1em
}
.price {
font-size: 17px;
margin-top: 3px;
}
.price span {
font-size: 19px
}
}
@media (max-width: 991px) {
.related3 .PRODUCT_BOX .box_data {
padding: 15px 5px 0;
}
.related3 .PRODUCT_BOX .box_data h3 {
font-size: 14px;
line-height: 1.3em;
}
}
@media (max-width: 767px) {
.related3 > ul > li {
width: 100%;
margin-left: 0;
}
.related3 .PRODUCT_BOX .box_image {
height: 109px;
width: 36%;
}
.related3 .PRODUCT_BOX .box_data {
width: 64%;
padding: 8px 0 0 18px;
}
.related3 .PRODUCT_BOX .box_data h3 {
margin-bottom: 6px;
}
.buttons_wrapper {
display: none;
}
}
@media (max-width: 479px) {
.badge-ultimasunidades {
padding: 4px 2px !important;
font-size: 10px !important;
top: 130px;
}
}
/* tamaños imagenes */
.owl-carousel .PRODUCT_BOX .box_image {
height: 255px
}
.owl-carousel .PRODUCT_BOX .box_image .badges ul {
display: flex;
gap: 3%;
flex-flow: wrap;
}
@media (max-width: 1439px) {
.owl-carousel .PRODUCT_BOX .box_image {
height: 210px
}
}
@media (max-width: 1199px) {
.owl-carousel .PRODUCT_BOX .box_image {
height: 214px;
}
}
@media (max-width: 991px) {
.owl-carousel .PRODUCT_BOX .box_image {
height: 230px
}
}
@media (max-width: 767px) {
.owl-carousel .PRODUCT_BOX .box_image {
height: 205px
}
}
@media (max-width: 479px) {
.owl-carousel .PRODUCT_BOX .box_image {
height: 182px
}
}
@media (max-width: 360px) {
.owl-carousel .PRODUCT_BOX .box_image {
height: 135px
}
}
/* BANNERS group */
.bannergroup {
float: left;
margin-bottom: 25px;
width: 100%;
}
.bannergroup .banner-item {
margin-bottom: 10px;
}
/*////////////////////////////////////////////////////////////////////*/
/* CATEGORY //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
.Category h1 {
width: 100%;
font-weight: 500;
font-size: 29px;
line-height: 20px;
color: #000;
float: right;
letter-spacing: -0.02em;
margin: 0 0 25px;
text-transform: uppercase;
text-align: center;
}
.Category h1 a:before {
display: none
}
.totalprods {
font-weight: 500;
font-size: 14px;
letter-spacing: 0.09em;
color: #CF2B19;
float: left;
text-transform: uppercase;
margin-left: 12px;
line-height: 46px;
}
/* imagen categoria */
.Category .bigimage {
width: 100%;
}
.Category .bigimage img {
display: block;
width: 100%;
height: auto;
}
body.Category , .bkg-container{background-color: #F9F8F7;}
.title-destacado h2{
text-align: center;
margin: 30px 0px;
}
@media (min-width: 1200px) {
}
@media (min-width: 1440px) {
.Category aside {
width: 20%
}
.Category .derecha {
width: 80%
}
.Category .product_list.gridview > ul > li {
width: 25%
}
}
/* BREADCRUMB **************************/
.breadcrumb {
font-size: 0.95em;
margin: 0;
padding: 0;
width: auto;
}
.breadcrumb li {
float: left;
position: relative;
}
.breadcrumb > li + li::before {
content: "/";
float: left;
font-size: 1.3em;
opacity: 0.8;
padding: 0 6px;
}
.breadcrumb span {
float: left;
}
.breadcrumb a {
display: block;
text-decoration: none;
color: #92A0AB !important;
font-weight: lighter;
}
.breadcrumb li:nth-last-child(2) a {
color: #272d30 !important;
cursor: default;
text-decoration: none !important;
pointer-events: none;
}
@media (max-width: 1199px) {
.Category h1 {
font-size: 24px;
}
.breadcrumb {
font-size: 14px
}
}
@media (max-width: 991px) {
.Category .title {
background: transparent none repeat scroll 0 0;
float: none !important;
margin: 0;
width: 100%;
}
.Category h1 {
float: left;
font-size: 1.75em;
margin: -19px 0 10px;
text-align: center;
width: 100%;
}
.breadcrumb {
display: flex;
float: none;
margin: 0 auto 13px;
padding: 0;
text-align: center;
width: 100%;
position: relative;
left: unset;
top: unset;
font-size: 1em;
}
.breadcrumb li {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.breadcrumb > li + li::before {
position: absolute;
left: -4px;
padding: 0;
top: 0;
font-size: 1em;
}
.breadcrumb a {
font-weight: normal;
padding: 0 8px;
font-size: 13px;
}
.totalprods {
font-size: 0.83em
}
}
@media (max-width: 767px) {
.Category h1 {
font-size: 1.6em;
margin: 29px 0 8px;
text-align: center;
}
.breadcrumb {
font-size: 0.85em;
margin-bottom: 6px;
text-align: center;
}
}
@media (max-width: 767px) {
.totalprods span {
display: block
}
}
/* NOHAYPRODS **************************/
.nohayprods > li {
float: left;
margin-bottom: 30px;
}
.nohayprods > li > a::before {
display: block;
font-family: "cdafont";
font-size: 4em;
text-decoration: none !important;
}
.nohayprods > li > a {
text-transform: uppercase;
}
.nohayprods > li > a:hover {
color: #6e6e6e !important
}
.nohayprods .caret {
display: none;
}
.nohayprods > li > ul {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #ffdd07 transparent transparent;
border-style: solid none none;
border-width: 1px 0 0;
box-shadow: none;
display: block;
float: left;
font-size: 0.9em;
left: unset;
margin: 8px 0 0;
padding: 0;
position: relative;
top: unset;
width: 100%;
padding-top: 4px;
z-index: 0;
}
.nohayprods > li > ul a {
opacity: 0.6;
padding: 2px 0;
}
.nohayprods a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
color: inherit !important;
opacity: 1 !important;
}
.nohayprods > li > ul a:hover {
text-decoration: underline !important;
}
/* CATEGORY_TREE (menu categorias) / MENU_TREE (menu usuario y content) **************************/
.category_tree,
.menu_tree,
.filter_tree {
float: left;
width: 100%;
padding: 0;
position: relative;
}
.category_tree ul,
.menu_tree ul,
.filter_tree ul {
float: left;
height: auto;
width: 100%;
}
.category_tree > ul {
margin-bottom: 15px;
}
/*
.category_tree ul a:before, .menu_tree ul a:before {content: "\e00e"}*/
.category_tree ul a:before,
.menu_tree ul a:before {
color: #b7b7b7;
display: block;
float: left;
font-size: 11px;
margin: 2px 3px 0 -5px;
}
.category_tree ul li,
.menu_tree ul li {
background: none;
}
.category_tree ul li a:before {
font-family: "cdafont";
color: #828282;
margin: -5px 15px 0 -5px;
width: 20px;
height: 20px;
float: left;
font-size: 1.8em;
}
.Category .category_tree ul li a:before {
display: none;
}
.category_tree ul > li > a,
.menu_tree ul > li > a {
font-weight: normal;
font-size: 15px;
line-height: 19px;
display: block;
color: #333333;
letter-spacing: 0.01em;
padding: 12px 16px;
width: 100%;
border: none;
}
.category_tree ul > li > a:hover,
.menu_tree ul > li > a:hover,
.activee {
color: #333333;
text-decoration: underline;
}
.category_tree > ul > li.subcategory > a::after {
content: "\f35f"
}
.category_tree > ul > li > a.activee:after {
content: "\f365"
}
.category_tree > ul > li.collapsed:after {
content: "\f123"
}
.category_tree > ul > li > a::after {
background-clip: padding-box;
color: #c8c8c8;
display: block;
float: right;
font-family: "Ionicons";
font-size: 18px;
height: 17px;
line-height: 16px;
margin: 3px 2px;
text-align: center !important;
width: 10px;
}
.category_tree > ul > a.collapsed {
background: #ccc
}
/* H5 */
.category_tree h5, .filter_tree h5 {
font-weight: 600;
font-size: 16px;
color: black;
line-height: 46px;
margin: 0;
padding: 0 10px 0 16px;
width: 100%;
height: 46px;
letter-spacing: 0.02em;
}
.filter_tree h5 {
display: none;
margin: 0 0 14px;
}
.menu_tree h5 {
color: #333;
font-weight: 300;
line-height: 1.5em;
margin: 0;
text-align: center;
padding: 10px 5px 0;
}
.Content .menu_tree h5 {
color: #000;
font-size: 1.6em;
text-transform: uppercase;
}
.menu_tree a::after {
content: "\f363"
}
.menu_tree a::after {
color: #888;
float: right;
font-family: "Ionicons";
font-size: 15px;
opacity: 0.4;
padding: 0;
}
/* FILTER_TREE - MENU FILTROS **************************/
/*.filter_tree {}*/
.filter_tree > div {
float: left;
width: 100%;
}
.filter_tree .accordion {
float: left;
padding: 0;
width: 100%;
margin-bottom: 15px;
background-color: transparent;
border-top: 1px solid #e1e1e1;
}
/*asd2*/
.filter_area p {
margin: 4px 0 0 13px;
}
/*asd2*/
.filter_elem input {
position: relative;
z-index: 3;
opacity: 0;
}
/*asd2*/
.filter_elem input + span::before {
width: 18px;
height: 18px;
border-radius: 18px;
background: #d0d0d0;
border: 3px solid white;
content: "";
position: absolute;
margin: 1px 0 0 -15px;
}
/*asd2*/
.filter_elem input + span::after {
width: 10px;
height: 10px;
border-radius: 10px;
background: #f1f1f1;
content: "";
position: absolute;
margin: 5px 0 0 -11px;
}
.filter_elem input:checked + span::after {
width: 10px;
height: 10px;
border-radius: 10px;
background: #6e6e6e;
content: "";
position: absolute;
margin: 5px 0 0 -11px;
display: inline-block;
}
.filter_tree .accordion input[type=radio]:checked + label {
color: #6e6e6e;
}
.expandcollapse {
color: #b7b7b7;
float: right;
font-size: 0.8em;
position: absolute;
right: 0;
top: -21px;
}
.expandcollapse i {
float: left;
font-size: 0.85em;
margin: 1px 5px 0 0;
}
.filter_title {
color: #2D2D2D;
cursor: pointer;
float: left;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 20px;
padding: 16px 16px 5px;
position: relative;
width: 100%;
}
.filter_title:before, .category_tree h5:before, .categ_title:before {
content: "\f126"
}
.filter_title.collapsed:before, .category_tree h5.collapsed:before, .categ_title.collapsed:before {
content: "\f123"
}
.filter_title::before, .category_tree h5:before, .categ_title:before {
color: #6e6e6e;
float: right;
font-family: "Ionicons";
font-size: 18px;
line-height: 1em;
padding: 12px 13px;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.filter_title::before {
padding-top: 16px;
}
.category_tree h5::before {
top: 2px;
}
.filter_area {
float: left;
padding: 6px 0 15px;
width: 100%;
}
.filter_area a img {
display: none !important
}
.filter_area a {
font-size: 13px;
line-height: 1.25em;
clear: left;
color: #828282;
cursor: pointer;
float: left;
font-weight: normal;
padding: 5px 0 5px 16px;
position: relative;
text-decoration: none;
width: 100%;
}
.filter_area a::before {
background: #fff none repeat scroll 0 0;
border: 1px solid #aaa;
border-radius: 1px;
content: "";
display: block;
float: left;
height: 12px;
margin: 1px 12px 0 0;
position: relative;
width: 12px;
}
.filter_area a:hover,
.filter_area a.checked {
color: #CF2B19;
text-decoration: underline;
font-weight: bold;
}
@media (min-width: 768px) {
.filter_area a:hover::before {
background-color: #CF2B19;
border: 1px solid #CF2B19;
}
}
.filter_area a.checked {
margin-top: -7px;
padding: 11px 7px 11px 16px;
}
.filter_area a.checked:before {
display: none;
}
.filter_area a.checked::after {
content: "\f128"
}
.filter_area a.checked::after {
float: left;
font-family: "Ionicons";
font-size: 1.2em;
margin: 0 10px 0 -1px;
}
/* ver mas */
.filter_area .mas p {
color: #000;
cursor: pointer;
font-size: 0.9em;
line-height: 28px;
padding-left: 3px;
}
.filter_area .mas p:hover {
color: #507287
}
.filter_area .mas p::before {
background: transparent;
border: 0 none;
border-radius: 0;
content: "ver más";
margin: 0;
width: auto;
}
.filter_area .mas p::after {
font-family: "Ionicons";
font-size: 1.1em;
margin: 0 0 0 4px;
position: absolute;
}
.filter_area .mas p:after {
content: "\f35f"
}
.filter_area .mas.opened p:before {
content: "ver menos"
}
.filter_area .mas.opened p:after {
content: "\f365"
}
/*asd2*/
.filter_area label {
padding-left: 15px;
}
.category_tree .subcategory .filtro-contain {
float: left;
width: 100%;
margin: 10px 0 13px;
font-size: 0.92em;
}
.category_tree .subcategory .filtro-contain ul li {
background: none;
padding-left: 27px;
}
.category_tree .subcategory .filtro-contain ul li a {
color: #333;
padding: 3px 0;
border: 0;
}
.category_tree .subcategory .filtro-contain ul li a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #6e6e6e !important;
text-decoration: underline;
}
@media (max-width: 991px) {
aside {
font-size: 0.95em
}
.category_tree ul > li > a, .menu_tree ul > li > a {
padding: 9px;
font-size: 13.5px;
}
.category_tree h5, .filter_tree h5 {
padding: 0 5px 0 8px;
font-size: 15px;
}
.filter_title::before,
.category_tree h5::before, .categ_title:before {
right: 0;
padding: 14px 8px 10px;
font-size: 15px;
line-height: 100%;
}
.filter_title {
font-size: 15px;
padding-left: 9px;
}
.filter_title::before {
padding-top: 19px;
}
.filter_tree h5,
.Result .browse_area {
height: 50px;
}
.filter_area a {
padding: 2px 10px;
}
.menu_tree a::after {
display: none
}
.User .menu_tree a {
font-size: 0.8em
}
}
/* FILTROS MOBILE ***************************************/
@media (max-width: 767px) {
#FILTERS {
display: none;
opacity: 0;
top: 200px;
transition: all 0.5s ease 1s;
}
.btfilter-open {
display: flex !important;
justify-content: center;
align-items: center;
text-align: center !important;
width: 50%;
}
.derecha.mobile,
footer.mobile,
.backtotop.mobile {
display: none
}
#FILTERS.mobile {
background: #fff none repeat scroll 0 0;
display: block;
position: absolute;
top: -135px;
left: 0;
width: 100%;
z-index: 100000;
transition: transform 1s ease 0s;
opacity: 1;
padding: 0;
}
/* MENU MOBILE HEADER ******/
#FILTERS .modal-header {
position: fixed;
width: 100%;
margin: 0;
top: 0;
left: 0;
z-index: 999;
display: flex !important;
justify-content: space-between;
align-items: center;
line-height: 1em;
height: 50px;
padding: 0 15px;
}
#FILTERS .modal-header .modal-title {
margin-left: 3px;
}
#FILTERS .modal-header .close {
margin: 0 -7px 0 0;
box-shadow: none !important;
height: 40px;
width: 40px;
padding: 0;
line-height: 40px;
min-width: 0;
color: #fff;
}
.xspace {
float: left;
height: 80px;
width: 100%;
}
.filter_tree .accordion, .category_tree {
margin: 0;
padding-bottom: 2px !important;
padding-top: 2px !important;
border: 0;
}
.category_tree, .filter_tree {
float: left;
margin: 0 !important;
padding: 0 15px;
width: 100%;
border: 0;
}
.categ_title, .filter_title {
background: #f3f3f3 none repeat scroll 0 0;
border: 0 none !important;
color: #333333 !important;
font-size: 16px !important;
font-weight: normal !important;
letter-spacing: 0.02em;
line-height: 21px !important;
margin: 0 !important;
padding: 13px 15px !important;
text-transform: none !important;
position: relative;
}
.category_tree > ul {
background: #fff;
border: 0;
margin: 10px 0 15px;
}
.category_tree ul > li > a {
color: #828282;
border: 0;
padding: 9px 14px;
}
.filter_area a {
padding: 12px 10px;
}
.mas {
display: none
}
.filter_area a.checked::after {
margin-left: -7px;
}
}
@media (max-width: 479px) {
.view {
display: none
}
#FILTERS.mobile {
top: 0;
position: fixed;
height: 100vh;
overflow: scroll;
}
}
/* BANNERS-LEFT **************************/
.Category .b-left {
margin-bottom: 30px;
float: left;
width: 100%;
}
.Category .b-left .banner-item {
margin-bottom: 20px;
}
/* PRODUCT_LIST - VISTA GRILLA DEFAULT **************************/
.product_list > ul {
margin: 0;
padding: 0;
}
.product_list > ul > li {
padding: 0;
margin: 0;
}
.gridview .PRODUCT_BOX {
width: calc(100% + 1px);
}
.gridview .PRODUCT_BOX .box_image {
height: 285px
}
@media (max-width: 1199px) {
.gridview .PRODUCT_BOX .box_image {
height: 213px
}
}
@media (max-width: 991px) {
.gridview .PRODUCT_BOX .box_image {
height: 247px
}
}
@media (max-width: 767px) {
/*.gridview .PRODUCT_BOX {}*/
.gridview .PRODUCT_BOX .box_image {
height: 225px
}
}
@media (max-width: 479px) {
/*.gridview .PRODUCT_BOX {width: 106%;}
.gridview .item:nth-child(2n+1) .PRODUCT_BOX {}
.gridview .item:nth-child(2n+2) .PRODUCT_BOX {margin-left: -6%;}*/
.gridview .PRODUCT_BOX .box_image {
height: 125px
}
}
/* PRODUCT_LIST - VISTA LISTADO **************************/
.listview .PRODUCT_BOX {
margin-bottom: 80px
}
.listview .PRODUCT_BOX .box_image {
height: 470px
}
@media (max-width: 1199px) {
.listview .PRODUCT_BOX .box_image {
height: 333px
}
}
@media (max-width: 991px) {
.listview .PRODUCT_BOX .box_data h3,
.listview .price_wrapper {
height: auto;
}
.listview .PRODUCT_BOX {
margin-bottom: 50px
}
.listview .PRODUCT_BOX .box_image {
height: 410px
}
}
@media (max-width: 767px) {
.listview .PRODUCT_BOX .box_image {
height: 400px
}
}
@media (max-width: 479px) {
.listview .PRODUCT_BOX .box_image {
height: 290px
}
}
.product_list.listview .PRODUCT_BOX {
border-radius: 0;
height: auto;
margin: 0 0 7px 0;
padding: 8px 15px;
position: relative;
}
.product_list.listview .PRODUCT_BOX .box_image {
display: inline-block;
float: left;
height: 80px;
width: 80px;
margin: 0;
}
.product_list.listview .PRODUCT_BOX .box_data {
float: none;
margin: 0;
padding: 0 240px 0 100px;
width: 100%;
position: unset;
height: auto;
}
.product_list.listview .PRODUCT_BOX .box_data h3 {
float: none;
font-size: 1.1em;
height: auto;
margin: 12px 0 5px;
line-height: 1.25em;
}
.product_list.listview .buttons_wrapper {
display: none !important
}
.product_list.listview .compare {
border-right: 1px solid #ddd;
padding-right: 11px;
width: auto;
font-size: 0.95em;
}
.product_list.listview .BUTTONFAV.list {
float: left;
position: absolute;
display: block;
color: #6e6e6e;
text-align: center;
margin: 0;
font-size: 1.4em;
bottom: 0;
right: 4px;
top: auto;
opacity: 0.3;
}
.product_list.listview .BUTTONFAV.list:hover {
opacity: 1
}
.product_list.listview .PRODUCT_BOX .box_data .short_desc {
color: #888;
float: none;
font-size: 0.9em;
line-height: 1.4em;
padding-right: 30px;
margin-bottom: 12px;
}
.product_list.listview .PRODUCT_BOX .box_data .short_desc p {
margin: 0 !important
}
.product_list.listview .price_wrapper {
position: absolute;
top: 19px;
right: 15px;
text-align: left;
width: auto;
height: auto;
padding-left: 3px;
}
.product_list.listview .price_wrapper.nonavailable {
text-align: right
}
.product_list.listview .tachado {
float: right;
margin: -4px 0 5px 7px;
text-align: right;
}
.product_list.listview .tachado span {
font-size: 14px
}
.product_list.listview .price {
margin: 0;
float: right;
clear: right;
width: auto;
font-size: 17px;
}
.product_list.listview .price span {
font-size: 19px;
}
.product_list.listview .cuotas {
display: none
}
.product_list.listview .badge-destacado::after {
display: none
}
.product_list.listview .BUTTONBUY.list {
position: absolute;
margin: 0;
bottom: 15px;
right: 10px;
max-width: 120px;
padding: 5px 0;
font-size: 0.95em;
display: none;
}
.product_list.listview .badge-dto {
float: right;
margin-top: -5px;
}
/* pastillas */
.product_list.listview .PRODUCT_BOX .box_image .badges {
display: none
}
.product_list.listview .PRODUCT_BOX .box_data .badges {
display: block
}
.product_list.listview .PRODUCT_BOX .box_data .badges {
display: block;
float: left;
left: unset;
top: -3px;
}
.product_list.listview .badges ul li {
clear: none;
margin: 0;
}
.product_list.listview .badges ul li > div.icon {
height: auto !important;
padding: 3px 6px !important;
line-height: 1em;
left: 0 !important;
position: relative !important;
bottom: auto;
}
.product_list.listview .badge-destacado.icon {
top: 0;
}
.product_list.listview .badges ul li > div.icon::before {
display: none
}
.product_list.listview .badges ul li > div.icon span {
display: unset
}
.product_list.listview .badge-local .dto {
font-size: 1.5em;
width: auto;
right: unset;
left: 100%;
padding: 3px 29px 2px 5px;
font-size: 1.4em;
}
.product_list.listview .badge-local .dto::before {
display: none;
}
.product_list.listview .badge-local .dto strong::before {
right: 4px;
width: auto;
font-size: 0.78em;
top: 4px;
}
.product_list.listview .badges ul li > .badge-ultimasunidades.icon {
height: auto !important;
padding: 3px 6px !important;
line-height: 1em;
width: 100px !important;
font-size: 10px !important;
position: absolute !important;
}
/* :hover */
.product_list.listview .PRODUCT_BOX:hover {
border-color: #888;
}
.product_list.listview .PRODUCT_BOX:hover .box_image > a > img {
opacity: 1;
}
.product_list.listview .PRODUCT_BOX:hover .buttons-wrapper {
display: none !important
}
@media (max-width: 1199px) {
.product_list.listview .PRODUCT_BOX .box_data h3 {
font-size: 1em
}
}
@media (max-width: 991px) {
.product_list.listview .PRODUCT_BOX .box_data {
padding-right: 155px
}
.product_list.listview .PRODUCT_BOX .box_data h3 {
font-size: 1.1em
}
.product_list.listview .price_wrapper {
font-size: 0.88em;
}
.product_list.listview .tachado {
margin-left: 4px;
}
.product_list.listview .price_wrapper.nonavailable {
width: 100px
}
}
@media (max-width: 767px) {
.pcms-add-wishlist.BUTTONFAV.list {
margin-left: -12px !important;
opacity: 0.8;
}
.product_list.listview .PRODUCT_BOX .box_data {
padding-right: 139px;
}
}
@media (max-width: 479px) {
.product_list.listview .PRODUCT_BOX {
padding: 8px
}
}
/* BROWSE_AREA **************************/
.browse_area,
.product_list,
.filter_applied {
float: left;
width: 100%;
}
@media (min-width: 768px) {
.browse_area1 {
display: flex;
color: #CF2B19;
height: 46px;
margin-bottom: 15px;
border-bottom: 1px solid #E8E8E8;
justify-content: flex-end;
padding: 5px 0px;
}
}
.browse_area a:hover {
text-decoration: none !important
}
.browse_area1 h5 {
display: inline-block;
font-size: 0.8em;
margin: 6px 6px 0;
text-transform: uppercase;
width: auto !important;
position: relative;
top: -5px;
}
.browse_area1 .view {
float: none;
order: 2;
border-left: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
margin: 0px 10px;
padding: 5px 0px;
display: flex;
justify-content: center;
align-items: center;
}
.browse_area1 .totalprods{
float: none;
order: 1;
}
.browse_area1 .order{
float: none;
order: 3;
}
.view {
text-align: right;
float: left;
line-height: 46px;
}
.view,
.pagination,
.order {
margin: 0;
padding: 0;
}
/* View */
.view_wrapper {
padding: 0px 10px;
width: 100%;
display: flex;
}
.view_wrapper a {
color: #00000024;
display: block;
font-family: "e3font";
font-size: 17px;
text-align: center;
width: 37px;
}
.view_grid:before {
content: "L"
}
.view_list:before {
content: "N"
}
.view_wrapper a.active {
color: #CF2B19;
}
.view_wrapper a:hover {
color: #CF3A19 !important
}
.view_wrapper a.active:hover {
pointer-events: none;
cursor: default !important;
color: #CF2B19 !important;
}
/* Pagination */
.pagination {
display: table;
float: none;
margin: 20px auto 0;
padding: 0;
text-align: center;
width: auto;
}
.pagination_wrapper {
float: none;
margin: 0 auto;
width: auto;
}
.pagination a {
border: 1px solid #e4e4e4;
color: #333;
background-color: #fff;
cursor: pointer;
display: inline-block;
float: left;
height: 38px;
line-height: 38px;
margin: 0 4px 10px;
padding: 0;
text-align: center;
width: 38px;
font-weight: normal;
}
.pagination a:hover {
color: #1C5E9B;
border-color: #1C5E9B87;
}
.pagination .current {
border-color: #CF2B19;
color: #fff;
pointer-events: none;
background-color: #CF2B19;
}
.pagination .p-first, .pagination .p-last, .pagination .p-prev, .pagination .p-next {
font-family: "Ionicons";
font-size: 25px;
margin: 0;
width: 35px;
background-color: transparent;
border-color: transparent !important;
}
.pagination .p-first, .pagination .p-last {
opacity: 0.7;
display: none;
}
.pagination .p-first:before {
content: "\e02e";
}
.pagination .p-last:before {
content: "\e02f";
}
.pagination .p-prev:before {
content: "n";
font-family: "e3font";
}
.pagination .p-next:before {
content: "m";
font-family: "e3font";
}
@media (max-width: 767px) {
.pagination a {
height: 34px;
line-height: 34px;
margin: 0 2px 10px;
width: 34px;
}
}
/* Order */
.order {
float: right;
}
.order_wrapper {
border-left: 1px solid #fff;
}
.order .dropdown-toggle {
text-align: left;
border: 0;
line-height: 32px;
background: #fff;
font-size: 0.97em;
letter-spacing: 0.03em;
margin: 6px 7px 6px 10px;
padding: 0 11px;
min-width: 150px;
color: #000;
}
.order .dropdown-toggle span::after {
content: "\f35f"
}
.order .dropdown-toggle span::after {
font-family: 'Ionicons';
font-size: 16px;
float: right;
margin: -1px -5px 0 8px;
opacity: 0.4;
}
.order .dropdown-menu {
left: auto;
right: 0;
border: 0;
text-align: center;
box-shadow: 0 6px 8px #00000021;
font-size: 0.95em;
border-radius: 0 !important;
margin: 0;
padding: 12px 0;
}
.order .dropdown-menu > li > a:hover {
text-decoration: underline !important;
background: transparent;
}
/* filter_applied */
.filter_applied {
float: left;
margin-bottom: 15px;
position: relative;
width: 100%;
display: table;
text-align: center;
}
.filter_applied li {
display: inline-block;
}
.filter_applied a {
background-color: #CF2B19;
color: #fff;
cursor: pointer !important;
float: none;
letter-spacing: 0.04em;
font-size: 14px;
line-height: 4px;
margin: 0 3px 3px;
padding: 10px 10px;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
}
.filter_applied a:before {
content: "\f405"
}
.filter_applied a::before {
float: left;
font-family: "Ionicons";
font-size: 15px;
margin: 0 8px 0 0;
}
.filter_applied a:hover {
background-color: #1d1d1d;
}
@media (max-width: 767px) {
.derecha {
padding-top: 5px;
position: unset;
}
.browse_area1 {
width: 100% !important;
background-color: #5B5454;
padding: 0;
display: flex;
justify-content: space-between;
}
.totalprods {
display: none;
}
.order {
float: right !important;
width: 50%;
order: 3;
background: transparent;
height: 100%;
border-left: 1px solid #CBCBCB;
}
.order_wrapper {
border-left: 0;
}
.order .dropdown-toggle {
width: 100%;
height: 100%;
line-height: 50px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: transparent;
margin: 0;
padding: 0;
}
.order .dropdown-menu {
width: 100%;
}
.order .dropdown-menu > li > a {
padding: 8px;
}
.view_wrapper a,
.btfilter-open,
.order select {
color: #FFF !important;
}
.order select {
padding: 0 8px 0 0;
}
.view {
display: none !important;
}
.view_wrapper {
border-right: 0;
border-left: 1px solid #ffffffb3;
margin: 0 -10px 0 10px;
padding: 0 6px;
float: right;
}
.browse_area1 .view_wrapper a {
opacity: 0.3
}
.browse_area1 .view_wrapper a.active {
opacity: 1
}
.view_wrapper a:hover,
.btfilter-open:hover,
.order select:hover {
color: #000 !important;
opacity: 1
}
.btfilter-open::after {
content: "\f4a6"
}
.btfilter-open::after {
font-family: "Ionicons";
font-size: 25px;
margin: 0px 5px;
}
}
.btbottom {
padding: 0 15px;
float: left;
width: 100%;
text-align: center;
}
.btbottom .btn {
margin: 20px auto 40px;
width: 200px;
padding: 15px;
line-height: 1em;
}
/* RESULT **************************/
.Result h1 {
font-size: 1.25em;
font-weight: 300;
margin: 0 0 9px;
text-align: left;
width: 100%;
}
@media (max-width: 767px) {
.Result section {
padding-top: 76px;
}
}
/*////////////////////////////////////////////////////////////////////*/
/* PRODUCTO //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
.Product #body {margin-bottom: 82px;}
.Product section{margin-top: 0;}
.Product .b-allsite,.Product .tira-html{display:none}
.Product .contenido-blanco {
background: white;
float: left;
width: 100%;
padding-bottom: 70px;
border-top: 2px solid #ddd;
position: relative;
top: -2px;
}
/* BANNER HIGHLIGHT *************************************************/
.b-highlight {
float: left;
width: 100%;
border-bottom: 1px solid #cecece;
margin-bottom: 15px;
}
.b-highlight .item {
display: inline-flex;
justify-content: flex-start;
float: left;
width: 100%;
border-bottom: 1px solid #CECECE;
padding-bottom: 10px;
margin-bottom: 10px;
align-items: center;
line-height: 1.2em;
font-size: 1.14em;
color: #41277E;
}
.b-highlight .item .img {
margin-right: 12px;
display: table;
}
.b-highlight .item .img img {
width: 100%;
object-fit: contain;
object-position: center;
}
.b-highlight .ahora12 .texto {
width: auto;
}
/* ahora 12 */
.b-highlight .ahora12 .img {width: 134px;}
/* breadcrumbs *****/
.breadcrumb {margin: 0 0 22px}
.Product .breadcrumb
{
height: 30px;
margin: 10px 0;
}
/* GALLERY *************************************************/
.GALLERY {
position: relative;
padding-right: 30px;
}
.GALLERY > span {
background: #fff;
float: left;
width: 100%;
display: flex;
border: 1px solid #FFFFFF;
box-sizing: border-box;
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
padding: 58px 20px 45px;
}
/* zoom */
.zoomContainer {
display: none !important;
}
.zoomWindowContainer .zoomWindow {
border: 3px solid #fff;
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
}
.Product div#mCSB_1_container {
display: flex;
flex-direction: column;
}
/* big image */
.allthumbs, #g_image {
float: left;
width: 100%;
position: relative;
}
.allthumbs {order: 1;width: auto;}
#g_image {
text-align: center;
padding: 0 10px 12px;
order: 2;
width: 100%;
}
#g_image img {
height: auto !important;
max-height: 500px;
max-width: 100%;
width: auto !important;
}
#zoom_01 {cursor: zoom-in !important;}
/* thumbs */
#g_thumbs {
padding-right: 4px;
text-align: center;
width: 100%;
display: block;
margin: auto;
max-height: 425px;
float: none;
overflow: hidden;
}
#g_thumbs .mCSB_horizontal.mCSB_inside > .mCSB_container
{
margin-bottom: 10px;
}
#g_thumbs .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
border-radius: 8px;
background-color: rgb(169, 169, 169);
}
#g_thumbs img {
bottom: 0;
color: #bbbbbb;
font-size: 8px;
height: auto;
left: 0;
line-height: 10px !important;
margin: auto;
max-height: 100%;
max-width: 100%;
padding: 3px;
position: absolute;
right: 0;
top: 0;
width: auto;
}
#g_thumbs a {
border: 2px solid #ffffff;
display: inline-block;
float: none;
height: 100px;
margin: 2px;
position: relative;
text-align: center;
width: 100px;
}
#g_thumbs a:hover { border-color: #ccc;}
#g_thumbs .active { border-color: #CF2B19;}
/* boton zoom */
#g_button {
color: #444;
display: none;
float: left;
line-height: 3em;
/*margin-top: 5px;
padding: 10px 0 10px 30px;*/
position: relative;
text-align: left !important;
text-decoration: none;
width: auto !important;
height: auto !important;
border-color: #fff !important;
margin-bottom: 10px;
}
#g_button:before {content: "i"}
#g_button::before {
display: block;
float: left;
font-family: "dhs";
font-size: 1.35em;
left: 4px;
position: relative;
top: 15px;
}
#g_button:hover {color: #c4158c !important;}
#g_button span {
font-size: 9px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
/* FLECHAS galeria + fancybox */
#g_arrows {}
#g_arrows > * {
color: #B3B3B3;
cursor: pointer;
display: block;
font-size: 30px;
height: 60px;
line-height: 58px;
padding: 0;
position: absolute;
text-align: center;
top: calc(50% - 30px);
width: 40px;
display:none;
}
#g_arrows > *:hover {color: #c4158c}
#g_arrows .l_arrow {left:-20px}
#g_arrows .r_arrow {right:-20px}
#g_arrows > *:before {font-family: "dhs";}
#g_arrows .l_arrow:before {content: "j"}
#g_arrows .r_arrow:before {content: "k"}
/* FANCYBOX ******/
.fancybox-nav span {
color: #fff;
cursor: pointer;
display: block;
font-size: 28px;
height: 60px;
line-height: 58px;
padding: 0;
text-align: center;
width: 20px;
background: none !important;
visibility: visible;
opacity: 0.5
}
.fancybox-nav:hover span {color: #fff; opacity: 1;}
.fancybox-next {right: -60px}
.fancybox-prev {left: -60px}
.fancybox-nav span:before {font-family: "Ionicons"}
.fancybox-prev span:before {content: "\f124"}
.fancybox-next span:before {content: "\f125"}
.fancybox-close {
background: #5c5c5c none repeat scroll 0 0;
border: 3px solid rgba(255, 255, 255, 0.46);
border-radius: 100%;
box-shadow: 2px 2px 10px #000;
color: #fff;
font-size: 19px;
height: 40px;
line-height: 34px;
overflow: hidden;
text-align: center;
width: 40px;
}
.fancybox-close:hover {
background: #000 none repeat scroll 0 0;
color: #fff;
}
.fancybox-close:before {font-family: "Ionicons"}
.fancybox-close:before {content: "\f12a"}
#fancybox-loading {
background-image: url("/Content/images/fancybox-2.1.5/fancybox_sprite@2x.png");
}
@media(max-width:1439px){
#g_thumbs a {
height: 85px;
width: 85px;
}
}
@media (max-width: 1199px) {
#g_thumbs a {
height: 60px;
width: 60px;
margin: 0 2px 2px 0;
}
}
@media (max-width: 767px) {
.zoomContainer {display: none !important}
#sticker {
position:relative !important;
}
#g_image img {
max-height: 400px;
}
}
@media (max-width: 479px) {
#g_image {}
#g_image img {pointer-events: none; max-height: 300px}
#g_button {
display: block !important;
left: 0;
margin: 0;
padding: 0;
position: absolute !important;
top: -23px;
width: 40px !important;
height: 40px !important;
font-size: 1.1em;
background: #fff;
opacity: 0.6;
display:none!important;
}
#g_button span {display: none}
#g_button::before {
font-size: 1.2em;
left: 10px;
top: 16px;
}
#g_arrows > * {
font-size: 17px;
color: #666;
}
#g_arrows .l_arrow {left:-15px}
#g_arrows .r_arrow {right:-15px}
}
/* GALLERY SLIDER MOBILE *********************************/
#prod-slider {
height: 280px;
}
#prod-slider .owl-nav > div {
font-size: 18px;
text-shadow: none;
opacity: 0.3;
top: 44%;
padding: 0;
}
#prod-slider .owl-prev {left: -12px}
#prod-slider .owl-next {right: -12px}
#prod-slider li {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 280px;
}
#prod-slider img.lazyOwl {
max-height: 90%;
max-width: 90%;
width: auto;
height: auto;
margin: auto;
padding: 0;
text-align: center;
}
.imobile {
float: left;
width: 100%;
position: relative;
}
.imobile .badges {
position: absolute;
top: 6px;
left: 0;
}
@media (max-width: 479px){
.list-items .PRODUCT_BOX .price_wrapper {
margin-top: -15px;
}
.list-items .PRODUCT_BOX .cuotas {
font-size: 0.9em;
top: 35px;
}
}
@media (max-width: 375px){
.list-items .PRODUCT_BOX .price_wrapper {
margin-top: -5px;
}
}
/* PRODUCTAREA *********************************/
.PRODUCTAREA {
margin-bottom: 8px;
position: relative;
}
.PRODUCTAREA .badges {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 1%;
}
.PRODUCTAREA .badges ul {
display: flex;
width: 100%;
margin: 0;
gap: 1%;
}
.PRODUCTAREA .badges ul li > div {
font-size: 1em;
width: 75px;
margin-bottom: 9px;
height: 75px;
}
.PRODUCTAREA .title {
width: 100%;
display: inline-flex;
justify-content: space-between;
align-items: flex-start;
}
.Product h1 {
float: left;
margin: 0 0 10px;
padding: 0 10px 0 0;
position: relative;
width: 100%;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 36px;
}
.codeid {
font-weight: normal;
font-size: 14px;
line-height: 24px;
display: block;
}
.PRODUCTAREA .buttons_wrapper {
display: inline-flex;
position: relative;
align-items: center;
margin: 3px 0 0;
}
.PRODUCTAREA .buttons_wrapper a {
color: #000;
display: inline-flex;
align-items: center;
font-size: 1.8em;
line-height: 20px;
padding: 10px;
position: relative;
text-align: center;
text-decoration: none;
top: auto;
right: auto;
left: auto;
}
.PRODUCTAREA .buttons_wrapper a:hover {
color: #005EA9 !important;
opacity: 1;
}
/*BUTTONSHARE*/
.buttons_wrapper span {
display: inline-flex;
justify-content: center;
margin: 3px 0 0 10px;
}
a.button-extra.BUTTONSHARE {
position: relative;
background-image: url(/Content/Images/share.svg);
height: 24px;
width: 24px;
z-index: 4;
background-size: contain;
background-repeat: no-repeat;
transition: all 0.7s ease-in-out 0.3s;
display: block;
top: 7px;
}
.SHARE {
background-image: url(/Content/templates/base/images/share.svg);
background-repeat: no-repeat;
background-size: 20px auto;
margin: 4px 0 0 5px;
width: 27px;
height: 27px;
background-position: center;
}
.BUTTONASK {}
.BUTTONASK::before {content: "s";font-family: "diggit" !important}
.Product .long_desc,
.Product .short_desc {
float: left;
font-size: 13px;
line-height: 21px;
width: 100%;
}
/* BUY ****************************************/
.BUY {
z-index: 1
}
.BUY .caja {
float: left;
width: 100%;
}
.BUY .caja > * {
float: left;
width: 100%;
}
.BUY .item-options>span {
margin-bottom: 3px
}
.BUY .price_wrapper {
height: auto;
}
.BUY .price_wrapper p {
float: none;
display: inline-block;
width: auto;
margin: 0 auto 8px;
line-height: 17px;
}
.BUY .p-ahorra {
font-weight: normal;
padding-left: 12px;
font-size: 0.95em;
}
.BUY .price_wrapper .price {
float: right;
padding: 0;
margin: 10px 0 0;
font-style: normal;
font-size: 26px;
letter-spacing: -0.02em;
text-align: left;
justify-content: flex-start;
}
.BUY .price_wrapper .price.notforsale {
font-size: 16px;
color: #999;
margin: 24px 0 -8px;
}
.BUY .price_wrapper .tachado {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 30px;
letter-spacing: -0.02em;
text-decoration-line: line-through;
color: #9D9D9D;
}
.BUY .price_wrapper .tachado span{
font-size: 1em;
}
.BUY .BUTTONBUY {
background: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
font-style: normal;
font-weight: 500;
font-size: 17px;
align-items: center;
text-align: center;
color: #FFFFFF;
border-radius: 59.1429px;
padding: 15px;
max-width: 229px;
width: 100%;
float: left;
text-transform: none;
}
.BUY .BUTTONBUY span::before {
font-size: 1.1em;
left: -2px;
top: -1px;
}
.BUY .BUTTONBUY.b1 {margin-right: 20px}
.BUY .BUTTONBUY.b2 {
background: #FFFFFF;
border: 1.31429px solid #CF2B19;
box-sizing: border-box;
font-style: normal;
font-weight: 500;
font-size: 17px;
align-items: center;
text-align: center;
color: #CF2B19;
border-radius: 105.143px;
}
.BUY .BUTTONBUY.b2.added {
pointer-events: none;
background: #26c66c;
border: 1.31429px solid #19a858;
color: white;
padding-left: 20px;
}
.BUY .BUTTONBUY.b2.added::after {
content: "\f122";
font-family: "Ionicons";
margin-left: 10px;
}
.BUY .BUTTONBUY.b2.added:before{
content: "Agregado";
}
.BUY .BUTTONBUY.b2.added span {
display: none;
}
.BUY .BUTTONBUY.b1:hover, .BUY .BUTTONBUY.b2:hover{
background: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
border-color: linear-gradient(180deg, #CF2B19 -17.29%, #CF2B19 33.14%);
color: white;
}
.BUY .BUTTONBUY.nonavailable {
background: #777 none repeat scroll 0 0;
font-size: 0.95em;
line-height: 1.4em;
padding: 15px;
color: #fff !important;
text-decoration: none !important;
margin-top: 20px;
}
.BUY .BUTTONBUY.nonavailable:hover {
background-color: #444 !important
}
.BUY .nonavailable .price {
color: #333;
font-size: 1em !important;
margin: 0 0 15px;
opacity: 1;
float: left;
}
.BUTTONBUY.disabled {
background-color: #ddd;
}
/**/
.BUY .pagoenvio {
width: 100%;
margin-top: 20px;
display: inline-flex;
}
.BUY .price_wrapper {
padding: 0;
justify-content: flex-start;
margin-bottom: 5px;
align-items: center;
display: flex;
flex-flow: wrap;
}
.BUY .price_wrapper .badge-dto{
font-style: normal;
font-weight: bold;
font-size: 19px;
line-height: 25px;
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.02em;
box-sizing: border-box;
border-radius: 3px;
padding: 0px 10px;
margin-left: 15px;
}
/* BLOQUES envio y cuotas ********************************/
.pagoenvio {
float: left;
}
.block {
float: left;
font-size: 0.95em;
line-height: 1.38em;
margin: 0 0 14px;
position: relative;
font-weight: 400;
}
.block.pago {width: 50%}
.block.envio {width: 50%}
.block.envio span {
color: #000;
margin-left: 10px;
}
.block.envio2 {
width: 100%
}
.block.pago span {
font-weight: 600;
margin-left: 10px;
color: #CF2B19;
}
@media (max-width: 767px) {
.block span {
margin: 0px 2px !important;
}
}
.block span strong {
font-size: 1.2em;
font-weight: 700;
padding-left: 2px;
}
.BUY .block .big {
font-style: normal;
font-weight: 700;
font-size: 17.5px;
display: inline-flex;
align-items: center;
letter-spacing: -0.01em;
color: #1381B2;
width: 100%;
}
.BUY .block .big small {
font-size: 0.5em;
margin-left: 3px;
}
.BUY .block:last-child .innerbanner > span {
color:#23837F ;
}
.innerbanner p {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.innerbanner a, .innerbanner2 a {
color: #005EA9;
text-decoration: underline;
}
.innerbanner {
display: inline-block;
}
.block.envio .innerbanner p img {
top: -5px;
}
.innerbanner p a.btn-calc {
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 20px;
text-decoration-line: underline;
display: block;
}
.btn-calc, .btn-calc:visited {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #1381B2;
text-decoration: underline;
font-size: 13.5px;
float: left;
width: 100%;
}
.btn-calc:hover {
color: #000;
text-decoration: underline;
}
.price_wrapper .btn-calc {
text-decoration: underline;
}
.block.envio .btn-calc {
display: block;
}
.innerbanner2 .peq {
color: #005EA9;
font-size: 11px;
margin: 4px 0 0;
width: auto;
}
.innerbanner2 .cardsx3 {
width: 94px;
margin: 3px 12px 4px 0;
float: left;
}
/*bloque de pagos*/
.bloquepagos {
width: 100%;
}
.bloquepagos span {
display: flex;
border: 1px solid #cecece;
padding: 17px;
cursor: pointer;
justify-content: space-between;
}
.bloquepagos .innerbanner > div {
display: flex;
}
.bloquepagos .innerbanner .icono,
.bloquepagos .innerbanner .icono2
{
margin: 4px 7px 2px 0;
}
.bloquepagos .innerbanner {
width: 42%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
}
.bloquepagos .innerbanner2 {
width: 55%;
font-size: 12px;
}
.bloquepagos .innerbanner2 li {
list-style: none;
}
.bloquepagos h3 {
font-size: 17px;
font-weight: 500;
position: absolute;
top: -28px;
left: 10px;
background: #F8F8F8;
padding: 1px 10px;
}
.bloquepagos .innerbanner::after {
content: "";
width: 1.5px;
height: 100%;
background: lightgray;
display: block;
position: absolute;
top: 0px;
right: 15px;
}
.bloquepagos .innerbanner .icono img {
width: 40px;
height: auto;
}
.bloquepagos .innerbanner .icono2 img {
width: 85px;
height: auto;
}
p.verde{
color:#1CAF57;
margin: 0;
display: inline;
}
@media(max-width:1199px){
.bloquepagos .innerbanner::after {display:none}
.bloquepagos span {
flex-direction: column;
align-items: center;
}
.bloquepagos .innerbanner {
width: 100%;
margin-bottom: 15px;
}
.bloquepagos .innerbanner2 {
width: 100%;
font-size: 12px;
}
}
@media screen and (max-width: 767px) and (min-width: 480px) {
.bloquepagos .innerbanner::after {display:block}
.bloquepagos span {
flex-direction: row;
}
.bloquepagos .innerbanner {
margin-bottom: 0;
width: 70%;
}
.bloquepagos .innerbanner::after {
display:block;
}
.bloquepagos .innerbanner2 {
width: 100%;
}
}
@media(max-width:479px){
.bloquepagos .innerbanner .icono img {width: 38px}
.bloquepagos h3 {font-size: 15px}
}
@media(max-width:600px){
.bloquepagos h3 {
font-size: 14px;
}
.innerbanner p img {
width: 33px !important;
}
.innerbanner p {
padding-left: 56px!important;
}
.bloquepagos .innerbanner, .bloquepagos .innerbanner2 {width: 100%}
}
/* select options: TALLE/COLOR ********************************/
.selector_opcion {
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #CECECE;
padding-bottom: 15px;
margin-bottom: 15px;
}
.item-options {
float: left;
position: relative;
width: 100%;
}
.item-options>span {
font-size: 0.92em;
font-weight: 700;
}
.item-options .dropdown-menu {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.item-options.COLOR ul{
min-width: inherit;
}
.item-options.COLOR .customselect:after,
.item-options.SIZE .customselect:after {
display: none;
}
.item-options.SIZE {
/*! width: 100px; */
float: left;
clear: left;
}
.item-options li {
cursor: pointer;
}
.item-options.SIZE button {
display: none!important;
}
.item-options.SIZE ul {
width: auto;
position: relative;
border: none;
display: block!important;
box-shadow: none;
margin-top: 5px;
background: transparent;
z-index: inherit;
min-width: inherit;
}
.item-options.SIZE li {
color: #000;
float: left;
height: auto;
margin-right: 10px;
padding: 6px 13px;
width: auto;
position: relative;
box-sizing: border-box;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
display: flex;
align-items: center;
text-align: center;
color: #005EA9;
}
.item-options.SIZE li:hover {
background-color: white;
color: #005EA9;
border-color: #777;
}
.item-options h5 {
clear: left;
float: left;
}
.item-options>* {
float: left;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 12px;
display: block;
align-items: center;
}
.item-options.COLOR li.disabled {
background: red;
}
.item-options.COLOR li.disabled:before {
content: "";
width: 38px;
height: 1px;
background: red;
display: block;
position: absolute;
transform: rotate(50deg);
top: 50%;
top: calc(50% - 1px);
left: -4px;
}
.item-options.SIZE li.disabled {
border-color: red;
}
.item-options.SIZE li.disabled:before {
content: "";
width: 100%;
width: calc(100% + 16px);
height: 1px;
background: red;
display: block;
position: absolute;
transform: rotate(30deg);
top: 50%;
top: calc(50% - 1px);
left: -8px;
}
.item-options.COLOR ._js_opcion_color {
display: none;
}
.item-options.COLOR .dropdown-menu {
border: 2px none;
box-shadow: none;
display: block;
float: left;
position: relative;
width: auto;
z-index: inherit;
background: transparent;
}
.BUY .item-options.COLOR > div
{
width: 100%;
}
.item-options.COLOR li {
border: 1px solid #d1d1d1;
float: left;
margin: 0 5px;
position: relative;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 0;
border-radius: 100%;
display: flex;
align-items: center;
height: 15px;
width: 15px;
}
.item-options.COLOR li .prop-image
{
overflow: hidden;
border-radius: 50%;
}
.BUY .item-options.COLOR li
{
border: 1px solid transparent;
border-radius: 0;
width: 71px;
height: 71px;
}
.item-options.COLOR li img{
width: 100%;
height: 100%;
object-fit: scale-down;
object-position: center;
}
.BUY .item-options.COLOR li:hover, .BUY .item-options.COLOR li.active {
border: 2px solid #2F4189;
}
.BUY .item-options.SIZE li.active {
border-color: #000;
color: #fff;
background-color: #000 !important;
}
.item-options.COLOR li span {
display: none;
}
.item-options.COLOR li .bg {
width: 100%;
height: 100%;
display: block;
position: relative;
border-radius: 50%;
}
.BUY .item-options.COLOR li .bg {
display: none
}
.item-options > p {
font-size: 1.5em;
}
.item-options select,
.item-options .dropdown-toggle {
background: #fff none repeat scroll 0 0;
border: 1px solid #777 !important;
border-radius: 0;
box-shadow: none !important;
color: #777;
font-size: 0.95em;
font-weight: 400;
height: 36px;
padding: 0 10px;
text-align: left;
width: 100%;
padding-right: 20px;
}
.item-options .btn-group {
width: 100%;
}
.item-options .caret {
display: none
}
.item-options .dropdown-toggle:after {
content: "\f3d0"
}
.item-options .dropdown-toggle:after {
color: #000;
font-family: "Ionicons";
font-size: 12px;
padding: 0;
pointer-events: none;
position: absolute;
right: 8px;
top: 7px;
display: none;
}
.item-options .open>.dropdown-menu {
border-color: #777;
border-style: solid;
border-width: 0 1px 1px;
box-shadow: none;
margin: 0;
min-width: unset;
width: 100%;
}
.item-options .btn-group .dropdown-menu a {
color: #000;
display: block;
font-size: 1.1em;
font-weight: lighter;
margin: 0 20px;
padding: 4px;
position: relative;
white-space: normal;
width: auto;
}
/* talle no disponible */
.item-options .btn-group .dropdown-menu .notavailable a {
opacity: 0.4;
pointer-events: none !important;
}
.item-options .btn-group .dropdown-menu .notavailable a::before {
background: #888 none repeat scroll 0 0;
content: "";
cursor: default;
display: block;
height: 1px;
left: -3px;
position: absolute;
top: 15px;
width: 34px;
}
.item-options .btn-group .dropdown-menu a:hover {
background: #fff;
text-decoration: underline;
}
.item-options .btn-group .dropdown-menu .notavailable a:hover {
text-decoration: none;
cursor: default !important;
}
/* colorcitos */
#option-color li {
display: inline-block;
float: left;
margin: 0 6px 6px 0;
}
#option-color li img {
border: 2px solid #f2f2f2;
border-radius: 100%;
box-shadow: 0 0 1px #7e7e7e;
overflow: hidden;
width: 36px;
}
#option-color li span {
display: none;
}
._js_opcion_color.checked img {
box-shadow: 1px 2px 4px #777, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000 !important;
}
/* NONAVAILABLE */
.PRODUCTAREA .nonavailable .price {
opacity: 1;
font-weight: normal;
}
.PRODUCTAREA .nonavailable .BUTTONBUY:before {
display: block
}
.PRODUCTAREA .BUTTONBUY.nonavailable {
background: #9d9d9d none repeat scroll 0 0 !important;
border: 1px solid #fff;
clear: both;
font-size: 1.3em !important;
height: auto !important;
line-height: 1.2em !important;
padding: 10px 25px !important;
width: auto !important;
}
/*CONTENEDOR FILTROS*/
.contenedor-filtros .nombre-filtro{
font-size: 17px;
line-height: 22px;
margin-bottom: 10px;
font-weight: 500;
}
.contenedor-filtros .filtro-individual .seleccionado, .contenedor-filtros .filtro-individual .noseleccionado {
padding: 7px 18px;
background: #f6f6f6;
border: solid 2px #e3e3e3;
margin: 0 8px 8px 0;
display: inline-block;
min-width: 51px;
text-align: center;
}
.contenedor-filtros .filtro-individual .seleccionado {
border: solid 2px #2F4189;
}
.contenedor-filtros .filtro-modelo .lista-img .enlace-img{
display: inline-block;
width: 71px;
height: 71px;
}
.contenedor-filtros .filtro-modelo .lista-img .enlace-img img{
padding: 3px;
border: solid 3px #fff;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.contenedor-filtros .filtro-modelo .lista-img .enlace-img img.imagen-no-pertenece{
opacity: 0.4;
}
.contenedor-filtros .filtro-modelo .lista-img .enlace-img.penone img {
border: solid 2px #2F4189;
}
/* PRODMENU *********************************/
.PRODMENU {
background-color: transparent;
border-bottom: 0;
float: left;
height: 53px;
position: relative;
width: 100%;
z-index: 2;
}
.PRODMENU:not(.affix) > div::after {
/* content: "";
position: static;
height: 1px;
background-color: #C2C2C2;
width: 100%;
margin: 0 auto;
display: block;
float: left;
margin-top: -6px;*/
}
.PRODMENU.affix-top,
.PRODMENU.affix-bottom {
position: relative
}
.PRODMENU.affix {
background: #f8f8f8 none repeat scroll 0 0;
border-bottom: 1px solid #ddd;
}
.PRODMENU .name,
.PRODMENU .BUTTONBUY,
.PRODMENU .price {
display: none
}
.PRODMENU.affix .name,
.PRODMENU.affix .BUTTONBUY,
.PRODMENU.affix .price {
display: block
}
.PRODMENU .name {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
align-items: center;
color: #000000;
}
.PRODMENU .row > div{
display: flex;
justify-content: space-between;
align-items: center;
}
.PRODMENU .prodmenu-nav {
display: table;
float: none;
margin: 0 auto;
text-align: center;
}
.PRODMENU .prodmenu-nav li {
display: inline-block;
}
.PRODMENU .BUTTONBUY{
border-radius: 45px;
max-width: 120px;
padding: 6px;
right: 0;
top: 10px;
line-height: 1em;
font-style: normal;
top: 10px !important;
font-weight: 500;
font-size: 15px;
color: #FFFFFF;
border-radius: 80px;
padding: 9px !important;
margin: -7px 0 0;
}
.PRODMENU .prodmenu-nav li a {
border: 0 none;
display: block;
float: left;
font-size: 1.35em;
font-weight: 700;
height: 52px;
line-height: 50px;
margin: 0;
padding: 0 17px;
position: relative;
color: #000 !important;
background-color: transparent !important;
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 20px;
display: flex;
align-items: center;
text-align: center;
color: #000000;
}
.PRODMENU .prodmenu-nav li.active a::before, .PRODMENU .prodmenu-nav li a:hover:before {
background: #CF2B19;
bottom: 0;
content: "";
display: block;
height: 6px;
left: 0;
position: absolute;
width: 100%;
}
.PRODMENU hr {
border-color: #ddd;
margin: -1px 0 0;
padding: 0;
}
.PRODMENU .BUTTONBUY {
max-width: 120px;
padding: 11px;
/* position: absolute; */
right: 0;
top: 6px;
order: 5;
margin-left: 15px;
margin-right: 0;
}
.PRODMENU .price {
right: 128px;
top: 5px;
z-index: -1;
font-style: normal;
font-weight: 700;
font-size: 15.2659px;
line-height: 20px;
text-align: right;
letter-spacing: 0;
width: auto;
position: static;
margin: -3px 0 0;
}
.PRODMENU .price .tachado {
text-decoration: line-through;
margin-right: 5px;
}
.PRODMENU .price span{
margin-left: 0;
}
.PRODMENU .price::before {
/* content: "Tu Precio Final"; */
display: block;
font-size: 0.75em;
font-weight: 700;
padding-right: 2px;
}
.PRODMENU .price.non::before {display: none}
.PRODMENU .price.non {
padding-top: 3px;
font-size: 0.9em;
opacity: 0.4;
right: 4px;
width: 100px !important;
line-height: 1.2em;
}
.productcontent {
position: relative;
margin-top: 20px;
}
.productcontent h2,
.inpage_selector_specification .inpage_block_title>.htitle {
font-weight: 700;
font-size: 35px !important;
margin: 40px 0 30px !important;
text-transform: none !important;
color: #000 !important;
padding-top: 35px;
}
.PRODMENU.affix {
position: fixed;
top: 0;
}
.PRODMENU.affix ul li a {
font-size: 1.1em;
padding: 0 12px;
}
#BENEF, #SPECS, #COMPARE, #RELATED {
float: left;
width: 100%;
}
#SPECS h2, #COMPARE h2 {
border-top: 1px solid #ddd;
}
#RELATED h2{
margin: 80px 0 30px !important;
padding-top: 0!important;
}
@media (max-width: 1440px)
{
.PRODMENU .name {
max-width: 280px;
line-height: 1em;
}
}
@media (max-width: 1199px)
{
.PRODMENU.affix > .container
{
width: 100%
}
.PRODMENU .name{
max-width: 200px;
line-height: 1em;
}
.PRODMENU .BUTTONBUY{
margin-left: 10px;
}
.PRODMENU .price{
font-size: 14px;
}
.PRODMENU .price .tachado {
font-size: 12px;
margin-right: 5px;
}
}
@media (max-width: 991px) {
.PRODMENU.affix .container,
.PRODMENU.affix .row,
.PRODMENU.affix .col-xs-12 {
margin: 0;
padding: 0;
width: 100%;
}
.PRODMENU.affix ul li a {
font-size: 1em;
padding: 0 8px;
}
.PRODMENU .BUTTONBUY,
.PRODMENU .price {
display: block
}
.PRODMENU .price.non {display: none}
.PRODMENU .name {
font-size: 0.95em;
left: 7px;
line-height: 1.1em;
max-width: 180px;
}
.PRODMENU .price {
font-size: 0.92em;
line-height: 16px;
right: 110px;
top: 8px;
}
.PRODMENU .BUTTONBUY {
font-size: 0.8em;
max-width: 95px;
padding: 7px;
position: absolute;
right: 7px;
top: 8px;
}
.PRODMENU .dropdown {
height: 43px;
text-align: center;
background: #bdbaba;
display: inline-flex;
flex-wrap: wrap;
margin-bottom: 0;
margin-right: -15px;
margin-left: -15px;
width: calc(100% + 30px);
padding: 0 25px;
}
.PRODMENU .dropdown>a {
color: #fff;
height: 43px;
line-height: 1em;
width: 100%;
display: flex;
font-style: normal;
font-weight: normal;
font-size: 15px;
text-align: center;
letter-spacing: -0.02em;
align-items: center;
justify-content: center;
}
.PRODMENU .dropdown>a .caret {
border: 0 none;
display: unset;
font-family: "Ionicons";
font-size: 7px;
height: unset;
margin-left: 7px;
opacity: 0.9;
width: unset;
}
.PRODMENU .dropdown>a .caret::before {
content: "\f123";
}
.PRODMENU .dropdown ul {
background: #262626 none repeat scroll 0 0;
border: 0 none;
margin: 0;
padding: 0;
width: 100%;
}
.PRODMENU .dropdown ul li {
float: left;
width: 100%;
}
.PRODMENU .dropdown ul li a {
border-top: 1px solid rgba(255, 255, 255, 0.08);
color: #fff;
font-size: 1em;
height: 43px;
line-height: 43px;
text-align: center;
background: #bdbaba;
}
.PRODMENU .dropdown ul li a:hover {
text-decoration: underline !important;
background: transparent !important;
}
.PRODMENU hr {
display: none
}
.PRODMENU .BUTTONBUY {
max-width: 110px;
position: static;
z-index: 1;
font-size: 0.8em;
order: 5;
float: right;
margin: 5px 0;
}
.PRODMENU .price {
background: transparent;
height: auto;
left: 0;
padding: 0;
position: static;
text-align: left;
top: 0;
margin-left: 0;
margin-right: auto;
font-style: normal;
font-weight: 700;
font-size: 13.6364px;
line-height: 18px;
letter-spacing: -0.02em;
color: #000000;
max-width: unset;
margin-bottom: 0;
display: block;
float: left;
float: left;
margin-top: 10px;
}
.PRODMENU:not(.affix) > div::after {
display: none;
}
#PRODMENU-mob
{
height: auto;
background: #F8F8F8;
border-bottom: 1px solid #CECECE;
padding: 0 15px;
}
}
@media (max-width: 767px)
{
.BUY .price_wrapper .badge-dto {
font-size: 18px;
line-height: 22px;
}
.selector_opcion{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 5px;
}
#SPECS h2 {
margin: 30px 0 2px !important;
}
}
@media (max-width: 479px)
{
}
/* INPAGE CONTENIDO ************************/
#inpage_container {
margin: auto !important
}
#inpage_container * {
font-weight: normal !important;
}
.inpage_selector_gallery {
display: none !important;
}
.inpage_cont_title {
font-family: 'proximanova', sans-serif!important;
font-weight: 700;
font-size: 30px !important;
margin: 50px auto 20px !important;
text-transform: none !important;
color: #000 !important;
width: 100% !important;
text-align: center !important;
}
.inpage_p {
font-size: 1.1em !important;
line-height: 1.3em !important;
}
.inpage_selector_specification .htitle {
display: none
}
.inpage_glance {}
@media (max-width: 767px) {
.inpage_cont_title {
font-size: 21px !important;
text-align: left !important;
margin: 15px 0 !important;
}
.inpage_p {
font-size: 1em !important;
line-height: 1.2em !important;
}
#inpage_container .inpage_wowimg {
min-height: unset !important
}
}
/************ AGREGAR A TU COMPRA **************/
#RELATED-ADD{
margin-bottom: 50px;
}
#RELATED-ADD.related > h2 {
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: inherit;
display: block;
align-items: center;
color: #000000;
text-align: left;
margin: 0;
float: left;
border: 0;
margin-bottom: 20px;
margin-top: 55px;
}
#RELATED-ADD.related > h2 span {
background-color: #fff;
margin: 0 auto;
padding: 0;
display: block;
float: left;
}
#RELATED-ADD.related > ul{
width: 100%;
display: inline-flex;
justify-content: space-between;
}
.Product #RELATED-ADD.related > ul > li {
width: 100%;
display: flex;
justify-content: center;
}
.Product #RELATED-ADD.related .PRODUCT_BOX {
display: flex;
width: 100%;
background: #FFFFFF;
border: 1px solid #C6C6C6;
max-width: 450px;
box-sizing: border-box;
padding: 8px;
align-items: center;
justify-content: flex-start;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .box_image
{
width: 144px;
height: 131px;
display: block;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .box_image>a>img
{
height: 100%;
margin: 0;
max-height: unset;
max-width: unset;
position: static;
width: 100%;
transform-style: unset !important;
object-fit: scale-down;
object-position: center;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .second-box {
width: 100%;
position: relative;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .box_data {
display: block;
max-width: unset;
width: auto;
margin: 0 !important;
margin-right: auto !important;
margin-left: 15px !important;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .box_data h3 {
max-height: unset;
height: auto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 21px;
letter-spacing: -0.02em;
text-align: left;
color: #4F4F4F;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .price_wrapper {
justify-content: flex-start;
display: inline-flex;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .price_wrapper .price {
display: block;
text-align: left;
width: 100%;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .price_wrapper .tachado{
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 20px;
letter-spacing: -0.02em;
text-decoration-line: line-through;
color: #9D9D9D;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .BUTTONFAV{
display: none
}
.Product #RELATED-ADD.related .PRODUCT_BOX .badge-enviogratis {
position: static;
margin: auto;
display: block;
float: left;
line-height: 1em;
margin-left: 15px;
margin-top: 20px;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .badges ul {
z-index: 1;
position: absolute;
top: -1.25em;
left: 15px;
width: 100%;
display: flex;
justify-content: flex-start;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .BUTTONADDCIRCLE
{
background: #005EA9;
border-radius: 74.4828px;
width: 48px;
height: 48px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: 300;
font-weight: normal;
float: right;
margin-right: 10px;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .BUTTONADDCIRCLE::before{
content: "+";
font-style: normal;
font-weight: 300;
font-size: 41.3793px;
line-height: 0px;
display: flex;
align-items: center;
text-align: center;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .BUTTONADDCIRCLE.added{
background: #1381B2;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .BUTTONADDCIRCLE.added::before
{
content: "\f122";
font-family: "Ionicons";
font-size: 22px;
}
/* SPECS - ficha tecnica *********************************/
.ficha {
float: left;
line-height: 1.4em;
width: 100%;
}
.ficha-tit {
font-weight: 700;
}
.ficha .spec_grupo {
border-bottom: 1px solid #ddd;
float: left;
padding: 13px 0;
width: 100%;
}
.ficha .spec_tit {
color: #1381B2;
float: left;
font-size: 1.25em;
margin: 0 0 8px;
width: 100%;
}
.ficha ul {
float: left;
padding-left: 26px;
width: 100%;
position: relative;
}
.ficha .grad {
bottom: 1px;
content: "";
display: block;
height: 100px;
left: 0;
position: absolute;
width: 100%;
}
.ficha .grad {
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(49%, rgba(255, 255, 255, 0.49)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 49%, rgba(255, 255, 255, 1) 100%);
}
.ficha ul li {
float: left;
margin-right: 5%;
padding: 10px 0 15px;
position: relative;
width: 20%;
}
.ficha ul li::after {
background-color: #ebebeb;
top: 0;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 30px;
}
.ficha ul li:nth-child(1)::after,
.ficha ul li:nth-child(2)::after,
.ficha ul li:nth-child(3)::after,
.ficha ul li:nth-child(4)::after {
display: none
}
.ficha ul li:nth-child(4n+5) {
clear: left
}
.ficha ul h6 {
font-size: 1.05em;
font-weight: 700;
margin: 0 0 5px;
}
.ficha ul span {
color: #666;
}
.ficha .mas {
clear: both;
color: #1381B2;
float: right;
margin: -21px 0 4px;
padding: 0;
width: auto;
z-index: 1;
}
.ficha .mas::after {
display: none;
}
.ficha .mas p {
margin: 0;
}
.ficha .mas p::after {
font-family: "Ionicons";
font-size: 8px;
margin-left: 4px;
}
.ficha .mas p::after {
content: "\f123"
}
.ficha .mas.opened p::after {
content: "\f126"
}
.ficha .mas p::before {
content: "Ver más"
}
.ficha .mas.opened p::before {
content: "Ver menos"
}
.ficha .mas.opened {
margin: 6px 0 0;
}
@media (max-width: 1199px) {
.ficha ul li {
margin-right: 3.3%;
width: 30%;
}
.ficha .spec_tit,
.ficha ul h6 {
margin: 0 0 1px;
}
.ficha ul li {
padding: 7px 0
}
.ficha .spec_grupo {
padding: 11px 0
}
.ficha ul li:nth-child(4n+5) {
clear: unset
}
.ficha ul li:nth-child(3n+4) {
clear: left
}
.ficha ul li:nth-child(4)::after {
display: block
}
.ficha ul span {
font-size: 0.88em
}
}
@media (max-width: 991px) {
.Product .breadcrumb {
padding: 0 !important;
}
}
@media (max-width: 767px) {
.ficha ul li:nth-child(3n+4) {
clear: unset
}
.ficha ul li:nth-child(2n+3) {
clear: left
}
.ficha ul li:nth-child(3)::after {
display: block
}
.ficha ul li {
margin-right: 0;
padding-right: 30px;
width: 50%;
}
}
@media (max-width: 479px) {
.ficha ul li {
padding-right: 0;
width: 100%;
}
.ficha ul{padding-left: 0;}
}
/* PRODUCT RESPONSIVE *********************************/
@media (max-width: 1199px) {
.Product #body {
margin-bottom: 50px;
}
.Product .breadcrumb {
margin: -10px 0 10px;
padding: 10px 0;
}
.PRODUCTAREA,
.BUY {
font-size: 0.9em;
}
.PRODUCTAREA {
margin-bottom: 2px;
}
.PRODUCTAREA .long_desc,
.PRODUCTAREA .short_desc {
font-size: 12px;
line-height: 17px;
}
.BUY .item-options.COLOR .dropdown-menu {
margin: 0;
padding: 0;
}
.BUY .price_wrapper2 {
font-size: 0.95em;
margin-bottom: 1px;
padding: 0 0 4px;
}
.BUY .price_wrapper2 .tachado {
font-size: 1.1em
}
.BUY .price_wrapper2 p {
line-height: 16px;
}
.BUY .price_wrapper2 p.p-lista {
margin-bottom: 5px;
}
.BUY .price_wrapper .price {
font-size: 1.5em
}
.BUY .price_wrapper .tachado {
font-size: 17px;
line-height: 26px;
}
.BUY .price_wrapper .badge-dto {
font-size: 15px;
line-height: 23px;
}
.BUY .BUTTONBUY, .BUY .BUTTONBUY.b2 {
padding: 14px 3px;
margin-bottom: 13px;
width: calc(50% - 10px);
font-size: 15px;
}
.BUY .BUTTONBUY.b2.added {
padding: 11px 3px 11px 11px;
}
.BUY .pagoenvio {margin-top: 15px; }
.innerbanner > span {
font-size: 17px;
margin-bottom: 6px;
}
.block {
margin-bottom: 10px;
}
.block.cuotas .btn-calc {
display: block;
}
.block.envio::before {
font-size: 3.4em
}
#RELATED-ADD.related > ul{
flex-wrap: wrap;
}
.Product #RELATED-ADD.related > ul > li{
width: 50%;
margin-bottom: 15px;
}
.Product #RELATED-ADD.related > ul > li:nth-child(even)
{
margin-left: 5px;
width: calc(50% - 5px);
}
.Product #RELATED-ADD.related > ul > li:nth-child(odd) {
margin-right: 5px;
width: calc(50% - 5px);
}
.Product h1 {
font-size: 24px;
line-height: 30px;
}
.innerbanner p{
padding-left: 52px;
font-size: 13px;
}
}
@media (max-width: 991px) {
.Product section {
margin-top: 5px;
}
.Product section .container {
padding: 0 20px;
width: 100%;
}
.Product h1 {
margin-bottom: 6px;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 31px;
color: #000000;
margin-top: 0;
}
.Product .long_desc,
.Product .short_desc {
font-size: 12px;
line-height: 17px;
margin-bottom: 5px;
}
.Product .long_desc p,
.Product .short_desc p {
margin-bottom: 0
}
.BUY .price_wrapper2 p {
line-height: 18px;
}
.block.pago {margin-bottom: 25px}
.block.cuotas {
margin: 10px auto 14px;
text-align: center;
}
.BUY .BUTTONBUY {
margin-bottom: 20px;
font-size: 16px;
}
/* productcontent */
.productcontent h2 {
margin: 30px 0
}
.productcontent h2,
.inpage_selector_specification .inpage_block_title>.htitle {
font-size: 30px !important;
}
.inpage_cont_title {
font-size: 24px !important
}
.ficha {
font-size: 0.9em
}
.BUY .pagoenvio {
margin-top: 20px;
display: inline-block;
}
.BUY .pagoenvio .block{
width: 100%;
}
.BUY .pagoenvio .block.envio{
padding-left: 0;
}
.innerbanner p{
padding-left: 60px;
}
}
@media (max-width: 767px) {
.Product .breadcrumb {
display: none
}
.Product section>.container,
.Product section>.container>.row,
.productcontent .container {
max-width: unset;
padding: 0;
margin: 0;
}
.Product h1 {
margin-top: 0;
}
.codeid {font-size: 13px}
.GALLERY {
padding-right: 15px;
}
.GALLERY > span {
box-shadow: none;
padding: 10px;
width: calc(100% + 30px);
margin: -5px -15px 0;
}
.b-highlight {
background: #fff;
width: calc(100% + 30px);
margin: 0 -15px 12px;
padding: 0 15px 3px;
}
.PRODUCTAREA {
padding: 0 15px;
}
.PRODUCTAREA .buttons_wrapper a{
font-size: 1.6em;
line-height: 18px;
padding: 5px;
}
.BUY .BUTTONBUY {
margin-bottom: 10px;
padding: 12px 3px;
}
.BUY .item-options {
border-bottom: 1px solid #ccc;
margin: -10px -15px 8px;
width: calc(100% + 30px);
padding: 0 15px 17px;
font-size: 15px;
}
.BUY .item-options h5{
margin: 15px 0;
}
.BUY .item-options.COLOR li {
width: 68px;
height: 68px;
margin: 0 2px;
}
.BUY .pagoenvio {display: inline-flex}
/* productcontent */
.productcontent h2 {
font-size: 26px !important;
text-align: center;
padding-top: 26px;
margin-top: 25px !important;
position: relative;
}
.productcontent {
position: relative;
margin-top: 30px;
}
.productcontent h2::before {
/* content: "";
width: calc(100% + 25px);
top: 0;
position: absolute;
height: 1px;
background-color: #C2C2C2;
left: -20px;*/
}
.ficha {
font-size: 0.85em
}
.innerbanner p, .innerbanner p a.btn-calc {font-size: 12.5px;}
.innerbanner p {
padding-left: 51px;
padding-right: 25px;
}
.innerbanner > span{
padding-left: 76px;
font-size: 15px;
}
#RELATED-ADD.related > h2{
text-align: center;
line-height: 32px;
margin-top: 20px;
padding-top: 20px
}
#RELATED-ADD.related > h2 span{
float: none;
}
.Product #RELATED-ADD.related > ul > li{
width: 100% !important;
margin-right: 0px !important;
margin-left: 0px !important;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .BUTTONADDCIRCLE{
width: 37px;
height: 37px;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .BUTTONADDCIRCLE::before {
font-size: 30px;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .box_data h3{
height: auto !important;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .badge-enviogratis{
margin-top: 10px;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .badge-dto
{
letter-spacing: -0.02em;
padding: 2px 4px;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .price_wrapper .tachado{
font-size: 12px;
line-height: 14px;
letter-spacing: -0.02em;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .list-items .price span, .tachado span
{
font-size: 1em;
}
#RELATED-ADD {
margin-bottom: 0;
}
.Product #RELATED-ADD.related .PRODUCT_BOX .badges ul {
top: -1.35em;
}
#RELATED-ADD h2::before {
content: "";
width: calc(100% + 30px);
top: 0;
position: absolute;
height: 1px;
background-color: #C2C2C2;
left: -15px;
}
}
@media (max-width: 560px) {
.BUY .BUTTONBUY{
width: 100% !important;
max-width: unset;
}
.buttons_wrapper span {
width: 100%;
margin: -5px 0 0;
}
}
@media (max-width: 479px) {
.Product #body {
margin-bottom: 10px;
}
.PRODUCTAREA .badge-enviogratis {
font-size: 12px;
background-color: #f1f1f1;
width: auto;
}
.PRODUCTAREA .buttons_wrapper{display: none;}
.productcontent h2 {
font-size: 22px !important;
margin-top: 0 !important;
border: none;
}
.Product section .container {
padding: 0 0;
}
div#SPECS .col-xs-12 {
padding: 0;
}
div#RELATED.anchor {
padding: 0 !important;
margin: 0 !important;
}
#RELATED h2{
margin: 20px 0 10px !important;
}
/* productcontent */
.ficha {
font-size: 0.8em
}
.ficha ul {
padding-left: 15px;
padding-right: 15px;
}
.BUY .pagoenvio {display: inline-block}
}
/* RELATED (categoria) **********************************/
.Product .related .PRODUCT_BOX {margin-bottom: 53px !important;}
.Product .owl-carousel .PRODUCT_BOX .box_image {height: 255px;}
.Product .related .owl-nav > div {top: calc(46% - 20px);}
@media (max-width: 479px) {
.Product .related .price span {font-size: 17px;}
.Product .related .PRODUCT_BOX {margin-bottom: 38px !important;}
}
/* SOCIAL SHARE **********************************/
#share {
position: relative;
width: 31px;
height: 36px;
display: block;
float: right;
}
#share input[type="checkbox"]{display:none;}
#share:hover + .label {
background-size: 23px;
}
#share .label {
background-color: transparent;
margin: 0;
color: #000;
background-image: url(/Content/templates/base/images/share.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px auto;
display: block;
width: 31px;
height: 36px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 0;
}
#share .social {
transform-origin: 50% 0%;
transform: scale(0.01);
opacity: 0;
transition: .5s;
position: absolute;
right: 100%;
top: 16px;
}
#share .checkbox:checked ~ .social {
opacity: 1;
transform: scale(1);
right: 241px;
top: -1px;
}
#share ul {
position: absolute;
left: 0;
right: 0;
color: #fff;
height: 35px;
width: 200px;
list-style: none;
}
#share ul li {
font-size: 22px;
cursor: pointer;
width: 40px;
margin: 0;
padding: 0;
text-align: center;
float: left;
display: block;
height: 35px;
font-family: "Ionicons";
position: relative;
}
#share ul li:hover {color:rgba(0,0,0,.5);}
#share li[class*="email"]:hover {color: rgba(255, 255, 255, 0.5)}
#share ul:after {
content: '';
display: block;
position: absolute;
right: -8px;
height: 0;
width: 0;
border-left: 10px solid #2d2d2d;
border-bottom: 9px solid transparent;
border-top: 9px solid transparent;
top: 9px;
}
#share ul li:before {
pointer-events: none;
float: left;
width: 100%;
height: 100%;
line-height: 37px;
}
#share li[class*="facebook"] {background:#3B5998}
#share li[class*="twitter"] {background:#6CDFEA}
#share li[class*="googleplus"] {background:#E34429}
#share li[class*="dropbox"] {background:#8DC5F2}
#share li[class*="github"] {background:#9C7A5B}
#share li[class*="instagram"] {background:#0E68CE}
#share li[class*="youtube"] {background:#CC181E}
#share li[class*="pinterest"] {background:#CC181E}
#share li[class*="email"] {background:#2d2d2d}
#share ul li > a {
width: 100%;
height: 100%;
position: absolute;
display: block;
padding: 0;
margin: 0;
top: 0;
left: 0;
}
/*Redes Sociales custom product detail*/
.popover-content{
display:flex;
font-size: 0.8em;
background-color: #f1f1f1;
}
.popover-content li{list-style: none}
.popover-content a:before {
font-family: 'Ionicons' !important;
font-size: 26px;
line-height: 35px;
padding: 4px 6px;
}
.popover-content li .s-facebook {background-color: #4250ab;}
.popover-content li .s-facebook:before {content: "\f231"; padding: 6px 13px;}
.popover-content li .s-twitter:before {content: "\f243"}
.popover-content li .s-twitter {background-color: #0995d9;}
.popover-content li .s-youtube:before {content: "\f24d"}
.popover-content li .s-youtube {background-color: red;}
.popover-content li .s-whatsapp:before {content: "\f4f0"}
.popover-content li .s-whatsapp {background-color: #00b427;}
.popover-content.s-pinterest:before {content: "\f2b1"}
.popover-content li .s-instagram:before {content: "\f350"}
.popover-content li .s-instagram {background-color: #e83a76;}
.popover-content li .s-email:before {content: "\f2eb"}
.popover-content li .s-email {background-color: #363636;}
.popover-content li a {
width: 36px;
height: 35px;
color: #fff !important;
border-radius: 5px;
margin: 2px;
font-size: 0.6em;
display:block;
}
.popover-content li a:hover {
background-color: #dddddd;
}
.popover.bottom > .arrow:after {
border-bottom-color: #dbdbdb!important;
}
.arriba-izquierda {
z-index: 2;
position: absolute;
width: 70px;
left: 0;
top:0;
}
.arriba-derecha {
z-index: 2;
position: absolute;
width: 70px;
right: 0;
top:0;
}
.abajo-izquierda {
z-index: 2;
position: absolute;
width: 70px;
left: 0;
bottom:0;
}
.abajo-derecha {
z-index: 2;
position: absolute;
width: 70px;
right: 0;
bottom:0;
}
/*////////////////////////////// BuyItWith */
.Product #body {
margin-bottom: 2em !important;
}
#BUYITWITH{
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 2em;
}
.total_price_BuyItWith{
margin-left: 10%;
width: 100%;
}
.priceBuyItWith {
font-size: 1.25em;
line-height: 1.3em;
text-align: center;
width: 100%;
margin: 0;
font-weight: 500;
letter-spacing: -.02em;
justify-content: center;
align-items: baseline;
color: #5924a8;
}
.BUYITWITH_title{
font-weight: 700;
margin-bottom: 20px;
}
.container_Main_boxBuyItWith{
width:100%;
display:flex;
align-items: center;
color: #9D9D9D;
margin-bottom: 15px;
}
.container_boxBuyItWith{
display: flex;
justify-content: center;
align-items: center;
}
.link_OtherProducts_BIW{
color: #007eaf;
}
.link_OtherProducts_BIW:hover{
color: #003e57;
}
.boxButtonBuyItWith{
display: flex;
}
/*////////////////////////////// BuyItWith - Mobile */
@media (max-width: 500px) {
.boxButtonBuyItWith a{
margin-bottom: 0px !important;
}
.boxButtonBuyItWith {
display: flex;
flex-direction: column;
align-items: center;
}
.contentMain_mobile_BWT {
width: 100%;
display: flex;
align-items: center;
padding: 10px 0px 10px 0px;
border-top: 1px solid #ccc;
}
.contentMain_mobile_BWT div{
}
.content_checkbox_BWT{
width: 15%;
}
.content_name_BWT{
width: auto;
}
.boxButtonBuyItWith .BUY .BUTTONBUY, .BUY .BUTTONBUY.b2{
margin-top: 10px;
}
}
.linkDescription {
text-decoration: underline;
cursor: pointer;
text-transform: none;
}
/*envios cp*/
.delivery-description-moova {
margin-top: -40px;
margin-left: 59px;
/* position: absolute; */
}
.delivery-description-moova {
color: #616161;
font-weight: 300;
display: block !important;
/* overflow: hidden; */
/* margin-left: 10%; */
}
.delivery-description-moova text strong {
font-size: 16px;
font-family: Work Sans;
color: black;
}
.delivery-time-p {
font-size: 12px !important;
line-height: -1;
position: absolute;
margin-top: -1%;
margin-left: -1%;
color: gray !important;
}
/* .moova-mañana-p {
margin: 12px 0 10px !important;
} */
.moova-mañana-p {
justify-content: flex-start;
display: flex !important;
margin-top: 10px;
width: 100%;
}
.moova-mañana-p span {
width: fit-content;
}
@media (max-width: 767px) {
.delivery-description-andreani-one-line {
margin-left: 0px !important;
}
.delivery-description-moova-one-line {
margin-left: 0px !important;
}
.moova-mañana-p {
flex-flow: wrap;
padding-right: 0px !important;
}
.delivery-title-strong {
font-size: 12px !important;
}
.moova-mañana-p {
padding-left: 64px !important;
}
}
.delivery-description-andreani-one-line {
display: block !important;
/*overflow: hidden;*/
margin-top: -44px;
margin-left: 57px;
position: absolute;
/* margin-left: 9%; */
}
.delivery-description-moova-one-line {
display: block !important;
/* overflow: hidden; */
margin-top: -44px;
margin-left: 57px;
position: absolute;
/* margin-left: 9%; */
}
.delivery-title-strong {
justify-content: flex-start;
/*display: flex;*/
width: 100%;
font-weight: 600 !important;
color: black !important;
font-size: 14px;
}
.delivery-time-img {
display: inline !important;
}
.delivery-truck-blue {
width: 50px;
}
.block.envio span.tiempo-envio {
color: #63187d;
}
.block.envio .innerbanner {
display: inline-block;
color: #63187d;
}
.block.envio span.tiempo-envio {
color: #63187d;
}
.block.envio .innerbanner a {
margin-bottom: 9px;
text-decoration: underline;
}
.block.envio .retiro-tienda2 {
color: #000;
}
.block.envio .retiro-tienda2 {
color: #63187d;
}
.selected-cp, .prefix-cp {
font-weight: 600;
color: black !important;
}
#msg-error-cp-div {
margin-left: 60px;
width: 340px;
margin-top: 4px;
line-height: 13px;
}
.arrow {
border: solid #000;
border-width: 0px 2px 2px 0;
display: inline-block;
padding: 3px;
margin-left: 4px;
cursor: pointer;
}
.upArrow {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.downArrow {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
@media (max-width: 767px) {
#postal-code-check {
height: 106px !important;
width: 210px !important;
}
.lupa-cp {
margin-top: -6px !important;
margin-right: 41px !important;
}
}
#postal-code-check {
background: white;
display: flex;
align-items: center;
padding: 20px 20px 10px;
border-radius: 10px;
margin-top: 10px;
flex-flow: wrap;
}
#postal-code-check input {
width: auto;
padding: 0px 0px 0px 15px;
font-size: 25px;
height: 50px;
max-width: 130px;
}
#postal-code-check p {
font-weight: 300;
}
#postal-code-check span {
margin: 0px 15px;
}
.lupa-cp {
background: #CF2B19 ;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0px 10px 10px 0px;
}
.free-ship {
color: #31ca18;
}
.cost-ship {
color: #007eaf;
}
.innerbanneEnvio p {
font-size: 15px;
font-weight: 600;
width: 100%;
}
.check-delivery-state p{
cursor: pointer;
}
/*fin envios cp*/
/*////////////////////////////////////////////////////////////////////*/
/* USER //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
.user_wrapper {
/* box-shadow: -4px 0 3px -3px rgba(0, 0, 0, 0.1);*/
float: left;
margin-bottom: 30px;
padding: 20px 25px;
width: 100%;
/* min-height: 380px;*/
background-color: #fff;
border: 1px solid #ddd;
}
.user_wrapper > h3 {
float: left;
font-size: 1.6em;
font-weight: 500;
letter-spacing: 0.02em;
line-height: 30px;
margin: 10px 0 30px;
position: relative;
width: 100%;
color: #232F3F;
}
.user_wrapper > h3::before {
float: left;
font-family: "e3font";
font-size: 21px;
line-height: 32px;
margin: -2px 13px 0 0;
}
.user_wrapper form {
float: left;
width: 100%;
}
@media (max-width: 767px) {
.user_wrapper > h3 {
font-size: 1.3em;
}
}
/* MENU_TREE (menu usuario y content) **************************/
.menu_tree {
float: left;
width: 100%;
}
.menu_tree > ul {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
float: left;
margin-bottom: 30px;
margin-top: 46px;
padding: 10px 0;
width: 100%;
}
.menu_tree > ul li {
float: left;
width: 100%;
}
.menu_tree a {
color: #000;
float: left;
letter-spacing: 0.04em;
padding: 6px 0;
width: 100%;
}
.menu_tree a:hover {
text-decoration: underline
}
@media (max-width: 991px) {
.menu_tree {
width: 100% !important
}
}
/* menu_tree parte II ******************************/
.User .menu_tree {
margin-bottom: 25px;
width: 90%;
}
.User .menu_tree > ul {
border: 0 none;
margin: 10px 0 0;
padding: 10px;
}
.User .menu_tree h5 span {
display: block;
font-weight: 500;
text-transform: uppercase;
}
.User .menu_tree a {
font-size: 1.2em;
font-weight: normal;
letter-spacing: 0;
line-height: 1.2em;
padding: 17px 10px 17px 41px;
position: relative;
}
.User .menu_tree a::before {
font-size: 22px;
left: 5px;
margin: 0;
position: absolute;
text-align: center;
text-decoration: none !important;
width: 26px;
}
.User section h3::before, .User .menu_tree a::before, .LOGIN_BOX .dropdown-menu > li a::before {
font-family: "e3font";
}
@media (max-width: 767px) {
/*.user_wrapper {}*/
.User .menu_tree {
float: left;
width: 100%;
border: 0;
background-color: transparent;
}
.User .menu_tree h5 {
border: 0 none;
color: #6e6e6e;
font-size: 1em;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
top: -73px;
width: 100%;
display: none;
}
.User .menu_tree h5 span {
display: inline
}
.User .menu_tree > ul {
border: 0 none;
margin: -39px -15px 0;
padding: 0;
width: calc(100% + 30px) !important;
}
.User .menu_tree li {
float: left;
width: 25%;
}
.User .menu_tree a:after {
display: none !important
}
.User .menu_tree a {
background-color: #6e6e6e;
border-right: 2px solid #fff !important;
border-radius: 0;
color: #fff;
font-size: 0.9em;
height: 58px;
line-height: 1.1em;
margin: 0 !important;
overflow: hidden;
padding: 38px 0 0;
text-align: center;
text-decoration: none !important;
display: block;
}
.User .menu_tree ul li:last-child > a {
border-right: 0 !important;
}
.User .menu_tree a::before {
display: block;
font-size: 22px;
left: 0;
opacity: 1;
top: 18px;
width: 100%;
color: #fff;
}
.User .menu_tree a:hover {
background: #404e56;
color: #fff
}
.User .menu_tree a:hover:before {
color: #fff
}
}
/**************************************************************************/
/* FAVORITOS ******************************/
.itemFav {
border-bottom: 1px solid #ddd;
float: right;
height: auto;
margin-bottom: 15px;
padding-bottom: 15px;
padding-left: 38px;
position: relative;
width: 100%;
}
.quit_bar a {
background-clip: padding-box;
color: #000;
cursor: pointer;
display: block;
font-size: 23px;
left: -4px;
line-height: 19px;
padding: 5px;
position: absolute;
text-align: center;
text-decoration: none !important;
top: 14px;
}
.quit_bar a:before {
content: "\f405"
}
.quit_bar a:before {
font-family: "Ionicons";
text-align: center;
}
.quit_bar a:hover {
color: #d50000;
border-color: #d50000;
}
.Favs #product_list .PRODUCT_BOX {
float: right;
height: auto;
margin: 0 !important;
padding: 0 !important;
width: 100%;
border: 0 !important;
}
.Favs #product_list .box_image {
float: right;
height: auto;
margin: 0;
width: 20%;
}
.Favs #product_list .box_image img {
float: left;
max-height: unset;
position: relative;
width: 100%;
}
.Favs #product_list .box_data {
float: left;
margin-top: 20px;
width: 77%;
}
.Favs #product_list h3 {
border: 0 none;
margin: 0 0 7px;
text-align: left;
height: auto;
}
.Favs #product_list h3::after {
display: none
}
.Favs #product_list .price_wrapper {
margin-bottom: 15px;
text-align: left;
height: auto !important;
}
.Favs #product_list .buttons_wrapper {
display: block;
height: auto;
margin: -13px 0 7px;
float: left;
position: relative;
}
.Favs #product_list .buttons_wrapper a {
border: 1px solid #ccc;
border-radius: 1px;
float: left;
font-family: "Gotham", sans-serif;
font-size: 0.87em;
font-weight: 500;
height: 32px;
letter-spacing: 0.02em;
line-height: 30px;
margin-bottom: 6px;
margin-right: 6px;
padding: 0 18px;
text-decoration: none;
width: auto;
display: block;
text-transform: uppercase;
}
.Favs .buttons_wrapper a:first-child:hover {
background-color: #eee;
}
.Favs #product_list .BUTTONBUY:before {
display: none;
}
.Favs #product_list .PRODUCT_BOX:hover .box_image img {
opacity: 1 !important;
}
#wishlistModal .jumbotron::before {
content: "\f388";
font-family: "ionicons";
height: 200px;
}
@media (max-width: 767px) {
.Favs #product_list .BUTTONBUY {
display: block !important
}
}
@media (max-width: 479px) {
.Favs #product_list .PRODUCT_BOX {
font-size: 0.9em;
}
.Favs #product_list .box_image {
float: left;
height: auto;
margin-bottom: 0;
width: 150px;
}
.Favs #product_list .box_data {
width: 100%;
margin: 0;
}
.Favs #product_list .price_wrapper {
height: 50px !important;
}
.Favs #product_list .buttons_wrapper {
width: 100%;
}
}
/* REGISTER ******************************/
.Register section .container {
margin-top: 30px;
}
.login_wrapper {
background: #f4f4f4;
background-clip: border-box;
border: 2px solid #a8a6a6;
background-clip: padding-box;
border-radius: 2px;
min-height: 143px;
padding: 13px 20px 26px;
position: relative;
text-align: center;
box-shadow: -4px 0 3px -3px rgba(0, 0, 0, 0.1);
}
.login_wrapper:before {
background: #ccc;
border: 2px solid #fff;
background-clip: padding-box;
border-radius: 44px;
color: #fff;
display: block;
font-family: "e3font" !important;
font-size: 23px !important;
height: 44px;
left: 50%;
line-height: 38px;
margin-left: -22px;
padding: 0 !important;
position: absolute !important;
text-align: center;
top: -22px;
width: 44px;
}
.login_wrapper > h3 {
color: #232F3F;
font-size: 1.5em;
font-weight: 600;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.login_wrapper .form-control {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
padding-left: 12px;
}
.Register .login_wrapper:before {
content: "y"
}
#checkout-step-login .login_wrapper:before {
content: "\e086"
}
.Register .login_wrapper {
margin-bottom: 50px
}
.Register .forget {
font-size: 1em !important;
float: left !important;
}
@media (max-width: 767px) {
.Register .login_wrapper {
margin-bottom: 20px
}
}
/***************** REGISTER MODALS DIALOGS *********************************/
#_modalRegister {
background: rgba(0,0,0,0.7);
}
#_modalRegister #User.modal-dialog {
margin: 16px auto
}
#_modalRegister #User.modal-dialog .btn {
border: 1px solid;
border-radius: 50px;
font-size: 1.1em;
font-weight: 400;
min-width: 182px;
padding: 6px 20px;
text-shadow: none;
box-shadow: none;
line-height: 1.5em;
}
#_modalRegister #User.modal-dialog .modal-content {
padding: 0;
margin: 0;
box-shadow: none;
border: 0;
background-color: white;
}
#_modalRegister #User.modal-dialog .modal-header {
padding: 0 15px;
margin: 0;
height: auto;
display: block;
float: left;
width: 100%;
padding-right: 30px;
}
#_modalRegister #User.modal-dialog .modal-header .close {
/*line-height: 3em;*/
}
#_modalRegister #User.modal-dialog .modal-body {
padding: 15px 15px 20px;
width: 100%;
display: inline-flex;
flex-wrap: wrap;
}
#_modalRegister #User.modal-dialog .modal-content .modal-body form fieldset .form-group {
margin-bottom: 8px;
}
#_modalRegister .validar .input-validation-error {
border-color: #666 #666 red
}
#_modalRegister .validar .field-validation-error {
color: red !important;
position: relative;
}
#_modalRegister .validar .field-validation-error::before,
#_modalRegister .validar .field-validation-valid::before {
right: 18px;
/* top: -28px; */
}
#_modalRegister #User.modal-dialog .modal-content .modal-body form fieldset .form-control {
height: auto;
padding: 8px 10px;
color: #666;
}
#_modalRegister #User.modal-dialog .modal-content .modal-body form fieldset label {
color: #333;
font-size: 14px;
line-height: 20px;
padding: 0 0 1px 0;
margin-bottom: 0;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header h4 {
margin-right: 12px;
font-weight: lighter;
position: relative;
padding-right: 12px;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header h4.first {
font-size: 1.45em;
margin-top: 1px;
font-weight: 600 !important;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header h4.first::after {
content: "";
position: absolute;
top: 14px;
width: 1px;
height: 38px;
right: 0;
background-color: #ffffffb8;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header small {
color: white;
margin-right: 10px;
font-size: 0.85em;
top: 1px;
position: relative;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header small .go-to-login {
color: white;
text-decoration: underline;
margin-left: 5px;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper {
border: 0;
padding: 0;
margin: 0;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary, #_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-danger {
width: 80%;
height: 43px;
font-size: 16px;
margin: 0 10%;
margin-top: 0px;
float: none !important;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary:hover, #_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-danger:hover {
opacity: 0.8;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary {
margin-top: 7px
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .divisor {
display: inline-flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 10px 0 22px !important;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .divisor::before {
content: "";
width: 100%;
display: block;
height: 1px;
background-color: #cacaca;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .divisor span {
text-align: center;
background-color: white;
display: block;
position: absolute;
width: auto;
font-size: 2rem;
padding: 0 0.5em;
}
#_modalRegister #User.modal-dialog .modal-content label {
width: 100%;
display: flex;
align-items: flex-end;
}
#_modalRegister #User.modal-dialog .modal-content label .forget {
float: right !important;
margin-left: auto;
margin-right: 0 !important;
}
#_modalRegister #User.modal-dialog .modal-content label .required {
display: inline-block;
text-align: left;
margin-right: auto;
margin-left: 0 !important;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button {
border: 0;
width: 100%;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-out;
-khtml-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
background-color: #4957B3;
color: #fff;
display: block;
font-weight: 700;
line-height: 40px;
padding: 0 15px;
position: relative;
text-align: center;
font-family: 'Work Sans', sans-serif;
font-weight: normal;
font-size: 1.5rem;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper h4 {
text-align: center;
width: 100%;
margin-top: 0;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button {
-webkit-transition: all 0.2s ease-out;
-khtml-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
background-color: #666;
color: #fff;
display: block;
line-height: 43px;
margin: 0 10% 10px;
padding: 0;
position: relative;
text-align: center;
width: 80%;
border: 0;
text-align: center;
font-weight: normal;
font-size: 15px;
border-radius: 80px;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button:hover {
opacity: 0.8
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .google-button {
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-out;
-khtml-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
background-color: white;
color: black;
display: block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin-bottom: 15px;
padding: 0 15px;
position: relative;
text-align: center;
width: 100%;
border: 0;
text-align: center;
font-family: 'Work Sans', sans-serif;
font-weight: normal;
font-size: 1.5rem;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .google-button svg {
width: 1.5em;
display: inline-block;
height: 1.5em;
margin-right: auto;
left: 15px;
position: absolute;
top: 0.6em;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button .icon-facebook {
font-size: 26px;
left: 19px;
position: absolute;
top: 0px;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button .icon-facebook::before {
content: "\f231";
font-family: "Ionicons"
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button .icon-register {
font-size: 22px;
left: 19px;
position: absolute;
top: 0px;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .register-button .icon-register::before {
content: "\f200";
font-family: "Ionicons"
}
#_modalRegister #User.modal-dialog aside {
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
height: auto;
margin-top: 5px;
}
#_modalRegister #User.modal-dialog aside p {
letter-spacing: 0;
line-height: 1.3em;
padding-left: 20px;
position: relative;
margin-bottom: 5px;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
#_modalRegister #User.modal-dialog aside p a {
text-decoration: underline
}
#_modalRegister #User.modal-dialog aside p .icon-checkmark:before {
content: "\f122";
color: #49C237;
font-family: "Ionicons";
margin-right: 3px;
position: absolute;
left: 0;
}
#_modalRegister #User.modal-dialog aside h5 {
color: #333;
font-size: 14px;
font-weight: 700;
margin: 0 0 20px 0;
}
#_modalRegister #User.modal-dialog aside p a {
color: #0084E0;
display: block;
}
#_modalRegister #User.modal-dialog aside p a:hover {
text-decoration: underline;
}
@media (max-width: 991px) {
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary, #_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button, #_modalRegister #User.modal-dialog .modal-content .user_wrapper .google-button {
width: 320px;
margin-left: calc(50% - 160px);
margin-right: calc(50% - 160px);
}
}
@media (max-width: 767px) {
.modal-dialog.Register {
padding: 0;
margin: 0;
max-width: 500px !important;
}
#_modalRegister #User.modal-dialog .modal-header {
padding: 15px 15px;
}
#_modalRegister #User.modal-dialog .modal-header .close {
line-height: 1.2em;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header h4 {
font-size: 16px;
line-height: 22px;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header h4.first::after {
top: -4px;
height: 32px;
}
#_modalRegister #User.modal-dialog aside h5 {
margin: 25px 0 20px 0;
}
#_modalRegister #User.modal-dialog aside p:last-child {
padding: 0;
}
#_modalRegister #User.modal-dialog .modal-body {
padding: 15px 0 15px;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary {
margin-top: 17px;
margin-bottom: 12px;
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button {
margin-bottom: 15px;
margin-top: 6px;
}
}
@media (max-width: 479px) {
#_modalRegister #User.modal-dialog {
margin: 0;
max-width: 100% !important;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header h4 {
display: block;
width: 100%;
}
#_modalRegister #User.modal-dialog .modal-content .modal-header h4.first::after {
display: none
}
#_modalRegister #User.modal-dialog .modal-content .user_wrapper .btn-primary, #_modalRegister #User.modal-dialog .modal-content .user_wrapper .facebook-button, #_modalRegister #User.modal-dialog .modal-content .user_wrapper .google-button {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
/**************************************************************************/
/* ORDERS ******************************/
.Orders .user_wrapper > h3.pedido:after {
display: none
}
.Orders table {
border-bottom: 1px solid #dedede;
float: left;
font-size: 0.95em;
}
.Orders table td {
line-height: 1.2em;
padding: 13px 8px;
vertical-align: middle;
}
.Orders table .date {
font-size: 0.9em;
}
.Orders table .btn-default {
background: #6e6e6e none repeat scroll 0 0;
color: #fff !important;
font-weight: bold;
font-size: 0.85em;
letter-spacing: 0.03em;
padding: 4px 10px;
width: 100%;
max-width: 130px;
}
.Orders table .btn-default:hover {
background: #444;
}
.Orders table tr {
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
}
.Orders table thead tr {
border: 0 none;
}
.Orders table th {
color: #6e6e6e;
font-weight: 600;
letter-spacing: 0.1em;
padding: 0 8px 4px;
text-transform: uppercase;
}
.Orders td strong {
color: #000;
font-size: 1.1em;
font-weight: 500;
}
.list-pedido {
float: left;
width: 100%;
}
.list-pedido header {
border: 0 none;
box-shadow: none;
float: right;
font-size: 1.8em;
width: auto;
}
.Orders .datos {
background: #f2f2f2 none repeat scroll 0 0;
clear: both;
float: left;
margin-bottom: 20px;
padding: 20px;
width: 100%;
}
.Orders .datos p {
border-bottom: 1px solid #fff;
margin-bottom: 10px;
padding-bottom: 10px;
}
.Orders .datos p:last-child {
border: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.Orders .datos strong {
color: #000;
float: left;
margin: 0 0 1px;
min-width: 135px;
width: 28%;
}
.Orders #total-section {
background: #eee none repeat scroll 0 0;
border: 1px solid #ddd;
color: #507287;
float: right;
font-size: 1.2em;
font-weight: 300;
letter-spacing: 0.03em;
padding: 11px 25px;
text-align: right;
min-height: auto;
}
.Orders #total-section strong {
float: unset;
font-size: 1.2em;
width: unset;
}
.Orders .buttonBack {
color: #6e6e6e;
float: left;
text-decoration: underline;
}
.orderlist h3 {
border: 0 none;
font-size: 1.5em;
margin: 0;
padding: 9px 0 3px;
color: #6e6e6e;
}
/* tabla responsive ****/
@media only screen and (max-width: 600px) {
/* Force table to not be like tables anymore */
.table-r,
.table-r thead,
.table-r tbody,
.table-r th,
.table-r td,
.table-r tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.table-r thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table-r {
clear: both;
margin: 0;
border: 0 !important;
}
.table-r tr {
border-bottom: 1px solid #ccc !important;
border-left: 0 none !important;
border-right: 0 none !important;
margin: 6px 0;
padding-bottom: 6px;
}
.table-r td {
background: #fff none repeat scroll 0 0 !important;
border: 0 none !important;
color: #000;
padding: 1px 5px 1px 100px !important;
position: relative !important;
}
.table-r td:before {
color: #777;
font-size: 0.95em;
height: 100%;
left: 0;
padding: 1px 0 1px 10px;
position: absolute;
top: 0;
white-space: nowrap;
width: 85px;
}
.nom {
font-weight: bold;
}
/* Label the data - Listado */
.Orders .table-r td:nth-of-type(1):before {
content: "Nro.";
}
.Orders .table-r td:nth-of-type(2):before {
content: "Fecha";
}
.Orders .table-r td:nth-of-type(3):before {
content: "Estado";
}
.Orders .table-r td:nth-of-type(4):before {
content: "Monto";
}
.Orders .table-r td:nth-of-type(5):before {
content: "";
}
/* Label the data - Detalle */
.orderlist .table-r td:nth-of-type(1):before {
content: "Cod.";
}
.orderlist .table-r td:nth-of-type(2):before {
content: "Detalle";
}
.orderlist .table-r td:nth-of-type(3):before {
content: "Cant.";
}
.orderlist .table-r td:nth-of-type(4):before {
content: "$ Unit.";
}
.orderlist .table-r td:nth-of-type(5):before {
content: "$ Subtot.";
}
}
/* COMPARAR - COMPARE ******************************/
.Content.Compare section {
padding: 0
}
/* Zebra striping! */
.zebra tr:nth-of-type(odd) {
background: #f9f9f9;
}
.Content.Compare table {
background: #fff none repeat scroll 0 0;
border-bottom: 3px solid #ddd;
float: left;
font-size: 0.87em;
margin: 0;
min-width: 480px;
width: 100%;
}
.Content.Compare tr td,
.Content.Compare tr th {
border: 1px solid #eee !important;
}
.Content.Compare th,
.Content.Compare td {
width: 21%;
}
.Content.Compare thead.affix .corner,
.Content.Compare tbody tr th:first-child,
.Content.Compare thead .corner {
width: 16%;
}
.Content.Compare thead {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.28);
z-index: 2;
}
.Content.Compare thead th {
background: #303e47 none repeat scroll 0 0 !important;
border-color: #f5f5f5 !important;
border-style: solid !important;
border-width: 0 0 6px !important;
padding-bottom: 14px !important;
padding-top: 35px !important;
position: relative;
vertical-align: middle !important;
}
.Content.Compare tbody th,
.Content.Compare tbody td {
padding: 8px !important;
}
.Content.Compare tbody tr th:first-child,
.Content thead tr th:first-child {
padding-left: 20px !important;
}
.Content.Compare tbody tr th:last-child,
.Content thead tr td:last-child {
padding-right: 20px !important;
}
.Content.Compare .corner {
background: #507287 none repeat scroll 0 0 !important;
color: #fff;
font-size: 1.7em;
font-weight: 300;
line-height: 1em;
}
.Content.Compare table h3 {
color: #fff;
font-size: 0.95em;
letter-spacing: 0.03em;
line-height: 1.2em;
margin: 0;
padding: 0;
text-align: center;
text-transform: uppercase;
}
.Content.Compare table h3:hover {
text-decoration: underline
}
.th_image img:hover {
border: 1px solid #000;
}
.Content.Compare .remove {
background: #888 none repeat scroll 0 0;
border: 3px solid #fff;
border-radius: 24px;
bottom: -17px;
color: #fff;
cursor: pointer;
display: block;
font-size: 11px;
height: 25px;
line-height: 19px;
margin-right: -10px;
position: absolute;
right: 50%;
text-align: center;
text-decoration: none !important;
width: 25px;
font-weight: normal;
}
.Content.Compare .remove:before {
content: "\f12a"
}
.Content.Compare .remove:before {
font-family: "Ionicons";
text-align: center;
}
.Content.Compare .remove:hover {
color: #fff;
background: #000;
}
.Content.Compare .th_image {
background: #fff none repeat scroll 0 0 !important;
}
.Content.Compare .th_img {
opacity: 1 !important;
text-align: left !important;
}
.th_image,
.Content.Compare .th_img {
padding: 1px !important;
text-align: center;
}
.th_image img {
height: auto;
max-width: 140px;
max-height: 140px;
padding-top: 7px;
width: auto;
}
.Content.Compare .th_img::before {
font-family: "Ionicons";
font-size: 1.6em;
opacity: 0.2;
}
.Content.Compare .th_img::before {
content: "\f118";
}
.Content.Compare tbody th {
background: #b5bdc366 none repeat scroll 0 0;
color: #000;
font-weight: normal;
min-width: 133px;
}
.Content.Compare table .valoracion {
float: left;
margin: 0;
}
.Content.Compare table .price_wrapper {
height: auto;
}
.Content.Compare .badges {
position: relative;
top: unset;
left: unset;
width: 100%;
float: left;
}
.Content.Compare .badge-dto {
margin-bottom: 4px;
}
.Content.Compare .BUTTONBUY {
font-size: 1.05em !important;
margin: 0 auto;
padding: 6px 14px !important;
max-width: 150px;
}
.Content.Compare table .stars_off {
z-index: 0;
}
.Content.Compare table .puntaje {
display: none
}
/* affix table */
.Content.Compare thead.affix {
top: 55px;
width: 100%;
}
.Content.Compare thead.affix tr {
display: table;
width: 100%;
}
.Content.Compare thead.affix th {
display: table-cell;
padding: 5px 8px 13px !important;
}
.Content.Compare thead.affix h3 {
font-size: 0.78em;
letter-spacing: 0;
line-height: 1.1em;
}
.Content.Compare thead.affix .remove {
bottom: -20px;
}
@media only screen and (max-width: 767px) {
.Content.Compare th:first-child,
.Content.Compare thead.affix .corner {
display: none;
}
.titmobile td {
background: #e8e8e8 none repeat scroll 0 0 !important;
border: 0 none !important;
color: #000;
line-height: 0.8em !important;
padding-top: 20px !important;
text-align: center;
text-transform: uppercase;
}
.Content.Compare tbody tr td {
background: #fff none repeat scroll 0 0;
font-size: 0.9em;
}
.Content.Compare th,
.Content.Compare td {
width: 25%
}
.th_image img {
max-width: 90px;
max-height: 90px;
}
.Content.Compare table h3 {
font-size: 0.8em;
}
}
@media only screen and (max-width: 479px) {
.Content.Compare table {
font-size: 0.7em
}
.Content.Compare th,
.Content.Compare td {
width: 50%
}
.Content.Compare thead.affix {
position: relative
}
.Content.Compare section {
overflow-y: hidden;
width: 100%;
}
.Content.Compare table {
overflow-x: auto
}
}
/*////////////////////////////////////////////////////////////////////*/
/* CONTENT //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
.User h1, .Content h1 {
float: left;
font-size: 2em;
font-weight: 500;
margin: 0 0 20px;
padding: 0;
position: relative;
width: 100%;
color: #232F3F;
letter-spacing: -0.02em;
text-transform: uppercase;
}
.Content h1::before {
content: "";
bottom: -1px;
left: 0;
width: 108px;
height: 2px;
background-color: #FFC627;
display: block;
position: absolute;
}
.User h1 span,
.Content h1 span {
position: relative;
}
.Content h1 {
border-bottom: 1px solid #ccc;
padding-bottom: 8px;
margin-bottom: 20px;
}
.Content .short_desc,
.Content .short_desc p {
color: #000 !important;
font-size: 22px !important;
font-weight: 500;
letter-spacing: 0.02em;
line-height: 29px !important;
margin: 0 0 13px !important;
width: 100%;
float: left;
}
.Content .long_desc,
.Content .long_desc p {
color: #000;
font-size: 14px;
font-weight: lighter;
letter-spacing: 0.02em;
line-height: 20px;
width: 100%;
float: left;
}
.Content .long_desc {
margin-bottom: 30px
}
.Content .short_desc p,
.Content .long_desc p {
margin: 0 0 10px
}
.long_desc img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.Content .images img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.long_desc h2 {
float: left;
font-size: 1.2em;
font-weight: 500;
letter-spacing: 0.04em;
margin: 30px 0 15px;
position: relative;
text-transform: uppercase;
width: 100%;
}
.long_desc > h2:first-child {
margin-top: 0;
}
.Content section .container {
min-height: 400px;
}
.long_desc > h3 {
border-top: 1px solid #dedede;
float: left;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.07em;
padding-top: 20px;
width: 100%;
}
.Content section {
background-color: #fff;
}
.Content .menu_tree {
box-shadow: -4px 5px 3px -3px rgba(0, 0, 0, 0.1);
border-color: #c5c5c5;
margin-top: 56px;
}
.Content .menu_tree > ul {
margin: 0;
border: 0;
padding: 0;
}
.Content.Izquierda .images {
width: 100%;
float: left;
margin: 0 0 20px;
}
@media (max-width: 767px) {
.User h1 {
display: none
}
.Content h1 {
font-size: 2.2em;
margin-bottom: 8px;
text-align: left;
}
.Content .menu_tree {
margin: 0 0 35px !important;
}
.Content .menu_tree > ul {
border: 0 none;
margin: 0;
}
.Content .menu_tree > ul a {
background: #f3f3f3 none repeat scroll 0 0;
float: left;
line-height: 1.2em;
margin: 0 0 2px;
padding: 12px 20px;
}
.Content .short_desc,
.Content .short_desc p {
font-size: 17px !important;
line-height: 22px !important;
margin: 0 0 10px !important;
}
}
/* CONTACTO ******************************/
/*.Contact h1 {}*/
.Contact .long_desc ul li {
clear: left;
float: left;
line-height: 1.4em;
margin-bottom: 20px;
padding-left: 38px;
position: relative;
}
.Contact .long_desc ul li::before {
font-family: "Ionicons";
font-size: 1.8em;
left: 0;
position: absolute;
text-align: center;
top: 3px;
width: 28px;
}
.Contact .long_desc ul li.mail:before {
content: "\f422"
}
.Contact .long_desc ul li.phone:before {
content: "\f4b8"
}
.Contact .long_desc ul li.rrhh:before {
content: "\f47b"
}
.Contact .long_desc ul li.address:before {
content: "\f455"
}
.Contact .long_desc ul li span {
font-size: 1.1em;
font-weight: 600;
}
.Contact .long_desc ul li a {
text-decoration: underline;
}
.Contact .long_desc ul li a:hover {
opacity: 0.7;
}
.Contact .long_desc h4,
.Contact .long_desc h5 {
margin: 0 0 3px;
}
.Contact .long_desc h4 {
font-size: 1.2em;
}
.Contact .long_desc .horario {
color: #777;
float: left;
font-size: 0.9em;
font-weight: normal;
letter-spacing: 0.03em;
margin: 4px 0;
text-transform: uppercase;
}
.Contact iframe#mapa {
border-bottom: 5px solid #ededed !important;
height: 400px;
width: 100%;
}
iframe#mapa {
width: 100%;
display: block;
pointer-events: none;
position: relative;
/* IE needs a position other than static */
}
iframe#mapa.clicked {
pointer-events: auto;
}
/*////////////////////////////////////////////////////////////////////*/
/* MODALS //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
/* MODAL carrito ********************************************/
.mdl_detail {
max-width: 900px;
overflow-x: hidden
}
.mdl_detail header {
line-height: 1em;
margin: -13px 0 10px;
padding: 12px 0 10px;
}
.mdl_detail .modal-body {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin: 0;
max-height: 200px;
overflow-x: hidden;
overflow-y: scroll;
}
.mdl_detail .modal-footer {
padding: 15px 30px;
border-top: 1px solid #EEE;
}
.mdl_detail ul {
margin: 0;
padding: 0
}
.mdl_detail ul li:last-child article {
border: 0 !important
}
.mdl_detail article {
border-bottom: 1px solid #dcdcdc;
display: block;
float: left;
padding: 9px 0;
width: 100%;
}
.mdl_detail article img {
float: left;
margin: 0 2%;
}
.mdl_detail article h2 {
color: inherit;
float: left;
font-size: 0.95em;
font-weight: lighter;
line-height: 1.15em;
margin: 5px 0 0;
text-align: left;
width: 67%;
}
.mdl_detail article .price,
.mdl_detail article .count {
float: left;
font-size: 0.8em;
margin-top: 5px;
width: 67%;
}
.mdl_detail .price span,
.mdl_detail .tachado span {
font-size: 1.2em;
font-weight: bold;
}
.mdl_detail p {
color: #777;
margin-bottom: 7px;
}
.mdl_detail .btn-default {
background-color: #5B5454 !important;
}
.mdl_detail .btn-default:hover {
background-color: #5B5454 !important;
}
.jumbotron .btn:hover {
background-color: #5B5454 !important;
}
@media (max-width: 479px) {
.mdl_detail .btn-default,
.mdl_detail .btn-primary {
margin-bottom: 4px;
padding: 12px;
width: 100%;
}
.mdl_detail .nomobile {
display: none
}
}
/* MODAL opciones de Compra ********************************************/
.BOXCARTOPTIONS .mdl_detail .modal-body {
border: 0 none;
max-height: unset;
overflow: visible;
}
.BOXCARTOPTIONS .mdl_options {
height: auto;
overflow: visible;
}
.BOXCARTOPTIONS .modal-title {
display: none
}
.BOXCARTOPTIONS .IMAGEN img {
float: left;
margin-bottom: 20px;
width: 100%;
}
.BOXCARTOPTIONS .BUTTONINFO {
display: block;
float: left;
font-size: 1.1em;
margin: 17px auto 0;
padding: 0;
text-align: center;
text-decoration: underline;
width: 100%;
}
.BOXCARTOPTIONS .BUTTONINFO:hover {
opacity: 0.7
}
.BOXCARTOPTIONS .PRODUCTAREA h3 {
font-size: 1.4em;
font-weight: lighter;
margin: 0;
text-transform: uppercase;
}
.BOXCARTOPTIONS .PRODUCTAREA .price_wrapper {
font-size: 1.1em;
margin: 9px 0 17px;
width: 100%;
}
.BOXCARTOPTIONS .bttalle {
display: none
}
.BOXCARTOPTIONS .BUTTONBUY {
font-size: 1.8em;
height: auto;
line-height: 1.3em;
margin-bottom: 0;
padding: 6px;
}
@media(max-width: 767px) {
.BOXCARTOPTIONS .IMAGEN img {
float: left;
margin: -37px 0 5px;
width: 99px;
}
}
div.send-detail {
float: left;
width: 100%;
display: block;
min-height: 170px;
margin-bottom: 30px;
}
div.option-detail {
color: #fce2c9;
font-size: 1.6em;
left: 0;
max-height: 200px;
position: absolute;
width: 100%;
}
/* Modal Calculador de envio *************************************/
.formulario-envio {
float: left;
width: 100%;
margin: 5px 0;
display: flex;
flex-direction: column;
}
.formulario-envio label {
display: block;
width: 100%;
}
.formulario-envio p.subtit {
text-align: center;
}
.formulario-envio p.subtit::before {
float: unset;
}
.formulario-envio .form-group {
margin: 0 auto 13px;
width: 100%;
}
.formulario-envio select,
.formulario-envio input {
height: 40px;
}
.formulario-envio .btn.btn-primary {
width: 200px;
margin: 0 auto 20px;
}
.result-envio > ul {
font-size: 1.5em;
margin: 5px 0 20px;
text-align: left;
border-top: 0;
padding: 0;
}
.result-envio ul li label::before {
font-family: 'Ionicons';
content: "\f363";
float: left;
margin: 2px 7px 0 4px;
color: #848484;
font-size: 17px;
}
.result-envio ul,
.result-envio ul li,
.result-envio label {
float: left;
width: 100%;
}
.result-envio label > div:first-child {
float: left;
margin-right: 10px;
}
.result-envio label .gratis {
font-weight: 700;
font-size: 1.1em;
color: #000;
}
.result-envio label {
color: #000;
font-size: 0.7em;
line-height: 1.4em;
margin: 0;
}
.result-envio li.default label > div:first-child::after {
content: ":";
}
.result-envio label .sh_price {
font-weight: 600;
}
.result-envio ul li.default {
border-bottom: 1px solid #717171;
padding: 13px 0;
float: left;
width: 100%;
}
.result-envio ul li.zippin {
padding: 7px 0;
border-bottom: 3px solid #f4f4f4;
}
.zippin.z1 {
margin-top: 6px;
}
.result-envio .zippin label {
display: inline-flex;
justify-content: space-between;
align-items: flex-start;
text-align: left;
line-height: 1.4em;
}
.result-envio ul li.zippin label::before {
margin-right: 0;
position: absolute;
}
.zippin .zipp-name {
padding-left: 16px;
}
.zippin .zipp-name > span {
float: left;
}
.zippin .nombr {
margin-right: 5px;
}
.zippin .time {
color: #0079BE;
font-size: 0.9em;
}
.result-envio li.zippin label .sh_price {
font-weight: 600;
display: flex;
flex-wrap: nowrap;
width: 170px;
justify-content: flex-end;
margin-left: auto;
}
li.zippin span.iva {
opacity: 0.5;
margin: 0 5px;
font-weight: 500 !important;
font-size: 0.8em;
}
/* MODAL HOME SUSCRIBIR A NEWSLETTER ********************************/
.w-newsletter {
display: table;
float: left;
}
.image-newsletter {
float: left;
}
.image-newsletter img {
max-width: 100%;
width: auto;
}
.newsletter-info {
float: right;
text-align: center;
}
.newsletter-info h4 {
font-size: 1.2em;
font-weight: 300;
letter-spacing: 0.03em;
margin: 10px 0;
}
.newsletter-info h3 {
border-bottom: 1px solid #ddd;
font-size: 1.9em;
font-weight: 600;
margin: 0 0 17px;
padding-bottom: 20px;
text-transform: uppercase;
}
.newsletter-info h3 strong {
display: block;
font-size: 1.6em;
font-weight: 900;
}
.newsletter-info .short-description {
font-size: 1em;
line-height: 1.3em;
padding: 0 0 20px;
}
.form-newsletter-popup {
display: table;
margin: 0 auto 36px;
max-width: 360px;
}
.form-newsletter-popup .input-box {
display: table-cell;
vertical-align: top;
width: 100%;
}
.form-newsletter-popup .input-box .input-text {
border: 1px solid #ccc;
border-radius: 0;
padding: 0 10px;
}
.form-newsletter-popup .action-newsletter {
display: table-cell;
vertical-align: top;
}
.form-newsletter-popup .action-newsletter .btn {
background-color: #6e6e6e;
border: 0 none;
color: #fff;
font-size: 0.9em;
height: 34px;
padding: 0 16px;
}
.form-newsletter-popup .action-newsletter .btn:hover {
background-color: #f06703
}
.subscribe-bottom {
display: none;
margin-bottom: 15px;
}
.subscribe-bottom .checker {
display: inline-block;
float: none;
position: relative;
top: 1px;
}
.subscribe-bottom label {
float: none;
font-size: 0.8em;
font-weight: normal;
padding-left: 10px;
}
.newsletter-info .socials {
float: left;
width: 100%;
}
.newsletter-info .socials ul {
display: table;
margin: 0 auto 10px;
text-align: center;
}
.newsletter-info .socials li {
display: inline-block;
}
.newsletter-info .socials li a {
color: #ccc;
font-size: 1.4em;
padding: 10px;
}
.newsletter-info .socials li a:hover {
color: #333
}
@media (max-width: 991px) {
.newsletter-info {
font-size: 0.9em
}
}
@media (max-width: 767px) {
#ModalPopUp .modal-dialog {
margin: 30px 55px
}
}
@media (max-width: 479px) {
.newsletter-info {
font-size: 0.8em
}
#ModalPopUp .modal-dialog {
margin: 30px
}
}
/*////////////////////////////////////////////////////////////////////*/
/* BLOG //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
.Category.Blog .category_tree h5::before {
display: none
}
.Category.Blog h2,
.Content.Blog h2 {
color: #6e6e6e;
font-weight: 300;
font-size: 1.8em;
letter-spacing: -0.02em;
margin: 21px 0 14px;
border-top: 1px solid #ccc;
width: 100%;
float: left;
padding-top: 26px;
}
.Category.Blog .b-left .banner-item:first-child,
.Content.Blog .b-left .banner-item:first-child {
border-top: 1px solid #ccc;
padding-top: 35px;
margin-top: 25px;
float: left;
}
.Category.Blog .category-list {
margin-top: -19px;
}
/* TODO LO DE CUSTOM BLOG*/
/*BLOG BOX*/
.Blog section .container {
max-width: 1410px;
}
.PRODUCT_BOX.blog_box {
border: none;
padding: 25px;
margin-bottom: 50px;
}
.PRODUCT_BOX.blog_box .box_image {
width: 100%;
height: auto;
max-height: 300px;
margin-bottom: 15px;
overflow: hidden;
}
.PRODUCT_BOX.blog_box .box_image img {
position: relative;
padding: 0;
}
.PRODUCT_BOX.blog_box:hover {
box-shadow: none;
}
.PRODUCT_BOX.blog_box .box_image:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: #507287;
z-index: 1;
pointer-events: none;
transition: all 0.2s ease-in 0s;
}
.PRODUCT_BOX.blog_box:hover .box_image:before {
opacity: 0.5;
}
.Content.Detail.Blog .PRODUCT_BOX.blog_box:hover .box_image:before {
opacity: 0;
}
.PRODUCT_BOX.blog_box .box_data {
width: 100%;
}
.Content.Detail.Blog .PRODUCT_BOX.blog_box .box_data {
padding: 0;
}
.PRODUCT_BOX.blog_box .info_wrapper {
width: 25%;
float: left;
}
.PRODUCT_BOX.blog_box .text_wrapper {
float: left;
width: 75%;
}
.Content.Detail.Blog .PRODUCT_BOX.blog_box .text_wrapper {
width: 100%;
}
.PRODUCT_BOX.blog_box .info_wrapper .comments,
.PRODUCT_BOX.blog_box .info_wrapper .date {
text-transform: uppercase;
color: #000;
opacity: 1;
font-size: 13px;
float: left;
width: 100%;
margin-bottom: 10px;
}
.PRODUCT_BOX.blog_box .info_wrapper .date span,
.PRODUCT_BOX.blog_box .info_wrapper .comments span {
color: #999;
padding-left: 15px;
}
.PRODUCT_BOX.blog_box .text_wrapper h3 {
height: auto;
margin: auto;
color: #6e6e6e;
}
.product_list .PRODUCT_BOX.blog_box .text_wrapper h3 {
font-weight: 300;
height: auto;
margin: 0 auto 4px;
font-size: 1.8em;
}
.PRODUCT_BOX.blog_box .box_data .text_wrapper .short_desc {
font-weight: 400;
font-size: 14px !important;
margin-bottom: 6px;
line-height: 20px !important;
}
.Content.Detail.Blog .PRODUCT_BOX.blog_box .box_data .text_wrapper .short_desc {
font-weight: 400;
margin-bottom: 10px;
line-height: 20px !important;
}
.PRODUCT_BOX.blog_box .box_data .btn-moreinfo {
float: left;
color: #000;
position: relative;
display: block;
opacity: 1;
padding-left: 25px;
color: #507287;
}
.PRODUCT_BOX.blog_box .box_data .btn-moreinfo:hover {
text-decoration: underline !important;
}
.PRODUCT_BOX.blog_box .box_data .btn-moreinfo:before {
content: "\f44c";
font-family: "Ionicons";
font-size: 22px;
position: absolute;
top: 0;
left: 0px;
}
#category-related-slider .PRODUCT_BOX.blog_box,
#category-related-slider .PRODUCT_BOX.blog_box .box_data,
#category-related-slider .PRODUCT_BOX.blog_box .info_wrapper .date span {
padding: 0;
}
#category-related-slider .PRODUCT_BOX.blog_box {
min-height: auto;
margin-bottom: 15px;
}
#category-related-slider .PRODUCT_BOX.blog_box .info_wrapper .comments,
#category-related-slider .PRODUCT_BOX.blog_box .info_wrapper .date {
font-size: 11px;
margin-bottom: 0px;
}
#category-related-slider .PRODUCT_BOX.blog_box .box_data .info_wrapper,
#category-related-slider .PRODUCT_BOX.blog_box .box_data .text_wrapper {
width: 100%;
}
#category-related-slider .PRODUCT_BOX.blog_box .box_data {
width: 75%;
padding-left: 15px;
width: calc(100% - 100px);
}
#category-related-slider .PRODUCT_BOX.blog_box .box_image {
width: 25%;
float: left;
width: calc(100px + 0px);
margin-bottom: 0px;
}
#result-blog li {
float: left;
width: 33.33%;
height: 50px;
overflow: hidden;
position: relative;
padding: 0px 5px;
margin-bottom: 10px;
border-radius: 2px;
}
#result-blog li a {
float: left;
width: 100%;
height: 100%;
position: relative;
display: block;
}
#result-blog li img {
float: left;
width: 100%;
height: auto;
position: absolute;
top: 0;
}
#result-blog li a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
background: #507287;
z-index: 1;
pointer-events: none;
transition: all 0.2s ease-in 0s;
border-radius: 2px;
}
#result-blog li a:hover:before {
opacity: 0.5;
}
.Blog aside .short_desc {
font-weight: 300;
font-size: 14px !important;
line-height: 20px !important;
}
@media (min-width:768px) and (max-width:991px) {
#result-blog li {
width: 50%;
}
#category-related-slider .PRODUCT_BOX.blog_box .box_data {
width: 100%;
padding-left: 0px;
}
#category-related-slider .PRODUCT_BOX.blog_box .box_image {
width: 100%;
margin-bottom: 5px;
}
}
@media (max-width:600px) {
.PRODUCT_BOX.blog_box .text_wrapper,
.PRODUCT_BOX.blog_box .info_wrapper {
width: 100%;
}
}
/*Comentarios Magic*/
.comment-create {
float: left;
width: 100%;
padding: 25px;
padding-top: 25px;
padding-top: 0px;
margin-bottom: 50px;
}
.comment-create .comment-form-wrapper {
float: left;
width: 100%;
}
.comment-create .comment-form-wrapper > p {
font-weight: bolder;
font-size: 18px;
color: #041e41;
}
.comment-create .comment-form-wrapper > p:before {
font-family: "Ionicons";
content: "\f122";
float: left;
margin-right: 5px;
}
.comment-create .comments_wrapper {
float: left;
width: 100%;
margin-bottom: 15px;
}
.comment_box {
float: left;
width: 100%;
background: #f4f4f4;
padding: 15px;
margin-bottom: 15px;
}
.comment_box .info_wrapper,
.comment_box .details_wrapper {
float: left;
width: 100%;
}
.comment_box .details_wrapper .body {
float: left;
width: 100%;
font-weight: bolder;
}
.comment_box .user {
float: right;
text-transform: uppercase;
}
.comment_box .data {
float: left;
width: 100%;
}
.comment_box .stars_off {
bottom: -2px;
}
.comment-create form {
float: left;
width: 100%;
background: #f4f4f4;
background-clip: border-box;
border: 1px solid #d5d5d5;
padding: 13px 20px 26px;
position: relative;
margin-top: 15px;
}
.comment-create form:before {
background: #ccc;
background-clip: border-box;
border: 2px solid #fff;
background-clip: padding-box;
border-radius: 44px;
color: #fff;
display: block;
font-family: "Ionicons" !important;
font-size: 23px !important;
height: 44px;
left: 50%;
line-height: 38px;
margin-left: -22px;
padding: 0 !important;
position: absolute !important;
text-align: center;
top: -22px;
width: 44px;
content: "\f12c";
}
.comment-create form legend {
color: #000;
font-size: 1.6em;
font-family: "Gotham", sans-serif;
text-transform: none;
font-weight: normal;
float: left;
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
line-height: 1.1;
letter-spacing: inherit;
padding: 0;
}
#StarsDROPDOWN {
clear: both;
width: 100%;
/*! max-width:280px; */
margin-bottom: 0px;
}
#StarsDROPDOWN #StarsBTN {
display: block;
height: 34px;
padding: 6px 12px;
line-height: 1.42857143;
color: #555;
border: 1px solid #ccc;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
font-size: 14px;
background: #fff;
box-shadow: none;
border-color: #bdbdbd;
border-radius: 2px;
text-transform: none;
text-align: left;
font-weight: 400;
width: 100%;
}
#StarsDROPDOWN #StarsBTN .text {
float: left;
width: auto;
}
#StarsDROPDOWN #StarsBTN .text .stars_off {
margin-right: 10px;
margin-top: -1px;
}
#StarsDROPDOWN #StarsBTN .caret {
float: right;
color: #b2b2b2;
margin-top: 8px;
margin-left: 10px;
}
#StarsDROPDOWN #StarsMENU {
height: auto;
padding: 5px 0;
}
#StarsDROPDOWN li {
float: left;
width: 100%;
padding: 6px 12px;
cursor: pointer;
}
#StarsDROPDOWN li:hover {
text-decoration: underline;
}
#StarsDROPDOWN .stars_off {
float: left;
width: 70px !important;
margin-right: 6px;
margin-top: -2px;
}
/*social share*/
.social-share {
float: left;
width: 100%;
padding: 0px 25px;
margin-bottom: 50px;
margin-top: -25px;
}
.social-share a:before {
content: "";
font-family: "Ionicons";
height: 40px;
float: left;
margin-right: 10px;
width: 40px;
line-height: 40px;
text-align: center;
font-size: 35px;
opacity: 1;
}
.social-share a.s-email:before {
content: "\f132";
font-size: 40px;
color: #aaa
}
.social-share a.s-facebook:before {
content: "\f231";
color: #3b5998;
}
.social-share a.s-googleplus:before {
content: "\f235";
color: #dd4b39;
}
.social-share a.s-linkedin:before {
content: "\f239";
color: #007bb5;
}
.social-share a.s-pinterest:before {
content: "\f2b1";
color: #cb2027;
}
.social-share a.s-twitter:before {
content: "\f243";
color: #55acee;
}
.social-share a:hover:before {
opacity: 0.3;
}
.stars_off {
float: left;
font-family: "Ionicons";
font-size: 1.2em;
height: 19px;
letter-spacing: 0.06em;
margin-right: 8px;
position: relative;
width: 70px !important;
}
.stars_on {
display: block;
height: 100%;
overflow: hidden;
position: relative;
width: 0%;
}
.stars_on:before,
.stars_off:before {
content: "\f2fc \f2fc \f2fc \f2fc \f2fc "
}
.stars_on:before,
.stars_off:before {
height: 100%;
position: absolute;
width: 100%;
}
.stars_off:before {
color: #d8d8d8;
}
.stars_on:before {
color: #f2cd00;
}
.Blog .breadcrumb {
position: relative;
margin-left: -15px;
margin-bottom: 30px;
}
.Blog.Detail .breadcrumb {
margin-bottom: 20px;
}
/* ocultar "NOVEDADES" de menu principal */
.MENU_MAIN .nav > li > a#drop1064 {
display: none
}
#mmenu .mainmenu a#drop1064 {
display: none
}
/* FAQ - collapsed ******************************/
.faq h1 {
}
.faq_list {
margin: 0 0 20px;
float: left;
width: 100%;
}
.faq_list > .row {
margin-bottom: 40px;
}
.faq_list article {
margin: 5px 0 0;
padding: 0;
border-width: 0;
height: auto;
flex-direction: column;
}
.faq_list li:last-child article {
border-bottom: 1px solid #e4e4e4;
}
.faq_list article > a {
color: #232F3F;
font-size: 1.26em;
line-height: 1.25em;
letter-spacing: -0.02em;
font-weight: normal;
padding: 13px 40px 10px 15px;
float: left;
width: 100%;
background: #f6f6f6;
margin: 0;
border-color: #232F3F;
border-width: 1px 1px 0;
border-style: solid;
}
.faq_list article > a::after {
content: "\f3d8"
}
.faq_list article > a.collapsed::after {
content: "\f3d0"
}
.faq_list article > a::after {
font-family: "Ionicons";
position: absolute;
right: 18px;
top: 16px;
}
.faq_list article > a.collapsed {
color: #000;
border-color: #e4e4e4;
}
.faq_list article:hover {
box-shadow: none;
border: inherit !important;
}
.faq_list article .tab-pane {
background: #fff;
float: left;
width: 100%;
border-color: #232F3F;
border-style: solid;
border-width: 0 1px 1px;
}
.faq_list article .tab-pane .short_desc, .faq_list article .tab-pane .long_desc {
margin: 0 0 10px;
}
.faq_list article .long_desc ul {
float: left;
width: 100%;
margin: 0 0 12px;
}
.faq_list article .long_desc ul li {
position: relative;
float: left;
width: 100%;
margin: 0 0 6px;
}
.faq_list article .long_desc ul li::before {
height: 5px;
width: 5px;
border-radius: 100%;
display: block;
content: "";
float: left;
background: #565656;
margin: 7px 12px 0 0;
}
.faq_list article .long_desc a {
color: #232F3F;
text-decoration: underline;
}
.faq_list article .long_desc a:hover {
color: #000
}
.faq_list article .tab-pane {
background: #fff;
float: left;
width: 100%;
border-color: #232F3F;
border-style: solid;
border-width: 0 1px 1px;
}
.tab-pane {
padding: 20px;
}
@media (max-width: 767px) {
.faq_list article > a {
padding: 12px 40px 12px 12px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////////*/
/* SELECCION DE SUCURSAL (carrito + sitio) ///////////////////////////////// */
/*/////////////////////////////////////////////////////////////////////////////////////*/
/* buscador ***/
.selectors-container {
display: inline-flex;
width: 100%;
flex-wrap: wrap;
background: #173855;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
padding: 0;
color: #fff;
position: relative;
justify-content: space-between;
}
.selectors-container svg {
position: absolute;
left: 20px;
top: 30px;
transform: scale(1.1);
}
.selectors-container h4 {
text-transform: uppercase;
margin: -7px 0 4px;
font-size: 1.35em;
font-weight: 500;
opacity: 0.5;
}
.selectors-container h4 span {
display: none
}
.selectors-container .form-group {
margin-bottom: 1px;
}
.selectors-container label {
width: 100%;
font-size: 12px;
color: white;
margin-bottom: 1px;
}
.selectors-container .selx {
margin: 0;
padding: 21px;
}
.selxzona {
width: 67%;
order: 2;
}
.selxnombre {
width: 100%;
background: #FF0000;
}
.selxnombre label span {
display: none
}
.selectors-container > p {
padding: 0 6px;
margin: 0;
width: 100%;
}
.selectors-container .form-control, .selectors-container select {
height: 40px;
font-size: 14px !important;
width: 33%;
}
.selectors-container .customselect:after {
font-size: 1.3em;
line-height: 1.2em;
}
.selectors-container .orderLoc {
background: #004C80 !important;
color: #000;
max-width: unset;
width: 100%;
height: 40px;
border-radius: 0;
font-weight: 600;
line-height: 22px;
}
/* cuando se usa un solo buscador (bloque dentro del listado, arriba) */
.selectors-container.default {
display: none;
}
.selectors-container.inlist .selxnombre {
display: flex;
justify-content: center;
align-items: center;
padding: 0 14px;
height: 60px;
}
.selectors-container.inlist .selxnombre h4 {
padding: 0;
margin: 0 15px 0 0;
font-size: 1em;
color: white;
}
.selectors-container.inlist h4 span {
display: block;
}
.selectors-container.inlist .selxnombre .form-group {
margin: 0;
width: 100%;
max-width: 200px;
}
.selectors-container.inlist .selxnombre label {
display: none;
}
.selectors-container.inlist .form-control {
height: 30px;
width: 100%;
}
/**/
.campos .form-group {
width: 49%;
}
.campos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.campos .valid {
width: 100%;
}
.campos .valid .field-validation-error::before {
display: none
}
.campos .valid .field-validation-error {
color: #87f9f5 !important;
line-height: 1.2em !important;
float: left;
width: 100%;
font-size: 1em;
padding: 9px 0 0;
}
.selectors-container .field-validation-valid {
display: none;
}
#site_list .pn.posr {
padding-top: 0 !important;
}
/* listado ***/
#mapa .site_list {
padding: 0;
height: 100%;
margin: 0;
}
#mapa .mapa-list {
height: 100%;
overflow: auto;
max-height: calc(100% - 60px);
background-color: #f6f6f6;
}
#mapa .mapa-list li a {
background: #f6f6f6;
float: left;
width: 100%;
padding: 15px 10px;
color: #535252;
font-size: 11px;
border: 1px solid #e1e1e1;
border-bottom: none;
min-height: 100px;
}
#mapa .mapa-list li:first-child a {
border-top: none;
}
#mapa .mapa-list li:nth-last-child(1) a {
}
#mapa .mapa-list li a:hover, #mapa .mapa-list li a.active {
background: #d3edff;
border-left: 5px solid #FF0000;
}
#mapa .mapa-list li a.active {
pointer-events: none;
}
#mapa .mapa-list li .loc-name {
color: #000 !important;
font-weight: 600;
font-size: 1.2em !important;
text-transform: uppercase;
}
#mapa .mapa-list .loc-addr, #mapa .mapa-list .loc-time, #mapa .mapa-list .loc-cod strong {
font-size: 1.1em;
opacity: 1;
font-weight: normal;
line-height: 1.3em;
}
#mapa .mapa-list .loc-addr {
font-size: 1.15em;
}
#mapa .mapa-list .loc-time {
color: #999;
margin-top: 4px;
}
#mapa .mapa-list .loc-cod strong {
color: black !important;
line-height: 18px;
font-size: 12px;
opacity: 1;
font-weight: 600;
}
#mapa .mapa-list li a.active {
background: #fff;
}
#mapa .mapa-list li {
margin: 0 !important;
}
#mapa .mapa-list .mCSB_draggerContainer {
border: #e1e1e1 1px solid;
background-color: #f6f6f6;
}
#mapa .mapa-list .mCSB_dragger_bar {
line-height: 30px;
width: 10px;
border-radius: 12px;
background-color: #c2c2c2;
}
#mapa .mapa-list .mCSB_draggerRail {
background-color: transparent;
}
/* mapa ***/
#map {
position: unset !important;
z-index: 0;
}
#mapa {
display: flex;
justify-content: space-between;
border-bottom: 2px solid #f0f0f0;
position: relative;
background: #e6e6e6;
height: 480px;
}
#map::before {
content: "";
background-image: url(/content/images/map.svg);
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 100px;
width: 100px;
top: calc(50% - 50px);
right: calc(50% - 50px);
position: absolute;
opacity: 0.07;
z-index: 0;
}
#mapImage {
padding: 0;
overflow: hidden;
}
#mapImage > a {
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
float: left;
}
#mapImage img {
width: 100%;
object-fit: cover;
object-position: center;
height: 100%;
display: inline-block;
}
#mapImage .noselect {
pointer-events: none;
}
#mapImage .btn.btn-primary {
height: 55px;
width: 100%;
line-height: 2.7em;
margin-top: 10px;
font-size: 1.2em;
background-color: #cc0000;
}
.gm-svpc div img {
position: relative !important;
}
/* CARRITO ****/
.Cart .selectors-container h4 {
font-size: 1.15em;
text-decoration: none !important;
}
.Cart .selxnombre label span {
display: inline-block;
margin-bottom: 1px;
}
.Cart .selectors-container .form-control, .Cart .selectors-container select, .Cart .selectors-container .orderLoc {
height: 36px;
padding: 6px 1px;
}
.selectors-container .orderLoc {
line-height: 20px
}
@media(max-width: 1199px) {
.Cart .selectors-container {
flex-direction: column
}
.Cart .selectors-container .selx {
width: 100%;
}
.Cart #mapa {
flex-direction: column
}
.Cart #map {
height: 189px !important;
border-top: 8px solid #fff;
}
.Cart #mapa .site_list, #mapImage {
width: 100%
}
.Cart #mapa .mapa-list {
max-height: 282px;
border-bottom: 1px solid #ddd;
}
.Cart #mapa .mapa-list li a {
padding: 8px 10px
}
}
@media(max-width: 767px) {
.selectors-container {
flex-direction: column;
margin-bottom: 6px;
}
.selectors-container.inlist {
margin-bottom: 0;
}
.selectors-container .form-control, .selectors-container select {
width: 100%;
}
.selectors-container .selx {
width: 100%;
}
#mapa {
flex-direction: column;
height: auto;
}
/*#map {height: 280px !important; border-top: 8px solid #fff;}*/
#mapa .site_list, #mapImage {
width: 100%
}
#mapa .mapa-list {
max-height: 282px;
border-bottom: 1px solid #ddd;
}
#mapa .mapa-list li a {
padding: 8px 10px
}
#mapImage {
height: 260px;
border-top: 5px solid #fff;
}
/*#sucursalesModal .selectors-container h4 {display: none}*/
#sucursalesModal .selxnombre label span {
display: inline-block;
text-transform: uppercase;
}
.Cart .selectors-container .selx {
padding: 12px 20px 18px;
}
.Cart .selectors-container .form-control, .Cart .selectors-container select, .Cart .selectors-container .orderLoc {
padding: 6px
}
.selxnombre {
order: 2
}
}
@media(max-width: 991px) {
}
@media (max-width: 479px) {
.campos .form-group {
width: 100%;
}
}
.mensaje-mapa {
color: #000000d1;
width: 100%;
font-size: 1.1em;
padding: 0 10px 0 66px;
display: block;
position: relative;
margin: 28px 0;
}
.mensaje-mapa::before {
content: "O";
float: left;
font-size: 38px;
font-family: "e3font";
margin-right: 6px;
color: #7F43AA;
height: 36px;
position: absolute;
left: 17px;
line-height: 100%;
top: calc(50% - 18px);
}
@media (max-width: 1199px) {
.mensaje-mapa {
font-size: 0.98em;
padding-left: 52px;
}
.mensaje-mapa::before {
font-size: 32px;
top: calc(50% - 16px);
left: 10px;
}
}
@media (max-width: 779px) {
.mensaje-mapa {
margin: 7px 0;
}
}
div#ship-send .andreani-no:not(:first-child) {
display: none;
}
.Product.Category.Content .product_list {
display: block !important;
}
/***************************************************************************/
/**************************CALCULADORA CUOTAS*******************************/
/* MODAL CALCULADOR PAGO ***************************/
#c-pagoModal .modal-body {
margin: 0px !important;
padding: 10px !important;
}
#c-pagoModal .modal-content {
border-radius: 6px 6px 0px 0px !important;
}
#c-pagoModal .modal-header {
border-radius: 6px 6px 0px 0px;
background: #FF0000;
}
#c-pagoModal .modal-title {
color: #fff;
font-size: 18px !important;
text-transform: none !important;
font-weight: 500;
}
#c-pagoModal .modal-header .close {
font-size: 36px;
font-weight: 500;
color: #fff;
right: 15px;
top: 0;
}
#c-pagoModal .modal-body {
border-top: none !important;
}
#select-payment {
width: 90%;
margin: auto;
float: none;
}
#paytabs {
margin-top: 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
#paytabs > li {
width: 49%;
}
#paytabs [id*="btn_"] {
height: 60px;
background: #F8F8F8;
border: 1px solid #E4E4E4;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 6px;
}
#paytabs [id*="btn_"]:hover {
background: #E5F1F8;
border: 1px solid #0077BB;
}
#paytabs [id*="btn_"]:focus {
background: #E5F1F8;
border: 1px solid #0077BB;
}
#btn_Sps img {
width: 40px;
margin-right: 10px;
}
#btn_Mp img {
width: 110px;
}
[id*="btn_"] h1 {
padding: 0px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #000 !important;
}
/*Dropdown tabs - estados*/
.ColapsedDrop {
display: none;
}
.ExpandDrop {
display: block !important;
background-color: #fff;
border: 1px solid #CECECE;
box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 30%);
}
.ExpandDrop li {
font-size: 14px;
font-weight: 400;
padding: 12px;
display: flex;
align-items: center;
}
.ExpandDrop li img {
width: 25px;
margin-right: 10px;
}
.ExpandDrop li:hover {
background-color: #E5F1F8;
}
.EnableDrop {
pointer-events: all !important;
cursor: pointer !important;
transition: 1s;
opacity: 1;
}
.DisabledDrop {
transition: 1s !important;
pointer-events: none !important;
cursor: default;
opacity: 0.5;
}
.SelectedDrop {
font-weight: 900 !important;
background: #E5F1F8 !important;
border-radius: 0px !important;
border: 1px solid #0077BB !important;
min-height: 53px;
}
/*SPS tab*/
#calc_sps {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.title_sps p {
width: 100%;
padding: 20px 0px 20px 0px;
}
.title_sps h2 {
font-size: 18px;
font-weight: 900;
}
.container_consult {
width: 100%;
padding: 10px 0px 10px 0px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.container_consult .box_card {
width: 49%;
}
.container_consult .box_bin {
width: 49%;
}
.container_consult .box_card label, .container_consult .box_bin label {
font-size: 14px;
color: #767676;
margin-bottom: 5px;
}
.container_consult .box_card div, .container_consult .box_bin div {
padding: 10px;
background: #FAFAFA;
border: 1px solid#CECECE;
width: 100%;
font-size: 14px;
font-weight: 400;
display: flex;
justify-content: flex-start;
align-items: center;
border-radius: 6px;
}
[id*="CalcDropdown_"] {
justify-content: space-between !important;
align-items: center !important;
}
[id*="CalcDropdown_"]::after {
color: #000;
font-family: "Ionicons";
font-size: 1em;
content: "\f35f";
}
.container_result {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#instalment {
width: 100%;
}
#instalment li {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border-bottom: 1px solid #CCCCCC;
}
#instalment li div {
width: 49%;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
font-weight: 500;
padding: 15px 0px 15px 0px;
}
#instalment li strong {
color: #000;
margin-right: 3px;
}
#instalment li span {
color: #E6642D;
font-weight: 900;
margin: 0px 4px 0px 3px;
}
#instalment .total_instalment {
color: #767676;
}
/**/
#calc_sps .container_BestCalc {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
border-bottom: 1px solid #ccc;
}
#calc_sps .container_BestCalc p {
width: 100%;
margin: 0px;
}
#calc_sps .bloque.c-cuotas {
background: none;
border: none;
padding: 0px;
width: 90%;
display: flex;
flex-flow: wrap;
}
#calc_sps .bloque.c-cuotas h1 {
display: none;
}
#calc_sps .bloque.c-cuotas h1 {
display: none;
}
#calc_sps .container_BestCalc .conteiner-img {
width: 49%;
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: flex-start;
padding: 10px 0px 10px 0px;
border: none;
}
#calc_sps .conteiner-img .txt {
width: 100%;
display: flex;
flex-flow: wrap;
justify-content: flex-start;
font-size: 15px;
}
#calc_sps .conteiner-img img {
width: 40px;
}
#calc_sps .bloque.c-cuotas .txt strong {
color: #000 !important;
}
#calc_sps .bloque.c-cuotas .txt .txt_sinInt {
color: rgba(41, 171, 85, 1);
margin: 0px 3px 0px 3px;
}
#SelectedBinInDrop {
display: flex;
align-items: center;
justify-content: flex-start;
}
#SelectedBinInDrop img {
width: 30px;
margin-right: 10px;
}
/*MP tab*/
#calc_mp {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.title_mp {
width: 100%;
}
.title_mp h2 {
font-size: 18px;
font-weight: 900;
margin-bottom: 0;
}
.title_mp p {
width: 100%;
font-size: 13px;
font-weight: 500;
margin: 10px 0px 20px 0px !important;
padding: 0px !important;
line-height: 21px;
}
#calc_mp .info_mp {
width: 100%;
}
#calc_mp .info_mp li:last-Child {
border: none;
}
#calc_mp .info_mp li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
border-bottom: 1px solid #ccc;
margin: 10px 0px 10px 0px;
}
#calc_mp .info_mp li p {
font-size: 14px;
font-weight: 500;
margin: 0;
}
#calc_mp .info_mp li .container_img_mp {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 5px 0px 10px 0px;
}
#calc_mp .info_mp li .container_img_mp img {
width: 100%;
margin: 0px 3px 0px 3px;
}
.conteiner_Close {
width: 100%;
display: flex;
justify-content: flex-end;
}
#c-pagoModal .conteiner_Close button {
border-radius: 5px !important;
margin: 5% 7% 3% 0%;
font-size: 1em !important;
font-weight: 900;
text-transform: uppercase;
width: 15% !important;
min-width: auto !important;
background: #FF0000;
color: #fff;
padding: 7px 10px !important;
border: none;
}
#c-pagoModal .conteiner_Close button:hover {
border-radius: 5px;
min-width: auto !important;
background: #930101;
color: #fff;
}
@media (max-width: 600px) {
#c-pagoModal .modal-dialog {
width: 100%;
left: 0;
margin: 0 !important;
}
.modal-header {
padding: 0px 15px 0px 0px;
margin-top: 0;
background: #ba0013;
border-radius: 0;
}
#c-pagoModal .modal-title {
margin: 0 !important;
}
#c-pagoModal .modal-header .close {
top: 5px;
}
#paytabs {
margin-top: 10px;
}
#paytabs [id*="btn_"] {
height: 58px;
flex-direction: column;
text-align: center;
}
[id*="btn_"] h1 {
font-size: 12px !important;
}
#paytabs [id*="btn_"] h1 {
line-height: initial !important;
}
#btn_Sps img {
width: 30px;
margin-right: 0;
}
#btn_Mp img {
width: 90px;
}
.title_sps h2 {
font-size: 16px;
}
.container_consult .box_card label, .container_consult .box_bin label {
font-size: 12px;
}
.container_consult {
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.container_consult .box_card {
width: 100%;
}
.container_consult .box_bin {
width: 100%;
margin-top: 10px;
}
#calc_sps .bloque.c-cuotas {
width: 100%;
}
#calc_sps .container_BestCalc .conteiner-img {
width: 100%;
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: flex-start;
padding: 10px 0px 10px 0px;
border: none;
}
#calc_sps .container_BestCalc {
padding-bottom: 10px;
border: none;
}
#select-payment {
width: 100%;
}
.conteiner_Close button {
margin: 5% 3% 3% 0%;
width: 25% !important;
}
#instalment li {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
border-bottom: 1px solid #CCCCCC;
flex-direction: column;
padding: 10px 0px;
}
#instalment li div {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
font-weight: 500;
padding: 0;
}
#calc_mp .info_mp li .container_img_mp {
flex-flow: wrap;
}
}
/*////////////////////////////////////////////////////////////////////*/
/* MENU //////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////*/
/* MENU_MAIN *******************************/
.MENU_MAIN {
float: left;
width: 100%;
}
.MENU_MAIN > ul {
display: flex;
height: auto;
width: 100%;
justify-content: center;
align-content: center;
}
.MENU_MAIN .nav > li {
position: unset;
}
.MENU_MAIN .nav > li > a {
line-height: 1em;
height: 48px;
text-align: center;
white-space: nowrap;
font-weight: 700;
font-size: 14px;
position: relative;
text-shadow: none;
display: block;
margin: 0px 10px;
padding: 14px 22px 12px;
color: #FFF;
}
/* :hover */
.MENU_MAIN .nav > li > a:focus, .MENU_MAIN .nav > li > a:hover, .MENU_MAIN .nav > li:hover > a {
text-decoration: none;
background-color: transparent !important;
color: #FFF !important;
}
.MENU_MAIN .nav > li > a:hover::before, .MENU_MAIN .nav > li:hover > a::before {
height: 4px;
width: 100%;
position: absolute;
bottom: 0px;
left: 0;
background-color: #FFF;
display: block;
content: "";
z-index: 1;
}
.MENU_MAIN .nav > li.link > a, .MENU_MAIN .nav > li.link:hover > a {
color: #56CBFF !important;
}
.MENU_MAIN .caret {
display: none;
}
/* ul ul */
.MENU_MAIN ul li ul {
background-color: #fff;
border: 1px solid #E1E1E1;
left: calc(50% - 200px);
padding: 7px 0 20px;
width: 304px;
box-shadow: 1px 4px 5px rgba(57, 57, 57, 0.13);
}
.MENU_MAIN ul li ul li {
width: 100%;
font-family: 'Roboto', sans-serif;
display: flex;
flex-direction: column;
max-width: 250px;
}
.MENU_MAIN ul li ul a {
color: #000;
line-height: 1.2em;
padding: 15px 23px;
white-space: normal;
background: transparent !important;
font-size: 16px;
font-weight: normal;
font-family: 'Knockout-HTF30-JuniorWelterwt';
border-bottom: 1px solid lightgray;
text-transform: uppercase;
}
.MENU_MAIN ul li ul a:hover, .MENU_MAIN ul li:hover > a {
background: #000 !important;
color: #fff;
text-decoration: none;
}
#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu {
left: 100%;
top: -3px;
border: 0;
height: 100%;
background-color: #000;
min-width: 300px;
height: 100%;
overflow: auto;
}
#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu a {
color: #fff;
padding: 8.5px 20px;
}
#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu a:hover {
text-decoration: underline;
}
/* abrir login_box en :hover */
.MENU_MAIN ul li.prods:hover > .dropdown-menu {
display: flex;
justify-content: center;
left: 0;
width: 100%;
position: absolute;
flex-wrap: nowrap;
padding: 20px;
}
.MENU_MAIN .listing {
columns: 3 210px;
width: auto;
column-gap: 25px;
}
.MENU_MAIN .dropdown-menu .img {
width: 190px;
height: auto;
min-height: 400px;
background-repeat: no-repeat;
background-size: contain;
margin-left: 25px;
}
.MENU_MAIN .dropdown-menu a.imglink {
border: none
}
/* Menu accesorios dos columnas */
.MENU_MAIN ul .cat-item-Accesorios ul a {
font-size: 14px;
padding: 11px 20px;
border: none;
}
.MENU_MAIN ul .cat-item-Accesorios ul {
max-height: 390px;
width: 490px !important;
}
.MENU_MAIN ul .cat-item-Accesorios:hover > .dropdown-menu {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.MENU_MAIN ul .cat-item-Accesorios ul li {
width: auto;
}
/*nuevo menu*/
ul.dropdown-menu .dropdown-menu {
display: block;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto;
bottom: auto;
margin-bottom: 25px;
}
/* .MENU_MAIN ul li ul {
width: 1050px;
} */
#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu {
min-width: 100%;
}
.MENU_MAIN ul li ul {
box-shadow: none;
}
.header-links {
text-transform: uppercase !important;
font-weight: bold !important;
font-size: 14px !important;
border-bottom: 1px solid #f1f1f1;
}
#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu a {
font-size: 13px !important;
padding: 8.5px 0px;
color: black;
font-family: 'Gotham', sans-serif;
border: none;
text-transform: none;
}
#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu a.title-listed {
font-size: 15px !important;
border-bottom: none !important;
padding: 0 !important;
text-transform: capitalize !important;
font-weight: 600 !important;
margin-bottom: 10px;
}
#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu a.title-listed:hover {
text-decoration: none !important;
}
.MENU_MAIN ul li ul a:hover, .MENU_MAIN ul li:hover > a {
background: white !important;
color: black !important;
}
#menu-width .dropdown-submenu .dropdown-submenu .dropdown-menu {
background-color: white !important;
}
#menu-width > li.dropdown-submenu.cat-item-18861 > ul > li {
display: inline-block;
vertical-align: top;
width: 210px;
float: none;
padding: 0 20px;
}
.MENU_MAIN ul li ul {
width: 850px;
}
.MENU_MAIN ul li ul a {
font-size: 13px !important;
padding: 8.5px 0px;
color: black;
font-family: 'Gotham', sans-serif;
border: none;
text-transform: none;
}
/* OCULTAR CATEGORIAS */
.cat-item-18861 .cat-item-10,
.cat-item-18861 .cat-item-2,
.cat-item-18861 .cat-item-11 {
display: none !important;
}
.dropdown-submenu .banner-item.Image a {
position: absolute;
right: 15px;
top: 15px;
width: 200px;
border: 1px solid #ddd;
line-height: 0;
display: block;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
padding: 0 !important;
}
.MENU_MAIN ul .cat-item-Accesorios ul {
min-height: 400px;
width: 450px !important;
}
.MENU_MAIN ul .cat-item-Cats ul {
min-height: 400px;
width: 390px !important;
}
.MENU_MAIN ul .cat-item-Accesorios ul a:hover,
.MENU_MAIN ul .cat-item-Cats ul a:hover {
text-decoration: underline;
}
.MENU_MAIN ul li.cat-item-Cats ul li a {
padding: 10px 20px;
}
@media (min-width: 1200px) {
.MENU_MAIN ul li ul {
width: 960px;
}
#menu-width > li.dropdown-submenu.cat-item-18861 > ul > li {
width: 250px;
}
.MENU_MAIN ul .cat-item-Accesorios ul,
.MENU_MAIN ul .cat-item-Cats ul {
width: 490px !important;
}
.MENU_MAIN .listing {
columns: 3 250px;
column-gap: 50px;
}
.MENU_MAIN .dropdown-menu .img {
width: 250px;
margin-left: 30px;
}
}
/* Newsletter banner desplegable *******************************/
.hide {
display: none !important
}
.newsletter-tag {
display: none;
position: fixed;
z-index: 11;
bottom: 10px;
right: 0;
-moz-transform: translate(417px,-70%);
-ms-transform: translate(417px,-70%);
-webkit-transform: translate(417px,-70%);
transform: translate(417px,-70%);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.newsletter-tag:hover {
-moz-transform: translate(0,-70%);
-ms-transform: translate(0,-70%);
-webkit-transform: translate(0,-70%);
transform: translate(0,-70%)
}
.newsletter-tag .newsletter-tag-hidden, .newsletter-tag .newsletter-tag-visible {
display: inline-block;
vertical-align: top
}
.newsletter-tag .newsletter-tag-visible {
background: #fff;
color: #000;
width: 70px;
left: 5px;
top: 20px;
position: relative;
box-shadow: -4px 3px 7px rgba(0,0,0,.1)
}
.newsletter-tag .newsletter-tag-visible p {
font-size: 10px;
text-transform: uppercase;
font-weight: lighter;
color: #CF2B19;
padding: 9px 2px 2px 0;
margin: 0;
text-align: center;
width: 100%
}
.newsletter-tag .newsletter-tag-visible p::before {
font-family: "diggit";
font-size: 30px;
background-size: auto;
background-size: contain;
position: relative;
display: block;
margin: 0 auto 3px;
width: 31px;
height: 22px
}
.newsletter-tag .newsletter-tag-visible p::before {
content: "s"
}
#recaptcha2 {
transform: scale(.67);
transform-origin: 0 0
}
#recaptcha1, #recaptcha2 {
margin-top: 10px
}
.newsletter-close::before {
content: "";
display: block;
font-family: "Ionicons";
color: #000;
position: absolute;
top: 15px;
right: 22px;
cursor: pointer
}
.newsletter-tag .newsletter-tag-hidden {
width: 415px;
height: 185px;
background-color: #fff
}
.newsletter-tag .newsletter-tag-hidden p {
color: #000
}
.form-newsletter .msg {
padding: 2px 0 !important;
display: inline !important;
background: transparent !important
}
.form-newsletter .msg::before {
right: 50px;
z-index: 2;
top: -27px
}
footer .main .form-newsletter .msg::before {
display: none
}
.newsletter-tag .newsletter-tag-hidden > span {
padding: 15px 35px;
display: flex;
justify-content: start;
align-items: flex-start;
flex-direction: column;
height: 100%;
width: 100%
}
.newsletter-tag .newsletter-tag-hidden h3 {
margin: 0 0 12px;
font-size: 1.36em;
font-weight: lighter;
color: #CF2B19
}
.newsletter-tag .newsletter-tag-hidden strong {
font-size: .86em;
font-weight: normal;
line-height: 1.4em;
margin: 0 0 12px
}
.newsletter-tag .newsletter-tag-hidden a {
text-decoration: underline
}
.newsletter-tag .form-newsletter {
margin: 0
}
.newsletter-tag .form-newsletter fieldset {
height: 37px;
max-width: 100%
}
.newsletter-tag .form-newsletter button {
background: #CF2B19;
border: 1px solid #CF2B19;
color: #fff;
display: block;
height: 35px;
line-height: 35px;
text-align: center;
width: 41px;
font-size: 21px;
position: absolute;
right: 0;
padding: 0
}
.newsletter-tag .form-newsletter button::before {
font-family: 'Ionicons';
content: ""
}
newsletter-tag .form-newsletter button:hover {
background: #002d62 none repeat scroll 0 0;
color: #fff
}
.newsletter-tag .form-newsletter .form-group {
float: none !important;
margin: 0 !important;
position: unset;
width: auto;
display: flex
}
.newsletter-tag .form-newsletter .form-group::before {
display: none
}
.newsletter-tag .form-newsletter input.form-control {
background: #fff none repeat scroll 0 0;
border: 1px solid #CF2B19;
box-shadow: none;
color: #000;
font-weight: normal;
font-style: italic;
height: 35px;
padding: 7px 11px
}
/* MENU RESPONSIVE y MMENU ************************************/
/*header .main .navbar-default {
border-radius: 0;
}
@media (min-width: 992px) {
.SEARCH_BOX .active {
max-width: 60% !important;
}
}
@media (max-width: 1439px) {
.MENU_MAIN ul li ul {
width: 260px;
left: calc(50% - 200px);
}
.MENU_MAIN ul li ul a {
font-size: 14px;
padding: 12px 0px;
}
}
@media (max-width: 1199px) {
header {
height: auto
}
.LOGO {
width: 145px;
margin: 2px 0 0 16px;
}
.SEARCH_BOX {
right: 102px;
top: 3px;
}
.SEARCH_BOX fieldset {
height: 40px
}
.SEARCH_BOX .search_submit {
height: 38px
}
.lupaclose {
height: 38px;
line-height: 39px;
}
.LOGIN_BOX .login-button {
margin-right: 16px;
}
.CART_BOX .cart-button {
margin-right: 18px;
}
.LOGIN_BOX .login-button span {
font-size: 13px
}
.MENU_MAIN > ul {
border-top: 1px solid lightgray;
}
.MENU_MAIN .nav > li > a {
font-size: 16px;
padding: 16px 7px 16px
}
}
@media (max-width: 991px) {
header .main {
height: 72px;
}
header .main .navbar-default {
margin: 0;
display: block;
height: 73px;
border-radius: 0;
}
.LOGO {
float: none;
text-align: center;
display: table;
margin: 18px auto 0;
padding-top: 4px;
width: 135px;
}
.SEARCH_BOX {
margin: 2px 22px;
}
.SEARCH_BOX fieldset {
height: 55px
}
.SEARCH_BOX .search_submit {
height: 55px;
border: 0;
right: 1px;
border-radius: 0 70px 70px 0;
}
.SEARCH_BOX .search_submit svg {
width: 19px;
margin: -1px 0 0;
}
.LOGIN_BOX .login-button, .CART_BOX .cart-button {
line-height: 26px
}
.LOGIN_BOX .login-button .i-login {
height: 23px;
margin: 2px 4px 0 -4px;
}
.LOGIN_BOX .login-button span strong {
font-weight: normal;
font-size: 12px;
}
.MENU_MAIN ul li ul {
width: 215px;
left: -21px;
}
.MENU_MAIN .nav > li > a {
padding: 10px 15px 11px;
font-size: 16px;
}
.MENU_MAIN ul li ul a {
font-size: 13.7px;
padding: 10px 0px;
}
.CART_BOX {
position: absolute;
margin: 0;
right: 1px;
top: 14px;
}
.CART_BOX .cart-button {
padding: 23px 0 34px;
}
.LOGIN_BOX {
position: absolute;
margin: 0;
right: 33px;
top: 24px;
}
}
@media (max-width: 479px) {
.LOGO {
width: 130px;
margin: 10px auto 0;
}
.LOGIN_BOX {
top: 14px;
right: 40px;
}
.LOGIN_BOX .login-button {
margin-right: 0;
}
.CART_BOX {
top: 5px;
}
.hamburguer {
margin: 6px 0 0 3px !important;
}
header .main {
height: 52px;
}
header .main .navbar-default {
height: 53px;
}
}
@media (max-width: 350px) {
.LOGO {
margin-left: 84px;
}
}
#mmenu ul.tres ul.dos li a {
color: gray;
font-weight: 500 !important;
font-size: 13px !important;
padding: 0 36px !important;
}
li > .mm-next:after {
content: '';
border-top: unset;
border-left: unset;
display: block;
margin: auto;
position: absolute;
bottom: 0;
background-image: url(/Content/Images/plus.svg);
width: 17px;
height: 17px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transform: unset;
}
li.mm-opened > .mm-next::after {
background-image: url(/Content/Images/minus.svg);
}
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after,
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
transform: unset;
right: 23px;
}*/
/* hamburguer ******************/
/*.hamburguer {
cursor: pointer;
height: 50px;
left: 3px;
margin: 14px 0 0 3px;
padding: 0;
position: absolute;
text-decoration: none;
top: 0;
width: 46px;
z-index: 2;
}
.hamburguer {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.hamburguer span {
background: #000;
border-radius: 0;
display: block;
height: 2px;
left: 0;
margin: 0 25%;
opacity: 1;
position: absolute;
width: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.hamburguer span:nth-child(1) {
top: 16px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hamburguer span:nth-child(2) {
top: 25px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;*/
/*width: 18px;*/
/*display: none;
}
.hamburguer span:nth-child(3) {
top: 27px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hamburguer:hover span {
background: #383838
}
@media (max-width: 991px) {
html.mm-opening .hamburguer {
position: fixed;
transform: rotate(0deg);
transition: all 0.5s ease-in-out 0s;
}
html.mm-opening .hamburguer span {
background: #000
}
html.mm-opening .hamburguer span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 18px;
left: 8px;
}
html.mm-opening .hamburguer span:nth-child(2) {
width: 0%;
opacity: 0;
}
html.mm-opening .hamburguer span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 34px;
left: 8px;
}
}
@media (max-width: 479px) {
html.mm-opening .mm-menu ~ .mm-slideout {
transform: translate3d(87%, 0px, 0px);
}
.hamburguer span:nth-child(1) {
top: 17px
}
.hamburguer span:nth-child(3) {
top: 27px
}
}*/
/* MMENU *********************/
/*#mmenu {
background: #fff none repeat scroll 0 0;
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.45);
color: #000;
left: 0;
top: 0;
-webkit-overflow-scrolling: touch;
z-index: 1001;
overflow-y: auto !important;
font-family: 'Gothman', sans-serif;
}
#mmenu:not( .mm-menu) {
display: none;
}
html.mm-opening .mm-menu.mm-opened[class*="mm-pagedim"] ~ #mm-blocker {
opacity: 0.6
}
.mm-menu.mm-offcanvas {
overflow: auto !important;
width: 87%;
}
.mm-navbar > * {
padding: 0
}
.mm-panels {
overflow: auto !important;
min-height: 100%;
}
#mm-1, #mm-2 {
display: block !important;
float: left;
height: auto;
padding: 0;
position: relative;
width: 100%;
display: block;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
z-index: 1;
}
.mm-panels > div > .mm-navbar {
display: none !important
}
.mm-panel.mm-hasnavbar .mm-navbar {
display: none
}*/
/* MENU USUARIO ********/
#mmenu .mmenuHeader {
padding: 0;
width: 100%;
float: left;
background-color: #fff;
}
#mmenu .mmenuHeader::before {
height: 12px;
}
#mmenu .mmenuHeader .mm-navbar {
display: none !important
}
#mmenu .mmenuHeader > ul {
display: inline-flex;
justify-content: space-around;
float: left;
width: 100%;
align-content: center;
padding: 9px 0;
}
#mmenu .mmenuHeader > ul > li {
display: flex;
}
#mmenu .mmenuHeader li a {
color: #000;
display: block;
font-size: 0.85em;
font-weight: 400;
padding: 6px 0;
text-align: center;
text-transform: none;
width: 100%;
}
#mmenu .mmenuHeader li a::before {
display: block;
font-size: 2.1em;
height: 28px;
margin: 0 !important;
}
#mmenu .mmenuHeader li .u-data::before, #mmenu .mmenuHeader li .u-favs::before {
padding-top: 3px;
}
#mmenu .mmenuHeader li a:hover, #mmenu .mmenuHeader li a:active, #mmenu .mmenuHeader li a:focus {
color: #000 !important;
text-decoration: none !important;
}
#mmenu .second.soporte-header > li > a {
padding: 11px 15px 11px 40px;
}
#mmenu .soporte-header::before {
position: absolute;
top: 11px;
left: 10px;
}
/* MENU SEARCHBOX ********/
#mmenu .SEARCH_BOX {
display: block;
}
#mmenu .name {
color: black;
padding: 5px 0;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 11px;
}
#mmenu .searchList {
width: 100% !important
}
#mmenu .mmenuHeader .SEARCH_BOX {
background: transparent none repeat scroll 0 0;
float: left !important;
margin: 0 5% 25px;
max-width: 100%;
position: relative;
right: unset;
width: 90%;
}
#mmenu .mmenuHeader .SEARCH_BOX fieldset {
background-color: transparent;
float: left;
width: 100%;
}
#mmenu .mmenuHeader .SEARCH_BOX .form-group {
background-color: #fff;
border-radius: 0;
opacity: 1;
border: 1px solid #DCDCDC;
}
/* MENU PANELS mainmenu *******/
#mmenu .mainmenu * {
background-color: transparent;
border: 0;
}
#mmenu .mainmenu .mm-panel {
padding: 0 0 0 20px;
}
#mmenu .mainmenu .mm-panel .mm-panel {
padding: 0;
}
.mm-panels > .mm-panel::after, .mm-panels > .mm-panel::before {
height: 0
}
/* uno */
#mmenu ul.uno {
margin: 0;
padding: 0;
overflow-y: auto;
height: auto;
float: left;
width: 100%;
display: block;
position: relative;
}
#mmenu ul.uno > li {
border-bottom: 1px solid #e6e6e6 !important;
float: left;
width: 100%;
}
#mmenu ul.uno > li > a, ul.uno > li > span {
font-size: 16px;
font-weight: 500;
height: auto !important;
min-height: 55px;
line-height: 1.3em;
padding: 18px 15px;
/*z-index: 3;*/
letter-spacing: -0.01em;
text-transform: none;
color: #232F3F;
}
#mmenu .mainmenu .mm-list a.mm-subopen + span {
padding-right: 40px;
color: #232F3F !important;
font-size: 14px !important;
font-weight: 600;
}
ul.uno > li > .mm-panel {
padding-top: 0;
}
/* dos */
#mmenu ul.dos {
float: left;
width: 100%;
padding: 0 0 18px;
}
#mmenu ul.dos > li > a, ul.dos > li > span {
font-size: 15px;
font-weight: 700;
height: auto !important;
line-height: 18px;
padding: 10px 10px;
display: table-cell;
vertical-align: middle;
}
#mmenu ul.dos > li > .mm-next::after, ul.dos > li > .mm-prev::before {
border-width: 1px;
border-color: #383838 !important;
height: 10px;
width: 10px;
right: 24px !important;
top: 9px;
}
/* tres */
#mmenu ul.dos ul.tres {
margin: -5px 0 15px;
}
/* second (menu secundario) */
#mmenu .second {
float: left;
width: 100%;
margin-top: 6px;
}
#mmenu .second > li > a {
width: 100%;
float: left;
padding: 11px 15px;
font-size: 14px;
line-height: 18px;
color: #000;
font-family: 'Open Sans', sans-serif;
}
/* header responsive ***/
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
#mmenu {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767px) {
}
a#drop19404 {
display: none;
}
/* MODALS - CSS general ******************************/
@media (min-width: 768px) {
.modal-dialog {
margin: 20px auto
}
}
.modal {
z-index: 1050;
background: rgba(0,0,0,0.7)
}
.modal-backdrop.in {
position: fixed;
}
.modal-backdrop {
display: none
}
.modal-content {
padding: 0;
float: left;
width: 100%;
background: #F6F6F6;
}
.modal-header {
border-bottom: 0 none;
padding: 0 30px;
height: 66px;
line-height: 66px;
}
.modal-header {
/* background-image: -webkit-gradient( linear, right top, left top, color-stop(0, #164e94), color-stop(1, #139cc3) );
background-image: -o-linear-gradient(right, #164e94 0%, #139cc3 100%);
background-image: -moz-linear-gradient(right, #164e94 0%, #139cc3 100%);
background-image: -webkit-linear-gradient(right, #164e94 0%, #139cc3 100%);
background-image: -ms-linear-gradient(right, #164e94 0%, #139cc3 100%);
background-image: linear-gradient(to right, #164e94 0%, #139cc3 100%);*/
background-color: #FF0000;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13);
}
.modal-header .close {
color: transparent;
font-size: 30px;
opacity: 1;
text-shadow: none;
font-family: 'Ionicons';
font-weight: bold;
line-height: 66px;
padding: 0 16px;
display: block;
float: right;
margin-right: -15px;
transition: all .2s ease-in-out;
position: relative;
}
.modal-header .close span {
display: none !important
}
.modal-header .close::before {
content: "\f2d7";
width: 100%;
position: absolute;
display: block;
height: 100%;
text-align: center;
top: 0;
left: 0;
color: #fff;
}
.modal-title {
color: #fff;
font-size: 1.33em;
font-weight: 500;
line-height: 64px;
padding: 0;
float: left;
}
.modal-body {
margin: 0;
padding: 20px 30px;
position: relative;
background: white
}
.modal-footer {
border-top: 0 none;
padding: 0 30px 20px;
}
.modal-footer .btn {
font-size: 1.14em;
line-height: 1em;
height: 40px;
padding: 0;
}
@media (max-width: 479px) {
.modal-header {
padding: 0 15px
}
.modal-content {
min-height: 100vh
}
}
#_modalRegister label {
text-transform: none;
}
/* Apagado de TitanPush*/
.wpn-modal {
display: none !important;
}
.wpn-modal-backdrop {
display: none !important;
}
#wpnDialogcontainer {
display: none !important;
}