/*1744320090000*/ /** * Toolkit styles */ @font-face { font-family: 'Helvetica-Light'; src: url("../font/HelveticaNeueLTW01-45Light.eot"); src: url("../font/HelveticaNeueLTW01-45Light.eot") format("embedded-opentype"), url("../font/HelveticaNeueLTW01-45Light.woff2") format("woff2"), url("../font/HelveticaNeueLTW01-45Light.woff") format("woff"), url("../font/HelveticaNeueLTW01-45Light.ttf") format("truetype"), url("../font/HelveticaNeueLTW01-45Light.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'rocablack'; src: url("../font/roca_black-webfont.eot"); src: url("../font/roca_black-webfont.eot") format("embedded-opentype"), url("../font/roca_black-webfont.woff2") format("woff2"), url("../font/roca_black-webfont.woff") format("woff"), url("../font/roca_black-webfont.ttf") format("truetype"), url("../font/roca_black-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'rocablack_italic'; src: url("../font/roca-black_italic-webfont.eot"); src: url("../font/roca-black_italic-webfont.eot") format("embedded-opentype"), url("../font/roca-black_italic-webfont.woff2") format("woff2"), url("../font/roca-black_italic-webfont.woff") format("woff"), url("../font/roca-black_italic-webfont.ttf") format("truetype"), url("../font/roca-black_italic-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'rocabold_italic'; src: url("../font/roca-bold_italic-webfont.eot"); src: url("../font/roca-bold_italic-webfont.eot") format("embedded-opentype"), url("../font/roca-bold_italic-webfont.woff2") format("woff2"), url("../font/roca-bold_italic-webfont.woff") format("woff"), url("../font/roca-bold_italic-webfont.ttf") format("truetype"), url("../font/roca-bold_italic-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'rocabold'; src: url("../font/roca-bold-webfont.eot"); src: url("../font/roca-bold-webfont.eot") format("embedded-opentype"), url("../font/roca-bold-webfont.woff2") format("woff2"), url("../font/roca-bold-webfont.woff") format("woff"), url("../font/roca-bold-webfont.ttf") format("truetype"), url("../font/roca-bold-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'rocalight_italic'; src: url("../font/roca-light_italic-webfont.eot"); src: url("../font/roca-light_italic-webfont.eot") format("embedded-opentype"), url("../font/roca-light_italic-webfont.woff2") format("woff2"), url("../font/roca-light_italic-webfont.woff") format("woff"), url("../font/roca-light_italic-webfont.ttf") format("truetype"), url("../font/roca-light_italic-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'rocalight'; src: url("../font/roca-light-webfont.eot"); src: url("../font/roca-light-webfont.eot") format("embedded-opentype"), url("../font/roca-light-webfont.woff2") format("woff2"), url("../font/roca-light-webfont.woff") format("woff"), url("../font/roca-light-webfont.ttf") format("truetype"), url("../font/roca-light-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'rocaitalic'; src: url("../font/roca-regular_italic-webfont.eot"); src: url("../font/roca-regular_italic-webfont.eot") format("embedded-opentype"), url("../font/roca-regular_italic-webfont.woff2") format("woff2"), url("../font/roca-regular_italic-webfont.woff") format("woff"), url("../font/roca-regular_italic-webfont.ttf") format("truetype"), url("../font/roca-regular_italic-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'roca'; src: url("../font/roca-regular-webfont.eot"); src: url("../font/roca-regular-webfont.eot") format("embedded-opentype"), url("../font/roca-regular-webfont.woff2") format("woff2"), url("../font/roca-regular-webfont.woff") format("woff"), url("../font/roca-regular-webfont.ttf") format("truetype"), url("../font/roca-regular-webfont.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto-Bold'; src: url("../font/Roboto-Bold.eot"); src: url("../font/Roboto-Bold.eot") format("embedded-opentype"), url("../font/Roboto-Bold.woff2") format("woff2"), url("../font/Roboto-Bold.woff") format("woff"), url("../font/Roboto-Bold.ttf") format("truetype"), url("../font/Roboto-Bold.svg") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto-Regular'; src: url("../font/Roboto-Regular.eot"); src: url("../font/Roboto-Regular.eot") format("embedded-opentype"), url("../font/Roboto-Regular.woff2") format("woff2"), url("../font/Roboto-Regular.woff") format("woff"), url("../font/Roboto-Regular.ttf") format("truetype"), url("../font/Roboto-Regular.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto-Light'; src: url("../font/Roboto-Light.eot"); src: url("../font/Roboto-Light.eot") format("embedded-opentype"), url("../font/Roboto-Light.woff2") format("woff2"), url("../font/Roboto-Light.woff") format("woff"), url("../font/Roboto-Light.ttf") format("truetype"), url("../font/Roboto-Light.svg") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SuisseIntl-Medium'; src: url("../font/SuisseIntl-Medium.eot"); src: url("../font/SuisseIntl-Medium.eot") format("embedded-opentype"), url("../font/SuisseIntl-Medium.woff2") format("woff2"), url("../font/SuisseIntl-Medium.woff") format("woff"), url("../font/SuisseIntl-Medium.ttf") format("truetype"), url("../font/SuisseIntl-Medium.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SuisseIntl-Regular'; src: url("../font/SuisseIntl-Regular.eot"); src: url("../font/SuisseIntl-Regular.eot") format("embedded-opentype"), url("../font/SuisseIntl-Regular.woff2") format("woff2"), url("../font/SuisseIntl-Regular.woff") format("woff"), url("../font/SuisseIntl-Regular.ttf") format("truetype"), url("../font/SuisseIntl-Regular.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'icomoon'; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot") format("embedded-opentype"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook-18:before { content: "\e91b"; color: #fff; } .icon-instagram-18:before { content: "\e91d"; color: #fff; } .icon-pinterest-18:before { content: "\e91f"; color: #fff; } .icon-twitter-18:before { content: "\e920"; color: #fff; } .icon-youtube-18:before { content: "\e921"; color: #fff; } .icon-arrow_left-24:before { content: "\e900"; } .icon-arrow_right-24:before { content: "\e901"; } .icon-cart-24:before { content: "\e902"; } .icon-chevron_down-18:before { content: "\e903"; } .icon-chevron_down-24:before { content: "\e904"; } .icon-chevron_left-18:before { content: "\e905"; } .icon-chevron_left-24:before { content: "\e906"; } .icon-chevron_right-18:before { content: "\e907"; } .icon-chevron_right-24:before { content: "\e908"; } .icon-chevron_up-18:before { content: "\e909"; } .icon-chevron_up-24:before { content: "\e90a"; } .icon-comparador_off-18:before { content: "\e90b"; } .icon-comparador_on-18:before { content: "\e90c"; } .icon-cross-24:before { content: "\e90d"; } .icon-external-18:before { content: "\e90e"; } .icon-fav-18:before { content: "\e90f"; } .icon-filters-24:before { content: "\e910"; } .icon-logout-18:before { content: "\e911"; } .icon-menu-24:before { content: "\e912"; } .icon-search-24:before { content: "\e913"; } .icon-search-filter-24:before { content: "\e913"; } @font-face { font-family: 'rocagallery-icons'; src: url("../font/rocagallery-icons.eot"); src: url("../font/rocagallery-icons.eot") format("embedded-opentype"), url("../font/rocagallery-icons.ttf") format("truetype"), url("../font/rocagallery-icons.woff") format("woff"), url("../font/rocagallery-icons.svg") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="rocagallery-"], [class*=" rocagallery-"], .rocagallery-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'rocagallery-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rocagallery-user-icon:before { content: "\e916"; } .rocagallery-menu-icon:before { content: "\e920"; } .rocagallery-arrow-down-icon:before { content: "\e900"; } .rocagallery-arrow-expand-icon:before { content: "\e901"; } .rocagallery-arrow-left-icon:before { content: "\e902"; } .rocagallery-arrow-right-icon:before { content: "\e903"; } .rocagallery-arrow-right-alt-icon:before { content: "\e904"; } .rocagallery-bookmark-outline-icon:before { content: "\e905"; } .rocagallery-bookmark-solid-icon:before { content: "\e906"; } .rocagallery-calendar-icon:before { content: "\e907"; } .rocagallery-check-icon:before { content: "\e908"; } .rocagallery-chevron-down-icon:before { content: "\e909"; } .rocagallery-chevron-left-icon:before { content: "\e90a"; } .rocagallery-chevron-right-icon:before { content: "\e90b"; } .rocagallery-chevron-up-icon:before { content: "\e90c"; } .rocagallery-close-icon:before { content: "\e90d"; } .rocagallery-edit-icon:before { content: "\e90e"; } .rocagallery-edit-roca-icon:before { content: "\e90f"; } .rocagallery-email-icon:before { content: "\e910"; } .rocagallery-facebook-icon:before { content: "\e911"; } .rocagallery-heart-outline-icon:before { content: "\e912"; } .rocagallery-heart-solid-icon:before { content: "\e913"; } .rocagallery-linkedin-icon:before { content: "\e914"; } .rocagallery-logout-line-icon:before { content: "\e915"; } .rocagallery-monitor-icon:before { content: "\e917"; } .rocagallery-pin-icon:before { content: "\e918"; } .rocagallery-pinterest-icon:before { content: "\e919"; } .rocagallery-play-icon:before { content: "\e91a"; } .rocagallery-search-icon:before { content: "\e91b"; } .rocagallery-share-icon:before { content: "\e91c"; } .rocagallery-sinaweibo-icon:before { content: "\e91d"; } .rocagallery-tag-icon:before { content: "\e91e"; } .rocagallery-twitter-icon:before { content: "\e91f"; } .rocagallery-wechat-icon:before { content: "\e921"; } .rocagallery-whatsapp-icon:before { content: "\e922"; } .rocagallery-user-icon-after:after { content: "\e916"; } .rocagallery-menu-icon-after:after { content: "\e920"; } .rocagallery-arrow-down-icon-after:after { content: "\e900"; } .rocagallery-arrow-expand-icon-after:after { content: "\e901"; } .rocagallery-arrow-left-icon-after:after { content: "\e902"; } .rocagallery-arrow-right-icon-after:after { content: "\e903"; } .rocagallery-arrow-right-alt-icon-after:after { content: "\e904"; } .rocagallery-bookmark-outline-icon-after:after { content: "\e905"; } .rocagallery-bookmark-solid-icon-after:after { content: "\e906"; } .rocagallery-calendar-icon-after:after { content: "\e907"; } .rocagallery-check-icon-after:after { content: "\e908"; } .rocagallery-chevron-down-icon-after:after { content: "\e909"; } .rocagallery-chevron-left-icon-after:after { content: "\e90a"; } .rocagallery-chevron-right-icon-after:after { content: "\e90b"; } .rocagallery-chevron-up-icon-after:after { content: "\e90c"; } .rocagallery-close-icon-after:after { content: "\e90d"; } .rocagallery-edit-icon-after:after { content: "\e90e"; } .rocagallery-edit-roca-icon-after:after { content: "\e90f"; } .rocagallery-email-icon-after:after { content: "\e910"; } .rocagallery-facebook-icon-after:after { content: "\e911"; } .rocagallery-heart-outline-icon-after:after { content: "\e912"; } .rocagallery-heart-solid-icon-after:after { content: "\e913"; } .rocagallery-linkedin-icon-after:after { content: "\e914"; } .rocagallery-logout-line-icon-after:after { content: "\e915"; } .rocagallery-monitor-icon-after:after { content: "\e917"; } .rocagallery-pin-icon-after:after { content: "\e918"; } .rocagallery-pinterest-icon-after:after { content: "\e919"; } .rocagallery-play-icon-after:after { content: "\e91a"; } .rocagallery-search-icon-after:after { content: "\e91b"; } .rocagallery-share-icon-after:after { content: "\e91c"; } .rocagallery-sinaweibo-icon-after:after { content: "\e91d"; } .rocagallery-tag-icon-after:after { content: "\e91e"; } .rocagallery-twitter-icon-after:after { content: "\e91f"; } .rocagallery-wechat-icon-after:after { content: "\e921"; } .rocagallery-whatsapp-icon-after:after { content: "\e922"; } .rocagallery-location:before { content: url("data:image/svg+xml;charset=UTF-8, "); } body { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 16px; color: black; } a { color: inherit; text-decoration: none; } a:hover, a:focus, a:active { text-decoration: none; color: inherit; } .bg-grey-soft { background-color: #EAEAEA; } .bg-grey-light { background-color: #F7F7F7; } .bg-white { background-color: #FFFFFF; } h2 { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 1px; line-height: 26px; } @media (max-width: 991px) { h2 { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 1px; line-height: 26px; } } @media (max-width: 767px) { h2 { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 13px; letter-spacing: 1px; line-height: 20px; } } .title-entradilla { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 1px; line-height: 26px; } @media (max-width: 991px) { .title-entradilla { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 1px; line-height: 26px; } } @media (max-width: 767px) { .title-entradilla { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 1px; line-height: 26px; } } .upcase { text-transform: uppercase; } a:focus, button:focus, input:focus, textarea:focus { outline: none; } .row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } a { cursor: pointer; } @media (min-width: 992px) { .row-reverse-lg { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 768px) { .row-reverse-md { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (max-width: 767px) { .row-reverse-sm { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (max-width: 991px) { .column-reverse-mobile { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .nopadding { padding: 0 !important; margin: 0 !important; } .nopadding-r { padding-right: 0 !important; } .nopadding-l { padding-left: 0 !important; } .uppercase { text-transform: uppercase; } .temp-overflow { overflow-x: auto; } body { background-color: #FFFFFF; } .cross-price { color: #9A9A9A; text-decoration: line-through; margin-bottom: 7px; } .dropdown-menu { border-radius: 0; border: none; overflow: inherit; } @media (min-width: 768px) { .dropdown-menu { max-height: inherit; } } .tooltip-inner { background-color: #00538b; font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; padding: 15px 30px; } .tooltip .arrow:before { border-bottom-color: #00538b !important; border-top-color: #00538b !important; } .tooltip { pointer-events: none; } @media (max-width: 1023px) { .tooltip-inner, .tooltip .arrow, .tooltip { display: none; } } .r-popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; font-style: normal; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; } .r-popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem; } .r-popover .arrow { top: calc((.5rem + 1px) * -1); } .r-popover .arrow::after, .r-popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .r-popover .arrow::after { top: 1px; border-bottom-color: #FFFFFF; } .r-popover .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .r-popover .arrow::after, .r-popover .arrow::before { border-width: 0 .5rem .5rem .5rem; } .slick-slider { width: 100%; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 45%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -45%); transform: translate(0, -45%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; } .slick-disabled { visibility: hidden; } .slick-track { margin-left: 0; margin-right: 0; } .slick-slider .slick-track, .slick-slider .slick-list { min-width: 100%; } #categoriesSection .category-filters__wrap .slick-track { justify-content: center; } @media (min-width: 992px) { .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .lockBody, .lockBody body { overflow: hidden !important; height: 100vh; -webkit-overflow-scrolling: touch; } .lightbox-basic-wrapper .r-modal__wrapper { text-align: center; } .lightbox-basic-wrapper .r-modal__wrapper img { margin: 0 auto; max-height: 85vh; max-width: 100%; } .lightbox-basic-wrapper .icon-cross-24:before { color: #FFFFFF; font-size: 24px; } /* mobile */ @media (max-width: 767px) { .lightbox-basic-wrapper img { width: 100%; } .lightbox-basic-wrapper .modal-dialog.modal-xl { width: 100%; height: 100%; background: white; margin: 0; } .lightbox-basic-wrapper .modal-dialog.modal-xl .close-menu button:before { color: #000000; font-size: 24px; } } .clamp { visibility: visible; } .aux-wrapper { overflow: hidden; } .container-fluid { padding: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .modal-open .aux-wrapper { max-width: 80vw; max-height: 100vh; } } .portlet { margin-bottom: 0 !important; } .modal-dialog { position: relative; } .modal-open .yui3-widget.modal { overflow-y: inherit; display: block; } .yui3-widget.modal { overflow-y: inherit; display: block; } .nav-tabs { border-bottom: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: transparent transparent transparent; } .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { box-shadow: none; } /* mobile only landscape */ @media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 736px) { .container { max-width: 90%; } } .lfr-icon-menu-open > .dropdown-menu { transform: translate3d(0, 0, 0) !important; } .lfr-portal-tooltip > .taglib-icon { display: inline-block; height: auto; line-height: 29px; text-align: center; width: auto; } .btn:focus, .btn:active { box-shadow: none; } :focus { outline: none; } .ancla-btn { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; color: #FFFFFF; background-color: black; padding: 20px 40px; margin-top: 40px; display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; -webkit-transition: background-color 600ms cubic-bezier(0, 1, 0.66, 1); transition: background-color 600ms cubic-bezier(0, 1, 0.66, 1); } .ancla-btn:hover { color: #FFFFFF; background-color: #4d4c4c; text-decoration: none; } .cta-black { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; display: inline-block; color: #000000 !important; } .cta-black:after { content: url(../image/arrow_right-24.svg); position: relative; top: 8px; right: -13px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); } .cta-black:hover { text-decoration: none !important; } .cta-black:hover:after { right: -26px; } /* hack explorer*/ _:-ms-fullscreen, :root .cta-black::after { top: 13px; } .cta-white { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; color: #ffffff !important; display: inline-block; cursor: pointer; } .cta-white:after { content: url(../image/arrow_right-24w.svg); position: relative; top: 2px; right: -13px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); } .cta-white:hover { text-decoration: none !important; } .cta-white:hover:after { right: -26px; } .cta-white-video { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; color: #ffffff !important; display: inline-block; cursor: pointer; position: relative; padding-left: 72px; margin-top: 30px; } .cta-white-video:after { content: none; } .cta-white-video:before { content: ""; background-image: url(../image/play-24w.svg); background-position: center center; background-repeat: no-repeat; position: absolute; top: 8px; left: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); width: 24px; height: 24px; border: 1px solid white; padding: 27px 27px; -webkit-transition: background-color 300ms cubic-bezier(0, 1, 0.66, 1); transition: background-color 300ms cubic-bezier(0, 1, 0.66, 1); background-color: rgba(255, 255, 255, 0); } .cta-white-video:hover { text-decoration: none !important; } .cta-white-video:hover:after { right: -26px; } .cta-white-video:hover:before { background-color: rgba(255, 255, 255, 0.3); } .cta-square-white { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; color: #FFFFFF !important; text-transform: uppercase; border: 1px solid #FFFFFF !important; padding: 30px 40px; margin-top: 20px; display: inline-block; -webkit-transition: background 300ms cubic-bezier(0, 1, 0.66, 1); transition: background 300ms cubic-bezier(0, 1, 0.66, 1); background-color: rgba(255, 255, 255, 0); } .cta-square-white:hover { text-decoration: none !important; background-color: rgba(255, 255, 255, 0.3); } .cta-square-black { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #000000 !important; text-transform: uppercase; border: 2px solid #000000 !important; padding: 30px 40px; margin-top: 20px; display: inline-block; background: transparent; } .cta-square-black:hover { color: #FFFFFF !important; background-color: #000000; text-decoration: none !important; } .cta-square-black-fill { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #FFFFFF !important; text-transform: uppercase; border: none !important; padding: 30px 40px; display: inline-block; background: #000000; -webkit-transition: background 300ms cubic-bezier(0, 1, 0.66, 1); transition: background 300ms cubic-bezier(0, 1, 0.66, 1); } .cta-square-black-fill:hover { background-color: rgba(0, 0, 0, 0.7); text-decoration: none !important; } .button-black { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; border: none; padding: 1rem; color: #FFFFFF; background: #000000; display: flex; justify-content: center; align-items: center; gap: 0.5rem; } .button-blue { border: none; padding: 1rem; color: white; background: #007dba; display: flex; justify-content: center; align-items: center; gap: 0.5rem; } /*************** Compartir y Borrar **************************/ .compartir-black { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: normal; line-height: 15px; color: #000000; text-transform: uppercase; text-align: left; width: auto; display: inline-block; position: relative; padding-left: 12px; margin-top: 20px; margin-right: 40px; vertical-align: middle; } .compartir-black:before { content: url(../image/share-18.svg); position: relative; left: -5px; top: 6px; } .compartir-black a:hover { text-decoration: underline; } .borrar-black { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: normal; line-height: 15px; color: #000000; text-transform: uppercase; text-align: left; width: auto; display: inline-block; position: relative; padding-left: 10px; margin-top: 20px; margin-right: 40px; vertical-align: middle; } .borrar-black:before { content: url(../image/delete-18-black.svg); position: relative; left: -9px; top: 5px; } .borrar-black a:hover { text-decoration: underline; } /***************enlaces volver**************************/ .volver-white { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; color: #FFFFFF; display: inline-block; cursor: pointer; padding-left: 10px; } .volver-white:before { content: url(../image/arrow_left-24w.svg); position: relative; top: 8px; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); } .volver-white:hover { color: #FFFFFF; } .volver-white:hover:before { right: 20px; } .volver-black { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; color: #000000; display: inline-block; cursor: pointer; padding-left: 10px; } .volver-black:before { content: url(../image/arrow_left-24.svg); position: relative; top: 8px; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); } .volver-black:hover:before { right: 20px; } .volver-black-exploded { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; color: #000000; cursor: pointer; } .volver-black-exploded:before { content: url(../image/arrow_left-24.svg); position: relative; top: 8px; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); } .volver-black-exploded:hover:before { right: 20px; } .volver-black-exploded { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; color: #000000; display: inline-block; cursor: pointer; padding-left: 10px; margin-left: 90%; } .volver-black-exploded:before { content: url(../image/arrow_left-24.svg); position: relative; top: 8px; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); transition: 0.3s all cubic-bezier(0, 1.19, 0.66, 1.49); } .volver-black-exploded:hover:before { right: 20px; } /***************hack Internet Explorer/Edge ≥ 10**************************/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .cta-white:after { top: 7px; } } /******spacing*************/ .mg-btm-0 { margin-bottom: 0 !important; } .pd-btm-0 { padding-bottom: 0 !important; } .mg-top-40 { margin-top: 40px !important; } @media (max-width: 991px) { .mg-top-40 { margin-top: 10px !important; } } .mg-btm-20 { margin-bottom: 20px !important; } @media (max-width: 991px) { .mg-btm-20 { margin-bottom: 10px !important; } } .mg-btm-40 { margin-bottom: 40px !important; } @media (max-width: 991px) { .mg-btm-40 { margin-bottom: 10px !important; } } .mg-top-80 { margin-top: 80px !important; } @media (max-width: 991px) { .mg-top-80 { margin-top: 20px !important; } } .mg-btm-80 { margin-bottom: 80px !important; } @media (max-width: 991px) { .mg-btm-80 { margin-bottom: 20px !important; } } .mg-btm-100 { margin-bottom: 100px !important; } @media (max-width: 991px) { .mg-btm-100 { margin-bottom: 30px !important; } } .mg-btm-180 { margin-bottom: 100px !important; } @media (max-width: 991px) { .mg-btm-180 { margin-bottom: 50px !important; } } .pd-top-40 { padding-top: 40px !important; } @media (max-width: 991px) { .pd-top-40 { padding-top: 10px !important; } } .pd-btm-40 { padding-bottom: 40px !important; } @media (max-width: 991px) { .pd-btm-40 { padding-bottom: 10px !important; } } .pd-top-80 { padding-top: 80px !important; } @media (max-width: 991px) { .pd-top-80 { padding-top: 20px !important; } } .pd-btm-80 { padding-bottom: 80px !important; } @media (max-width: 991px) { .pd-btm-80 { padding-bottom: 20px !important; } } .pd-btm-100 { padding-bottom: 100px !important; } @media (max-width: 991px) { .pd-btm-100 { padding-bottom: 30px !important; } } .pd-btm-180 { padding-bottom: 100px !important; } @media (max-width: 991px) { .pd-btm-180 { padding-bottom: 50px !important; } } /* mobile */ @media (max-width: 767px) { .pl-xs-0 { padding-left: 0; } .pr-xs-0 { padding-right: 0; } } /******display*************/ /* mobile */ .d-none-sm { display: none; } @media (max-width: 1025px) { .d-none-xs { display: none; } .d-none-sm { display: unset; } } .nav-tabs { padding-bottom: 20px; display: none; } .nav-tabs .nav-link { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #000; padding: 0 0 12px; text-transform: uppercase; border-bottom: none; } .nav-tabs .nav-link:before { content: ""; height: 1px; width: 0; position: absolute; bottom: -3px; background-color: #000000; transition: width 0.3s cubic-bezier(0, 1, 0.66, 1); } .nav-tabs .nav-link:hover:before { width: 90%; } .nav-tabs .nav-link.active:before { width: 100%; } @media (min-width: 992px) { .nav-tabs { display: flex; } .nav-tabs .nav-link { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: normal; line-height: 18px; } .nav-tabs .nav-item { padding: 0 30px; } } /******modal white*************/ .modal-white .container { display: flex; flex-direction: column; justify-content: center; height: 100%; position: relative; } @media (max-width: 991px) { .modal-white .container { max-width: 100%; padding: 0; } } .modal-white.modal { padding-right: 0 !important; } .modal-white#medidas .modal-dialog .modal-content { height: 100vh; } .modal-white .modal-dialog { width: 100%; max-width: none; margin: 0; } .modal-white .modal-dialog .modal-content { box-shadow: none; border-radius: 0; border: none; } .modal-white .modal-dialog .modal-content .modal-body { height: 100vh; } @media (max-width: 991px) { .modal-white .modal-dialog .modal-content .modal-body { padding: 0; } } .modal-white .modal-dialog .icon-cross-24 { background-color: black; border-radius: 0; } .modal-white .modal-dialog .icon-cross-24:hover { opacity: 0.5; transition: opacity 0.5s; } .modal-white .modal-dialog .icon-cross-24:before { color: white; opacity: 1; font-size: 18px; } .modal-white .modal-header { border: none; justify-content: flex-end; padding-right: 20px; position: absolute; width: 100%; z-index: 1; } .modal-white .modal-body { padding: 0 1.5rem; } @media (min-width: 1200px) { .modal-white .modal-body .container { max-width: 100vw; } } .modal-white .modal-body .descargar { position: absolute; bottom: 70px; right: 60px; width: 20px; height: 20px; display: block; } .modal-white .modal-body .descargar:before { content: url(../image/icon-download.svg); position: relative; top: 1px; left: 1px; transition: all .3s ease-out; width: 20px; height: 20px; display: block; } .modal-white .modal-body .descargar:hover:before { transform: translate(0, 5px); top: 3px; } .modal-white .modal-body img { width: auto; max-height: 100vh; max-width: 100%; margin: 0 auto; } .modal-white .slick-slide { height: 100vh; } .modal-white .slick-next { background-image: url(../image/chevron_right-24.svg); right: 50px; width: 24px; height: 24px; } .modal-white .slick-prev { background-image: url(../image/chevron_left-24.svg); left: 50px; width: 24px; height: 24px; } .modal-white.std-width .modal-body { padding: 0; overflow-y: auto; } @media (min-width: 1200px) { .modal-white.std-width .modal-body .container { max-width: 1140px; } } .download-link { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: normal; line-height: 15px; color: #000; text-transform: uppercase; text-align: left; width: auto; display: inline-block; position: relative; margin-top: 20px; margin-right: 40px; vertical-align: middle; } .descargar { padding-left: 30px; } .descargar:before { content: url(../image/download.svg); position: absolute; top: 1px; left: 1px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .descargar:hover:before { -webkit-transform: translate(0, 5px); transform: translate(0, 5px); top: 3px; } /* mobile */ @media (max-width: 767px) { .modal-white .modal-header { z-index: 9; } .modal-white .slick-slide { position: relative; } .modal-white .slick-slide img { height: 27vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal-white .slick-next { right: 0; } .modal-white .slick-prev { left: 0; } } @media (max-width: 1024px) and (orientation: portrait) { .modal-white .modal-header { z-index: 9; } .modal-white .modal-header button.close.icon-cross-24 { position: absolute; right: 20px; } .modal-white .slick-slide { position: relative; } .modal-white .slick-slide img { width: 90vw; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal-white .slick-next { right: 0; } .modal-white .slick-prev { left: 0; } } @media (max-width: 1024px) and (orientation: landscape) { .modal-white .modal-header { z-index: 9; } .modal-white .modal-header button.close.icon-cross-24 { position: absolute; right: 20px; } .modal-white .slick-slide { position: relative; } .modal-white .slick-slide img { height: 90vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal-white .slick-next { right: 0; } .modal-white .slick-prev { left: 0; } } /****** Chat*************/ #ventanaChatLOPD { position: fixed; z-index: 1; bottom: 0; right: 15px; width: 180px; overflow: hidden; border-radius: 4px 4px 0 0; background-color: white; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); transform: translateY(calc(100% - 41px)); -o-transform: translateY(calc(100% - 41px)); -ms-transform: translateY(calc(100% - 41px)); -moz-transform: translateY(calc(100% - 41px)); -webkit-transform: translateY(calc(100% - 41px)); transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s; -o-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s; -ms-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s; -moz-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s; -webkit-transition: 0.35s all cubic-bezier(1, 0.32, 0.05, 0.9) 0.5s; } #ventanaChatLOPD:hover { width: 280px; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; } #ventanaChatLOPD #tituloLOPD { padding: 12px 10px; font-size: 14px; text-align: center; font-weight: bold; user-select: none; color: white; background-color: #0095CB; } #ventanaChatLOPD #idlpd { width: 280px; padding: 10px; font-size: 14px; line-height: 1.4; color: #444; } #ventanaChatLOPD #idlpd input { position: relative; top: 1px; margin-right: 5px; } #ventanaChatLOPD #idlpd a { text-decoration: underline; color: #0096d0; } #ventanaChatLOPD #idlpd button { display: block; margin: 15px 0 0; border-radius: 4px; border: 0; padding: 8px 12px; font-size: 12px; text-transform: uppercase; background-color: #0095CB; color: white; } #ventanaChatLOPD #idlpd button:hover { opacity: .8; } /****** Google*************/ .pac-container:after { display: none !important; } .pac-container, .pac-item { z-index: 999 !important; } /* Added 06/05/2020 (Laufen Web 3.0 GAP) */ @media screen and (min-width: 768px) { .negative-margin-top { margin-top: -80px; } } /* CN Market icons */ .icon-jd { background: url("../image/jd-icon.png"); width: 16px; height: 16px; display: block !important; background-size: cover; } .icon-jd--32 { width: 32px; height: 32px; } .icon-jd--64 { width: 64px; height: 64px; } .icon-tmall { background: url("../image/tmall-icon.png"); width: 16px; height: 16px; display: block !important; background-size: cover; } .icon-tmall--32 { width: 32px; height: 32px; } .icon-tmall--64 { width: 64px; height: 64px; } /* Hide redirect popup */ .alert-notifications { display: none !important; } .manualinputlabel { vertical-align: baseline; } .product-detail { margin-bottom: 70px; margin-top: 24px; /* Dots */ } .product-detail .band-discontinued { width: 100%; background: #eaeaea; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 2em; } .product-detail .band-discontinued p { margin: 0; text-transform: uppercase; color: #9a9a9a; font-family: "Roboto-Bold", Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 18px; } @media (max-width: 991px) { .product-detail { margin-bottom: 70px; margin-top: 15px; } } @media (max-width: 767px) { .product-detail { margin-bottom: 70px; } } .product-detail h1 { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 28px; font-weight: normal; line-height: 30px; letter-spacing: -0.4px; margin-bottom: 20px; } .product-detail .col-sm-8 .wrapper-producto { min-height: 748px; } .product-detail .cta-black { margin-top: 50px; } .product-detail .image-overflow { position: absolute; top: 0; right: 0; width: 50vw; max-width: 900px; height: 0; padding-bottom: 36vw; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1 !important; } .product-detail .image-overflow .slider-nav { width: 80%; margin: auto; } .product-detail .wrapper-producto { background-color: #ffffff; margin-bottom: 50px; box-shadow: none; } .product-detail .wrapper-producto .slider-single > div:nth-child(1n + 2) { display: none; } .product-detail .wrapper-producto .slider-single.slick-initialized > div:nth-child(1n + 2) { display: block; } .product-detail .wrapper-producto .slider-single img { margin: 0.5rem auto; padding: 2%; position: relative; text-align: center; max-width: 100%; max-height: 550px; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: opacity 100ms cubic-bezier(0, 1, 0.66, 1); transition: opacity 100ms cubic-bezier(0, 1, 0.66, 1); } @media (max-width: 1023px) and (orientation: portrait) { .product-detail .wrapper-producto .slider-single img { max-height: 55vh; } } @media (max-width: 1023px) and (orientation: landscape) { .product-detail .wrapper-producto .slider-single img { max-height: 75vw; } } .product-detail .wrapper-producto .slider-single.slick-initialized img { visibility: visible; opacity: 1; } .product-detail .wrapper-producto .slider-nav .slick-slide { border: 1px solid transparent; margin-left: 0; margin-right: 0; width: 83px; height: 83px; position: relative; } .product-detail .wrapper-producto .slider-nav .slick-slide.is-active, .product-detail .wrapper-producto .slider-nav .slick-slide:hover { border: 1px solid black; } .product-detail .wrapper-producto .slider-nav .slick-slide > div > div { vertical-align: middle; } .product-detail .wrapper-producto .slider-nav .slick-slide img { max-width: 81px; max-height: 81px; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product-detail .wrapper-producto .slider-nav .slick-list { padding: 0 30px 0 0; width: 70%; margin: 0 auto; position: relative; } .product-detail .wrapper-producto .slider-nav img::before { content: ""; display: block; padding-top: 75%; } .product-detail .wrapper-producto .slider-nav img { width: 100%; } .product-detail .wrapper-producto .slider-nav .slick-slide { cursor: pointer; } .product-detail .wrapper-producto .slider-nav .slick-next { background-image: url("../image/play-24.svg"); right: -20px; } .product-detail .wrapper-producto .slider-nav .slick-prev { background-image: url("../image/play-24.svg"); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: -20px; } .product-detail .wrapper-producto .slider-nav img { visibility: hidden; opacity: 0; -webkit-transition: opacity 100ms cubic-bezier(0, 1, 0.66, 1); transition: opacity 100ms cubic-bezier(0, 1, 0.66, 1); } .product-detail .wrapper-producto .slider-nav.slick-initialized img { visibility: visible; opacity: 1; } .product-detail .wrapper-producto .slick-slide.is-active img { color: #c00; background-color: #fff; } .product-detail .wrapper-producto-overflow .slider-single a, .product-detail .wrapper-producto-overflow .slider-single .no-image { position: relative; display: block; height: 36vw; } .product-detail .wrapper-producto-overflow .slider-single img { margin: auto; padding: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; text-align: center; width: auto; max-width: 50vw; height: auto; max-height: 36vw; cursor: pointer; } @media (max-width: 1023px) and (orientation: portrait) { .product-detail .wrapper-producto-overflow .slider-single img { width: auto; height: auto; max-width: 100%; max-height: 50vh; left: 50%; top: 50%; transform: translate(-50%, -50%); } } @media (max-width: 1023px) and (orientation: landscape) { .product-detail .wrapper-producto-overflow .slider-single img { width: auto; height: auto; max-width: 100%; max-height: 55vw; left: 50%; top: 50%; transform: translate(-50%, -50%); } } .product-detail .wrapper-producto-overflow .tags { min-height: 50px; height: 41vw; max-height: 980px; position: relative !important; } @media (min-width: 1900px) { .product-detail .wrapper-producto-overflow .image-overflow { padding-bottom: 450px; } .product-detail .wrapper-producto-overflow .slider-single a { position: relative; display: block; height: 450px; } .product-detail .wrapper-producto-overflow .slider-single img { max-width: 600px; max-height: 450px; height: auto; } .product-detail .wrapper-producto-overflow .tags { min-height: 50px; height: 450px; max-height: 100%; } } .product-detail .wrapper-producto .tags { min-height: 50px; pointer-events: none; } .product-detail .wrapper-producto .tags ul { margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap-reverse; } .product-detail .wrapper-producto .tags ul.dest { width: 48%; } .product-detail .wrapper-producto .tags ul.promo { width: 50%; text-align: right; flex-flow: row-reverse wrap; } .product-detail .wrapper-producto .tags ul li { display: inline-flex; justify-content: center; align-items: center; list-style-type: none; width: 50px; height: 50px; align-items: center; margin: 0; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 19px; color: white; position: relative; padding: 0; text-align: center; } .product-detail .wrapper-producto .tags ul li img { height: 20px; } .product-detail .wrapper-producto .tags ul li.black { background: #000000; } .product-detail .wrapper-producto .tags ul li.green { background: #81c97c; } .product-detail .wrapper-producto .tags ul li.grey { background: #EAEAEA; } .product-detail .wrapper-producto .tags ul li.blue { background: #00538b; } @media (min-width: 1024px) { .product-detail .wrapper-producto .tags { position: absolute; width: 100%; z-index: 1; } } .product-detail .wrapper-img { width: 100%; height: 0; padding-bottom: calc(360 / 354 * 70%); position: relative; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center; clear: both; } .product-detail .wrapper-text { padding: 0 15px 0; overflow: hidden; } .product-detail .wrapper-text .coleccion { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #00538b; text-transform: uppercase; margin-bottom: 5px; } .product-detail .wrapper-text .reference { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000000; text-transform: uppercase; } .product-detail .wrapper-text .title-producto { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; font-weight: 300; margin-bottom: 30px; } .product-detail .wrapper-text .title-producto a { display: block; } .product-detail .wrapper-text .form-group { margin-bottom: 0; } .product-detail .wrapper-text .form-group span { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; } .product-detail .wrapper-text select { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; width: 210px; background: #ffffff; border: none; background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; } .product-detail .wrapper-text select.form-control { background-image: url("../image/chevron_down-18.svg"); padding-left: 0; border-bottom: 1px solid black; border-radius: 0; padding-bottom: 0; margin-bottom: 4px; } .product-detail .wrapper-text select.form-control:not([multiple]):not([size]) { -moz-appearance: none; -webkit-appearance: none; background-image: url("../image/chevron_down-18.svg"); background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; padding-bottom: 0; padding-top: 0; height: 30px; } .product-detail .wrapper-text select.form-control:not([multiple]):not([size])::-ms-expand { display: none; } .product-detail .wrapper-text select.form-control:not([multiple]):not([size]):focus { background-image: url("../image/chevron_down-18.svg"); } .product-detail .wrapper-text select.form-control:not([multiple]):not([size]):disabled { background-image: url("../image/chevron_down-18.svg"); } .product-detail .wrapper-text .dimension { display: flex; flex-wrap: wrap; } .product-detail .wrapper-text .dimension label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; display: block; } .product-detail .wrapper-text .dimension .form-group span { display: block; margin-bottom: 5px; } .product-detail .wrapper-text .dimension .info { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; margin-bottom: 25px; font-size: 11px; } .product-detail .wrapper-text .dimension .left { justify-content: start; margin-right: 40px; } .product-detail .wrapper-text .dimension .right { justify-content: end; align-items: center; display: flex; } .product-detail .wrapper-text .dimension .right a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; color: #00538b; text-transform: uppercase; display: block; position: relative; margin-bottom: 15px; } .product-detail .wrapper-text .dimension .right a img { margin: -2px 8px 0 0; } .product-detail .wrapper-text .dimension .right .descargar { padding-left: 30px; } .product-detail .wrapper-text .dimension .right .descargar:before { content: url(../image/download.svg); position: absolute; top: 1px; left: 1px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .product-detail .wrapper-text .dimension .right .descargar:hover:before { -webkit-transform: translate(0, 5px); transform: translate(0, 5px); top: 3px; } .product-detail .wrapper-text .config { margin-bottom: 40px; } .product-detail .wrapper-text .config select { width: 100%; } .product-detail .wrapper-text .config label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; align-items: center; } .product-detail .wrapper-text .compra { display: flex; flex-wrap: wrap; } .product-detail .wrapper-text .compra .left { justify-content: start; } .product-detail .wrapper-text .compra .left a { display: inline-block; padding: 24px 40px 24px; background: #00538b; color: #FFFFFF; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; } .product-detail .wrapper-text .compra .left a .icon-cart-24 { font-size: 24px; height: 0; width: 30px; position: relative; display: inline-block; } .product-detail .wrapper-text .compra .left a .icon-cart-24:before { position: absolute; bottom: -7px; right: 0; width: 23px; height: 23px; } .product-detail .wrapper-text .compra .left .opcionescompra { background: #00538b; } .product-detail .wrapper-text .compra .left .rocagallery-location { display: inline-block; padding: 23px; background: #00538b; color: #FFFFFF; font-size: 22px; -webkit-transition: background-color 600ms cubic-bezier(0, 1, 0.66, 1); transition: background-color 600ms cubic-bezier(0, 1, 0.66, 1); } .product-detail .wrapper-text .compra .left .rocagallery-location:hover { color: #FFFFFF; } .product-detail .wrapper-text .compra .left .rocagallery-location:hover { background-color: #0071be; } .product-detail .wrapper-text .compra .left .is100shoppers-cart { display: inline-block; padding: 10px 32px 10px 10px; background: #00538b; vertical-align: top; } .product-detail .wrapper-text .compra .left .is100shoppers-cart .is100shoppers-cart-icon { margin-top: 5px; margin-right: 20px; } .product-detail .wrapper-text .compra .left .is100shoppers-cart .is100shoppers-cart-icon .icon-cart-24:before { bottom: -14px; } .product-detail .wrapper-text .compra .left .is100shoppers-cart .is100shoppers-cart-text { text-align: center; display: inline-flex; width: 55px; vertical-align: top; } .product-detail .wrapper-text .compra .left .is100shoppers-location { padding: 10px 32px 10px 10px; } .product-detail .wrapper-text .compra .left .is100shoppers-location .is100shoppers-location-icon { margin-top: 5px; margin-right: 5px; } .product-detail .wrapper-text .compra .left .is100shoppers-location .is100shoppers-location-text { text-align: center; display: inline-flex; width: 80px; vertical-align: top; } .product-detail .wrapper-text .compra .right { justify-content: end; padding: 0 0 0 25px; } .product-detail .wrapper-text .compra .right p.info { margin-bottom: 3px; } .product-detail .wrapper-text .compra .right p.info a { cursor: pointer; } .product-detail .wrapper-text .compra .right p.info a img { position: relative; bottom: 2px; } .product-detail .wrapper-text .compra .right .price { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail .wrapper-text .compra .right .price sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail .wrapper-text .compra .right .right { justify-content: end; padding: 0 0 0 25px; } .product-detail .wrapper-text .compra .right .right p.info { margin-bottom: 3px; } .product-detail .wrapper-text .compra .right .right p.info a { cursor: pointer; } .product-detail .wrapper-text .compra .right .right p.info a img { position: relative; bottom: 2px; } .product-detail .wrapper-text .compra .right .right .price { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail .wrapper-text .compra .right .right .price sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail .wrapper-text .compra .right .right .priceStrikethrough { text-decoration: line-through; font-size: 13px !important; color: #b5b5b5; margin-bottom: 5px; text-align: right; font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail .wrapper-text .compra .right .right .priceStrikethrough sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail .wrapper-text .compra .right .p-st-container { text-align: right; margin-bottom: 10px; } .product-detail .wrapper-text .compra .right .priceStrikethrough { text-decoration: line-through; font-size: 13px !important; color: #b5b5b5; font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail .wrapper-text .compra .right .priceStrikethrough sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail .wrapper-text .compra .price-financing-info { margin: 0 auto; } .product-detail .wrapper-text .compra .price-content { display: flex; align-items: center; gap: 0.5rem; } .product-detail .wrapper-text .colors { margin: 44px 0 15px 0; /* Stuff after this is only to make things more pretty */ } .product-detail .wrapper-text .colors .color { display: inline-block; } .product-detail .wrapper-text .colors .fondo { background: #FFFFFF; border: 1px solid #d5d5d5; border-radius: 50%; width: 32px; height: 32px; display: inline-block; position: relative; cursor: pointer; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product-detail .wrapper-text .colors img { width: 32px; height: 32px; display: block; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; } .product-detail .wrapper-text .colors .input-hidden { position: absolute; left: -9999px; } .product-detail .wrapper-text .colors input[type="radio"]:checked + label > img { border: 2px solid #00538b; padding: 8px; } .product-detail .wrapper-text .colors input[type="radio"]:checked + label.fondo { border: 2px solid transparent; } .product-detail .wrapper-text .colors input[type="radio"] + label > img { border: 1px solid transparent; } .product-detail .wrapper-text .colors .model { position: relative; top: -18px; left: 4px; display: inline-block; margin-right: 20px; text-transform: uppercase; } .product-detail .wrapper-text .quantity-picker .input-group { margin: 10px 0px 23px 0px; } .product-detail .wrapper-text .quantity-picker .input-group #quantity { width: 79px; margin: 0px 10px; border: 1px solid #F7F7F7; text-align: center; height: 32px; font-size: 16px; font-weight: bold; } .product-detail .wrapper-text .quantity-picker .input-group .quantity-button { background-color: #FFFFFF; border: 1px solid #F7F7F7; width: 32px; height: 32px; cursor: pointer; font-size: 16px; font-weight: bold; color: #000000; } .product-detail .wrapper-text .dades { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; clear: both; margin-top: 6px; } .product-detail .wrapper-text .dades .sizes { text-align: left; text-transform: uppercase; } .product-detail .wrapper-text .dades .coleccion { margin-bottom: 4px; } .product-detail .wrapper-text .dades .price { text-align: right; white-space: nowrap; } .product-detail .wrapper-text .dades .price span { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; } .product-detail .wrapper-text .dades .price span sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; } .product-detail .wrapper-text .dades form { margin-bottom: 30px; } .product-detail .wrapper-text .dades .price-alternative { font-family: 'Roboto-Bold'; font-size: 11px; letter-spacing: normal; } .product-detail .wrapper-text .dades .textOnline { font-size: 11px !important; color: black; font-family: 'Roboto-Regular'; font-size: 25px; letter-spacing: normal; } .product-detail .wrapper-text .dades .price-blue { font-family: 'SuisseIntl-Medium'; font-size: 30px; line-height: 30px; letter-spacing: normal; text-align: right; white-space: nowrap; color: #00538b; font-weight: bold; float: left; } .product-detail .wrapper-text .dades .price-blue sub { position: static; } .product-detail .wrapper-text .dades .priceStrikethrough-blue { text-decoration: line-through; font-size: 17px !important; color: #00538b; font-family: 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; margin-right: 5px; } .product-detail .wrapper-text .dades .dades-precios-left { margin-top: -20px; } .product-detail .wrapper-text .dades .blue-number-left { font-family: 'SuisseIntl-Medium'; font-size: 22px; letter-spacing: normal; text-align: right; white-space: nowrap; color: #00538b; font-weight: bold; float: right; } .product-detail .wrapper-text .dades .blue-number-left sub { position: static; } .product-detail .wrapper-text .dades .opcionesCompraAlt { padding: 24px 25px 24px !important; } .product-detail .wrapper-text .dades .labelrrp { text-align: left; margin-bottom: 5px; } .product-detail .slick-slider .col-xs-12 { max-width: 100%; } .product-detail .slick-list { padding: 0 30px 0 0; width: calc(100% + 30px); position: relative; } .product-detail .slick-list:after { content: ""; width: 30px; height: 100%; position: absolute; right: 0; background-color: #fff; } .product-detail .slick-dotted.slick-slider { margin-bottom: 30px; padding-top: 15px; } .product-detail .slick-track { padding: 10px 0; } .product-detail .slick-dots { position: absolute; top: -30px; right: 15px; display: block; width: auto; padding: 0; margin: 0; list-style: none; text-align: right; } .product-detail .slick-dots li { position: relative; display: inline-block; width: 15px; height: 20px; margin: 0; margin-left: 10px; padding: 0; cursor: pointer; } .product-detail .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .product-detail .slick-dots li button:hover, .product-detail .slick-dots li button:focus { outline: none; } .product-detail .slick-dots li button:hover:before, .product-detail .slick-dots li button:focus:before { opacity: 1; background-color: #25a7ff; } .product-detail .slick-dots li button:before { content: ""; line-height: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 2px; text-align: center; opacity: 1; background-color: #00538b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-detail .slick-dots li.slick-active button:before { background-color: #25a7ff; } .product-detail .breadcrumb { margin-bottom: 0; background: transparent; padding: 0 0 17px; border-radius: 0; } .product-detail .breadcrumb ul { margin: 0; padding: 0; } .product-detail .breadcrumb ul li { display: inline; list-style-type: none; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail .breadcrumb ul li a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; position: relative; } .product-detail .breadcrumb ul li a:before { content: ""; height: 1.5px; width: 0; position: absolute; bottom: -3px; background-color: #000000; transition: width 0.3s cubic-bezier(0, 1, 0.66, 1); } .product-detail .breadcrumb ul li a:hover:before { width: 90%; } .product-detail .breadcrumb ul li:after { content: "\002f"; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; } .product-detail .breadcrumb ul li:last-child:after { content: none; } .popover { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; background-color: #00538b; border: none; box-shadow: none; } .popover .popover-body { color: #FFFFFF; padding: 30px; } .popover .popover-body .close { display: none; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-top-color: #00538b; } .product-detail-custom-configurator { background-repeat: no-repeat; background-position: left center; background-size: cover; background-image: none !important; background: #fff; } .product-detail-custom-configurator .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-detail-custom-configurator .container .product-detail-custom-configurator-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f4f5f5; width: 90%; overflow: hidden; } @media (min-width: 992px) { .product-detail-custom-configurator .container .product-detail-custom-configurator-box { width: 100%; } } .product-detail-custom-configurator .container .product-detail-custom-configurator-box iframe { width: 100%; height: 1450px; } @media (min-width: 640px) { .product-detail-custom-configurator .container .product-detail-custom-configurator-box iframe { width: 100%; height: 1750px; } } @media (min-width: 1025px) { .product-detail-custom-configurator .container .product-detail-custom-configurator-box iframe { width: 100%; } } /* tablet only Portrait */ @media (min-device-width: 768px) and (max-device-width: 1023px) { .product-detail .wrapper-producto { width: 100%; margin-bottom: 20px; } .product-detail .wrapper-producto .tags ul li { width: 50px; height: 50px; } .product-detail .wrapper-producto .tags ul.dest { width: auto; } .product-detail .wrapper-producto .tags ul.promo { width: auto; text-align: left; flex-flow: wrap; } .product-detail .col-sm-8 .wrapper-producto { min-height: auto; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 { display: flex; flex-wrap: nowrap; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 .product-card { width: 50%; justify-content: flex-start; display: flex; flex-wrap: nowrap; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 .product-card:last-child { justify-content: flex-end; } } @media (max-width: 991px) { .product-detail > .container { padding: 0; } .product-detail .wrapper-producto-overflow .tags { height: 0; padding-bottom: 100%; } .product-detail .wrapper-producto-overflow a[data-toggle="modal"] { display: flex; height: 46vh; } .product-detail .wrapper-producto-overflow img { margin: auto; } .product-detail .wrapper-producto .tags { height: 0; } .product-detail .wrapper-text { overflow: visible; } .product-detail .wrapper-text .compra { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse; flex-direction: column-reverse; align-items: flex-start; } .product-detail .move-anclas-normal-mobile { margin-top: -12px; margin-right: -15px; margin-bottom: 40px; margin-left: -15px; } .product-detail .menu-anclas .main-menu-anclas__list .link-wrapper a { padding: 5px 0; } .product-detail .image-overflow { position: absolute; right: 0; width: 100%; max-width: 900px; height: 0; padding-bottom: 82%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 0 !important; } .product-detail .image-overflow .slider-nav { width: 80%; margin: auto; } .product-detail .move-list-action-mobile { max-width: 270px; margin-top: 32px; } .product-detail .list-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; list-style: none; height: 100%; padding: 0 20px; margin-bottom: 0; } .product-detail .list-actions li { margin-left: 0; } .product-detail .list-actions img { width: 20px; height: 20px; } } @media (max-width: 991px) and (orientation: landscape) { .product-detail > .container { padding: 0; } .product-detail .wrapper-producto-overflow .tags { height: 0; padding-bottom: 60%; } .product-detail .wrapper-producto-overflow a[data-toggle="modal"] { display: flex; height: 35vw; } .product-detail .wrapper-producto-overflow img { margin: auto; } .product-detail .wrapper-producto-overflow .slider-single img { max-height: 50vw; } .product-detail .wrapper-producto .tags { height: 0; } .product-detail .image-overflow { position: absolute; right: 0; width: 100%; max-width: 900px; height: 0; padding-bottom: 60%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 0 !important; } } .modal-lightbox.modal-white img { visibility: hidden; opacity: 0; -webkit-transition: opacity 600ms cubic-bezier(0, 1, 0.66, 1); transition: opacity 600ms cubic-bezier(0, 1, 0.66, 1); } .modal-lightbox.modal-white.show img { visibility: visible; opacity: 1; } .modal-lightbox.modal-white [style="opacity: 1; width: 0px;"] img { visibility: hidden; opacity: 0; -webkit-transition: opacity 600ms cubic-bezier(0, 1, 0.66, 1); transition: opacity 600ms cubic-bezier(0, 1, 0.66, 1); } /* mobile */ @media (max-width: 767px) { .product-detail .wrapper-text .dimension .right { width: 100%; margin-left: 0; justify-content: start; } .product-detail .wrapper-text .dimension .left select { width: 100%; display: block !important; } .product-detail .wrapper-text .dimension .right a { margin-top: 16px; } .product-detail .wrapper-text .compra .is100shoppers { display: flex; } .product-detail .wrapper-text .compra .is100shoppers .is100shoppers-cart { width: min-content; display: flex; margin-left: 2px; } .product-detail .wrapper-text .compra .is100shoppers .is100shoppers-cart .is100shoppers-cart-text { width: auto; } .product-detail .wrapper-text .compra .is100shoppers .is100shoppers-cart .is100shoppers-cart-icon { margin-top: 0px; } .product-detail .wrapper-text .compra .is100shoppers .is100shoppers-location { width: min-content; display: flex; } .product-detail .wrapper-text .compra .is100shoppers .is100shoppers-location .is100shoppers-location-text { width: auto; } .product-detail .wrapper-text .compra .is100shoppers .is100shoppers-location .is100shoppers-location-icon { margin-top: 0px; } .product-detail .wrapper-text .compra .left { width: 100%; } .product-detail .wrapper-text .compra .left .opcionescompra { width: 100%; text-align: center; } .product-detail .wrapper-text .compra .right { padding: 16px 0 0 2px; } .product-detail .move-list-action-mobile { max-width: 100%; } .product-detail .wrapper-producto .slick-prev, .product-detail .wrapper-producto .slick-next { display: none !important; } .product-detail .wrapper-producto .tags { display: inline; } .product-detail .wrapper-producto .image-overflow { position: relative; display: inline; } .product-detail .col-sm-8 .wrapper-producto { min-height: auto; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 { display: flex; flex-wrap: nowrap; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 .product-card { width: 50%; justify-content: flex-start; display: flex; flex-wrap: nowrap; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 .product-card:last-child { justify-content: flex-end; } .product-detail.form-control:not([multiple]):not([size]) { width: 100%; } .popover { font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; background-color: #FFFFFF !important; border: none; box-shadow: none; position: fixed !important; width: 100%; height: 100%; max-width: none; transform: none !important; margin: 0; } .popover .popover-body { color: #000000 !important; padding: 84px 20px 20px !important; } .popover .popover-body .close { display: block; } .popover .popover-body .close:before { content: "\e90d"; color: #000000; opacity: 1; font-size: 30px; position: absolute; top: 22px; right: 20px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { display: none; } } /*********hack para os mobile********************/ /***************hack Internet Explorer/Edge ≥ 10**************************/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .product-detail .wrapper-text .colors .fondo { width: 26px; height: 25px; } .product-detail .wrapper-text .colors .fondo span { width: 22px; height: 21px; } } .tag_topsales { text-transform: uppercase; background-color: #00538b; padding: 0.01em 0.5em; color: white; font-size: 12px; margin-left: 10px; font-weight: 300; font-family: 'Roboto-Regular',Helvetica,Arial,sans-serif !important; padding-bottom: 1.2px; vertical-align: baseline; padding-top: 3px; line-height: 15px; } .tag_novelty { text-transform: uppercase; background-color: #000; padding: 0.01em 0.5em; color: white; font-size: 12px; margin-left: 10px; font-weight: 300; font-family: 'Roboto-Regular',Helvetica,Arial,sans-serif !important; padding-bottom: 1.2px; vertical-align: baseline; padding-top: 3px; line-height: 15px; } .salesNoveltyContainer { margin-bottom: 30px; height: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end; } .divSpanNoveltyTopSales { float: left; margin-top: 5px; } @media (max-width: 991px) { .container-helper { padding: 0; margin-top: 15px; } } @media (max-width: 991px) and (min-width: 768px) { .container-helper { margin-top: 0; } .container-helper .breadcrumb { padding: 0; } } /** Added 06/05/2020 (Laufen Web 3.0 GAP) */ .product-detail .wrapper-text .options { display: flex; flex-wrap: wrap; } .product-detail .wrapper-text .options label { font-family: "Roboto-Bold", Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; display: block; } .product-detail .wrapper-text .options .form-group span { display: block; margin-bottom: 5px; } .product-detail .wrapper-text .options .info { font-family: "Roboto-Regular", Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail .wrapper-text .options .left { justify-content: start; margin-right: 40px; } .technical-drawing-card img.technical-drawing-image { max-height: 400px; margin: 0.3em auto; max-width: 100%; } /* Añadido para eliminar los controles de input type number para Celite 25/10/2021 */ /* Ocultar flechas en input number para Chrome. */ input#quantity::-webkit-outer-spin-button, input#quantity::-webkit-inner-spin-button { -webkit-appearance: none; } /* Ocultar flechas en input number para Firefox. */ input#quantity[type="number"] { -moz-appearance: textfield; } .product-card .wrapper-text { padding: 30px; } .product-card .wrapper-text .coleccion { order: 0; } .product-card .wrapper-text .dades { display: flex; flex-direction: column; } .product-card .wrapper-text .dades > div { display: flex; flex-direction: column; align-items: flex-start; font-family: "roca", sans-serif !important; } .product-card .wrapper-text .dades > div .product-discount-wrapper { margin-bottom: 0.5rem; line-height: 1; } .product-card .wrapper-text .dades > div .product-discount-wrapper .priceStrikethrough { display: inline-block !important; font-size: 0.8rem !important; color: #9A9A9A !important; } .product-card .wrapper-text .dades > div .product-discount-wrapper .discountPercentage { display: inline-block !important; font-size: 0.8rem !important; line-height: 1; margin-left: 0.5rem; color: #000000; } .product-card .wrapper-text .dades > div p:last-of-type { color: #000000; font-family: "Roboto-Regular", sans-serif; font-size: 0.85rem; line-height: 1.3; } .product-card .wrapper-text .dades > div > .price { display: inline-block; font-size: 0.7rem !important; line-height: 1 !important; margin-left: 0 !important; margin-bottom: 0.5rem !important; color: #000000 !important; width: 100% !important; font-family: "Roboto-Regular", sans-serif !important; white-space: normal; } @media (max-width: 1024px) { .product-card .wrapper-text .dades > div > .price { font-size: 0.7rem !important; text-align: right; } } .product-card .wrapper-text .dades > div > .price span { display: inline-block !important; font-size: 1rem !important; line-height: 1 !important; margin-left: 0 !important; color: #000000 !important; font-family: "roca", sans-serif !important; } @media (max-width: 1024px) { .product-card .wrapper-text .dades > div > .price span { font-size: 1rem !important; } } .product-card .wrapper-text .dades > div > .price span sub { font-size: 100%; } section#anclaProductDetail .product-card .wrapper-text { padding: 0 15px 0; } .product-price { font-family: "roca", sans-serif; } .product-price.has-promo { display: flex; flex-direction: column; align-items: flex-start; } .product-price.has-promo > div { order: 0 !important; } .product-price.has-promo span { display: block; line-height: 1; } .product-price.has-promo .product-price { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.5rem; font-size: 1.5rem; } .product-price.has-promo .product-price .price { color: #9A9A9A; text-decoration: line-through; margin-right: 1rem; letter-spacing: -0.009rem; } .product-price.has-promo .product-price .price-discount-percentage { color: #000000; letter-spacing: -0.009rem; } .product-price.has-promo .price-discount { display: block; font-size: 1.5rem; color: #000000; margin-bottom: 0.5rem; line-height: 1; letter-spacing: -0.009rem; } .product-price.has-promo .price-financing-info { color: #000000; font-family: "Roboto-Regular", sans-serif; font-weight: 700; font-size: 0.85rem; } .product-detail-zipcode { position: relative; margin: 1rem 0; min-height: 200px; width: 75%; letter-spacing: 0.02rem; } @media (max-width: 768px) { .product-detail-zipcode { width: 100%; } } .product-detail-zipcode .zipcode-box { width: 100%; display: block; } .product-detail-zipcode .zipcode-box.is-hide { visibility: hidden; display: none; } .product-detail-zipcode .zipcode-box .input-group { display: grid; grid-template-columns: 4fr 2fr; gap: 1rem; height: 2.5rem; margin: 0.5rem 0; } .product-detail-zipcode .zipcode-box .input-group .zipcode-input-icon { position: absolute; top: 50%; left: 0.75rem; transform: translateY(-50%); width: 18px; height: 18px; background-image: url("../image/map-marker-alt-light.svg"); background-repeat: no-repeat; background-size: contain; z-index: 10; } .product-detail-zipcode .zipcode-box .zipcode-input { position: relative; padding: 0 1rem 0 2rem; border: 1px solid #9A9A9A; outline: none; } .product-detail-zipcode .zipcode-box .zipcode-input:focus::-webkit-input-placeholder, .product-detail-zipcode .zipcode-box .zipcode-input:focus::placeholder { color: transparent !important; visibility: hidden !important; } .product-detail-zipcode .zipcode-box .calculate-shipping-button { display: inline-flex; align-items: center; justify-content: center; border: none; outline: none; background: #00538b; color: #FFFFFF; padding: 0 1rem; text-transform: uppercase; cursor: pointer; font-size: 0.9rem; } .product-detail-zipcode .zipcode-box .zipcode-list { text-decoration: underline; } .product-detail-zipcode .shipping-box { display: none; position: absolute; top: 0; left: 0; width: 100%; } .product-detail-zipcode .shipping-box.is-visible { display: block; visibility: visible; } .product-detail-zipcode .shipping-box label { margin-bottom: 1rem; } .product-detail-zipcode .shipping { width: 100%; } .product-detail-zipcode .shipping .zipcode { display: flex; margin-bottom: 1rem; align-items: center; } .product-detail-zipcode .shipping .zipcode-number { display: block; font-size: 1rem; margin-right: 1rem; } .product-detail-zipcode .shipping .zipcode-change { display: block; background: none; border: none; outline: none; text-decoration: underline; font-size: 0.8rem; padding: 0; cursor: pointer; } .product-detail-zipcode .shipping .shipping-address { display: block; color: #9A9A9A; margin-bottom: 1rem; } .product-detail-zipcode .shipping .shipping-table { margin-bottom: 1rem; } .product-detail-zipcode .shipping .shipping-table .shipping-row { display: grid; grid-template-columns: 40% 35% 25%; padding: 1rem 0; border-bottom: 1px solid #D5D5D5; } .product-detail-zipcode .shipping .shipping-table .shipping-row span { grid-column: span 1; font-size: 1rem; } .product-detail-zipcode .shipping .shipping-table .shipping-price { color: #00538b; align-self: flex-end; } .product-detail-zipcode .shipping .shipping-info { display: flex; color: #9A9A9A; max-width: 60ch; } .product-outstock { width: 100%; display: flex; flex-direction: column; margin: 1rem 0; order: 5 !important; } @media (min-width: 768px) { .product-outstock { width: 80%; } } .product-outstock .product-outstock__heading { font-size: 1.25rem; font-family: "rocablack"; margin-bottom: 1rem; } .product-outstock .product-outstock__info { display: block; margin-bottom: 1rem; color: #9A9A9A; } .product-outstock .product-outstock__input { width: 100%; height: 3rem; border: 1px solid #9A9A9A; margin-bottom: 1rem; padding: 0 1rem; color: #9A9A9A; } .product-outstock .product-outstock__input::placeholder, .product-outstock .product-outstock__input::-webkit-input-placeholder { color: #9A9A9A; } .product-outstock .product-outstock__input:focus::placeholder, .product-outstock .product-outstock__input:focus::-webkit-input-placeholder { color: transparent; visibility: hidden; } .product-outstock .product-outstock__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; font-size: 0.9rem; background: #00538b; border: none; color: #FFFFFF; text-transform: uppercase; padding: 1.5rem 1rem; cursor: pointer; } @media (min-width: 768px) { .product-outstock .product-outstock__button { width: 80%; } } .product-detail-bundle { margin-bottom: 70px; margin-top: 24px; /* Dots */ } .product-detail-bundle .band-discontinued { width: 100%; background: #eaeaea; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 2em; } .product-detail-bundle .band-discontinued p { margin: 0; text-transform: uppercase; color: #9a9a9a; font-family: 'Roboto-Bold',Helvetica,Arial,sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 18px; } @media (max-width: 991px) { .product-detail-bundle { margin-bottom: 70px; } } @media (max-width: 767px) { .product-detail-bundle { margin-bottom: 70px; } } .product-detail-bundle h1 { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 28px; font-weight: normal; line-height: 30px; letter-spacing: -0.4px; margin-bottom: 42px; } .product-detail-bundle .wrapper-producto { background-color: #FFFFFF; margin-bottom: 10px; position: relative; } .product-detail-bundle .wrapper-producto .slider-single > div:nth-child(1n+2) { display: none; } .product-detail-bundle .wrapper-producto .slider-single.slick-initialized > div:nth-child(1n+2) { display: block; } .product-detail-bundle .wrapper-producto .slider-single img { margin: .5rem auto; padding: 2%; position: relative; text-align: center; width: auto; max-width: 100%; max-height: 550px; cursor: pointer; } @media (max-width: 1023px) and (orientation: portrait) { .product-detail-bundle .wrapper-producto .slider-single img { max-height: 100vw; } } @media (max-width: 1023px) and (orientation: landscape) { .product-detail-bundle .wrapper-producto .slider-single img { max-height: 75vw; } } .product-detail-bundle .wrapper-producto .slider-nav .slick-slide.is-active, .product-detail-bundle .wrapper-producto .slider-nav .slick-slide:hover { border: 1px solid black; } .product-detail-bundle .wrapper-producto .slider-nav .slick-list { padding: 0 30px 0 0; width: 70%; margin: 0 auto; position: relative; } .product-detail-bundle .wrapper-producto .slider-nav img::before { content: ""; display: block; padding-top: 75%; } .product-detail-bundle .wrapper-producto .slider-nav img { width: 100%; } .product-detail-bundle .wrapper-producto .slider-nav .slick-slide { cursor: pointer; } .product-detail-bundle .wrapper-producto .slider-nav .slick-next { background-image: url("../image/play-24.svg"); right: 50px; } .product-detail-bundle .wrapper-producto .slider-nav .slick-prev { background-image: url("../image/play-24.svg"); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 50px; } .product-detail-bundle .wrapper-producto .slick-slide.is-active img { color: #c00; background-color: #fff; } .product-detail-bundle .wrapper-producto .tags { min-height: 50px; } .product-detail-bundle .wrapper-producto .tags ul { margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap-reverse; } .product-detail-bundle .wrapper-producto .tags ul.dest { width: 48%; } .product-detail-bundle .wrapper-producto .tags ul.promo { width: 50%; text-align: right; flex-flow: row-reverse wrap; } .product-detail-bundle .wrapper-producto .tags ul li { display: inline-flex; justify-content: center; align-items: center; list-style-type: none; width: 50px; height: 50px; align-items: center; margin: 0; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 19px; color: white; position: relative; padding: 0; } .product-detail-bundle .wrapper-producto .tags ul li img { height: 20px; } .product-detail-bundle .wrapper-producto .tags ul li.black { background: #000000; } .product-detail-bundle .wrapper-producto .tags ul li.green { background: #81c97c; } .product-detail-bundle .wrapper-producto .tags ul li.grey { background: #EAEAEA; } .product-detail-bundle .wrapper-producto .tags ul li.blue { background: #00538b; } @media (min-width: 1024px) { .product-detail-bundle .wrapper-producto .tags { position: absolute; width: 100%; z-index: 1; } } .product-detail-bundle .wrapper-img { width: 100%; height: 0; padding-bottom: calc(360 / 354 * 70%); position: relative; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center; clear: both; } .product-detail-bundle .wrapper-text { padding: 0 15px 0; overflow: hidden; } .product-detail-bundle .wrapper-text .coleccion { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #00538b; text-transform: uppercase; margin-bottom: 5px; } .product-detail-bundle .wrapper-text .reference { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000000; } .product-detail-bundle .wrapper-text .reference .referenceNumber { display: block; } .product-detail-bundle .wrapper-text .reference .referenceNumber span { margin-right: 18px; width: 65px; display: inline-block; } .product-detail-bundle .wrapper-text .title-producto { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; font-weight: 300; margin-bottom: 30px; } .product-detail-bundle .wrapper-text .title-producto a { display: block; } .product-detail-bundle .wrapper-text .form-group { margin-bottom: 0; } .product-detail-bundle .wrapper-text .form-group span { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; } .product-detail-bundle .wrapper-text select { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; width: 210px; background: #FFFFFF; border: none; background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; } .product-detail-bundle .wrapper-text select.form-control { background-image: url("../image/chevron_down-18.svg"); padding-left: 0; border-bottom: 1px solid black; border-radius: 0; padding-bottom: 0; margin-bottom: 4px; } .product-detail-bundle .wrapper-text select.form-control:not([multiple]):not([size]) { -moz-appearance: none; -webkit-appearance: none; background-image: url("../image/chevron_down-18.svg"); background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; padding-bottom: 0; padding-top: 0; height: 30px; } .product-detail-bundle .wrapper-text select.form-control:not([multiple]):not([size])::-ms-expand { display: none; } .product-detail-bundle .wrapper-text select.form-control:not([multiple]):not([size]):focus { background-image: url("../image/chevron_down-18.svg"); } .product-detail-bundle .wrapper-text select.form-control:not([multiple]):not([size]):disabled { background-image: url("../image/chevron_down-18.svg"); } .product-detail-bundle .wrapper-text .dimension { display: flex; flex-wrap: wrap; } .product-detail-bundle .wrapper-text .dimension label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-bundle .wrapper-text .dimension .text-label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; margin-bottom: 5px; } .product-detail-bundle .wrapper-text .dimension .text-form { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; text-transform: uppercase; margin-bottom: 5px; } .product-detail-bundle .wrapper-text .dimension .info { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-bundle .wrapper-text .dimension .left { justify-content: start; } .product-detail-bundle .wrapper-text .dimension .right { justify-content: end; margin-left: 40px; align-items: center; display: flex; } .product-detail-bundle .wrapper-text .dimension .right a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; color: #00538b; text-transform: uppercase; } .product-detail-bundle .wrapper-text .dimension .right a img { margin: -2px 8px 0 0; } .product-detail-bundle .wrapper-text .colors { margin: 44px 0 15px 0; /* Stuff after this is only to make things more pretty */ } .product-detail-bundle .wrapper-text .colors .color { display: inline-block; } .product-detail-bundle .wrapper-text .colors .fondo { background: #FFFFFF; border: 2px solid #d5d5d5; border-radius: 50%; width: 34px; height: 34px; display: inline-block; position: relative; cursor: pointer; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product-detail-bundle .wrapper-text .colors img { width: 32px; height: 32px; display: block; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; } .product-detail-bundle .wrapper-text .colors .input-hidden { position: absolute; left: -9999px; } .product-detail-bundle .wrapper-text .colors input[type=radio]:checked + label > img { border: 2px solid #00538b; padding: 8px; } .product-detail-bundle .wrapper-text .colors input[type=radio]:checked + label.fondo { border: 2px solid transparent; } .product-detail-bundle .wrapper-text .colors input[type=radio] + label > img { border: 2px solid transparent; } .product-detail-bundle .wrapper-text .colors .model { position: relative; top: -18px; left: 4px; display: inline-block; margin-right: 20px; text-transform: uppercase; } .product-detail-bundle .wrapper-text .dades { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; clear: both; margin-top: 6px; } .product-detail-bundle .wrapper-text .dades .sizes { text-align: left; text-transform: uppercase; } .product-detail-bundle .wrapper-text .dades .coleccion { margin-bottom: 4px; } .product-detail-bundle .wrapper-text .dades .price { text-align: right; } .product-detail-bundle .wrapper-text .dades .price span { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; } .product-detail-bundle .wrapper-text .dades .price span sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; } .product-detail-bundle .wrapper-text .dades form { margin-bottom: 30px; } .product-detail-bundle .config { margin-bottom: 40px; } .product-detail-bundle .config select { width: 100%; } .product-detail-bundle .config label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-bundle .config .form-group { margin-bottom: 60px; } .product-detail-bundle .compra { display: flex; flex-wrap: wrap; justify-content: flex-end; } .product-detail-bundle .compra .left { justify-content: start; } .product-detail-bundle .compra .left a { display: block; padding: 24px 40px 24px; background: #00538b; color: #FFFFFF; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; } .product-detail-bundle .compra .left a .icon-cart-24 { font-size: 24px; height: 0; width: 30px; position: relative; display: inline-block; } .product-detail-bundle .compra .left a .icon-cart-24:before { position: absolute; bottom: -7px; right: 0; width: 23px; height: 23px; } .product-detail-bundle .compra .left .opcionescompra { background: #00538b; } .product-detail-bundle .compra .right { justify-content: end; padding: 16px 0 0 40px; } .product-detail-bundle .compra .right p.info { margin-bottom: 3px; } .product-detail-bundle .compra .right p.info a img { position: relative; bottom: 2px; } .product-detail-bundle .compra .right .price { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail-bundle .compra .right .price sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail-bundle .slick-slider .col-xs-12 { max-width: 100%; } .product-detail-bundle .slick-list { padding: 0 30px 0 0; width: calc(100% + 30px); position: relative; } .product-detail-bundle .slick-list:after { content: ""; width: 30px; height: 100%; position: absolute; right: 0; background-color: #fff; } .product-detail-bundle .slick-dotted.slick-slider { margin-bottom: 30px; padding-top: 15px; } .product-detail-bundle .slick-track { padding: 10px 0; } .product-detail-bundle .slick-dots { position: absolute; top: -30px; right: 15px; display: block; width: auto; padding: 0; margin: 0; list-style: none; text-align: right; } .product-detail-bundle .slick-dots li { position: relative; display: inline-block; width: 15px; height: 20px; margin: 0; margin-left: 10px; padding: 0; cursor: pointer; } .product-detail-bundle .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .product-detail-bundle .slick-dots li button:hover, .product-detail-bundle .slick-dots li button:focus { outline: none; } .product-detail-bundle .slick-dots li button:hover:before, .product-detail-bundle .slick-dots li button:focus:before { opacity: 1; background-color: #25a7ff; } .product-detail-bundle .slick-dots li button:before { content: ''; line-height: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 2px; text-align: center; opacity: 1; background-color: #00538b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-detail-bundle .slick-dots li.slick-active button:before { background-color: #25a7ff; } .product-detail-bundle .breadcrumb { margin-bottom: 0; background: transparent; padding: 0; border-radius: 0; } .product-detail-bundle .breadcrumb ul { margin: 0; padding: 0; } .product-detail-bundle .breadcrumb ul li { display: inline; list-style-type: none; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-bundle .breadcrumb ul li a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; position: relative; } .product-detail-bundle .breadcrumb ul li a:before { content: ""; height: 1.5px; width: 0; position: absolute; bottom: -3px; background-color: #000000; transition: width 0.3s cubic-bezier(0, 1, 0.66, 1); } .product-detail-bundle .breadcrumb ul li a:hover:before { width: 90%; } .product-detail-bundle .breadcrumb ul li:after { content: "\002f"; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; } .product-detail-bundle .breadcrumb ul li:last-child:after { content: none; } .popover { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; background-color: #00538b; border: none; box-shadow: none; } .popover .popover-body { color: #FFFFFF; padding: 30px; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-top-color: #00538b; } /* tablet only Portrait */ @media (min-device-width: 768px) and (max-device-width: 1023px) { .product-detail-bundle .wrapper-text .dades .price { display: none; } .product-detail-bundle .breadcrumb { margin-bottom: 30px; } .product-detail-bundle .wrapper-producto { width: 100%; } .product-detail-bundle .wrapper-producto .tags ul li { width: 50px; height: 50px; } .product-detail-bundle .wrapper-producto .tags ul.dest { width: auto; } .product-detail-bundle .wrapper-producto .tags ul.promo { width: auto; text-align: left; flex-flow: wrap; } .product-detail-bundle .config .form-group { margin-bottom: 30px; } } /* mobile */ @media (max-width: 767px) { .product-detail-bundle { margin-top: 15px; } .product-detail-bundle .wrapper-text .dades .price { display: none; } .product-detail-bundle .wrapper-text .dimension .left { width: 100%; margin-bottom: 12px; } .product-detail-bundle .wrapper-text .dimension .right { margin-left: 0; } .product-detail-bundle .wrapper-producto .slick-prev, .product-detail-bundle .wrapper-producto .slick-next { display: none !important; } .product-detail-bundle .config .form-group { margin-bottom: 30px; } .product-detail-bundle .compra { display: flex; flex-wrap: wrap; justify-content: flex-end; } .product-detail-bundle .compra .left { width: 100%; order: 2; text-align: center; } .product-detail-bundle .compra .left a { padding: 24px 20px 31px; } .product-detail-bundle .compra .left a .icon-cart-24:before { margin-left: 10px; } .product-detail-bundle .compra .right { width: 100%; padding: 0; order: 1; } } /*********hack para os mobile********************/ /***************hack Internet Explorer/Edge ≥ 10**************************/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .product-detail-bundle .wrapper-text .colors .fondo { width: 26px; height: 25px; } .product-detail-bundle .wrapper-text .colors .fondo span { width: 22px; height: 21px; } } .product-detail-ceramica { margin-bottom: 70px; margin-top: 24px; /* Dots */ } .product-detail-ceramica .band-discontinued { width: 100%; background: #eaeaea; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 2em; } .product-detail-ceramica .band-discontinued p { margin: 0; text-transform: uppercase; color: #9a9a9a; font-family: 'Roboto-Bold',Helvetica,Arial,sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 18px; } @media (max-width: 991px) { .product-detail-ceramica { margin-bottom: 70px; } } @media (max-width: 767px) { .product-detail-ceramica { margin-bottom: 70px; margin-top: 15px; } } .product-detail-ceramica h1 { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 28px; font-weight: normal; line-height: 30px; letter-spacing: -0.4px; margin-bottom: 42px; } .product-detail-ceramica .wrapper-producto { background-color: #FFFFFF; margin-bottom: 10px; position: relative; } .product-detail-ceramica .wrapper-producto .slider-single > div:nth-child(1n+2) { display: none; } .product-detail-ceramica .wrapper-producto .slider-single.slick-initialized > div:nth-child(1n+2) { display: block; } .product-detail-ceramica .wrapper-producto .slider-single img { margin: .5rem auto; padding: 2%; position: relative; text-align: center; max-width: 100%; max-height: 550px; cursor: pointer; } @media (max-width: 1023px) and (orientation: portrait) { .product-detail-ceramica .wrapper-producto .slider-single img { max-height: 100vw; } } @media (max-width: 1023px) and (orientation: landscape) { .product-detail-ceramica .wrapper-producto .slider-single img { max-height: 75vw; } } .product-detail-ceramica .wrapper-producto .slider-nav .slick-slide.is-active, .product-detail-ceramica .wrapper-producto .slider-nav .slick-slide:hover { border: 1px solid black; } .product-detail-ceramica .wrapper-producto .slider-nav .slick-list { padding: 0 30px 0 0; width: 70%; margin: 0 auto; position: relative; } .product-detail-ceramica .wrapper-producto .slider-nav img::before { content: ""; display: block; padding-top: 75%; } .product-detail-ceramica .wrapper-producto .slider-nav img { width: 100%; } .product-detail-ceramica .wrapper-producto .slider-nav .slick-slide { cursor: pointer; } .product-detail-ceramica .wrapper-producto .slider-nav .slick-next { background-image: url("../image/play-24.svg"); right: 50px; } .product-detail-ceramica .wrapper-producto .slider-nav .slick-prev { background-image: url("../image/play-24.svg"); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 50px; } .product-detail-ceramica .wrapper-producto .slick-slide.is-active img { color: #c00; background-color: #fff; } .product-detail-ceramica .wrapper-producto .tags { min-height: 50px; } .product-detail-ceramica .wrapper-producto .tags ul { margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap-reverse; } .product-detail-ceramica .wrapper-producto .tags ul.dest { width: 48%; } .product-detail-ceramica .wrapper-producto .tags ul.promo { width: 50%; text-align: right; flex-flow: row-reverse wrap; } .product-detail-ceramica .wrapper-producto .tags ul li { display: inline-flex; justify-content: center; align-items: center; list-style-type: none; width: 50px; height: 50px; align-items: center; margin: 0; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 19px; color: white; position: relative; padding: 0; } .product-detail-ceramica .wrapper-producto .tags ul li img { height: 20px; } .product-detail-ceramica .wrapper-producto .tags ul li.black { background: #000000; } .product-detail-ceramica .wrapper-producto .tags ul li.green { background: #81c97c; } .product-detail-ceramica .wrapper-producto .tags ul li.grey { background: #EAEAEA; } .product-detail-ceramica .wrapper-producto .tags ul li.blue { background: #00538b; } @media (min-width: 1024px) { .product-detail-ceramica .wrapper-producto .tags { position: absolute; width: 100%; z-index: 1; } } .product-detail-ceramica .wrapper-text { padding: 0 15px 0; overflow: hidden; } .product-detail-ceramica .wrapper-text .coleccion { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #00538b; text-transform: uppercase; margin-bottom: 5px; } .product-detail-ceramica .wrapper-text .reference { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000000; } .product-detail-ceramica .wrapper-text .reference .referenceNumber { display: block; } .product-detail-ceramica .wrapper-text .reference .referenceNumber span { margin-right: 18px; width: 65px; display: inline-block; } .product-detail-ceramica .wrapper-text .form-group { margin-bottom: 0; } .product-detail-ceramica .wrapper-text .form-group span { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; } .product-detail-ceramica .wrapper-text select { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; width: 210px; background: #FFFFFF; border: none; background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; } .product-detail-ceramica .wrapper-text select.form-control { background-image: url("../image/chevron_down-18.svg"); padding-left: 0; border-bottom: 1px solid black; border-radius: 0; padding-bottom: 0; margin-bottom: 4px; } .product-detail-ceramica .wrapper-text select.form-control:not([multiple]):not([size]) { -moz-appearance: none; -webkit-appearance: none; background-image: url("../image/chevron_down-18.svg"); background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; padding-bottom: 0; padding-top: 0; height: 30px; } .product-detail-ceramica .wrapper-text select.form-control:not([multiple]):not([size])::-ms-expand { display: none; } .product-detail-ceramica .wrapper-text select.form-control:not([multiple]):not([size]):focus { background-image: url("../image/chevron_down-18.svg"); } .product-detail-ceramica .wrapper-text select.form-control:not([multiple]):not([size]):disabled { background-image: url("../image/chevron_down-18.svg"); } .product-detail-ceramica .wrapper-text .dimension { display: flex; flex-wrap: wrap; } .product-detail-ceramica .wrapper-text .dimension label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-ceramica .wrapper-text .dimension .text-label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; margin-bottom: 5px; } .product-detail-ceramica .wrapper-text .dimension .text-form { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; text-transform: uppercase; margin-bottom: 5px; } .product-detail-ceramica .wrapper-text .dimension .info { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-ceramica .wrapper-text .dimension .info a { cursor: pointer; } .product-detail-ceramica .wrapper-text .dimension .left { justify-content: start; margin-right: 40px; margin-bottom: 15px; } .product-detail-ceramica .wrapper-text .dimension .right { display: block; } .product-detail-ceramica .wrapper-text .dimension .right a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; color: #00538b; text-transform: uppercase; position: relative; } .product-detail-ceramica .wrapper-text .dimension .right a img { margin: -2px 8px 0 0; } .product-detail-ceramica .wrapper-text .dimension .instalacion { margin-bottom: 15px; } .product-detail-ceramica .wrapper-text .dimension .instalacion ul { width: 100%; display: flex; padding: 0; margin: 0; list-style: none; height: 30px; align-items: center; } .product-detail-ceramica .wrapper-text .dimension .instalacion ul li { margin-right: 20px; } .product-detail-ceramica .wrapper-text .dimension .instalacion ul li img { height: 20px; width: auto; } .product-detail-ceramica .wrapper-text .descargas { display: block; } .product-detail-ceramica .wrapper-text .descargas a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; color: #00538b; text-transform: uppercase; } .product-detail-ceramica .wrapper-text .descargas a img { margin: -2px 8px 0 0; } .product-detail-ceramica .wrapper-text .descargas .descargar { padding-left: 30px; position: relative; } .product-detail-ceramica .wrapper-text .descargas .descargar:before { content: url(../image/download.svg); position: absolute; top: 1px; left: 1px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .product-detail-ceramica .wrapper-text .descargas .descargar:hover:before { -webkit-transform: translate(0, 5px); transform: translate(0, 5px); top: 3px; } .product-detail-ceramica .wrapper-text .precio { margin: 44px 0 15px 0; display: flex; } .product-detail-ceramica .wrapper-text .precio div { width: 33.33%; padding-right: 40px; } .product-detail-ceramica .wrapper-text .precio div p { margin-bottom: 5px; min-height: 30px; max-width: 110px; text-transform: uppercase; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; } .product-detail-ceramica .wrapper-text .precio div p.prices { text-transform: none; font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail-ceramica .wrapper-text .precio div p.prices sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail-ceramica .wrapper-text .calculo-precio { display: flex; background: #F7F7F7; align-items: center; padding: 40px 30px 40px 20px; margin-bottom: 20px; } .product-detail-ceramica .wrapper-text .calculo-precio div { width: 25%; } .product-detail-ceramica .wrapper-text .calculo-precio div:first-child:last-child { width: 100%; } .product-detail-ceramica .wrapper-text .calculo-precio div label { margin-bottom: 5px; text-transform: uppercase; width: 100%; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-group { width: 37.5%; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-group span { position: absolute; top: 35px; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-modify-input { position: relative; text-align: center; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-modify-input label { text-align: left; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-modify-input p { width: auto; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-modify-input p.less { position: absolute; top: 32px; left: 0; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-modify-input p.less a { background: #00538b; color: #FFFFFF; font-size: 16px; font-weight: 100; border-radius: 50%; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px 0 2px 2px; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-modify-input p.more { position: absolute; top: 32px; left: 95px; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-modify-input p.more a { background: #00538b; color: #FFFFFF; font-size: 16px; font-weight: 100; border-radius: 50%; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px 0 2px 2px; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-modify-input input { text-align: center; display: block; margin: 0 25px; } .product-detail-ceramica .wrapper-text .calculo-precio div input { text-align: center; max-width: 67px; display: inline; font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 22px; line-height: 36px; background: transparent; border: none; background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 0; } .product-detail-ceramica .wrapper-text .calculo-precio div input.form-control { padding-left: 0; border-bottom: 1px solid black; border-radius: 0; padding-bottom: 0; } .product-detail-ceramica .wrapper-text .calculo-precio div p { margin-bottom: 0; text-transform: uppercase; width: 100%; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; } .product-detail-ceramica .wrapper-text .calculo-precio div p.price { font-family: 'roca'; font-size: 25px; line-height: 31px; font-weight: normal; display: flex; align-items: baseline; } .product-detail-ceramica .wrapper-text .calculo-precio div p.price sub { bottom: 0; font-size: 18px; line-height: 21px; } .product-detail-ceramica .wrapper-text .dades { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; clear: both; margin-top: 6px; } .product-detail-ceramica .wrapper-text .dades .coleccion { margin-bottom: 4px; } .product-detail-ceramica .wrapper-text .dades .price { text-align: right; } .product-detail-ceramica .wrapper-text .dades .price span { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; } .product-detail-ceramica .wrapper-text .dades .price span sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; } .product-detail-ceramica .wrapper-text .dades .info { cursor: pointer; } .product-detail-ceramica .wrapper-text .dades form { margin-bottom: 30px; } .product-detail-ceramica .compra { display: flex; flex-wrap: wrap; justify-content: flex-start; } .product-detail-ceramica .compra a { display: block; padding: 24px 40px 24px; background: #00538b; color: #FFFFFF; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; } .product-detail-ceramica .compra a .icon-cart-24 { font-size: 24px; height: 0; width: 30px; position: relative; display: inline-block; } .product-detail-ceramica .compra a .icon-cart-24:before { position: absolute; bottom: -7px; right: 0; width: 23px; height: 23px; } .product-detail-ceramica .slick-slider .col-xs-12 { max-width: 100%; } .product-detail-ceramica .slick-list { padding: 0 30px 0 0; width: calc(100% + 30px); position: relative; } .product-detail-ceramica .slick-list:after { content: ""; width: 30px; height: 100%; position: absolute; right: 0; background-color: #fff; } .product-detail-ceramica .slick-dotted.slick-slider { margin-bottom: 30px; padding-top: 15px; } .product-detail-ceramica .slick-track { padding: 10px 0; } .product-detail-ceramica .slick-dots { position: absolute; top: -30px; right: 15px; display: block; width: auto; padding: 0; margin: 0; list-style: none; text-align: right; } .product-detail-ceramica .slick-dots li { position: relative; display: inline-block; width: 15px; height: 20px; margin: 0; margin-left: 10px; padding: 0; cursor: pointer; } .product-detail-ceramica .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .product-detail-ceramica .slick-dots li button:hover, .product-detail-ceramica .slick-dots li button:focus { outline: none; } .product-detail-ceramica .slick-dots li button:hover:before, .product-detail-ceramica .slick-dots li button:focus:before { opacity: 1; background-color: #25a7ff; } .product-detail-ceramica .slick-dots li button:before { content: ''; line-height: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 2px; text-align: center; opacity: 1; background-color: #00538b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-detail-ceramica .slick-dots li.slick-active button:before { background-color: #25a7ff; } .product-detail-ceramica .breadcrumb { margin-bottom: 0; background: transparent; padding: 0; border-radius: 0; } .product-detail-ceramica .breadcrumb ul { margin: 0; padding: 0; } .product-detail-ceramica .breadcrumb ul li { display: inline; list-style-type: none; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-ceramica .breadcrumb ul li a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; position: relative; } .product-detail-ceramica .breadcrumb ul li a:before { content: ""; height: 1.5px; width: 0; position: absolute; bottom: -3px; background-color: #000000; transition: width 0.3s cubic-bezier(0, 1, 0.66, 1); } .product-detail-ceramica .breadcrumb ul li a:hover:before { width: 90%; } .product-detail-ceramica .breadcrumb ul li:after { content: "\002f"; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; } .product-detail-ceramica .breadcrumb ul li:last-child:after { content: none; } .popover { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; background-color: #00538b; border: none; box-shadow: none; } .popover .popover-body { color: #FFFFFF; padding: 30px; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-top-color: #00538b; } /* tablet only Portrait */ @media (min-device-width: 768px) and (max-device-width: 1023px) { .product-detail-ceramica .wrapper-text .dades .price { display: none; } .product-detail-ceramica .breadcrumb { margin-bottom: 30px; } .product-detail-ceramica .wrapper-producto { width: 100%; } .product-detail-ceramica .wrapper-producto .tags ul li { width: 50px; height: 50px; } .product-detail-ceramica .wrapper-producto .tags ul.dest { width: auto; } .product-detail-ceramica .wrapper-producto .tags ul.promo { width: auto; text-align: left; flex-flow: wrap; } .product-detail-ceramica .col-sm-8 .wrapper-producto { min-height: auto; } .product-detail-ceramica .col-lg-4.col-md-12.order-2.order-md-2 { display: flex; flex-wrap: nowrap; } .product-detail-ceramica .col-lg-4.col-md-12.order-2.order-md-2 .product-card { width: 50%; justify-content: flex-start; display: flex; flex-wrap: nowrap; } .product-detail-ceramica .col-lg-4.col-md-12.order-2.order-md-2 .product-card:last-child { justify-content: flex-end; } } /* mobile */ @media (max-width: 767px) { .product-detail-ceramica .wrapper-text .dades .price { display: none; } .product-detail-ceramica .wrapper-text .dimension .left { width: 100%; margin-bottom: 12px; } .product-detail-ceramica .wrapper-text .dimension .right { margin-left: 0; } .product-detail-ceramica .wrapper-producto .slick-prev, .product-detail-ceramica .wrapper-producto .slick-next { display: none !important; } .product-detail-ceramica .col-sm-8 .wrapper-producto { min-height: auto; } .product-detail-ceramica .col-lg-4.col-md-12.order-2.order-md-2 { display: flex; flex-wrap: nowrap; } .product-detail-ceramica .col-lg-4.col-md-12.order-2.order-md-2 .product-card { width: 50%; justify-content: flex-start; display: flex; flex-wrap: nowrap; } .product-detail-ceramica .col-lg-4.col-md-12.order-2.order-md-2 .product-card:last-child { justify-content: flex-end; } .product-detail-ceramica .compra p { width: 100%; text-align: center; } .product-detail-ceramica .compra p a { padding: 24px 20px 31px; } .product-detail-ceramica .wrapper-text .precio { flex-wrap: wrap; } .product-detail-ceramica .wrapper-text .precio div { width: 50%; } .product-detail-ceramica .wrapper-text .precio div:last-child { width: 100%; } .product-detail-ceramica .wrapper-text .precio div p { min-height: auto; max-width: 100%; } .product-detail-ceramica .wrapper-text .precio div p.prices { margin-bottom: 30px; } .product-detail-ceramica .wrapper-text .calculo-precio { flex-wrap: wrap; padding: 30px 20px; } .product-detail-ceramica .wrapper-text .calculo-precio div { width: 100%; } .product-detail-ceramica .wrapper-text .calculo-precio div.form-group { width: 50%; margin-bottom: 30px; } .product-detail-ceramica .wrapper-text .calculo-precio div p { margin-bottom: 0; text-align: center; } .product-detail-ceramica .wrapper-text .calculo-precio div p.transparent-btn { width: 100%; margin-bottom: 32px; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: normal; line-height: 18px; } .product-detail-ceramica .wrapper-text .calculo-precio div p.transparent-btn a { color: #000000; text-decoration: none; border: 1px solid #000000; display: block; width: 100%; padding: 23px; } .product-detail-ceramica .wrapper-text .calculo-precio div p.price { justify-content: center; } } .product-detail-full-width { margin-bottom: 70px; /* Dots */ } .product-detail-full-width .band-discontinued { width: 100%; background: #eaeaea; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 2em; } .product-detail-full-width .band-discontinued p { margin: 0; text-transform: uppercase; color: #9a9a9a; font-family: 'Roboto-Bold',Helvetica,Arial,sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 18px; } .product-detail-full-width .tags { min-height: 50px; position: absolute; z-index: 9; width: 100%; top: 77px; } .product-detail-full-width .tags ul { margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap-reverse; } .product-detail-full-width .tags ul.dest { width: 48%; } .product-detail-full-width .tags ul.promo { width: 50%; text-align: right; flex-flow: row-reverse wrap; } .product-detail-full-width .tags ul li { display: inline-flex; justify-content: center; align-items: center; list-style-type: none; width: 50px; height: 50px; align-items: center; margin: 0; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 19px; color: white; position: relative; padding: 0; } .product-detail-full-width .tags ul li img { height: 20px; } .product-detail-full-width .tags ul li.black { background: #000000; } .product-detail-full-width .tags ul li.green { background: #81c97c; } .product-detail-full-width .tags ul li.grey { background: #EAEAEA; } .product-detail-full-width .tags ul li.blue { background: #00538b; } .product-detail-full-width .slick-dotted.slick-slider { margin-bottom: 24px; } .product-detail-full-width .slick-dots { position: absolute; bottom: 25px; right: 60px; display: table !important; width: 50px; padding: 0; margin: 0; list-style: none; text-align: right; } .product-detail-full-width .slick-dots li { position: relative; display: table-cell; width: auto; height: 20px; margin: 0; padding: 0; cursor: pointer; } .product-detail-full-width .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .product-detail-full-width .slick-dots li button:hover, .product-detail-full-width .slick-dots li button:focus { outline: none; } .product-detail-full-width .slick-dots li button:hover:before, .product-detail-full-width .slick-dots li button:focus:before { opacity: 1; background-color: #000000; } .product-detail-full-width .slick-dots li button:before { content: ''; line-height: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 2px; text-align: center; opacity: 1; background-color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-detail-full-width .slick-dots li.slick-active button:before { background-color: #000000; } .product-detail-full-width .slick-dots { top: -10vh; left: 0; width: 66px; text-align: center; } .product-detail-full-width .slick-dots li { display: table-caption; width: 6px; height: 13px; margin: 0 auto; } .product-detail-full-width .slick-dots li.slick-active { width: 12px; } .product-detail-full-width .slick-dots li button { width: 12px; height: 13px; } .product-detail-full-width .volver-white, .product-detail-full-width .volver-black { position: absolute; z-index: 99; top: 15px; } .product-detail-full-width .nav-slider { position: absolute; z-index: 9; top: 45vh; margin: 0; padding: 0; text-align: center; } .product-detail-full-width .nav-slider li { list-style-type: none; text-align: center; margin-bottom: 20px; } .product-detail-full-width .move-slick-dots { position: absolute; z-index: 9; top: 45vh; left: 0; } .product-detail-full-width .cabecera-destacada { margin-bottom: 0; } .product-detail-full-width .cabecera-destacada.interior { margin-bottom: 0; } .product-detail-full-width .cabecera-destacada.interior .slick-dotted.slick-slider { margin-bottom: 0px; } .product-detail-full-width .cabecera-destacada .jumbotron { height: calc(100vh - 131px); width: 100%; display: block; position: relative; background-size: cover; background-position: top; padding: 0; margin-bottom: 0; } .product-detail-full-width .cabecera-destacada .jumbotron .container { z-index: 2; position: relative; display: block; } .product-detail-full-width .cabecera-destacada .jumbotron .container, .product-detail-full-width .cabecera-destacada .jumbotron .row, .product-detail-full-width .cabecera-destacada .jumbotron .col-xs-12 { height: 100%; } @media (orientation: landscape) and (max-width: 991px) { .product-detail-full-width .cabecera-destacada .jumbotron { height: 100vw !important; } } .product-detail-full-width .cabecera-destacada .velo-25 { z-index: 1; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); } .product-detail-full-width .cabecera-destacada .velo-25:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.25); } .product-detail-full-width .cabecera-destacada .slider-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FFFFFF; z-index: 5; margin-top: 34px; height: calc(100% - 131px); } .product-detail-full-width .cabecera-destacada h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 100px; line-height: 100px; letter-spacing: -4px; font-weight: normal; color: #FFFFFF; margin-bottom: 40px; } .product-detail-full-width .cabecera-destacada p { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; color: #FFFFFF; } .product-detail-full-width .cabecera-destacada .cta-white { margin-top: 34px; } .product-detail-full-width .cabecera-destacada .background-wrapper { position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; z-index: 0; } .product-detail-full-width .cabecera-destacada .video-wrapper-loop { position: relative; height: 0; padding-top: 56.6%; } @media (orientation: portrait) { .product-detail-full-width .cabecera-destacada .video-wrapper-loop { min-height: calc(100vh - 131px); } } @media (max-aspect-ratio: 16 / 9) { .product-detail-full-width .cabecera-destacada .video-wrapper-loop { min-height: calc(100vh - 0px); } } .product-detail-full-width .cabecera-destacada .slick-next { right: 30px; } .product-detail-full-width .cabecera-destacada .slick-prev { left: 30px; } .product-detail-full-width .cabecera-destacada .slick-prev:before, .product-detail-full-width .cabecera-destacada .slick-next:before { /* font-family: 'icomoon' !important;*/ font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-detail-full-width .cabecera-destacada .slick-prev:before { /*content: "\e907"; transform: rotate(180deg);*/ content: url(../image/chevron_left-18.svg); position: absolute; width: 5.6px; right: 7px; top: 0; } .product-detail-full-width .cabecera-destacada .slick-next:before { /*content: "\e907";*/ content: url(../image/chevron_right-18.svg); position: absolute; width: 5.6px; right: 7px; top: 0; } .product-detail-full-width .cabecera-destacada .slick-arrow, .product-detail-full-width .cabecera-destacada .slick-prev span, .product-detail-full-width .cabecera-destacada .slick-next span, .product-detail-full-width .cabecera-destacada .slider-counter { display: none !important; } .product-detail-full-width .breadcrumb { padding: 0; margin-bottom: 19px; } .product-detail-full-width .breadcrumb ul { width: 100%; } .product-detail-full-width .breadcrumb ul li a:hover:before { width: 93%; } .product-detail-full-width .wrapper-text { padding: 0; overflow: hidden; } .product-detail-full-width .wrapper-text .coleccion { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #00538b; text-transform: uppercase; margin-bottom: 5px; } .product-detail-full-width .wrapper-text .reference { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000000; } .product-detail-full-width .wrapper-text .title-producto { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; font-weight: 300; margin-bottom: 30px; } .product-detail-full-width .wrapper-text .title-producto a { display: block; } .product-detail-full-width .wrapper-text .form-group { margin-bottom: 0; } .product-detail-full-width .wrapper-text .form-group span { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; } .product-detail-full-width .wrapper-text select { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 26px; width: 100%; background: #FFFFFF; border: none; background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; } .product-detail-full-width .wrapper-text select.form-control { background-image: url("../image/chevron_down-18.svg"); padding-left: 0; border-bottom: 1px solid black; border-radius: 0; padding-bottom: 0; margin-bottom: 4px; } .product-detail-full-width .wrapper-text select.form-control:not([multiple]):not([size]) { -moz-appearance: none; -webkit-appearance: none; background-image: url("../image/chevron_down-18.svg"); background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; padding-bottom: 0; padding-top: 0; height: 30px; } .product-detail-full-width .wrapper-text select.form-control:not([multiple]):not([size])::-ms-expand { display: none; } .product-detail-full-width .wrapper-text select.form-control:not([multiple]):not([size]):focus { background-image: url("../image/chevron_down-18.svg"); } .product-detail-full-width .wrapper-text select.form-control:not([multiple]):not([size]):disabled { background-image: url("../image/chevron_down-18.svg"); } .product-detail-full-width .wrapper-text .dimension { display: flex; flex-wrap: wrap; } .product-detail-full-width .wrapper-text .dimension label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-full-width .wrapper-text .dimension .info { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-full-width .wrapper-text .dimension .left { justify-content: start; width: 50%; } .product-detail-full-width .wrapper-text .dimension .left a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; color: #00538b; text-transform: uppercase; margin-top: 16px; display: block; position: relative; } .product-detail-full-width .wrapper-text .dimension .left a img { margin: -2px 8px 0 0; } .product-detail-full-width .wrapper-text .dimension .left .descargar { padding-left: 30px; } .product-detail-full-width .wrapper-text .dimension .left .descargar:before { content: url(../image/download.svg); position: absolute; top: 1px; left: 1px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .product-detail-full-width .wrapper-text .dimension .left .descargar:hover:before { -webkit-transform: translate(0, 5px); transform: translate(0, 5px); top: 3px; } .product-detail-full-width .wrapper-text .dimension .left .opcionescompra { background: #00538b; } .product-detail-full-width .wrapper-text .dimension .right { justify-content: end; margin-left: 40px; align-items: center; width: 45%; display: flex; flex-direction: column; } .product-detail-full-width .wrapper-text .config { margin-bottom: 40px; width: 100%; } .product-detail-full-width .wrapper-text .config select { width: 100%; } .product-detail-full-width .wrapper-text .config label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-full-width .wrapper-text .compra { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: auto; align-self: flex-end; } .product-detail-full-width .wrapper-text .compra .left { justify-content: start; width: auto; } .product-detail-full-width .wrapper-text .compra .left .opcionescompra { display: block; padding: 24px 40px 24px; background: #00538b; color: #FFFFFF; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; } .product-detail-full-width .wrapper-text .compra .left .opcionescompra .icon-cart-24 { font-size: 24px; height: 0; width: 30px; position: relative; display: inline-block; } .product-detail-full-width .wrapper-text .compra .left .opcionescompra .icon-cart-24:before { position: absolute; bottom: -7px; right: 0; width: 23px; height: 23px; } .product-detail-full-width .wrapper-text .compra .right { justify-content: end; padding: 16px 0 0 0; width: auto; } .product-detail-full-width .wrapper-text .compra .right p.info { margin-bottom: 3px; } .product-detail-full-width .wrapper-text .compra .right p.info a { cursor: pointer; } .product-detail-full-width .wrapper-text .compra .right p.info a img { position: relative; bottom: 2px; } .product-detail-full-width .wrapper-text .compra .right .price { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail-full-width .wrapper-text .compra .right .price sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail-full-width .wrapper-text .colors { margin: 44px 0 25px 0; /* Stuff after this is only to make things more pretty */ } .product-detail-full-width .wrapper-text .colors .color { display: inline-block; } .product-detail-full-width .wrapper-text .colors .fondo { background: #FFFFFF; border: 2px solid #d5d5d5; border-radius: 50%; width: 34px; height: 34px; display: inline-block; position: relative; cursor: pointer; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product-detail-full-width .wrapper-text .colors img { width: 32px; height: 32px; display: block; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; } .product-detail-full-width .wrapper-text .colors .input-hidden { position: absolute; left: -9999px; } .product-detail-full-width .wrapper-text .colors input[type=radio]:checked + label > img { border: 2px solid #00538b; padding: 8px; } .product-detail-full-width .wrapper-text .colors input[type=radio]:checked + label.fondo { border: 2px solid transparent; } .product-detail-full-width .wrapper-text .colors input[type=radio] + label > img { border: 2px solid transparent; } .product-detail-full-width .wrapper-text .colors .model { position: relative; top: -18px; left: 4px; display: inline-block; margin-right: 20px; text-transform: uppercase; } .product-detail-full-width .wrapper-text .dades { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; clear: both; margin-top: 6px; } .product-detail-full-width .wrapper-text .dades h1 { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 28px; font-weight: normal; line-height: 30px; letter-spacing: -0.4px; width: 39%; margin: 20px 0 39px; } .product-detail-full-width .wrapper-text .dades .sizes { text-align: left; text-transform: uppercase; } .product-detail-full-width .wrapper-text .dades .coleccion { margin-bottom: 4px; } .product-detail-full-width .wrapper-text .dades .price { text-align: right; } .product-detail-full-width .wrapper-text .dades .price span { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; } .product-detail-full-width .wrapper-text .dades .price span sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; } /* tablet Portrait and Landscape */ @media (min-width: 768px) and (max-width: 1024px) { .product-detail-full-width .list-actions { max-width: 44%; padding: 0; } .product-detail-full-width .cabecera-destacada h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 104px; line-height: 104px; letter-spacing: -4px; font-weight: normal; } .product-detail-full-width .cabecera-destacada .slick-dots { left: 62px; top: 96.5%; } .product-detail-full-width .cabecera-destacada .slider-counter.total { left: 124px; top: 95.7%; } .product-detail-full-width .cabecera-destacada .slider-counter.actual { left: 31px; top: 95.7%; } .product-detail-full-width .cabecera-destacada .slick-arrow span { display: none; } .product-detail-full-width .cabecera-destacada .slick-prev { left: 20%; top: 96.7%; } .product-detail-full-width .cabecera-destacada .slick-next { left: calc(20% + 42px); top: 96.7%; } .product-detail-full-width .cabecera-destacada .slick-prev:before { background-image: url(../image/chevron_left-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-full-width .cabecera-destacada .slick-next:before { background-image: url(../image/chevron_right-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-full-width .cabecera-destacada .slick-slider .hotspots-slide { margin-top: -175.5%; } .product-detail-full-width .wrapper-text .compra .left .opcionescompra { display: inline-block; } .product-detail-full-width .list-actions { margin-top: 32px; justify-content: flex-start; } .product-detail-full-width { margin-bottom: 100px; margin-top: -1px; } .product-detail-full-width .volver-black { top: -30px; } .product-detail-full-width .move-slick-dots { top: 22vh; } .product-detail-full-width .cabecera-destacada { margin-bottom: 0; } .product-detail-full-width .cabecera-destacada .jumbotron { max-height: 227px; } .product-detail-full-width .cabecera-destacada h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 60px; line-height: 60px; letter-spacing: -4px; font-weight: normal; } .product-detail-full-width .cabecera-destacada .slick-dots { left: 50px; top: 90%; } .product-detail-full-width .cabecera-destacada .slider-counter.total { left: 114px; top: 88.7%; } .product-detail-full-width .cabecera-destacada .slider-counter.actual { left: 15px; top: 88.7%; } .product-detail-full-width .cabecera-destacada .slick-arrow span { display: none; } .product-detail-full-width .cabecera-destacada .slick-prev { left: 37%; top: 90.3%; } .product-detail-full-width .cabecera-destacada .slick-next { left: calc(37% + 42px); top: 90.3%; } .product-detail-full-width .cabecera-destacada .slick-prev:before { background-image: url(../image/chevron_left-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-full-width .cabecera-destacada .slick-next:before { background-image: url(../image/chevron_right-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-full-width .overflow-layer .tarjeta-producto { display: none; } .product-detail-full-width .breadcrumb { padding: 15px; } .product-detail-full-width .tags { width: 103%; top: 0; right: -7px; } .product-detail-full-width .nav-slider { display: none; } .product-detail-full-width .wrapper-text .dades h1 { width: 100%; margin: 20px 0; } .product-detail-full-width .wrapper-text .dades .coleccion, .product-detail-full-width .wrapper-text .dades .reference, .product-detail-full-width .wrapper-text .dades h1, .product-detail-full-width .wrapper-text .dades .dimension { padding-right: 15px; padding-left: 15px; } .product-detail-full-width .wrapper-text .dades .price { text-align: right; } .product-detail-full-width .wrapper-text .dades .config { margin-bottom: 0; } .product-detail-full-width .wrapper-text select { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; } .product-detail-full-width .wrapper-text .dimension { margin-top: 42px; } .product-detail-full-width .wrapper-text .dimension .left, .product-detail-full-width .wrapper-text .dimension .right { width: 100%; margin-left: 0; display: block; } .product-detail-full-width .wrapper-text .compra { flex-flow: column-reverse; } } @media (max-width: 991px) { .product-detail-full-width .move-list-action-mobile { max-width: 270px; margin-top: 32px; } .product-detail-full-width .list-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; list-style: none; height: 100%; padding: 0; margin-bottom: 0; } .product-detail-full-width .list-actions li { margin-left: 0; } .product-detail-full-width .list-actions img { width: 20px; height: 20px; } } /* mobile */ @media (max-width: 768px) { .product-detail-full-width { margin-bottom: 70px; margin-top: -1px; } .product-detail-full-width .volver-black { top: -30px; } .product-detail-full-width .move-slick-dots { top: 22vh; } .product-detail-full-width .cabecera-destacada { margin-bottom: 0; margin-top: 50px; } .product-detail-full-width .cabecera-destacada .jumbotron { max-height: 227px; } .product-detail-full-width .cabecera-destacada h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 60px; line-height: 60px; letter-spacing: -4px; font-weight: normal; } .product-detail-full-width .cabecera-destacada .slick-dots { left: 50px; top: 90%; } .product-detail-full-width .cabecera-destacada .slider-counter.total { left: 114px; top: 88.7%; } .product-detail-full-width .cabecera-destacada .slider-counter.actual { left: 15px; top: 88.7%; } .product-detail-full-width .cabecera-destacada .slick-arrow span { display: none; } .product-detail-full-width .cabecera-destacada .slick-prev { left: 37%; top: 90.3%; } .product-detail-full-width .cabecera-destacada .slick-next { left: calc(37% + 42px); top: 90.3%; } .product-detail-full-width .cabecera-destacada .slick-prev:before { background-image: url(../image/chevron_left-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-full-width .cabecera-destacada .slick-next:before { background-image: url(../image/chevron_right-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-full-width .overflow-layer .tarjeta-producto { display: none; } .product-detail-full-width .breadcrumb { padding: 0 15px; } .product-detail-full-width .tags { width: 103%; top: -10px; right: -7px; } .product-detail-full-width .nav-slider { display: none; } .product-detail-full-width .wrapper-text .dades h1 { width: 100%; margin: 20px 0; } .product-detail-full-width .wrapper-text .dades .coleccion, .product-detail-full-width .wrapper-text .dades .reference, .product-detail-full-width .wrapper-text .dades h1, .product-detail-full-width .wrapper-text .dades .dimension { padding-right: 15px; padding-left: 15px; } .product-detail-full-width .wrapper-text .dades .price { text-align: right; } .product-detail-full-width .wrapper-text .dades .config { margin-bottom: 0; } .product-detail-full-width .wrapper-text select { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; } .product-detail-full-width .wrapper-text .dimension { margin-top: 42px; } .product-detail-full-width .wrapper-text .dimension .left, .product-detail-full-width .wrapper-text .dimension .right { width: 100%; margin-left: 0; display: block; } .product-detail-full-width .wrapper-text .compra { flex-flow: column-reverse; } .product-detail-full-width .wrapper-text .move-list-action-mobile { max-width: 100%; } } /* mobile */ @media (max-width: 320px) { .product-detail-full-width .cabecera-destacada .slick-prev { left: 45%; top: 90.3%; } .product-detail-full-width .cabecera-destacada .slick-next { left: calc(45% + 42px); top: 90.3%; } .product-detail-full-width .cabecera-destacada .cta-white { margin-top: 11px; } } /* mobile only landscape */ @media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 736px) { .product-detail-full-width .cabecera-destacada .jumbotron { height: 52vw !important; } .product-detail-full-width .cabecera-destacada .slick-slider .jumbotron { height: 149vh !important; } } /* firefox*/ @-moz-document url-prefix() { .product-detail-full-width .slick-dots li { display: table-row; width: 6px; height: 13px; margin: 0 auto; } .product-detail-full-width .slick-dots li button::before { width: 6px; left: 50%; } .product-detail-full-width .slick-dots li.slick-active button::before { width: 12px; } } .product-detail-manual { margin-top: -84px; margin-bottom: 70px; /* Dots */ } .product-detail-manual .band-discontinued { width: 100%; background: #eaeaea; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 2em; } .product-detail-manual .band-discontinued p { margin: 0; text-transform: uppercase; color: #9a9a9a; font-family: 'Roboto-Bold',Helvetica,Arial,sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 18px; } .product-detail-manual .slick-dotted.slick-slider { margin-bottom: 24px; } .product-detail-manual .slick-dots { position: absolute; bottom: 25px; right: 60px; display: table !important; width: 50px; padding: 0; margin: 0; list-style: none; text-align: right; } .product-detail-manual .slick-dots li { position: relative; display: table-cell; width: auto; height: 20px; margin: 0; padding: 0; cursor: pointer; } .product-detail-manual .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .product-detail-manual .slick-dots li button:hover, .product-detail-manual .slick-dots li button:focus { outline: none; } .product-detail-manual .slick-dots li button:hover:before, .product-detail-manual .slick-dots li button:focus:before { opacity: 1; background-color: #FFFFFF; } .product-detail-manual .slick-dots li button:before { content: ''; line-height: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 2px; text-align: center; opacity: 1; background-color: #9A9A9A; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-detail-manual .slick-dots li.slick-active button:before { background-color: #FFFFFF; } .product-detail-manual .slick-dots { top: -10vh; left: 0; width: 66px; text-align: center; } .product-detail-manual .slick-dots li { display: table-caption; width: 6px; height: 13px; margin: 0 auto; } .product-detail-manual .slick-dots li.slick-active { width: 12px; } .product-detail-manual .slick-dots li button { width: 12px; height: 13px; } .product-detail-manual .move-anclas { width: 100%; } .product-detail-manual .volver-white { position: absolute; z-index: 99; top: 100px; } .product-detail-manual .nav-slider { position: absolute; z-index: 99; top: 52vh; margin: 0; padding: 0; text-align: center; } .product-detail-manual .nav-slider li { list-style-type: none; text-align: center; margin-bottom: 20px; } .product-detail-manual .move-slick-dots { position: absolute; z-index: 99; top: 52vh; left: 0; } .product-detail-manual .cabecera-destacada { margin-bottom: 0; } .product-detail-manual .cabecera-destacada.interior { margin-bottom: 0; } .product-detail-manual .cabecera-destacada.interior .slick-dotted.slick-slider { margin-bottom: 0px; } .product-detail-manual .cabecera-destacada .jumbotron { height: calc(100vh - 131px); width: 100%; display: block; position: relative; background-size: cover; background-position: center; padding: 0; margin-bottom: 0; } .product-detail-manual .cabecera-destacada .jumbotron .container { z-index: 2; position: relative; display: block; } .product-detail-manual .cabecera-destacada .jumbotron .container, .product-detail-manual .cabecera-destacada .jumbotron .row, .product-detail-manual .cabecera-destacada .jumbotron .col-xs-12 { height: 100%; } @media (orientation: landscape) and (max-width: 991px) { .product-detail-manual .cabecera-destacada .jumbotron { height: 100vw !important; } } .product-detail-manual .cabecera-destacada .velo-25 { z-index: 1; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); } .product-detail-manual .cabecera-destacada .velo-25:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.25); } .product-detail-manual .cabecera-destacada .slider-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FFFFFF; z-index: 5; margin-top: 34px; height: calc(100% - 131px); } .product-detail-manual .cabecera-destacada h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 100px; line-height: 100px; letter-spacing: -4px; font-weight: normal; color: #FFFFFF; margin-bottom: 40px; } .product-detail-manual .cabecera-destacada p { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; color: #FFFFFF; } .product-detail-manual .cabecera-destacada .cta-white { margin-top: 34px; } .product-detail-manual .cabecera-destacada .background-wrapper { position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; z-index: 0; } .product-detail-manual .cabecera-destacada .video-wrapper-loop { position: relative; height: 0; padding-top: 56.6%; } @media (orientation: portrait) { .product-detail-manual .cabecera-destacada .video-wrapper-loop { min-height: calc(100vh - 131px); } } @media (max-aspect-ratio: 16 / 9) { .product-detail-manual .cabecera-destacada .video-wrapper-loop { min-height: calc(100vh - 0px); } } .product-detail-manual .cabecera-destacada .slick-next { right: 30px; } .product-detail-manual .cabecera-destacada .slick-prev { left: 30px; } .product-detail-manual .cabecera-destacada .slick-prev:before, .product-detail-manual .cabecera-destacada .slick-next:before { /* font-family: 'icomoon' !important;*/ font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-detail-manual .cabecera-destacada .slick-prev:before { /*content: "\e907"; transform: rotate(180deg);*/ content: url(../image/chevron_left-18.svg); position: absolute; width: 5.6px; right: 7px; top: 0; } .product-detail-manual .cabecera-destacada .slick-next:before { /*content: "\e907";*/ content: url(../image/chevron_right-18.svg); position: absolute; width: 5.6px; right: 7px; top: 0; } .product-detail-manual .cabecera-destacada .slick-arrow { display: none; } .product-detail-manual .cabecera-destacada .slick-prev span { display: none; } .product-detail-manual .cabecera-destacada .slick-next span { display: none; } .product-detail-manual .cabecera-destacada .slider-counter { display: none; } .product-detail-manual .overflow-layer { margin-bottom: 0; justify-content: flex-end; display: flex; margin-top: -144px; } .product-detail-manual .overflow-layer .tarjeta-producto { max-width: 360px; padding-top: 0; width: 100%; } .product-detail-manual .overflow-layer .tarjeta-producto .image { padding: 66px; } .product-detail-manual .breadcrumb { padding: 0; } .product-detail-manual .breadcrumb ul { width: 100%; } .product-detail-manual .breadcrumb ul li a:hover:before { width: 93%; } .product-detail-manual .wrapper-text { padding: 0; overflow: hidden; } .product-detail-manual .wrapper-text.col-12.col-md-5 { display: flex; align-items: flex-end; } .product-detail-manual .wrapper-text .title-producto { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; font-weight: 300; margin-bottom: 30px; } .product-detail-manual .wrapper-text .title-producto a { display: block; } .product-detail-manual .wrapper-text .dades { clear: both; margin-top: 48px; } .product-detail-manual .wrapper-text .dades h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 100px; line-height: 100px; letter-spacing: -4px; font-weight: normal; margin-bottom: 29px; } .product-detail-manual .wrapper-text .dades p { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 22px; line-height: 36px; width: 85%; } .product-detail-manual .wrapper-text .dades .price { text-align: right; } .product-detail-manual .wrapper-text .dades .price span { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; } .product-detail-manual .wrapper-text .dades .price span sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; } .product-detail-manual .wrapper-text .dades .coleccion { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #00538b; text-transform: uppercase; margin-bottom: 4px; } .product-detail-manual .wrapper-text .dades .reference { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000000; } .product-detail-manual .compra { display: flex; flex-wrap: wrap; } .product-detail-manual .compra .left { justify-content: start; } .product-detail-manual .compra .left a { display: block; padding: 24px 40px 24px; background: #00538b; color: #FFFFFF; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; } .product-detail-manual .compra .left a .icon-cart-24 { font-size: 24px; height: 0; width: 30px; position: relative; display: inline-block; } .product-detail-manual .compra .left a .icon-cart-24:before { position: absolute; bottom: -7px; right: 0; width: 23px; height: 23px; } .product-detail-manual .compra .left .opcionescompra { background: #00538b; } .product-detail-manual .compra .right { justify-content: end; padding: 16px 0 0 40px; } .product-detail-manual .compra .right p.info { margin-bottom: 3px; } .product-detail-manual .compra .right p.info a img { position: relative; bottom: 2px; } .product-detail-manual .compra .right .price { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail-manual .compra .right .price sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } /* tablet Portrait and Landscape */ @media (min-width: 768px) and (max-width: 1024px) { .product-detail-manual .cabecera-destacada { margin-bottom: 70px; } .product-detail-manual .cabecera-destacada h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 104px; line-height: 104px; letter-spacing: -4px; font-weight: normal; } .product-detail-manual .cabecera-destacada .slick-dots { left: 62px; top: 96.5%; } .product-detail-manual .cabecera-destacada .slider-counter.total { left: 124px; top: 95.7%; } .product-detail-manual .cabecera-destacada .slider-counter.actual { left: 31px; top: 95.7%; } .product-detail-manual .cabecera-destacada .slick-arrow span { display: none; } .product-detail-manual .cabecera-destacada .slick-prev { left: 20%; top: 96.7%; } .product-detail-manual .cabecera-destacada .slick-next { left: calc(20% + 42px); top: 96.7%; } .product-detail-manual .cabecera-destacada .slick-prev:before { background-image: url(../image/chevron_left-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-manual .cabecera-destacada .slick-next:before { background-image: url(../image/chevron_right-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-manual .cabecera-destacada .slick-slider .hotspots-slide { margin-top: -175.5%; } .product-detail-manual .overflow-layer { margin-top: -374px; } } /* mobile */ @media (max-width: 767px) { .product-detail-manual { margin-bottom: 70px; margin-top: -1px; } .product-detail-manual .cabecera-destacada { margin-bottom: 0; } .product-detail-manual .cabecera-destacada h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 60px; line-height: 60px; letter-spacing: -4px; font-weight: normal; } .product-detail-manual .cabecera-destacada .slick-dots { left: 50px; top: 90%; } .product-detail-manual .cabecera-destacada .slider-counter.total { left: 114px; top: 88.7%; } .product-detail-manual .cabecera-destacada .slider-counter.actual { left: 15px; top: 88.7%; } .product-detail-manual .cabecera-destacada .slick-arrow span { display: none; } .product-detail-manual .cabecera-destacada .slick-prev { left: 37%; top: 90.3%; } .product-detail-manual .cabecera-destacada .slick-next { left: calc(37% + 42px); top: 90.3%; } .product-detail-manual .cabecera-destacada .slick-prev:before { background-image: url(../image/chevron_left-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-manual .cabecera-destacada .slick-next:before { background-image: url(../image/chevron_right-18.svg); background-size: 10px 18px; display: inline-block; width: 10px; height: 18px; content: ""; position: unset; left: unset; top: unset; } .product-detail-manual .overflow-layer .tarjeta-producto { display: none; } .product-detail-manual .nav-slider, .product-detail-manual .volver-white { display: none; } } /* mobile */ @media (max-width: 320px) { .product-detail-manual .cabecera-destacada .slick-prev { left: 45%; top: 90.3%; } .product-detail-manual .cabecera-destacada .slick-next { left: calc(45% + 42px); top: 90.3%; } .product-detail-manual .cabecera-destacada .cta-white { margin-top: 11px; } .product-detail-manual .wrapper-text .dades h2 { font-family: 'SuisseIntl-Regular', 'rocablack'; font-size: 60px; line-height: 60px; letter-spacing: -4px; font-weight: normal; } .product-detail-manual .wrapper-text .dades p { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; } } /* mobile only landscape */ @media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 736px) { .product-detail-manual .cabecera-destacada .jumbotron { height: 52vw !important; } .product-detail-manual .cabecera-destacada .slick-slider .jumbotron { height: 149vh !important; } } /* firefox*/ @-moz-document url-prefix() { .product-detail-manual .slick-dots li { display: table-row; width: 6px; height: 13px; margin: 0 auto; } .product-detail-manual .slick-dots li button::before { width: 6px; left: 50%; } .product-detail-manual .slick-dots li.slick-active button::before { width: 12px; } } .product-detail-recambios { /* Dots */ } .product-detail-recambios .band-discontinued { width: 100%; background: #eaeaea; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 2em; } .product-detail-recambios .band-discontinued p { margin: 0; text-transform: uppercase; color: #9a9a9a; font-family: "Roboto-Bold", Helvetica, Arial, sans-serif; font-size: 10px; letter-spacing: 1px; line-height: 18px; } .product-detail-recambios h1 { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; margin-bottom: 30px; min-height: 40px; } .product-detail-recambios .col-sm-8 .wrapper-producto { min-height: 748px; } .product-detail-recambios .cta-black { margin-top: 50px; } .product-detail-recambios .image-overflow { position: absolute; top: 0; right: 0; width: 100%; max-width: 900px; height: 0; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1 !important; } .product-detail-recambios .image-overflow .slider-nav { width: 80%; margin: auto; } .product-detail-recambios .wrapper-producto { background-color: #ffffff; margin-bottom: 50px; box-shadow: none; } @media (min-width: 1900px) { .product-detail-recambios .wrapper-producto { height: 20vh; } } .product-detail-recambios .wrapper-producto .slider-single > div:nth-child(1n + 2) { display: none; } .product-detail-recambios .wrapper-producto .slider-single.slick-initialized > div:nth-child(1n + 2) { display: block; } .product-detail-recambios .wrapper-producto .slider-single img { margin: 0.5rem auto; padding: 2%; position: relative; text-align: center; /* max-width: 100%; max-height: 550px; */ cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: opacity 100ms cubic-bezier(0, 1, 0.66, 1); transition: opacity 100ms cubic-bezier(0, 1, 0.66, 1); /* @media (max-width: 1023px) and (orientation: portrait) { max-height: 55vh; } @media (max-width: 1023px) and (orientation: landscape) { max-height: 75vw; } */ } .product-detail-recambios .wrapper-producto .slider-single.slick-initialized img { visibility: visible; opacity: 1; } .product-detail-recambios .wrapper-producto .slider-nav .slick-slide { border: 1px solid transparent; margin-left: 0; margin-right: 0; width: 50px; height: 35px; position: relative; } .product-detail-recambios .wrapper-producto .slider-nav .slick-slide.is-active, .product-detail-recambios .wrapper-producto .slider-nav .slick-slide:hover { border: 1px solid black; } .product-detail-recambios .wrapper-producto .slider-nav .slick-slide > div > div { vertical-align: middle; } .product-detail-recambios .wrapper-producto .slider-nav .slick-slide img { max-width: 50px; max-height: 22px; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product-detail-recambios .wrapper-producto .slider-nav .slick-list { padding: 0 30px 0 0; width: 70%; margin: 0 auto; position: relative; } .product-detail-recambios .wrapper-producto .slider-nav img::before { content: ""; display: block; padding-top: 75%; } .product-detail-recambios .wrapper-producto .slider-nav img { width: 100%; } .product-detail-recambios .wrapper-producto .slider-nav .slick-slide { cursor: pointer; } .product-detail-recambios .wrapper-producto .slider-nav .slick-next { background-image: url("../image/play-24.svg"); right: -20px; } .product-detail-recambios .wrapper-producto .slider-nav .slick-prev { background-image: url("../image/play-24.svg"); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: -20px; } .product-detail-recambios .wrapper-producto .slider-nav img { visibility: hidden; opacity: 0; -webkit-transition: opacity 100ms cubic-bezier(0, 1, 0.66, 1); transition: opacity 100ms cubic-bezier(0, 1, 0.66, 1); } .product-detail-recambios .wrapper-producto .slider-nav.slick-initialized img { visibility: visible; opacity: 1; } .product-detail-recambios .wrapper-producto .slick-slide.is-active img { color: #c00; background-color: #fff; } .product-detail-recambios .wrapper-producto-overflow .slider-single a, .product-detail-recambios .wrapper-producto-overflow .slider-single .no-image { position: relative; display: flex; margin: auto; height: 175px; /* @media (max-width: 425px){ height: 40vw; width: 60vw; } */ } @media (max-width: 768px) { .product-detail-recambios .wrapper-producto-overflow .slider-single a, .product-detail-recambios .wrapper-producto-overflow .slider-single .no-image { width: 195px; } } .product-detail-recambios .wrapper-producto-overflow .slider-single img { margin: auto; padding: 0; margin: auto; position: relative; text-align: center; width: auto; max-width: 200px; height: auto; max-height: 100%; cursor: pointer; } .product-detail-recambios .wrapper-producto-overflow .tags { min-height: 50px; /* height: 41vw; */ max-height: 980px; position: relative !important; } @media (min-width: 1900px) { .product-detail-recambios .wrapper-producto-overflow .tags { min-height: 50px; height: 450px; max-height: 100%; } } @media (min-width: 1900px) { .product-detail-recambios .wrapper-producto-overflow .image-overflow { padding-bottom: 0px; } } .product-detail-recambios .wrapper-producto .tags { min-height: 50px; pointer-events: none; } .product-detail-recambios .wrapper-producto .tags ul { margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap-reverse; } .product-detail-recambios .wrapper-producto .tags ul.dest { width: 48%; } .product-detail-recambios .wrapper-producto .tags ul.promo { width: 50%; text-align: right; flex-flow: row-reverse wrap; } .product-detail-recambios .wrapper-producto .tags ul li { display: inline-flex; justify-content: center; align-items: center; list-style-type: none; width: 50px; height: 50px; align-items: center; margin: 0; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 19px; color: white; position: relative; padding: 0; text-align: center; } .product-detail-recambios .wrapper-producto .tags ul li img { height: 20px; } .product-detail-recambios .wrapper-producto .tags ul li.black { background: #000000; } .product-detail-recambios .wrapper-producto .tags ul li.green { background: #81c97c; } .product-detail-recambios .wrapper-producto .tags ul li.grey { background: #EAEAEA; } .product-detail-recambios .wrapper-producto .tags ul li.blue { background: #00538b; } @media (min-width: 1024px) { .product-detail-recambios .wrapper-producto .tags { position: absolute; width: 100%; z-index: 1; } } .product-detail-recambios .wrapper-img { width: 100%; height: 0; padding-bottom: calc(360 / 354 * 70%); position: relative; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center; clear: both; } .product-detail-recambios .wrapper-text { padding: 0 15px 0; overflow: hidden; } @media (max-width: 767px) { .product-detail-recambios .wrapper-text { margin-top: 8em; } } .product-detail-recambios .wrapper-text .coleccion { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #00538b !important; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; } .product-detail-recambios .wrapper-text .reference { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; color: #000000; text-transform: uppercase; width: 100%; } .product-detail-recambios .wrapper-text .title-producto { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; font-weight: 300; margin-bottom: 30px; } .product-detail-recambios .wrapper-text .title-producto a { display: block; } .product-detail-recambios .wrapper-text .form-group { margin-bottom: 0; } .product-detail-recambios .wrapper-text .form-group span { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; } .product-detail-recambios .wrapper-text select { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; width: 210px; background: #ffffff; border: none; background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; } .product-detail-recambios .wrapper-text select.form-control { background-image: url("../image/chevron_down-18.svg"); padding-left: 0; border-bottom: 1px solid black; border-radius: 0; padding-bottom: 0; margin-bottom: 4px; } .product-detail-recambios .wrapper-text select.form-control:not([multiple]):not([size]) { -moz-appearance: none; -webkit-appearance: none; background-image: url("../image/chevron_down-18.svg"); background-position: right 0.5em center; background-repeat: no-repeat; background-size: 1.5em auto; padding-right: 2em; padding-bottom: 0; padding-top: 0; height: 30px; } .product-detail-recambios .wrapper-text select.form-control:not([multiple]):not([size])::-ms-expand { display: none; } .product-detail-recambios .wrapper-text select.form-control:not([multiple]):not([size]):focus { background-image: url("../image/chevron_down-18.svg"); } .product-detail-recambios .wrapper-text select.form-control:not([multiple]):not([size]):disabled { background-image: url("../image/chevron_down-18.svg"); } .product-detail-recambios .wrapper-text .dimension { display: flex; flex-wrap: wrap; } .product-detail-recambios .wrapper-text .dimension label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; display: block; } .product-detail-recambios .wrapper-text .dimension .form-group span { display: block; margin-bottom: 5px; } .product-detail-recambios .wrapper-text .dimension .info { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; margin-bottom: 25px; } .product-detail-recambios .wrapper-text .dimension .left { justify-content: start; margin-right: 40px; display: none; } .product-detail-recambios .wrapper-text .dimension .right { justify-content: end; align-items: center; display: flex; } .product-detail-recambios .wrapper-text .dimension .right a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; color: #00538b; text-transform: uppercase; display: block; position: relative; margin-bottom: 15px; } .product-detail-recambios .wrapper-text .dimension .right a img { margin: -2px 8px 0 0; } .product-detail-recambios .wrapper-text .dimension .right .descargar { padding-left: 30px; } .product-detail-recambios .wrapper-text .dimension .right .descargar:before { content: url(../image/download.svg); position: absolute; top: 1px; left: 1px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .product-detail-recambios .wrapper-text .dimension .right .descargar:hover:before { -webkit-transform: translate(0, 5px); transform: translate(0, 5px); top: 3px; } .product-detail-recambios .wrapper-text .config { margin-bottom: 40px; } .product-detail-recambios .wrapper-text .config select { width: 100%; } .product-detail-recambios .wrapper-text .config label { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; align-items: center; } .product-detail-recambios .wrapper-text .compra { display: flex; flex-wrap: wrap; } .product-detail-recambios .wrapper-text .compra .left { justify-content: start; } .product-detail-recambios .wrapper-text .compra .left a { display: inline-block; padding: 24px 40px 24px; background: #00538b; color: #FFFFFF; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; } .product-detail-recambios .wrapper-text .compra .left a .icon-cart-24 { font-size: 24px; height: 0; width: 30px; position: relative; display: inline-block; } .product-detail-recambios .wrapper-text .compra .left a .icon-cart-24:before { position: absolute; bottom: -7px; right: 0; width: 23px; height: 23px; } .product-detail-recambios .wrapper-text .compra .left .opcionescompra { background: #00538b; } .product-detail-recambios .wrapper-text .compra .right { justify-content: end; padding: 0 0 0 25px; } .product-detail-recambios .wrapper-text .compra .right p.info { margin-bottom: 3px; } .product-detail-recambios .wrapper-text .compra .right p.info a { cursor: pointer; } .product-detail-recambios .wrapper-text .compra .right p.info a img { position: relative; bottom: 2px; } .product-detail-recambios .wrapper-text .compra .right .price { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail-recambios .wrapper-text .compra .right .price sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail-recambios .wrapper-text .compra .right .right { justify-content: end; padding: 0 0 0 25px; } .product-detail-recambios .wrapper-text .compra .right .right p.info { margin-bottom: 3px; } .product-detail-recambios .wrapper-text .compra .right .right p.info a { cursor: pointer; } .product-detail-recambios .wrapper-text .compra .right .right p.info a img { position: relative; bottom: 2px; } .product-detail-recambios .wrapper-text .compra .right .right .price { font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail-recambios .wrapper-text .compra .right .right .price sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail-recambios .wrapper-text .compra .right .right .priceStrikethrough { text-decoration: line-through; font-size: 13px !important; color: #b5b5b5; margin-bottom: 5px; text-align: right; font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail-recambios .wrapper-text .compra .right .right .priceStrikethrough sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail-recambios .wrapper-text .compra .right .p-st-container { text-align: right; margin-bottom: 5px; } .product-detail-recambios .wrapper-text .compra .right .priceStrikethrough { text-decoration: line-through; font-size: 13px !important; color: #b5b5b5; font-family: 'SuisseIntl-Medium', 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; } .product-detail-recambios .wrapper-text .compra .right .priceStrikethrough sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; bottom: 0; } .product-detail-recambios .wrapper-text .compra .price-financing-info { margin: 0 auto; } .product-detail-recambios .wrapper-text .colors { margin: 10px 0 15px 0; /* Stuff after this is only to make things more pretty */ } .product-detail-recambios .wrapper-text .colors .color { display: inline-block; } .product-detail-recambios .wrapper-text .colors .fondo { background: #FFFFFF; border: 1px solid #d5d5d5; border-radius: 50%; width: 32px; height: 32px; display: inline-block; position: relative; cursor: pointer; padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product-detail-recambios .wrapper-text .colors img { width: 32px; height: 32px; display: block; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; } .product-detail-recambios .wrapper-text .colors .input-hidden { position: absolute; left: -9999px; } .product-detail-recambios .wrapper-text .colors input[type="radio"]:checked + label > img { border: 2px solid #00538b; padding: 8px; } .product-detail-recambios .wrapper-text .colors input[type="radio"]:checked + label.fondo { border: 2px solid transparent; } .product-detail-recambios .wrapper-text .colors input[type="radio"] + label > img { border: 1px solid transparent; } .product-detail-recambios .wrapper-text .colors .model { position: relative; top: -18px; left: 4px; display: inline-block; margin-right: 20px; text-transform: uppercase; } .product-detail-recambios .wrapper-text .quantity-picker .input-group { margin: 10px 0px 23px 0px; } .product-detail-recambios .wrapper-text .quantity-picker .input-group #quantity { width: 79px; margin: 0px 10px; border: 1px solid #F7F7F7; text-align: center; height: 32px; font-size: 16px; font-weight: bold; } .product-detail-recambios .wrapper-text .quantity-picker .input-group .quantity-button { background-color: #FFFFFF; border: 1px solid #F7F7F7; width: 32px; height: 32px; cursor: pointer; font-size: 16px; font-weight: bold; color: #000000; } .product-detail-recambios .wrapper-text .dades { font-family: 'Roboto-Regular', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px; clear: both; margin-top: 6px; } .product-detail-recambios .wrapper-text .dades .dades-url { align-items: center; display: flex; width: 100%; flex-direction: row; } .product-detail-recambios .wrapper-text .dades .dades-url .collurl { width: 50%; margin-top: 14px; } .product-detail-recambios .wrapper-text .dades .dades-url .collurl .coleccion { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #00538b !important; text-transform: uppercase; margin-bottom: 4px; font-weight: 600; } .product-detail-recambios .wrapper-text .dades h1 { font-weight: 500; } .product-detail-recambios .wrapper-text .dades .dades-back { width: 50%; justify-content: flex-end; } .product-detail-recambios .wrapper-text .dades .dades-back .volver-black-exploded { width: 50%; margin-left: 60%; } .product-detail-recambios .wrapper-text .dades .sizes { text-align: left; text-transform: uppercase; } .product-detail-recambios .wrapper-text .dades .coleccion { margin-bottom: 4px; } .product-detail-recambios .wrapper-text .dades .price { text-align: right; white-space: nowrap; } .product-detail-recambios .wrapper-text .dades .price span { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 14px; line-height: 16px; letter-spacing: normal; font-weight: normal; } .product-detail-recambios .wrapper-text .dades .price span sub { font-family: 'SuisseIntl-Regular', 'roca'; font-size: 13px; line-height: 21px; letter-spacing: normal; } .product-detail-recambios .wrapper-text .dades form { margin-bottom: 30px; } .product-detail-recambios .wrapper-text .dades .price-alternative { font-family: 'Roboto-Bold'; font-size: 11px; letter-spacing: normal; } .product-detail-recambios .wrapper-text .dades .textOnline { font-size: 11px !important; color: black; font-family: 'Roboto-Regular'; font-size: 25px; letter-spacing: normal; } .product-detail-recambios .wrapper-text .dades .price-blue { font-family: 'rocablack'; font-size: 30px; line-height: 30px; letter-spacing: normal; text-align: right; white-space: nowrap; color: #00538b; font-weight: bold; float: left; } .product-detail-recambios .wrapper-text .dades .price-blue sub { position: static; } .product-detail-recambios .wrapper-text .dades .priceStrikethrough-blue { text-decoration: line-through; font-size: 17px !important; color: #00538b; font-family: 'roca'; font-size: 25px; line-height: 31px; letter-spacing: normal; margin-right: 5px; } .product-detail-recambios .wrapper-text .dades .dades-precios-left { margin-top: -20px; } .product-detail-recambios .wrapper-text .dades .blue-number-left { font-family: 'rocablack'; font-size: 22px; letter-spacing: normal; text-align: right; white-space: nowrap; color: #00538b; font-weight: bold; float: right; } .product-detail-recambios .wrapper-text .dades .blue-number-left sub { position: static; } .product-detail-recambios .wrapper-text .dades .opcionesCompraAlt { padding: 24px 25px 24px !important; } .product-detail-recambios .wrapper-text .dades .labelrrp { text-align: left; margin-bottom: 5px; } .product-detail-recambios .slick-slider .col-xs-12 { max-width: 100%; } .product-detail-recambios .slick-list { padding: 0 0 0 0; width: calc(100% + 30px); position: relative; } .product-detail-recambios .slick-list:after { content: ""; width: 30px; height: 100%; position: absolute; right: 0; background-color: #fff; } .product-detail-recambios .slick-dotted.slick-slider { margin-bottom: 30px; padding-top: 15px; } .product-detail-recambios .slick-track { padding: 10px 0; } .product-detail-recambios .slick-dots { position: absolute; top: -30px; right: 15px; display: block; width: auto; padding: 0; margin: 0; list-style: none; text-align: right; } .product-detail-recambios .slick-dots li { position: relative; display: inline-block; width: 15px; height: 20px; margin: 0; margin-left: 10px; padding: 0; cursor: pointer; } .product-detail-recambios .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .product-detail-recambios .slick-dots li button:hover, .product-detail-recambios .slick-dots li button:focus { outline: none; } .product-detail-recambios .slick-dots li button:hover:before, .product-detail-recambios .slick-dots li button:focus:before { opacity: 1; background-color: #25a7ff; } .product-detail-recambios .slick-dots li button:before { content: ""; line-height: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 2px; text-align: center; opacity: 1; background-color: #00538b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-detail-recambios .slick-dots li.slick-active button:before { background-color: #25a7ff; } .product-detail-recambios .breadcrumb { margin-bottom: 0; background: transparent; padding: 0 0 17px; border-radius: 0; } .product-detail-recambios .breadcrumb ul { margin: 0; padding: 0; } .product-detail-recambios .breadcrumb ul li { display: inline; list-style-type: none; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail-recambios .breadcrumb ul li a { font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; position: relative; } .product-detail-recambios .breadcrumb ul li a:before { content: ""; height: 1.5px; width: 0; position: absolute; bottom: -3px; background-color: #000000; transition: width 0.3s cubic-bezier(0, 1, 0.66, 1); } .product-detail-recambios .breadcrumb ul li a:hover:before { width: 90%; } .product-detail-recambios .breadcrumb ul li:after { content: "\002f"; font-family: 'Roboto-Bold', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; } .product-detail-recambios .breadcrumb ul li:last-child:after { content: none; } .popover { font-family: 'Roboto-Light', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; background-color: #00538b; border: none; box-shadow: none; } .popover .popover-body { color: #FFFFFF; padding: 30px; } .popover .popover-body .close { display: none; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-top-color: #00538b; } /* tablet only Portrait */ @media (min-device-width: 768px) and (max-device-width: 1023px) { .product-detail .wrapper-producto { width: 100%; margin-bottom: 20px; } .product-detail .wrapper-producto .tags ul li { width: 50px; height: 50px; } .product-detail .wrapper-producto .tags ul.dest { width: auto; } .product-detail .wrapper-producto .tags ul.promo { width: auto; text-align: left; flex-flow: wrap; } .product-detail .col-sm-8 .wrapper-producto { min-height: auto; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 { display: flex; flex-wrap: nowrap; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 .product-card { width: 50%; justify-content: flex-start; display: flex; flex-wrap: nowrap; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 .product-card:last-child { justify-content: flex-end; } } @media (max-width: 991px) { .product-detail > .container { padding: 0; } .product-detail .wrapper-producto-overflow .tags { height: 0; padding-bottom: 100%; } .product-detail .wrapper-producto-overflow a[data-toggle="modal"] { display: flex; height: 46vh; } .product-detail .wrapper-producto-overflow img { margin: auto; } .product-detail .wrapper-producto .tags { height: 0; } .product-detail .wrapper-text { overflow: visible; } .product-detail .wrapper-text .compra { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse; flex-direction: column-reverse; align-items: flex-start; } .product-detail .move-anclas-normal-mobile { margin-top: -12px; margin-right: -15px; margin-bottom: 40px; margin-left: -15px; } .product-detail .menu-anclas .main-menu-anclas__list .link-wrapper a { padding: 5px 0; } .product-detail .image-overflow { position: absolute; right: 0; width: 100%; max-width: 400px; height: 0; padding-bottom: 450%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 0 !important; } .product-detail .image-overflow .slider-nav { width: 80%; margin: auto; } .product-detail .move-list-action-mobile { max-width: 270px; margin-top: 32px; } .product-detail .list-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; list-style: none; height: 100%; padding: 0 20px; margin-bottom: 0; } .product-detail .list-actions li { margin-left: 0; } .product-detail .list-actions img { width: 20px; height: 20px; } } @media (max-width: 991px) and (orientation: landscape) { .product-detail > .container { padding: 0; } .product-detail .wrapper-producto-overflow .tags { height: 0; padding-bottom: 60%; } .product-detail .wrapper-producto-overflow a[data-toggle="modal"] { display: flex; height: 35vw; } .product-detail .wrapper-producto-overflow img { margin: auto; } .product-detail .wrapper-producto-overflow .slider-single img { max-height: 50vw; } .product-detail .wrapper-producto .tags { height: 0; } .product-detail .image-overflow { position: absolute; right: 0; width: 100%; max-width: 900px; height: 0; padding-bottom: 60%; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 0 !important; } } .modal-lightbox.modal-white img { visibility: hidden; opacity: 0; -webkit-transition: opacity 600ms cubic-bezier(0, 1, 0.66, 1); transition: opacity 600ms cubic-bezier(0, 1, 0.66, 1); } .modal-lightbox.modal-white.show img { visibility: visible; opacity: 1; } .modal-lightbox.modal-white [style="opacity: 1; width: 0px;"] img { visibility: hidden; opacity: 0; -webkit-transition: opacity 600ms cubic-bezier(0, 1, 0.66, 1); transition: opacity 600ms cubic-bezier(0, 1, 0.66, 1); } /* mobile */ @media (max-width: 767px) { .product-detail .wrapper-text .dimension .left, .product-detail .wrapper-text .dimension .right { width: 100%; margin-left: 0; } .product-detail .wrapper-text .dimension .left select { width: 100%; display: none; } .product-detail .wrapper-text .dimension .right a { margin-top: 16px; } .product-detail .wrapper-text .compra .left { width: 100%; } .product-detail .wrapper-text .compra .right { padding: 16px 0 0 2px; } .product-detail .move-list-action-mobile { max-width: 100%; } .product-detail .wrapper-producto .slick-prev, .product-detail .wrapper-producto .slick-next { display: none !important; } .product-detail .wrapper-producto .tags { display: inline; } .product-detail .wrapper-producto .image-overflow { position: relative; display: inline; } .product-detail .col-sm-8 .wrapper-producto { min-height: auto; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 { display: flex; flex-wrap: nowrap; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 .product-card { width: 50%; justify-content: flex-start; display: flex; flex-wrap: nowrap; } .product-detail .col-lg-4.col-md-12.order-2.order-md-2 .product-card:last-child { justify-content: flex-end; } .product-detail.form-control:not([multiple]):not([size]) { width: 100%; } .popover { font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; background-color: #FFFFFF !important; border: none; box-shadow: none; position: fixed !important; width: 100%; height: 100%; max-width: none; transform: none !important; margin: 0; } .popover .popover-body { color: #000000 !important; padding: 84px 20px 20px !important; } .popover .popover-body .close { display: block; } .popover .popover-body .close:before { content: "\e90d"; color: #000000; opacity: 1; font-size: 30px; position: absolute; top: 22px; right: 20px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { display: none; } } /*********hack para os mobile********************/ /***************hack Internet Explorer/Edge ≥ 10**************************/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .product-detail .wrapper-text .colors .fondo { width: 26px; height: 25px; } .product-detail .wrapper-text .colors .fondo span { width: 22px; height: 21px; } } .tag_novelty { text-transform: uppercase; background-color: #000; padding: 0.01em 0.5em; color: white; font-size: 12px; margin-left: 10px; font-weight: 300; font-family: 'Roboto-Regular',Helvetica,Arial,sans-serif !important; padding-bottom: 1.2px; vertical-align: baseline; padding-top: 3px; line-height: 15px; } .tag_topsales { text-transform: uppercase; background-color: #00538b; padding: 0.01em 0.5em; color: white; font-size: 12px; margin-left: 10px; font-weight: 300; font-family: 'Roboto-Regular',Helvetica,Arial,sans-serif !important; padding-bottom: 1.2px; vertical-align: baseline; padding-top: 3px; line-height: 15px; } .salesNoveltyContainer { margin-bottom: 30px; height: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end; } .divSpanNoveltyTopSales { float: left; margin-top: 5px; } @media (max-width: 991px) { .container-helper { padding: 0; margin-top: 15px; } } @media (max-width: 991px) and (min-width: 768px) { .container-helper { margin-top: 0; } .container-helper .breadcrumb { padding: 0; } } /** Added 06/05/2020 (Laufen Web 3.0 GAP) */ .product-detail .wrapper-text .options { display: flex; flex-wrap: wrap; } .product-detail .wrapper-text .options label { font-family: "Roboto-Bold", Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; display: block; } .product-detail .wrapper-text .options .form-group span { display: block; margin-bottom: 5px; } .product-detail .wrapper-text .options .info { font-family: "Roboto-Regular", Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; } .product-detail .wrapper-text .options .left { justify-content: start; margin-right: 40px; } .technical-drawing-card img.technical-drawing-image { max-height: 400px; margin: 0.3em auto; max-width: 100%; } /* Añadido para eliminar los controles de input type number para Celite 25/10/2021 */ /* Ocultar flechas en input number para Chrome. */ input#quantity::-webkit-outer-spin-button, input#quantity::-webkit-inner-spin-button { -webkit-appearance: none; } /* Ocultar flechas en input number para Firefox. */ input#quantity[type="number"] { -moz-appearance: textfield; } .product-card .wrapper-text { padding: 30px; } .product-card .wrapper-text .coleccion { order: 0; } .product-card .wrapper-text .dades { display: flex; flex-direction: column; } .product-card .wrapper-text .dades > div { display: flex; flex-direction: column; align-items: flex-start; font-family: "roca", sans-serif !important; } .product-card .wrapper-text .dades > div .product-discount-wrapper { margin-bottom: 0.5rem; line-height: 1; } .product-card .wrapper-text .dades > div .product-discount-wrapper .priceStrikethrough { display: inline-block !important; font-size: 0.8rem !important; color: #9A9A9A !important; } .product-card .wrapper-text .dades > div .product-discount-wrapper .discountPercentage { display: inline-block !important; font-size: 0.8rem !important; line-height: 1; margin-left: 0.5rem; color: #000000; } .product-card .wrapper-text .dades > div p:last-of-type { color: #000000; font-family: "Roboto-Regular", sans-serif; font-size: 0.85rem; line-height: 1.3; } .product-card .wrapper-text .dades > div > .price { display: inline-block; font-size: 0.7rem !important; line-height: 1 !important; margin-left: 0 !important; margin-bottom: 0.5rem !important; color: #000000 !important; width: 100% !important; font-family: "Roboto-Regular", sans-serif !important; white-space: normal; } @media (max-width: 1024px) { .product-card .wrapper-text .dades > div > .price { font-size: 0.7rem !important; text-align: right; } } .product-card .wrapper-text .dades > div > .price span { display: inline-block !important; font-size: 1rem !important; line-height: 1 !important; margin-left: 0 !important; color: #000000 !important; font-family: "roca", sans-serif !important; } @media (max-width: 1024px) { .product-card .wrapper-text .dades > div > .price span { font-size: 1rem !important; } } .product-card .wrapper-text .dades > div > .price span sub { font-size: 100%; } section#anclaProductDetail .product-card .wrapper-text { padding: 0 15px 0; } .product-price { font-family: "roca", sans-serif; } .product-price.has-promo { display: flex; flex-direction: column; align-items: flex-start; } .product-price.has-promo > div { order: 0 !important; } .product-price.has-promo span { display: block; line-height: 1; } .product-price.has-promo .product-price { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.5rem; font-size: 1.5rem; } .product-price.has-promo .product-price .price { color: #9A9A9A; text-decoration: line-through; margin-right: 1rem; letter-spacing: -0.009rem; } .product-price.has-promo .product-price .price-discount-percentage { color: #000000; letter-spacing: -0.009rem; } .product-price.has-promo .price-discount { display: block; font-size: 1.5rem; color: #000000; margin-bottom: 0.5rem; line-height: 1; letter-spacing: -0.009rem; } .product-price.has-promo .price-financing-info { color: #000000; font-family: "Roboto-Regular", sans-serif; font-weight: 700; font-size: 0.85rem; } .product-detail-zipcode { position: relative; margin: 1rem 0; min-height: 200px; width: 75%; letter-spacing: 0.02rem; } @media (max-width: 768px) { .product-detail-zipcode { width: 100%; } } .product-detail-zipcode .zipcode-box { width: 100%; display: block; } .product-detail-zipcode .zipcode-box.is-hide { visibility: hidden; display: none; } .product-detail-zipcode .zipcode-box .input-group { display: grid; grid-template-columns: 4fr 2fr; gap: 1rem; height: 2.5rem; margin: 0.5rem 0; } .product-detail-zipcode .zipcode-box .input-group .zipcode-input-icon { position: absolute; top: 50%; left: 0.75rem; transform: translateY(-50%); width: 18px; height: 18px; background-image: url("../image/map-marker-alt-light.svg"); background-repeat: no-repeat; background-size: contain; z-index: 10; } .product-detail-zipcode .zipcode-box .zipcode-input { position: relative; padding: 0 1rem 0 2rem; border: 1px solid #9A9A9A; outline: none; } .product-detail-zipcode .zipcode-box .zipcode-input:focus::-webkit-input-placeholder, .product-detail-zipcode .zipcode-box .zipcode-input:focus::placeholder { color: transparent !important; visibility: hidden !important; } .product-detail-zipcode .zipcode-box .calculate-shipping-button { display: inline-flex; align-items: center; justify-content: center; border: none; outline: none; background: #00538b; color: #FFFFFF; padding: 0 1rem; text-transform: uppercase; cursor: pointer; font-size: 0.9rem; } .product-detail-zipcode .zipcode-box .zipcode-list { text-decoration: underline; } .product-detail-zipcode .shipping-box { display: none; position: absolute; top: 0; left: 0; width: 100%; } .product-detail-zipcode .shipping-box.is-visible { display: block; visibility: visible; } .product-detail-zipcode .shipping-box label { margin-bottom: 1rem; } .product-detail-zipcode .shipping { width: 100%; } .product-detail-zipcode .shipping .zipcode { display: flex; margin-bottom: 1rem; align-items: center; } .product-detail-zipcode .shipping .zipcode-number { display: block; font-size: 1rem; margin-right: 1rem; } .product-detail-zipcode .shipping .zipcode-change { display: block; background: none; border: none; outline: none; text-decoration: underline; font-size: 0.8rem; padding: 0; cursor: pointer; } .product-detail-zipcode .shipping .shipping-address { display: block; color: #9A9A9A; margin-bottom: 1rem; } .product-detail-zipcode .shipping .shipping-table { margin-bottom: 1rem; } .product-detail-zipcode .shipping .shipping-table .shipping-row { display: grid; grid-template-columns: 40% 35% 25%; padding: 1rem 0; border-bottom: 1px solid #D5D5D5; } .product-detail-zipcode .shipping .shipping-table .shipping-row span { grid-column: span 1; font-size: 1rem; } .product-detail-zipcode .shipping .shipping-table .shipping-price { color: #00538b; align-self: flex-end; } .product-detail-zipcode .shipping .shipping-info { display: flex; color: #9A9A9A; max-width: 60ch; } .product-outstock { width: 100%; display: flex; flex-direction: column; margin: 1rem 0; order: 5 !important; /* mobile */ } @media (min-width: 768px) { .product-outstock { width: 80%; } } .product-outstock .product-outstock__heading { font-size: 1.25rem; font-family: "rocablack"; margin-bottom: 1rem; } .product-outstock .product-outstock__info { display: block; margin-bottom: 1rem; color: #9A9A9A; } .product-outstock .product-outstock__input { width: 100%; height: 3rem; border: 1px solid #9A9A9A; margin-bottom: 1rem; padding: 0 1rem; color: #9A9A9A; } .product-outstock .product-outstock__input::placeholder, .product-outstock .product-outstock__input::-webkit-input-placeholder { color: #9A9A9A; } .product-outstock .product-outstock__input:focus::placeholder, .product-outstock .product-outstock__input:focus::-webkit-input-placeholder { color: transparent; visibility: hidden; } .product-outstock .product-outstock__button { display: inline-flex; align-items: center; justify-content: center; width: 100%; font-size: 0.9rem; background: #00538b; border: none; color: #FFFFFF; text-transform: uppercase; padding: 1.5rem 1rem; cursor: pointer; } @media (min-width: 768px) { .product-outstock .product-outstock__button { width: 80%; } } .product-outstock .slick-slider-recambios { width: 100%; } .product-outstock .slick-prev, .product-outstock .slick-next { font-size: 0; line-height: 0; position: absolute; top: 45%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -45%); transform: translate(0, -45%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; } .product-outstock .slick-disabled { visibility: hidden; } .product-outstock .slick-track { margin-left: 0; margin-right: 0; } .product-outstock .slick-slider-recambios .slick-track, .product-outstock .slick-slider-recambios .slick-list { min-width: 100%; } .product-outstock #categoriesSection .category-filters__wrap .slick-track { justify-content: center; } @media (min-width: 992px) { .product-outstock .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .product-outstock .modal-xl { max-width: 1140px; } } .product-outstock .lockBody, .product-outstock .lockBody body { overflow: hidden !important; height: 100vh; -webkit-overflow-scrolling: touch; } .product-outstock .lightbox-basic-wrapper .r-modal__wrapper { text-align: center; } .product-outstock .lightbox-basic-wrapper .r-modal__wrapper img { margin: 0 auto; max-height: 85vh; max-width: 100%; } .product-outstock .lightbox-basic-wrapper .icon-cross-24:before { color: #FFFFFF; font-size: 24px; } @media (max-width: 767px) { .product-outstock .lightbox-basic-wrapper img { width: 100%; } .product-outstock .lightbox-basic-wrapper .modal-dialog.modal-xl { width: 100%; height: 100%; background: white; margin: 0; } .product-outstock .lightbox-basic-wrapper .modal-dialog.modal-xl .close-menu button:before { color: #000000; font-size: 24px; } }