/** * @copyright For copyright and license information, read the COPYING.txt file. * @link /COPYING.txt * @license Academic Free License (AFL 3.0) * @category design * @package base_default */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://modulari.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* * Itemslider - based on Owl Carousel * * IMPORTANT: Flexslider was replaced by Owl Carousel. * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Necessary styles (Core Owl Carousel CSS File v1.24) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Additional styles for Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Preloading images */ .owl-item.loading { min-height: 60px; background: url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/ajax-loader.gif) no-repeat center center; } /* Pagination */ .owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider { margin-bottom: 20px; } /* Items */ .itemslider .item { padding-left:10px; padding-right:10px; } /* Lazy loading */ .itemslider .owl-item.loading { background-position: center 40px; } .itemslider .owl-item.loading .product-image { min-height: 70px; } /* If slider inside menu */ #nav .itemslider .price-box span { display: inline; } /** * Generic interface elements */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows1 .owl-controls .owl-buttons { position:absolute; } .slider-arrows1 .owl-controls .owl-buttons div { float:left; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; } .slider-arrows1 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .slider-arrows1 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; margin-right:1px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows1 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; } .slider-arrows1-pos-top-left .owl-controls .owl-buttons { top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div { position:absolute; display:block; width:50px; height:50px; line-height:50px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; opacity:0; filter:alpha(opacity=0); } .slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); } .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position:-2px 0; left:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-2px -50px; } .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position:-48px 0; right:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-48px -50px; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows3 .owl-controls .owl-buttons div { position:absolute; display:block; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; text-decoration:none; overflow:hidden; text-indent:-9999px; background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows3 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .slider-arrows3 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; top:30%; left:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows3 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; top:30%; right:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Generic pagination 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination1 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination1 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 7px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#eee; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; } .slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; } /* Generic pagination 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination2 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination2 .owl-controls .owl-page span { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width:10px; height:10px; margin:8px; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; /* transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/ } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { width:16px; height:16px; margin:5px; } .slider-pagination2 .owl-controls .owl-page.active { cursor:default; } /* Pagination position %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ } .pagination-pos-bottom-centered .owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; } .pagination-pos-bottom-right .owl-pagination { padding: 10px 0; float: right; } .pagination-pos-bottom-left .owl-pagination { padding: 10px 0; float: left; } /* Over the slider */ .pagination-pos-over-bottom-centered .owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; } .pagination-pos-over-bottom-right .owl-pagination { position:absolute; bottom:3.5%; right:1.5%; } .pagination-pos-over-bottom-left .owl-pagination { position:absolute; bottom:3.5%; left:1.5%; } /** * Brands */ /* Base %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 18px; text-align: center; } .brand-name-wrapper { display: table; min-height: 36px; /* Two lines of text */ margin: 0 auto; } .brand-name-wrapper .brand-name { display: table-cell; vertical-align: middle; } /* On product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand in secondary column on product page */ .product-secondary-column .box-brand .attribute { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ font-weight:bold; text-align:center; margin:10px 0; } /* Brand slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-slider .item { padding-bottom: 20px; padding-top: 20px; text-align: center; } .brand-slider .item a { display: block; } .brand-slider .owl-item.loading { min-height:60px; } /** * Ultra Slideshow */ /* Slideshow wrapper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-wrapper {} .the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Slideshow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow { margin:0 auto; } .the-slideshow .slides { display: none; } /* Banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-banners { -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */ margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */ } .the-slideshow-banners .banner { position:relative; /* Container for caption */ } .the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */ .the-slideshow-banners .banner a { display:block; } /* Additional effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow .fade-on-slideshow-hover, .the-slideshow-wrapper .fade-on-slideshow-wrapper-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow:hover .fade-on-slideshow-hover, .the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover { opacity:0.75; filter:alpha(opacity=75); } /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { display:block; /*display:none;*/ float:left; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.item-active > .opener { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; line-height:28px; /*background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); background-image: url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } /* Active */ /*.accordion-style1 li.item-active > .opener { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small-active.png); }*/ .accordion-style1 li.item-active > .opener:hover { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible .block-title { cursor: pointer; } .collapsible .block-title, .mobile-collapsible .block-title { padding-top:8px; /*padding-right:35px;*/ /* Rremoved space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Deprecated: opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; text-align:center; width:30px; height:30px; line-height:30px; background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png); background-position:center center; background-repeat:no-repeat; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } .collapsible.active .opener { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* * Main menu * * Old selector: New selector: * #nav --> .nav-regular * #nav.mobile --> .nav-mobile */ /* Common elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top: 1%; margin-bottom: 1%; } .nav-block--center { margin-top: 1%; margin-bottom: 1%; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color: #eee; } /* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown -------------------------------------------------------------- */ #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; } /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .caret { display:inline-block; width:0; height:0; margin-bottom:2px; margin-left:2px; vertical-align:middle; content:""; border-color:#333 transparent transparent; border-style:solid solid none; border-width:4px 4px 0; } /* Only items with dropdown display the caret */ .nav-regular .caret { display: none; } .nav-regular .nav-item--parent > a .caret { display: inline-block; } /* Carets inside dropdowns - right side caret */ .nav-regular .nav-panel a .caret { border-color: transparent transparent transparent #333; border-style: solid none solid solid; border-width: 4px 0 4px 4px; margin-left: 5px; opacity: 0.2; } .nav-regular .nav-panel a:hover .caret { opacity: 1; } /* Carets -------------------------------------------------------------- */ .nav-regular a .caret { transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out; } .nav-regular a:hover .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home link with icon inside a menu item -------------------------------------------------------------- */ /* Class "feature" inside an item */ .nav-regular .nav-item--home a {} .nav-regular .nav-item--home .ic { display: inline-block; font-size: 16px; padding: 0; width: 30px; text-align: center; vertical-align: middle; /* TODO: check for better option */ float: none; background-color: transparent !important; /* Remove default colors */ } /* Single icon as a home link -------------------------------------------------------------- */ #nav .nav-item--homeicon a { padding-left: 17px; /* The same as side padding of top-level items +5px */ padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; opacity: 1; transition: opacity 450ms ease-in-out; -moz-transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; -o-transition: opacity 450ms ease-in-out; } #nav .nav-item--homeicon a:hover { opacity: 0.6; transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-transform:none; text-shadow:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-10px; /*-14px*/ right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (1st level only) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* labels: 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:5px; vertical-align:middle; } /* labels: 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-mobile li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:5px; /* Label size: all levels */ font-size:14px; line-height:18px; } /* Hide pin */ .nav-mobile li > a > span > .pin-bottom:before { display:none; } /* Non-clickable links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav a.no-click { cursor: default; } /* Remove highlight color on tap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav, .mobnav-trigger, .nav-regular .nav-item.level0 > a { -webkit-tap-highlight-color: transparent; } /* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position: relative; /* Dropdown box position is relative to this container */ z-index: 2000; /* Without this dropdown goes under other elements */ -webkit-transform: translateZ(0); /* Fix possible glitches during animation */ } #nav.nav-mobile { display: none; } #nav.nav-mobile.show { display: block; } /* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Height of the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Top-level items and mobile menu trigger */ .mobnav-trigger, .nav-regular .nav-item.level0 > a { line-height:50px; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Openers */ .nav-regular .opener { display: none; } /* Hide elements */ .nav-regular .hide-in-desktop-menu { display: none !important; } /* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st-level links from the standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.mobnav-trigger-wrapper { display:none; } /* Important: added "div" to selector to make it more specific than grid units */ .mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ .mobnav-trigger .trigger-icon { display:block; float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } .mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:3px; margin-bottom:2px; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns inside mobile menu */ .nav-mobile .nav-panel--dropdown { /* To override width which can be added to dropdowns of the regular menu */ width: 100% !important; /* Reset of dropdown's inline positioning */ left: 0 !important; top: 0 !important; } /* Remove background color of dropdown in items containing only subcategories */ .nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown { background-color: transparent !important; } /* Show category blocks on selected levels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide blocks on all levels */ .nav-mobile .nav-block { display: none; } /* Structure of the selectors below: menu.modifier [level] item > panel > innerPanel > categoryBlocks */ /* Show on 0 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } /* Remove dropdown shadow and background color */ .nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */ .nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */ .nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Hide items containing only category blocks */ /* TODO: for top-level items: If "nav-item--only-blocks": hide only the dropdown and the opener, but not the item itself. Exception: if it's an item of "block_header_nav_dropdown", the item has to be hidden completely because it's not clickable so there is no sense to display it. */ /*.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks > .opener { display: none; }*/ /* Show on 1 level -------------------------------------------------------------- */ .nav-mobile.opt-sb1 li.level0 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; } /* Show on 2 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb2 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb2 li.level1 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; } /* Show on 3 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb3 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level2 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; } /* Show on 4 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb4 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level3 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; } /* Show on 5 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb5 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level3 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level4 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Carets -------------------------------------------------------------- */ .nav-mobile .caret { display: none !important; } /* Home link -------------------------------------------------------------- */ .nav-mobile .nav-item--home { display: none !important; } /* Hide elements -------------------------------------------------------------- */ .nav-mobile .hide-in-mobile-menu { display: none !important; } /* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Other modules/components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item sliders -------------------------------------------------------------- */ .nav .itemslider { margin-top:0; margin-bottom:0; } .nav .itemslider .item { padding-bottom:0; } .nav .itemslider .product-name a { display: inline-block; } .nav .itemslider .product-name { margin-top: 8px; } /** * Mobile menu accordion */ .acco { list-style-type:none; } .acco li.nav-item { list-style-type:none; display:block; float:left; width:100% !important; /* Use "!important" to override grid units styling */ padding:0 !important; margin:0 !important; position:relative; /* For opener positioning */ } .acco ul.nav-panel { display:block; float:left; width:100%; padding:0; margin:0; } /* Items %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .acco li.parent > a { padding-right:54px; } /* All levels -------------------------------------------------------------- */ .acco .nav-item > a { display: block; padding: 15px 10px; /* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */ font-size: 16px; /*1.3333em*/ line-height: 19px; /*1.125em*/ } /* Level 1 -------------------------------------------------------------- */ .acco li.level0 > a { font-size: 18px; text-transform: uppercase; } /* Level 2 -------------------------------------------------------------- */ .acco li.level1 > a { padding-left: 30px; font-size: 16px; text-transform: uppercase; } /* Level 3 -------------------------------------------------------------- */ .acco li.level2 > a { padding-left: 50px; font-size: 16px; text-transform: none; } /* Level 4 -------------------------------------------------------------- */ .acco li.level3 > a { padding-left: 70px; font-size: 14px; text-transform: none; } /* Level 5+ -------------------------------------------------------------- */ .acco li.level3 .nav-item > a /* Level 5+ */ { padding-left: 90px; font-size: 12px; text-transform: none; } /* Opener %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .acco .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .acco .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .acco li.item-active > .opener { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /** * Main menu dropdown boxes */ /* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-item { text-align: left; } .nav-regular .nav-item > a { display: block; text-decoration: none; } /* Level 1 only -------------------------------------------------------------- */ .nav-regular li.level0 { float: left; } .nav-regular li.level0 > a { padding: 0 12px; } .nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; } /* Top-level item on hover: pull up the link above the dropdown */ .nav-regular li.level0:hover > a { z-index: 2001; /* One level above the dropdown */ position: relative; } /* Caret */ .nav-regular li.level0 > a .caret { opacity: 0.3; } .nav-regular li.level0.active > a .caret { opacity: 1; } .nav-regular li.level0:hover > a .caret { opacity: 1; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-panel--dropdown { display:none; position:absolute; top:0; z-index:2000; /* Pull above top-level menu items */ background-color:#fff; /* To avoid transparent menu */ /* Uncomment below line to fix possible glitches during animation in webkit browsers */ /*-webkit-transform: translateZ(0);*/ } /* Inner wrapper of the dropdown (for additional padding etc.) -------------------------------------------------------------- */ #nav .nav-panel-inner { padding: 23px; } /* Required value in pixels to keep padding consistent in different dropdowns */ #nav .nav-panel-inner:before, #nav .nav-panel-inner:after { display: table; line-height: 0; content: ""; } #nav .nav-panel-inner:after { clear: both; } /* Full width dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .nav-panel.full-width { width:100%; } .nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */ /* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .mega > .nav-panel--dropdown { margin:0; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.mega { position: relative; } /* Container of the dropdown has to be relative (only on levels 2+) */ .nav-regular .nav-panel li.mega > .nav-panel--dropdown {} .nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown { display: block; left: 60px; top: 0; } /* Inside mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align submenu's content (grid) with the submenu */ .nav-regular .nav-submenu--mega { margin-left: -1%; margin-right: -1%; } /* Inside mega dropdown, level 1: item -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li { display: inline-block; float: none; vertical-align: top; padding-top: 0; padding-bottom: 5px; } .nav-regular .nav-submenu--mega > li > a { font-size: 16px; line-height: 1.25em; /*20px*/ } /* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */ .nav-regular .nav-submenu--mega > li.parent > a { margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li.nav-item--parent > a { margin-bottom: 0; } /* Inside mega dropdown, level 1: submenu -------------------------------------------------------------- */ /* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item). Also, add bottom margin to panel, but romove it if it's a dropdown. */ .nav-regular .nav-submenu--mega > li > .nav-panel { position: static; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-panel--dropdown { position: absolute; margin-bottom: 0; } /* Inside mega dropdown, level 1: category blocks -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li > .nav-block--top { margin-top: 0; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-block--bottom { margin-top: 10px; margin-bottom: 0; } /* Inside mega dropdown, level 2: item -------------------------------------------------------------- */ /* List bullets */ .nav-regular .nav-submenu--mega > li > ul > li { background: url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left: 15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .nav-submenu--mega > li > ul > li:hover { background-position:6px 6px; } /* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */ .nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li { background: none; padding-left: 0; } /* Other */ .nav-regular .nav-submenu--mega > li > ul > li > a { line-height: 1.6666em; /*20px*/ } /* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Level 2+ -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; /*20px*/ } .nav-regular .classic > .nav-panel--dropdown > li > a .caret { float: right; margin-top: 6px; } /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown { margin:0; padding:20px; /*TODO:*/ width:16em; min-width:12em; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.classic { position: relative; } /* Container of the dropdown has to be relative */ .nav-regular .nav-panel li.classic > .nav-panel--dropdown {} .nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown { display:block; left:60px; top:0; } /* If classic dropdown is on the 1 level of mega dropdown, change positioning */ .nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown { left:60px; top:20px; } /* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If submenu has to be displayed not as a dropdown, but as a simple list (with slight left indent) */ /* List bullets */ .nav-regular .simple > ul { margin-top: 5px; margin-bottom: 5px; } .nav-regular .simple > ul > li { background:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet-mini.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .nav-regular .simple > ul > li:hover { background-position:6px 5px; } .nav-regular .simple > ul > li > a { opacity: 0.6; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } .nav-regular .simple:hover > ul > li > a { opacity: 1; } /* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dd-itemgrid > .nav-item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns -------------------------------------------------------------- */ /* Clear first item in each row (row: group of n items) */ /* Item grid: 1 column */ .dd-itemgrid-1col > .nav-item { width:98%; } /* Item grid: 2 columns */ .dd-itemgrid-2col > .nav-item { width:48%; } .dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .dd-itemgrid-3col > .nav-item { width:31.3333%; } .dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .dd-itemgrid-4col > .nav-item { width:23%; } .dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear:left; } /* Item grid: 5 columns */ .dd-itemgrid-5col > .nav-item { width:18%; } .dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .dd-itemgrid-6col > .nav-item { width:14.6666%; } .dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .dd-itemgrid-7col > .nav-item { width:12.2857%; } .dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ .dd-itemgrid-8col > .nav-item { width:10.5%; } .dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear:left; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fade -------------------------------------------------------------- */ .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown { display: block; /* Important: has to be visible before hover */ left: -10000px; opacity: 0; -moz-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; -webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; -o-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms; } .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown { opacity: 1; transition-delay: 50ms; -moz-transition-delay: 50ms; -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; } /** * Simple vertical menu (sidebar menu) */ .vertnav { float: left; width: 100%; } /* Number of products in category */ .vertnav .number { color: #aaa; margin-left: 3px; } /* Category labels inside vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels */ .vertnav li > a > span > .cat-label { position: static; display: inline-block !important; padding: 0 4px; margin-left: 3px; /* Label size */ font-size: inherit; line-height: inherit; } /* Hide pin */ .vertnav li > a > span > .pin-bottom:before { display: none; } @media only screen and (max-width: 319px) { .nav-mobile .nav-block { display: none !important; } .nav-mobile .nav-item > div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } .nav-mobile .nav-item > div > div { padding: 0 !important; } .nav-mobile .nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; } .nav-mobile .nav-item.nav-item--only-blocks { display: none; } } /** * Infortis themes styles */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } .dropdown .caret { opacity:0.3; filter:alpha(opacity=30); } .dropdown:hover .caret { opacity:1; filter:alpha(opacity=100); } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index greater than Cloud Zoom image */ } .product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */ .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; line-height:1em; font-weight:bold; text-align:center; display:table-cell !important; /* Add "important" to override inherited styles of parent elements */ vertical-align:middle !important; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /* Colors */ .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:65px; height:65px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { } .item:hover .sticker-wrapper.top-right { } .item:hover .sticker-wrapper.top-left { } /*Sizes*/ .sticker.size-s { width:45px; height:45px; font-size:1em; } .item:hover .sticker.size-s { width:50px; height:50px; } .sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .item:hover .sticker.size-xs { width:45px; height:45px; } /* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner-wrapper { position: relative; display: block; } .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom:2%; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; } .horizontal-section { margin-top:10px; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display:block; position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float:left; display:inline-block; margin-bottom:1px; } .caption .heading { padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { clear:left; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.3333em; line-height:1em; } .caption button { clear:left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display:inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Disable transitions, fade effect applied with JS */ .fade-on-hover { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding:0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /** * Drop-down block */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading { display:inline-block; cursor:default; } /* If heading is a link */ .dropdown a.dropdown-heading:hover { color: inherit; } /* Inside dropdown heading -------------------------------------------------------------- */ /* Child elements of the heading have to be aligned vertically */ .dropdown .dropdown-heading > * { display:inline-block; vertical-align: middle; } /* If heading has additional inner wrapper (to cover the shadow of the dropdown), properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { display: block; vertical-align: baseline; } .dropdown .dropdown-heading.cover > span > *, .dropdown .dropdown-heading.cover > div > * { display:inline-block; vertical-align: middle; } /* Elements of the dropdown heading */ .dropdown .dropdown-heading .label {} .dropdown .dropdown-heading .value { margin-left: 2px; } .dropdown .dropdown-heading .dropdown-icon { /* e.g. for flags */ width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Cover shadow of "dropdown-heading" and "dropdown-content" with additional div inside the heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { padding:0 10px; } .dropdown.open > .dropdown-heading.cover > span, .dropdown.open > .dropdown-heading.cover > div { background-color:#fff; z-index:4001; position:relative; } /* Dropdown content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-content { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown .dropdown-content.left-hand { left:auto; right:0; } /* When dropdown content is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown .dropdown-content > li * { display:inline-block; } .dropdown .dropdown-content > li > a { display:block; } .dropdown .dropdown-content > li { white-space:nowrap; } .dropdown .dropdown-content > li .label { margin-right:8px; } .dropdown .dropdown-content .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col > li:nth-of-type(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.3333%; } .itemgrid-3col > li:nth-of-type(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } .itemgrid-4col > li:nth-of-type(4n+1) { clear:left; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } .itemgrid-5col > li:nth-of-type(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.6666%; } .itemgrid-6col > li:nth-of-type(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.2857%; } .itemgrid-7col > li:nth-of-type(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:10.5%; } .itemgrid-8col > li:nth-of-type(8n+1) { clear:left; } /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; padding-bottom:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:10px 0; padding:15px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:3em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel {} /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Border exists but it is transparent. Except bottom border which has to be removed. Only the current tab need to have bottom border. */ .gen-tabs--style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs--style1 .tabs a:hover /*, .gen-tabs--style1 .tabs a:focus */ { background-color:#e5e5e5; /* Border on hover has the same color as background of the tab */ border-color:#e5e5e5; } .gen-tabs--style1 .tabs a.current { background-color:#fff; /* Pull up the panels */ margin-bottom:-1px; /* Border of the active item has the same color as border of panels. Bottom border is transparent. */ border-color:#e5e5e5; border-bottom:1px solid transparent; /* Make a little bit higher than other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs--style1 .tabs a.current:hover { /* Bottom border is transparent. */ border-bottom-color: transparent; } .gen-tabs--style1 .tabs-panels { border-top:1px solid #e5e5e5; border-bottom:1px dashed #e5e5e5; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1.accor .tabs-panels { border-top:none; border-bottom:none; } .gen-tabs--style1 .acctab { border-bottom:1px solid #e5e5e5; } .gen-tabs--style1.gen-tabs.accor { margin-bottom: 25px; } /* Tabs - skin 1: smaller %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs--style1-small .tabs a { padding:0 7px; font-size: 14px; line-height: 32px; } /* Added main class to increase specificity of this rule to override font */ .gen-tabs--style1.gen-tabs--style1-small .tabs a { font-family: inherit; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1-small .acctab { font-size: 14px; line-height: 32px; } /* Added main class to increase specificity of this rule to override font */ .gen-tabs--style1.gen-tabs--style1-small .acctab { font-family: inherit; } /** * Icons and other styles related to icons. * Part of the font icon styles based on Font Awesome - http://fontawesome.io */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.ic {*/ /* display: inline-block;*/ /* font-family: ThemeIcons;*/ /* font-style: normal;*/ /* font-weight: normal;*/ /* font-variant: normal;*/ /* text-transform: none;*/ /* line-height: 1em;*/ /* -webkit-font-smoothing: antialiased;*/ /* -moz-osx-font-smoothing: grayscale;*/ /*}*/ /* If icon is applied to 'i' tag */ i.ic { font-style: normal; } /* Floating icons - with generic modifiers -------------------------------------------------------------- */ .ic.left { margin-right: .3em; } .ic.right { margin-left: .3em; } /* Size -------------------------------------------------------------- */ /* Makes the font 33% larger relative to the icon container */ .ic-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .ic-2x { font-size: 2em; } .ic-3x { font-size: 3em; } .ic-4x { font-size: 4em; } .ic-5x { font-size: 5em; } .ic-6x { font-size: 6em; } .ic-7x { font-size: 7em; } .ic-8x { font-size: 8em; } .ic-fw { width: 1.28571429em; text-align: center; } /* Lists -------------------------------------------------------------- */ .ic-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .ic-ul > li { position: relative; } .ic-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .ic-li.ic-lg { left: -1.85714286em; } .ic-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .ic.pull-left { margin-right: .3em; } .ic.pull-right { margin-left: .3em; } /* Stacking -------------------------------------------------------------- */ .ic-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .ic-stack-1x, .ic-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .ic-stack-1x { line-height: inherit; } .ic-stack-2x { font-size: 2em; } .ic-inverse { color: #ffffff; } /* Effects -------------------------------------------------------------- */ .ic-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .ic-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ic-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ic-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .ic-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .ic-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* Characters as icon (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-char { font-weight: bold; font-family: Arial, Helvetica, sans-serif !important; } /* Images as icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-img { font-family: inherit; /* Remove icon font to fix vertical alignment */ } /* Set max size for images displayed as icons */ .ic-img img, .icon img /* For backward compatibility */ { vertical-align: middle; } /* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility */ .social-links a > span.icon { vertical-align: middle; /* TODO: check in which cases it's required */ text-align: center; background-color: #e5e5e5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility: */ .feature > span.icon, .social-links a > span.icon { line-height: 36px; width: 36px; height: 36px; } .ib-size-l, /* For backward compatibility: */ .feature > span.icon.large { line-height: 48px; width: 48px; height: 48px; } .ib-size-xl { line-height: 60px; width: 60px; height: 60px; } .ib-size-xxl { line-height: 72px; width: 72px; height: 72px; } .ib-size-xxxl { line-height: 84px; width: 84px; height: 84px; } /* For backward compatibility: align center the content of the iconbox */ .feature > span.icon { text-align: center; } /* Labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Label which immediately follows the iconbox */ .ib + .label { line-height: 36px; display: inline-block; } .ib-size-l + .label { line-height: 48px; } .ib-size-xl + .label { line-height: 60px; } .ib-size-xxl + .label { line-height: 72px; } .ib-size-xxxl + .label { line-height: 84px; } /* Hover state %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib-hover:hover, /* Apply hover state color only when special class is present */ .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #333; color: #fff; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, .icon-hover, /* For backward compatibility */ .feature-icon-hover .ib, .feature-icon-hover .icon /* For backward compatibility */ { /* TODO: position animation deprecated */ transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Characters as icon - modify styles if inside iconbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib.ic-char, .ib.i-char /* For backward compatibility */ { /*font-size: 16px;*/ /* Important: do not add font size here, it would override standard classes such as "ic-2x" */ text-align: center; } /* Additional utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Background -------------------------------------------------------------- */ /* Icon without background color */ .ib-no-bg, .ib.no-bg-color /* For backward compatibility */ { background-color: transparent !important; } /* Shapes -------------------------------------------------------------- */ .ib-circle, .ib.circle /* For backward compatibility */ { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ib-rounded, .ib.rounded /* For backward compatibility */ { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ib-square, .ib.square /* For backward compatibility */ { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* All icons square */ .ib-wrapper--square .ib, .icon-wrapper-square .ib /* For backward compatibility */ { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin: 10px 0; } .feature:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .feature.first { margin-top: 0; } .feature.last { margin-bottom: 0; } /* With top/bottom border line */ .feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; } .feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top: 1px solid #f5f5f5; margin-top: 20px; padding-top: 20px; } .feature-wrapper.bottom-border { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; padding-bottom: 20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size: 1.3333em; /*16px*/ line-height: 1.25em; /*20px*/ margin-bottom: 0.625em; /*10px*/ font-weight: normal; } .feature .above-heading { margin: 0 0 5px; font-size: 11px; line-height: 1.4545em; /*16px*/ text-transform: uppercase; color: #888; } .feature .below-heading { font-size: 1em; font-style: italic; line-height: 1.3333em; /*16px*/ color: #888; } /* Feature and icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Floating icons - additional margin -------------------------------------------------------------- */ .feature .ic.left { margin: 0 15px 10px 0; } .feature .ic.right { margin: 0 0 10px 15px; } /* Vertically centered icon -------------------------------------------------------------- */ .feature.v-centered-content .v-center .ic { margin: 0 5px 0 0; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IMPORTANT: inside indented feature, the first level icon automatically floats left */ .feature.indent > .ic, .feature.indent > .icon /* For backward compatibility */ { float: left; margin: 0 15px 0 0; } /* But override this behavior if an icon is explicitly floated right */ .feature.indent > .ic.right, .feature.indent > .icon.right /* For backward compatibility */ { float: right; margin: 0 0 0 15px; } /* Size of indentation -------------------------------------------------------------- */ /* Size of indentation = width of iconbox + right margin of the iconbox */ /* Default */ .feature.indent { padding-left: 51px; /* 36 + 15 */ } .feature.indent > .ic, .feature.indent > span.icon /* For backward compatibility */ { margin-left: -51px; } /* Large */ .feature.indent-size-l, .feature.indent.large /* For backward compatibility */ { padding-left: 63px; } .feature.indent-size-l > .ic, .feature.indent.large > .ic, /* For backward compatibility */ .feature.indent.large > span.icon.large /* For backward compatibility */ { margin-left: -63px; } /* X Large */ .feature.indent-size-xl { padding-left: 75px; } .feature.indent-size-xl > .ic { margin-left: -75px; } /* XX Large */ .feature.indent-size-xxl { padding-left: 87px; } .feature.indent-size-xxl > .ic { margin-left: -87px; } /* XXX Large */ .feature.indent-size-xxxl { padding-left: 99px; } .feature.indent-size-xxxl > .ic { margin-left: -99px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .ic { margin: 0 0 10px; } /* Additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .ic.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*!***/ /* * Definitions of the font with icons and definitions of the icon glyphs*/ /* *!*/ /*@font-face {*/ /* font-family: 'ThemeIcons';*/ /* src:url('/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?387osh');*/ /* src:url('/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'),*/ /* url('/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'),*/ /* url('/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'),*/ /* url('/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*!* Icon codes*/ /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ /**!*/ /*.ic-plane:before {*/ /* content: "\e200";*/ /*}*/ /*.ic-tag:before {*/ /* content: "\e201";*/ /*}*/ /*.ic-paint:before {*/ /* content: "\e202";*/ /*}*/ /*.ic-credit:before {*/ /* content: "\e203";*/ /*}*/ /*.ic-phone:before {*/ /* content: "\e204";*/ /*}*/ /*.ic-letter:before {*/ /* content: "\e205";*/ /*}*/ /*.ic-stopwatch:before {*/ /* content: "\e206";*/ /*}*/ /*.ic-bars:before {*/ /* content: "\e207";*/ /*}*/ /*.ic-truck:before {*/ /* content: "\e208";*/ /*}*/ /*.ic-download:before {*/ /* content: "\e209";*/ /*}*/ /*.ic-upload:before {*/ /* content: "\e20a";*/ /*}*/ /*.ic-warning:before {*/ /* content: "\e20b";*/ /*}*/ /*.ic-question:before {*/ /* content: "\e20c";*/ /*}*/ /*.ic-info:before {*/ /* content: "\e20d";*/ /*}*/ /*.ic-success:before {*/ /* content: "\e20e";*/ /*}*/ /*.ic-close2:before {*/ /* content: "\e20f";*/ /*}*/ /*.ic-reload:before {*/ /* content: "\e210";*/ /*}*/ /*.ic-scissors:before {*/ /* content: "\e211";*/ /*}*/ /*.ic-googleplus:before {*/ /* content: "\e212";*/ /*}*/ /*.ic-facebook:before {*/ /* content: "\e213";*/ /*}*/ /*.ic-twitter:before {*/ /* content: "\e214";*/ /*}*/ /*.ic-feed:before {*/ /* content: "\e215";*/ /*}*/ /*.ic-youtube:before {*/ /* content: "\e216";*/ /*}*/ /*.ic-vimeo:before {*/ /* content: "\e217";*/ /*}*/ /*.ic-flickr:before {*/ /* content: "\e218";*/ /*}*/ /*.ic-dribbble:before {*/ /* content: "\e219";*/ /*}*/ /*.ic-github:before {*/ /* content: "\e21a";*/ /*}*/ /*.ic-wordpress:before {*/ /* content: "\e21b";*/ /*}*/ /*.ic-blogger:before {*/ /* content: "\e21c";*/ /*}*/ /*.ic-tumblr:before {*/ /* content: "\e21d";*/ /*}*/ /*.ic-skype:before {*/ /* content: "\e21e";*/ /*}*/ /*.ic-home:before {*/ /* content: "\e21f";*/ /*}*/ /*.ic-edit2:before {*/ /* content: "\e220";*/ /*}*/ /*.ic-cart:before,*/ /*.ic-cart1:before {*/ /* content: "\e221";*/ /*}*/ /*.ic-menu:before {*/ /* content: "\e222";*/ /*}*/ /*.ic-star-o:before {*/ /* content: "\e223";*/ /*}*/ /*.ic-star:before {*/ /* content: "\e224";*/ /*}*/ /*.ic-heart:before {*/ /* content: "\e225";*/ /*}*/ /*.ic-heart-o:before {*/ /* content: "\e226";*/ /*}*/ /*.ic-arrow-up:before {*/ /* content: "\e227";*/ /*}*/ /*.ic-arrow-right:before {*/ /* content: "\e228";*/ /*}*/ /*.ic-arrow-down:before {*/ /* content: "\e229";*/ /*}*/ /*.ic-arrow-left:before {*/ /* content: "\e22a";*/ /*}*/ /*.ic-filter:before {*/ /* content: "\e22b";*/ /*}*/ /*.ic-lastminute:before {*/ /* content: "\e22c";*/ /*}*/ /*.ic-close:before {*/ /* content: "\e22d";*/ /*}*/ /*.ic-edit:before {*/ /* content: "\e22e";*/ /*}*/ /*.ic-instagram:before {*/ /* content: "\e22f";*/ /*}*/ /*.ic-user:before {*/ /* content: "\e230";*/ /*}*/ /*.ic-mobile:before {*/ /* content: "\e231";*/ /*}*/ /*.ic-pin:before {*/ /* content: "\e232";*/ /*}*/ /*.ic-zoomin:before {*/ /* content: "\e233";*/ /*}*/ /*.ic-zoomout:before {*/ /* content: "\e234";*/ /*}*/ /*.ic-search:before {*/ /* content: "\e235";*/ /*}*/ /*.ic-gift:before {*/ /* content: "\e236";*/ /*}*/ /*.ic-anchor:before {*/ /* content: "\e237";*/ /*}*/ /*.ic-calendar:before {*/ /* content: "\e238";*/ /*}*/ /*.ic-remove:before {*/ /* content: "\e239";*/ /*}*/ /*.ic-compare:before {*/ /* content: "\e23a";*/ /*}*/ /*.ic-alarm:before {*/ /* content: "\e23b";*/ /*}*/ /*.ic-plus:before {*/ /* content: "\e23c";*/ /*}*/ /*.ic-minus:before {*/ /* content: "\e23d";*/ /*}*/ /*.ic-pinterest:before {*/ /* content: "\e23e";*/ /*}*/ /*.ic-call24:before {*/ /* content: "\e23f";*/ /*}*/ /*.ic-callcenter:before {*/ /* content: "\e240";*/ /*}*/ /*.ic-delivery:before {*/ /* content: "\e241";*/ /*}*/ /*.ic-package:before {*/ /* content: "\e242";*/ /*}*/ /*.ic-globe:before {*/ /* content: "\e243";*/ /*}*/ /*.ic-lightbulb:before {*/ /* content: "\e244";*/ /*}*/ /*.ic-microscope:before {*/ /* content: "\e245";*/ /*}*/ /*.ic-24hours:before {*/ /* content: "\e246";*/ /*}*/ /*.ic-coupon:before {*/ /* content: "\e247";*/ /*}*/ /*.ic-tshirt:before {*/ /* content: "\e248";*/ /*}*/ /*.ic-bag8:before {*/ /* content: "\e249";*/ /*}*/ /*.ic-bag6:before {*/ /* content: "\e24a";*/ /*}*/ /*.ic-bag4:before {*/ /* content: "\e24b";*/ /*}*/ /*.ic-bag3:before {*/ /* content: "\e24c";*/ /*}*/ /*.ic-bag7:before {*/ /* content: "\e24d";*/ /*}*/ /*.ic-bag2:before {*/ /* content: "\e24e";*/ /*}*/ /*.ic-bag5:before {*/ /* content: "\e24f";*/ /*}*/ /*.ic-cart2:before {*/ /* content: "\e250";*/ /*}*/ /*.ic-bag:before,*/ /*.ic-bag1:before {*/ /* content: "\e251";*/ /*}*/ /*.ic-cart3:before {*/ /* content: "\e252";*/ /*}*/ /*.ic-smartphones:before {*/ /* content: "\e253";*/ /*}*/ /*.ic-grid:before {*/ /* content: "\e254";*/ /*}*/ /*.ic-list:before {*/ /* content: "\e255";*/ /*}*/ /*.ic-linkedin:before {*/ /* content: "\e256";*/ /*}*/ /*.ic-bell:before {*/ /* content: "\e257";*/ /*}*/ /*.ic-xing:before {*/ /* content: "\e258";*/ /*}*/ /*.ic-vk:before {*/ /* content: "\e259";*/ /*}*/ /*.ic-weibo:before {*/ /* content: "\e25a";*/ /*}*/ /*.ic-renren:before {*/ /* content: "\e25b";*/ /*}*/ /*.ic-behance:before {*/ /* content: "\e25c";*/ /*}*/ /*.ic-vine:before {*/ /* content: "\e25d";*/ /*}*/ /*.ic-share:before {*/ /* content: "\e25e";*/ /*}*/ /*.ic-lowstock:before {*/ /* content: "\e25f";*/ /*}*/ /*.ic-left:before {*/ /* content: "\e260";*/ /*}*/ /*.ic-down:before {*/ /* content: "\e261";*/ /*}*/ /*.ic-up:before {*/ /* content: "\e262";*/ /*}*/ /*.ic-right:before {*/ /* content: "\e263";*/ /*}*/ /** * Theme icons * Deprecated since 1.10.0 in favor of font icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } /** * Social icons * Deprecated since 1.10.0 in favor of font icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Phone */ .icon.i-telephone { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -157px; } /** * Common styles for multiple elements */ /* Blocks and headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top, .header .dropdown .dropdown-heading { line-height: 36px; } .header .dropdown .dropdown-heading { max-height: 36px; } /* Set static height to improve layout of inline elements */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sidebar .block:first-child { margin-top:6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading -------------------------------------------------------------- */ .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Filters */ .block-layered-nav .block-subtitle--filter, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top:7px; padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ margin-bottom:15px; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Other headings -------------------------------------------------------------- */ /* Page title */ .category-title, /* Account */ .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color:#e5e5e5; } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - standard -------------------------------------------------------------- */ /* Blocks */ .block .actions, /* CMS */ .section-line, /* Misc */ .buttons-set, .toolbar { border-color:#e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data, .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#f5f5f5; } /* Elements with vertical border - standard -------------------------------------------------------------- */ /* Ratings separator */ .product-view .ratings .rating-links .separator, /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color:#e5e5e5; /*Currently the same color as other borders*/ } /* Other elements with border -------------------------------------------------------------- */ .swatch-link { border-color:#cccccc; } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f5f5f5; } /* Text color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Layered navigation count */ .block-layered-nav dl dd ol > li > a .count, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note, /* Prices */ .price-notice .price, /* MSRP price and old price */ .old-price, .product-view .price-box .old-price .price, #map-popup-msrp, .map-popup-msrp .price { color:#aaa; } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; } /* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Price on product page and MSRP %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sticky header */ .sticky-header .sticky-container, /* Dropdowns */ .dropdown.open > .dropdown-heading.cover, .dropdown.open .dropdown-content, /* Mini cart options */ .truncated .truncated_full_value .item-options, /* Menu dropdowns - to have the same style of shadow as other dropdowns */ .nav-regular .nav-panel--dropdown, /* Search autocomplete */ .form-search .search-autocomplete ul, /* Pop-ups */ .remember-me-popup, .map-popup, #subscribe-form .input-box .validation-advice { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, .mobnav-trigger .trigger-icon .line, .opener, a > .ib, a.feature-icon-hover > .ib /*, .header-mobile .skip-link*/ { transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } a:hover, .mobnav-trigger:hover .trigger-icon .line, .opener:hover, .nav-item > a:hover + .opener, /* Opener following a link in mobile menu */ a:hover > .ib, a.feature-icon-hover:hover > .ib { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Add-to links */ .add-to-links.addto-icons a, /* Scroll to top */ #scroll-to-top { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Search */ .form-search .button, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */ .drop-shadow, .shadow .show-bg, /* Conditional shadow for main menu bar */ .shadow .nav--bar-drop-shadow .mobnav-trigger, .shadow .nav--bar-drop-shadow #nav { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /** * Override CSS components */ /* Deprecated: accordion/collapsible openers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.accordion .opener,*/ /*.collapsible .opener,*/ /*.acco .opener !* Menu opener *!*/ /*{*/ /* !* Override default background image *!*/ /* background-image: none !important;*/ /* !* Font icons *!*/ /* display: inline-block;*/ /* font-family: ThemeIcons;*/ /* font-style: normal;*/ /* font-weight: normal;*/ /* font-variant: normal;*/ /* text-transform: none;*/ /* !*line-height: 1em;*! !* Important: don't overrid line height, it depends on the size of the icon *!*/ /* -webkit-font-smoothing: antialiased;*/ /* -moz-osx-font-smoothing: grayscale;*/ /* !* Icon size *!*/ /* font-size: 12px;*/ /*}*/ /*.accordion .opener:before,*/ /*.collapsible .opener:before,*/ /*.acco .opener:before {*/ /* content: "\e23c";*/ /*}*/ /*!* Active opener *!*/ /*.accordion li.item-active > .opener:before,*/ /*.collapsible.active .opener:before,*/ /*.acco li.item-active > .opener:before {*/ /* content: "\e23d";*/ /*}*/ /* Colorbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*#cboxPrevious,*/ /*#cboxNext,*/ /*#cboxClose {*/ /* !* Override default background image *!*/ /* background-image: none !important;*/ /* !* Font icons *!*/ /* display: inline-block;*/ /* font-family: ThemeIcons;*/ /* font-style: normal;*/ /* font-weight: normal;*/ /* font-variant: normal;*/ /* text-transform: none;*/ /* !*line-height: 1em;*! !* Important: don't overrid line height, it depends on the size of the icon *!*/ /* -webkit-font-smoothing: antialiased;*/ /* -moz-osx-font-smoothing: grayscale;*/ /* !* Icon size *!*/ /* font-size: 20px;*/ /*}*/ /*#cboxClose { font-size: 16px; }*/ /*#cboxPrevious:before { content: "\e260"; }*/ /*#cboxNext:before { content: "\e263"; }*/ /*#cboxClose:before { content: "\e20f"; }*/ /* Generic-nav %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles common for all direction controls */ /*.slider-arrows1 .owl-controls .owl-buttons div,*/ /*.slider-arrows2 .owl-controls .owl-buttons div,*/ /*.slider-arrows3 .owl-controls .owl-buttons div {*/ /* !* Override default background image and remove text indent *!*/ /* background-image: none !important;*/ /* text-indent: 0;*/ /* !* Font icons *!*/ /* display: inline-block;*/ /* font-family: ThemeIcons;*/ /* font-style: normal;*/ /* font-weight: normal;*/ /* font-variant: normal;*/ /* text-transform: none;*/ /* !*line-height: 1em;*! !* Important: don't overrid line height, it depends on the size of the icon *!*/ /* -webkit-font-smoothing: antialiased;*/ /* -moz-osx-font-smoothing: grayscale;*/ /* !* Icon size *!*/ /* font-size: 20px;*/ /*}*/ /*.owl-controls .owl-buttons .owl-prev:before { content: "\e260"; }*/ /*.owl-controls .owl-buttons .owl-next:before { content: "\e263"; }*/ /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .itemslider.equal-height .item { position: static; padding-bottom: 50px; } .itemslider.equal-height .actions { position: absolute; bottom: 0; } /** * Override modules */ /** * Override all Magento base styles. * Add theme-specific styles. */ /** * * * OVERRIDE/EXTEND styles.css * * */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } .main { padding:30px 0 40px; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { margin-right: 32px; } .col-right > * { margin-left: 32px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(https://modulari.com/skin/frontend/ultimo/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-link { display: none; } /* Counter */ .skip-link .count { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: red; color: #fff; margin-left: -14px; margin-right: -7px; margin-top: -22px; position: relative; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Cart + compare -------------------------------------------------------------- */ /* Skip links has to be hidden except cart and compare */ .header-regular .mini-cart-heading, .header-regular .mini-compare-heading { display: block; } .header-regular .mini-cart-heading .label.no-display, .header-regular .mini-compare-heading .label.no-display { display: none; } /* Skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-content {} /* Vertically aligned grid (in "Header Primary" section) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .hp-blocks-holder { display:table; width:100%; } .header-regular .hp-blocks-holder .hp-block { float:none; display:table-cell; vertical-align:middle; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .logo--mobile { display: none; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .logo-wrapper--mobile, .header-regular .header-collateral, .header-regular .after-mobile-logo, .header-regular #mini-cart-wrapper-mobile { display: none; } /*.header-regular .header-top .lang-switcher, .header-regular .header-top .currency-switcher, */ .header-regular #lang-switcher-wrapper-regular, .header-regular #currency-switcher-wrapper-regular, .header-regular .header-top .dropdown { margin:0; } /* Mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Some skip links are also displayed in regular header so the styles specific to mobile header have to be applied with "header-mobile" class */ .header-mobile .skip-link { position: relative; float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; cursor: pointer; } .header-mobile a.skip-link { text-decoration: none; } /*.header-mobile .skip-link:not(.skip-active):hover*/ .header-mobile .skip-link:hover { opacity: 0.7; } .header-mobile .skip-link.skip-active:hover { opacity: 1; } /* Elements -------------------------------------------------------------- */ .header-mobile .skip-link .icon { display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 16px; line-height: 16px; } .header-mobile .skip-link .label { display: inline-block; vertical-align: middle; line-height: 16px; } .header-mobile .skip-link .count { display: inline-block; vertical-align: middle; } .header-mobile .skip-link .caret { display: none; } /* Active link -------------------------------------------------------------- */ .header-mobile .skip-link.skip-active, .header-mobile .skip-link:hover { color: inherit; } .header-mobile .skip-link.skip-active span { color: inherit; } .header-mobile .skip-link.skip-active .count { color: #fff; } /* Size -------------------------------------------------------------- */ .header-mobile .skip-links--1 .skip-link { width: 100%; } .header-mobile .skip-links--2 .skip-link { width: 50%; } .header-mobile .skip-links--3 .skip-link { width: 33.33%; } .header-mobile .skip-links--4 .skip-link { width: 25%; } .header-mobile .skip-links--5 .skip-link { width: 20%; } .header-mobile .skip-links--6 .skip-link { width: 16.66%; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Compare -------------------------------------------------------------- */ /* Hide compare block's heading (only heading) */ .header-mobile .mini-compare .mini-compare-heading { display: none; } .header-mobile .mini-compare .actions { border: none; padding-top: 0; } /* Cart + compare -------------------------------------------------------------- */ /* Important: possible value "relative" of the "position" property. In mobile header, we need to reset "position" of the dropdown container so that it doesn't cover other skip links. We also need to remove float. */ .header-mobile .mini-cart, .header-mobile .mini-compare { position: static; float: none; } .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /*.header-mobile .skip-cart { float: right; } .header-mobile .skip-compare { float: right; }*/ /* Skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content { display: none; } .header-mobile .skip-content.skip-active { display: block; } /* Styls required in skip-content blocks are added through special class so that we can control which blocks are styled -------------------------------------------------------------- */ .header-mobile .skip-content--style { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Skip content blocks have to be reset the same as all grid units because skip content blocks can have grid units */ width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin: 0; } /* Selected skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ .header-mobile .form-search { width: 100%; } .header-mobile .form-search .input-text { width: 100%; } /* Cart + compare -------------------------------------------------------------- */ .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /* Top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .top-links { float: none !important; clear: both; } .header-mobile .top-links ul { float: none !important; } /* Generic vertical inline links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content .links > li { float: none; } .header-mobile .skip-content .links > li > a { background-image: none; /* Remove link separators */ } /* Logo and collaterals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Regular logo */ .header-mobile .logo-wrapper--regular { display: none; } /* Mobile logo */ .header-mobile .logo-wrapper--mobile { width: 60%; margin-left: auto; margin-right: auto; text-align: center; } .header-mobile .header-collateral + .logo-wrapper--mobile { float: left; text-align: left; } .header-mobile .logo-wrapper--mobile .logo { display: block; margin-top: 5px; margin-bottom: 5px; } /* Collaterals */ .header-mobile .header-collateral { float: right; text-align: right; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .line-break-after { display: none !important; } /* User menu -------------------------------------------------------------- */ .header-mobile .user-menu { float: none !important; margin: 0; /* Important: remove margins to collapse the block completely */ } /* Language/currency switcher -------------------------------------------------------------- */ .header-mobile #lang-switcher-wrapper-regular, .header-mobile #currency-switcher-wrapper-regular { display: none; } /* Mobile menu inside mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide/show basic elements */ .header-mobile .mobnav-trigger-wrapper { display: none !important; } /* Always hidden */ .header-mobile .nav-mobile { display: block !important; } /* Always displayed */ /* Container -------------------------------------------------------------- */ /* Important: menu container is also a "skip-content" block */ .header-mobile .nav-container { /* Padding for menu container may be added via admin panel so we need to remove it here. We can reset here entire padding, because bottom padding is later re-applied in CSS generated via admin. Bottom padding is kept so that mobile header look more similar to regular header. */ padding: 0; /* If needed, reset also other styles which are added to standard "skip-content" blocks */ /* Remove background color */ background-color: transparent; } /* Menu bar -------------------------------------------------------------- */ /* Remove shadow */ .header-mobile .nav-container #nav { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Menu items -------------------------------------------------------------- */ /* Mobile menu - remove possible gap from the top of the very first item. Gaps are added as dividers between items of the mobile menu accordion. */ .header-mobile .nav-mobile .nav-item.nav-1 { margin-top: 0 !important; } /* Additional overrides for mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If inner container has a background color, it gets additional class "has-outline". Remove the background color and shadow. */ .header-mobile .nav.has-outline { background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .header-mobile .nav.has-outline > .inner-container {} .header-mobile .nav.stretched > .inner-container {} /* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sticky-header .sticky-container { /* .sticky-header .nav-container */ position: fixed; top: 0; width: 100%; z-index: 1000; background-color: #fff; } /* Reset selected styles of the menu bar in sticky header -------------------------------------------------------------- */ /* Remove additional padding above and below the menu container */ .sticky-header .nav-container { padding-top: 0; padding-bottom: 0; } /* Remove inner background color (outline of the menu bar) */ .sticky-header .nav-container .nav { background-color: transparent; } /* Remove vertical padding from the inner container when inner container has a background color (outline) */ .sticky-header .nav-container .nav > .inner-container { padding-top: 0; padding-bottom: 0; } .sticky-header .nav-container #nav { /* Deprecated. For backward compatibility. Menu has no margin in current version. */ margin-top: 0; margin-bottom: 0; } /* Remove shadow of menu bar container, also if menu bar itself has shadow */ .sticky-header .nav-container .nav, .sticky-header .nav-container #nav { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Category labels -------------------------------------------------------------- */ /* Make top-level category labels invisible */ .sticky-header .nav-regular .nav-item.level0 > a .cat-label { display: none; } /* Alternatively, we can make the labels smaller */ /*.sticky-header .nav-regular .nav-item.level0 > a .cat-label { font-size: 11px; line-height: 15px; padding: 0 4px; top: 2px; } .sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/ /* Sticky header + mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.sticky-header .nav-container { height: 55px; } .sticky-header .nav-mobile { height: 300px; overflow-y: auto; overflow-x: hidden; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(https://modulari.com/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 3px 10px; padding-left:15px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ /*.block-related .section-title { padding-top: 19px; }*/ /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://modulari.com/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0 10px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku .label { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary .section { padding-top: 20px; padding-bottom: 20px; } /** * * * MISCELLANEOUS * * */ /* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Deprecated: opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Collapsible blocks. Set position and other properties of arrow icon. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Different types of collapsible blocks share the same styles */ /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible blocks */ .collapsible .block-title:after, .mobile-collapsible .block-title:after, /* Sidebar blocks */ .sidebar .block .block-title:after, /* Layered navigation */ .block-layered-nav .block-title:after { float: right; font-size: 22px; } /* Blocks collapsible only on mobile - hide arrow */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: none !important; } /* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons applied with icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* These icons needs to have the same basic styles as standard font icons. Except line height - it would override individual size of each icon. */ .form-search .button:before, .buttons-set .back-link a:before, .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before, .btn-edit:before, .breadcrumbs .sep, /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible block icon */ /*.collapsible .block-title:after,*/ /*.mobile-collapsible .block-title:after,*/ /*.sidebar .block .block-title:after,*/ /*.block-layered-nav .block-title:after*/ /*{*/ /* display: inline-block;*/ /* font-family: ThemeIcons;*/ /* font-style: normal;*/ /* font-weight: normal;*/ /* font-variant: normal;*/ /* text-transform: none;*/ /* !*line-height: 1em;*! !* Important: don't overrid line height, it depends on the size of the icon *!*/ /* -webkit-font-smoothing: antialiased;*/ /* -moz-osx-font-smoothing: grayscale;*/ /*}*/ /* Apply icon codes -------------------------------------------------------------- */ /*.form-search .button:before {*/ /* content: "\e235";*/ /*}*/ /*.buttons-set .back-link a:before {*/ /* content: "\e22a";*/ /*}*/ /*.btn-remove:before,*/ /*.btn-remove2:before,*/ /*.map-popup-close:before,*/ /*.remember-me-popup-head .remember-me-popup-close:before {*/ /* content: "\e22d";*/ /*}*/ /*.btn-edit:before {*/ /* content: "\e22e";*/ /*}*/ /*.breadcrumbs .sep:before {*/ /* content: "\e228";*/ /* font-size: 8px;*/ /*}*/ /*.gen-tabs .acctab:after,*/ /*.collapsible .block-title:after,*/ /*.mobile-collapsible .block-title:after,*/ /*.sidebar .block .block-title:after,*/ /*.block-layered-nav .block-title:after {*/ /* content: "\e261";*/ /*}*/ /*.gen-tabs .acctab.current:after,*/ /*.collapsible .block-title.active:after,*/ /*.mobile-collapsible .block-title.active:after,*/ /*.sidebar .block .block-title.active:after,*/ /*.block-layered-nav .block-title.active:after {*/ /* content: "\e262";*/ /*}*/ /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu container: with outline (if menu has inner background color) or without outline (if menu is stretched) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* With outline -------------------------------------------------------------- */ /* Add padding, the same value as for side padding of all page sections. Padding is added via admin. Default value is for fallback in case side padding was set to zero. Important: use the same value as for side padding of all page sections to keep consistent padding. */ .nav.has-outline > .inner-container { /*padding: 15px;*/ padding-top: 15px; padding-bottom: 15px; } /* Trigger has no bottom margin */ .nav.has-outline .mobnav-trigger { margin-bottom: 0; } /* Without outline -------------------------------------------------------------- */ /* If menu container stretched, remove top and bottom padding Important: added class "container" to make the rule more specific. */ .container.nav.stretched > .inner-container { padding-top: 0; padding-bottom: 0; } /* Deprecated, for backward compatibility: */ .nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } /* With outline */ .container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /* Without outline */ /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - full width */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /** * * * BUILT-IN STATIC BLOCKS * * */ .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } .block_mini_cart_above_products { margin:0 0 10px; } .block_cms_page_top { margin:0 0 15px; } .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /** * * * HIGH-RESOLUTION READY IMAGES (RETINA-READY) * * */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/img/rating@2x.png); background-size:14px 43px; } /* Icons below are obsolete and will be removed in future releases. Icons created with image sprites were replaced with font icons. Font icons should be used instead of old sprite image icons. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Theme icons IMPORTANT: Deprecated: will be removed in next versions (sprite image icons were replaced with font icons). -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(https://modulari.com/skin/frontend/ultimo/default/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /* * 12-column grid system */ /* Grid units %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { /*position:relative;*/ display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } .no-gutter.grid-col2-sidebar { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid-col2-main { margin-left:0; margin-right:0; width:75%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } .no-gutter.grid-col3-sidebar { margin-left:0; margin-right:0; width:31.52%; } .no-gutter.grid-col3-main { margin-left:0; margin-right:0; width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Main container for page content. Max width of the page is applied to elements with this class. -------------------------------------------------------------- */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Deprecated */ /* Inner container. Additional container, horizontal padding is applied to elements with this class. -------------------------------------------------------------- */ .inner-container { padding-left: 15px; padding-right: 15px; /* Clear floats */ *zoom: 1; clear: both; } /* Clear floats */ .inner-container:before, .inner-container:after { display: table; line-height: 0; content: ""; } .inner-container:after { clear: both; } /* Stretched container. If container is stretched, remove side padding from inner container. -------------------------------------------------------------- */ .container.stretched > .inner-container { padding-left: 0; padding-right: 0; } /* Deprecated, for backward compatibility: */ .container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; } /* Grid units containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { *zoom: 1; clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2024-08-01 12:04:05 */ body { color: #343434; font-size: 14px; } a { color: #343434; } a:hover, .vertnav li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #8596e3; } .caret { border-top-color: #343434; } .button { background-color: #ffffff; color: #8596e3; } .button:hover, .button:focus { background-color: #ffffff; color: #5cecff; } .product-view .btn-cart, .btn-checkout { background-color: #ffffff; color: #8596e3; } .product-view .btn-cart:hover, .btn-checkout:hover { background-color: #ffffff; color: #5cecff; } .links > li > a:hover { color: #8596e3 !important; } .sticker.new { background-color: #8596e3; color: #ffffff; } .sticker.sale { background-color: #8596e3; color: #ffffff; } /*.products-grid .price-box .price,*/ /* All prices on product listings. If added, it would need to be later overridden by colors for old price and special price. */ .price-box .regular-price .price, .price-box .minimal-price .price, /* Grouped product, tier price product */ .price-box .price-from .price, /* Bundle product */ .price-box .price-to .price, /* Bundle product */ .price-as-configured .price /* Bundle product - final price on product page */ { color: #73ac31; } .additional-bg-color, .block-layered-nav .currently, .block-layered-nav .actions, .cart .totals, .checkout-agreements li { background-color: #f5f5f5; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ .block-layered-nav .block-subtitle--filter, /* Filters */ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ /* Regular mode */ .nav-regular .nav-item.level0 > a, /* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */ /* Mobile mode */ .mobnav-trigger, .nav-mobile .nav-item.level0 > a, /* level 1 */ .nav-mobile .nav-item.level1 > a, /* level 2 */ .nav-mobile .nav-item.level2 > a, /* level 3 */ /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: ; font-weight: 400; } /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages a, .pager .pages .current, /* Add-to links */ .add-to-links .ic, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .collapsible .opener, /* Scroll to top */ #scroll-to-top { background-color: #ffffff; color: #343434; } /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links .ic:hover, .add-to-links .feature-icon-hover:hover .ic, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .accordion-style1 .opener:hover, .collapsible .opener:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: ; color: #495c5e; } /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages .current { background-color: #8596e3; color: #ffffff; } .ib, /* For backward compatibility: */ .feature > span.icon { background-color: #495c5e; color: #ffffff; } .ib-hover:hover, .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #5cecff !important; color: #ffffff !important; } .ib.icon-color-productview, span.icon.icon-color-productview { background-color: #ffffff; } .ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview, .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #91cce7 !important; } .wrapper { border: none !important; } .header-container { } .header { background-color: #8596e3; color: #495c5e; } .header a { color: #495c5e; } .header a:hover { color: #343434; } .header-container3 { } .header .caret { border-top-color: #495c5e; } .form-search .input-text { background-color: #ffffff; border-color: #dbdbdb; } .form-search .input-text:hover, .form-search .input-text:focus { background-color: #ffffff; border-color: #8596e3; } .form-search .input-text, .form-search .button { color: #919191; } .form-search .input-text:hover, .form-search .input-text:focus, .form-search .input-text:hover + .button, .form-search .button:hover { color: #333333; } .header .dropdown .dropdown-content, .header .dropdown.open > .dropdown-heading.cover > *, .header .truncated .truncated_full_value .item-options, .header .form-search .search-autocomplete { background-color: #ffffff; color: #343434; } .header .dropdown .dropdown-content a, .header .dropdown.open > .dropdown-heading.cover a, .header .form-search .search-autocomplete li { color: #666666; } .header .dropdown .dropdown-content a:hover, .header .dropdown.open > .dropdown-heading.cover a:hover, .header .form-search .search-autocomplete li:hover { color: #5cecff; } .header .dropdown.open > .dropdown-heading.cover .caret { border-top-color: #343434; } .header-top-container { } .header-top { } .header-top a { } .header-top a:hover { } .header-primary-container { } .header-primary { padding-bottom: 10px; } .header-mobile .skip-link { background-color: #ffffff; color: #52666d; } .header-mobile .skip-link:hover { color: #52666d; } .header-mobile .skip-link.skip-active { background-color: #ffffff; color: #52666d; } .header-mobile .skip-content--style { background-color: #ffffff; color: #52666d; } .header-mobile .skip-content--style a { color: #52666d; } .header-mobile .skip-content--style a:hover { color: #8596e3; } .cat-label-label1 { background-color: #8596e3; color: #ffffff; } .cat-label-label2 { background-color: #8596e3; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #8596e3; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #8596e3; } li > a:hover > span > .cat-label, .nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #91cce7; color: #ffffff; } li.level0 > a:hover > span > .pin-bottom:before, .nav-regular li.level0:hover > a > span > .pin-bottom:before { border-top-color: #91cce7; } #nav .nav-panel--dropdown { background-color: #ffffff; color: #343434; } #nav .nav-panel--dropdown a { color: #666666; } #nav .nav-panel--dropdown a:hover { color: #008293; } #nav .nav-panel--dropdown a .caret { border-left-color: #666666; border-right-color: #666666; } #nav .nav-panel--dropdown a:hover .caret { border-left-color: #008293; border-right-color: #008293; } .nav-regular .nav-item.level0 > .nav-panel--dropdown { border-top:5px solid #8596e3; } /* All types*/ .nav-regular .nav-panel--dropdown { -moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15); box-shadow:0 3px 10px rgba(0,0,0, 0.15); } .nav-mobile div.nav-panel--dropdown { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); z-index: 1; position: relative; } .nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .nav-container { } .nav { background-color: #8596e3; } .header-mobile .nav { margin-bottom: 10px; } .sticky-header .sticky-container, .sticky-header .nav-regular { background-color: #ffffff; } .sticky-header .nav-regular .nav-item.level0 > a { color: #52666d; } .sticky-header #nav.nav-regular { border-bottom: none; } .nav-regular { background-color: #ffffff; } .nav-regular .nav-item.level0 > a, #nav .nav-item--homeicon a { color: #52666d; } .nav-mobile .nav-item.level0 > a { background-color: #ffffff; color: #52666d; } .nav-mobile .nav-item.level0 > .opener { color: #52666d; } #nav.nav-mobile ul.level0 .nav-item > a { background-color: #ffffff; color: #52666d; } .nav-mobile ul.level0 .nav-item > .opener { color: #52666d; } .nav-regular .nav-item.level0.active > a { background-color: #ffffff; color: #52666d; } .nav-mobile .nav-item.level0.current > a { background-color: #ffffff; color: #52666d; } .nav-mobile .nav-item.level0.current > .opener { color: #52666d; } #nav.nav-mobile ul.level0 .nav-item.current > a { background-color: #ffffff; color: #52666d; } .nav-mobile ul.level0 .nav-item.current > .opener { color: #52666d; } .nav-regular .nav-item.level0:hover > a { background-color: #ffffff; color: #41b1dc; } .nav-mobile .nav-item.level0 > a:hover { background-color: #ffffff; color: #41b1dc; } .nav-mobile .nav-item.level0 > a:hover + .opener { color: #41b1dc; } #nav.nav-mobile ul.level0 .nav-item > a:hover { background-color: #ffffff; color: #41b1dc; } .nav-mobile ul.level0 .nav-item > a:hover + .opener { color: #41b1dc; } .nav-regular .nav-item.level0 > a { line-height: 35px; } #nav .nav-item.level0.parent > a .caret { border-top-color: #52666d; } #nav .nav-item.level0.parent.active > a .caret { border-top-color: #52666d; } #nav .nav-item.level0.parent:hover > a .caret { border-top-color: #41b1dc; } .nav-mobile li.nav-item { margin-top: 1px !important; } .nav-mobile { background-color: #ffffff; } .mobnav-trigger-wrapper { color: #52666d; } .mobnav-trigger { background-color: #ffffff; color: #52666d; } .mobnav-trigger:hover { background-color: #ffffff; color: #41b1dc; } .mobnav-trigger.active { background-color: #ffffff; color: #41b1dc; } .mobnav-trigger .trigger-icon .line { background-color: #52666d; } .mobnav-trigger:hover .trigger-icon .line { background-color: #41b1dc; } .mobnav-trigger.active .trigger-icon .line { background-color: #41b1dc; } .nav-regular .nav-item.level0 > a { font-size:16px; text-transform:uppercase; } .nav-regular .nav-submenu--mega > li > a { font-size:16px; text-transform:uppercase; } .nav-mobile li.nav-item > a { font-size:14px; } .mobnav-trigger, .nav-mobile .nav-item.level0 > a { font-size:16px; text-transform: uppercase; } .nav-mobile .nav-item.level1 > a { font-size:16px; text-transform: none; } .main-container { } .main { } .truncated .item-options { background-color: #fff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { } .gen-tabs .tabs { background-color: #ffffff; } .gen-tabs .tabs a { background-color: #eeeeee; color: #8596e3; } .gen-tabs .tabs a:hover /*, .gen-tabs .tabs a:focus */ { background-color: #eaeaea; color: #91cce7; border-color: #eaeaea; border-bottom-color: transparent; } .gen-tabs .tabs a.current { background-color: #ffffff; color: #91cce7; } .gen-tabs .tabs-panels { background-color: #ffffff; border-top-color: #eaeaea; } .gen-tabs .tabs a.current { border-color: #eaeaea; border-bottom-color: transparent; } .gen-tabs .tabs a.current:hover { border-bottom-color: transparent; } .gen-tabs .acctab { background-color: #ffffff; color: #91cce7; border-color: #eaeaea; padding-left: 0.5em; padding-right: 0.5em; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #eaeaea; color: #91cce7; } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; color: #333333; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000000; color: #ffffff; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #91cce7; } .footer-container { } .footer { color: #ffffff; } .footer a { color: #ffffff; } .footer a:hover { color: #91cce7; } .footer .button { background-color: #8596e3; color: #ffffff; } .footer .button:hover, .footer .button:focus { background-color: #91cce7; color: #ffffff; } .footer .ib, .footer span.icon /* For backward compatibility */ { background-color: #8596e3; color: #ffffff; } .footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */ .footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ { background-color: #91cce7 !important; color: #ffffff !important; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener, .footer .collapsible .opener { background-color: #8596e3; color: #ffffff; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #91cce7; color: #ffffff; } .footer-top-container { background-color: #ffffff; } .footer-top { } .footer-top a { } .footer-top a:hover { } .footer-primary-container { padding-top: 30px; padding-bottom: 10px; } .footer-primary { } .footer-primary a { } .footer-primary a:hover { } .footer-secondary-container { background-color: #ffffff; } .footer-secondary { } .footer-secondary a { } .footer-secondary a:hover { } .footer-bottom-container { } .footer-bottom { color: #343434; } .footer-bottom a { color: #343434; } .footer-bottom a:hover { color: #91cce7; } .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { background-color: #ffffff; color: #8596e3; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { background-color: #ffffff !important; color: #5cecff !important; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2024-08-01 12:04:32 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width:96%; } .lte-ie8 .container { max-width:1200px; } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { .container { max-width: 1200px; } /* Special grid units */ .grid-col2-sidebar { width: 20.41%; } .grid-col2-main { width: 75.58%; } .no-gutter.grid-col2-sidebar { width: 22.41%; } .no-gutter.grid-col2-main { width: 77.58%; } .grid-col3-sidebar { width:27.01%; } .grid-col3-main { width:70.34%; } .no-gutter.grid-col3-sidebar { width:27.01%; } .no-gutter.grid-col3-main { width:70.34%; } /* Hide */ .hide-below-1280 { display:inherit !important; } } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .nested-container { width:100%; margin-left:auto; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; } /* Below 768px all grid units are stretched (full width) and stack vertically */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units (will be removed in the next update) -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Enlarge containers to full width and remove max width */ .container { max-width: none !important; width: 100%; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * To override or extend default CSS styles use custom.css file (refer to the user guide for details). * 2024-08-01 12:04:32 */ /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Header -------------------------------------------------------------- */ .header .logo-wrapper .logo { max-width:350px; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.3em; } .caption p { font-size:1.6666em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:45px; height:45px; font-size:1em; } .products-grid .item:hover .sticker { width:50px; height:50px; } /* Misc -------------------------------------------------------------- */ /* Scroll to top button */ #scroll-to-top { display:none !important; } /* Hide Sign Up link in Top Links */ #link-sign-up { display:none; } /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } .caption button.button span span { height: 35px; line-height: 35px; padding: 0 15px; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile collapsible -------------------------------------------------------------- */ .footer .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Remove additional margin for main sidebars */ .col-left > * { margin-right: 0; } .col-right > * { margin-left: 0; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Header -------------------------------------------------------------- */ /* Global notices -------------------------------------------------------------- */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Items in the top header -------------------------------------------------------------- */ /* Make side margins smaller */ .header .item-left { margin-right: 5px; } .header .item-right { margin-left: 5px; } /* Other -------------------------------------------------------------- */ /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Top links */ .top-links { float:left; } /* Mini cart */ .after-mini-cart { clear:none; } /* Deprecated */ /* Line breaker - disable on narrow screens */ .user-menu .line-break-after { clear:none; } /* Header - old styles applied when mobile header mode is not enabled and the "header-regular" class is not removed from header container on narrow screens -------------------------------------------------------------- */ /* Vertically aligned blocks. Reset block below this breakpoint - blocks become full width and stack vertically -------------------------------------------------------------- */ .header-regular .hp-blocks-holder { display:block; } .header-regular .hp-blocks-holder .hp-block { float:inherit; display:block; width:100%; margin-left:0; margin-right:0; } /* Logo -------------------------------------------------------------- */ .header-regular .header .logo-wrapper { text-align:center; } .header-regular .header .logo-wrapper .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .header-regular .search-wrapper-mobile { display: block; /* To override possible inline styles */ clear: both; width: 100%; margin: 10px 0; /*float: none;*/ } .header-regular .search-wrapper-mobile .form-search { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; } .header-regular .search-wrapper-mobile .form-search .input-text { width: 100%; min-width: 100%; /* Cancel minimum width */ } /* Search: header inline -------------------------------------------------------------- */ /* Note: added .header class to override other selectors */ .header-regular .header .search-wrapper-inline { display: block; clear: both; width: 100%; margin: 10px auto; } /* If wrapper is an .item, then remove side margins */ .header-regular .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; } .header-regular .search-wrapper-inline #search_mini_form { display: block; } .header-regular .search-wrapper-inline .form-search .input-text { width:100%; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer .mobile-inline-container { text-align:center; } .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .links-wrapper-separators .links li a, .footer .links-wrapper-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Primary and secondary section: additional inner padding */ .footer-primary > .grid-full > .section, .footer-secondary > .grid-full > .section { padding:15px 10px; } /* Breadcrumbs on product page -------------------------------------------------------------- */ .catalog-product-view .breadcrumbs { text-align: center; } .catalog-product-view .breadcrumbs > * { display: inline-block; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav { margin-top: 30px; margin-bottom: 30px; } /* Hide main heading of the block */ .block-layered-nav .block-title { display: none; } .block-layered-nav .block-content { font-size: 14px; padding: 0; } #narrow-by-list, #narrow-by-list2 { margin: 0 15px; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content > dl > dt { cursor: pointer; padding: 7px 10px 7px 25px; border-bottom: 1px solid #f5f5f5; text-transform: uppercase; } .block-layered-nav .block-content > dl > dt:after { display: block; /* Show on mobile */ content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ddd; border-right: none; } .block-layered-nav .block-content > dl > dd { display: none; padding: 10px 0; } /* Accordion opened */ .block-layered-nav .block-content.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ddd; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { margin: 0; display: block; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: static; padding: 7px 14px; margin-bottom: 5px; } .block-layered-nav dl dd ol > li > a:before { display: none; /* Hide on mobile */ } .block-layered-nav dl dd ol > li > a { color: inherit; background-color: #f9f9f9; padding: 5px 10px; } .block-layered-nav dl dd ol > li > a:hover { text-decoration: none; background: #f5f5f5; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; } .toolbar .sort-by, .toolbar .sorter .amount { border-right:none; } .sorter .per-page, .pager .per-page { display:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Product page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Add-to links */ .product-view .add-to-links { text-align: center; } .product-view .add-to-links li { float: none; display: inline-block; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ /*.opc form fieldset { display:table-column-group; }*/ /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ .control-nav.control-paging { display:none; } /* Deprecated */ /* If only one item exists */ .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */ /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper-outer { margin-top: 0 !important; /* Reset nagative top margin */ } /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; } /* Deprecated */ .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } .the-slideshow .direction-nav .next { top:4%; right:2%; } /* Pagination */ .the-slideshow-wrapper .owl-pagination { display: none; } /* Slideshow caption */ /* Shrink font, hide all elements except heading */ .caption > * { display:none !important; } .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .caption button.button span span { height: 30px; line-height: 30px; padding: 0 10px; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; line-height:48px; } /* Different types of collapsible blocks -------------------------------------------------------------- */ /* Sidebar blocks */ .sidebar .block { margin-bottom: 20px; } /* Blocks collapsible only on mobile, so icon visible only on mobile */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { /* Show only on mobile */ display: inline-block !important; } .mobile-collapsible .block-title, .sidebar .block .block-title, .block-layered-nav .block-title { cursor: pointer; } } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .img-box .product-image { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Mobile header -------------------------------------------------------------- */ .header-mobile .skip-link .label { display: none; } .header-mobile .skip-link .icon { margin-right: 0; } .header-mobile .skip-link .count { margin-right: 0; /* Reset negative margin to align content of a skip-link */ } /* Dropdowns in mobile header collaterals */ .header-mobile .header-collateral .dropdown .dropdown-heading { line-height: 24px; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Products grid -------------------------------------------------------------- */ .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */ .products-grid .item .add-to-links { display: none !important; } /* Buttons - stretch full width -------------------------------------------------------------- */ .buttons-set .button, .title-buttons .button, .cart .btn-checkout, .mini-cart .actions .button, .mini-compare .actions .button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .buttons-set .button:last-child, .cart .btn-checkout:last-child, .mini-cart .actions .button:last-child { margin-bottom: 0; } /* Button on product page - stretch full width and remove vertical alignment -------------------------------------------------------------- */ .product-view .add-to-cart .btn-cart { display: block; width: 100%; margin: 0 0 7px; } .product-view .add-to-cart { display: block; float: none; } /* Buttons set -------------------------------------------------------------- */ .buttons-set .back-link { display: none; } .buttons-set .required { display: none; } /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Simplify horizontal links */ .header .links-wrapper-separators .links li a, .header .links-wrapper-separators-left .links li a { background-image:none; } /* Header elements - align center -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Header top elements - align center -------------------------------------------------------------- */ /* Header - old styles applied when mobile header mode is not enabled and the "header-regular" class is not removed from header container on narrow screens -------------------------------------------------------------- */ /* Header elements - align center -------------------------------------------------------------- */ /* Links */ .header-regular .header .links { text-align:center; } .header-regular .header .links li { float:none; display:inline-block; } /* User menu */ .header-regular .user-menu { text-align:center; } .header-regular .user-menu > *, .header-regular .user-menu .links, .header-regular .dropdown { float:none !important; display:inline-block !important; } /* Products list -------------------------------------------------------------- */ .products-list .item { margin-bottom:20px; } .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ } .products-list .product-image { margin-bottom:20px; } /* Products list: disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .products-list.hover-effect .item { border-top: none; } .products-list.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:0; padding-right:0; box-shadow: none !important; } /* Products grid: override size of elements (values like size-xs) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:40px; height:40px; font-size:0.9166em; } .products-grid .item:hover .sticker { width:45px; height:45px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */ /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1em; line-height:2.8333em; } /* Advanced search results -------------------------------------------------------------- */ .advanced-search-summary ul { width: 100%; margin-right: 0; } /* Footer -------------------------------------------------------------- */ #subscribe-form label { display: inline-block; float: none; line-height: 1em; margin: 15px 0 2px; } #subscribe-form .input-box { display: inline-block; float: none; margin: 5px 0; position: relative; width: 100%; } #subscribe-form .input-text { width:100%; max-width:100%; } #subscribe-form .button { display: inline-block; float: none; } /*TOOD: check on mobiles*/ #subscribe-form .input-box .validation-advice { width: 100%; left: 0; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Deprecated */ /* Slideshow caption */ /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:1.3333em; } .caption p { font-size:1em; } /* Itemslider -------------------------------------------------------------- */ /* Pagination */ .itemslider .owl-pagination { display: none; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/ /*{ max-width:158px; }*/ /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .category-products-grid.hover-effect .item { border-top: none; } .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; } /* Show elements normally displayed only on hover */ .category-products-grid.hover-effect .item .display-onhover { display:block !important; } /* Show full name even if enabled: display name in single line */ .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Spaces between items */ .category-products-grid.hover-effect .item { margin-bottom: 20px; } /* Mobile header -------------------------------------------------------------- */ .header-mobile .header-collateral { float: none; text-align:center; } .header-mobile .header-collateral > * { display: inline-block; } .header-mobile .logo-wrapper--mobile { float: none !important; text-align: center !important; } /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper .owl-buttons { display: none; } .the-slideshow .direction-nav { display:none; } /* Deprecated */ } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: width < 240px */ *.hidden-postable,.dz-hidden-input{position:absolute !important;visibility:hidden !important;left:-100vw !important;opacity:0 !important;z-index:-1 !important;max-width:100vw !important}html:not(.is-static,.studio-active) html{background:#fff url("https://modulari.com/skin/frontend/ultimo/default/images/wait.gif") no-repeat fixed center center/70px auto}html:not(.is-static,.studio-active) body{font-size:16px !important;-webkit-text-size-adjust:100%}html:not(.is-static,.studio-active) h1{font-family:"Playfair Display",serif}html:not(.is-static,.studio-active) a[data-cmd]{cursor:pointer}html:not(.is-static,.studio-active) .lcase{text-transform:lowercase}html:not(.is-static,.studio-active) body>img{position:absolute;left:-100vw;top:-100vh;z-index:-1}html:not(.is-static,.studio-active) body .wrapper{border-top:none}html:not(.is-static,.studio-active) .bg-persian-orange{background-color:#fc6333 !important}html:not(.is-static,.studio-active) .bg-nickel{background-color:#6d7a7a !important}html:not(.is-static,.studio-active) .bg-jet{background-color:#333 !important}html:not(.is-static,.studio-active) .bg-apricot{background-color:#f4c7a8 !important}html:not(.is-static,.studio-active) .bg-linen{background-color:#ede3dc !important}html:not(.is-static,.studio-active) .bg-cultured{background-color:#f0f0f0 !important}html:not(.is-static,.studio-active) .force-show{display:block !important;opacity:1 !important}html:not(.is-static,.studio-active) .footer-container{background-color:#fff}html:not(.is-static,.studio-active) .footer-bottom-container,html:not(.is-static,.studio-active) .footer-bottom-container>*{background-color:#f8f8f8}html:not(.is-static,.studio-active) .button{background-color:#fff}html:not(.is-static,.studio-active) .btn-remove,html:not(.is-static,.studio-active) .btn-edit{font-size:18px;width:18px}html:not(.is-static,.studio-active) button,html:not(.is-static,.studio-active) .button{border:1px solid #dbdbdb;border-radius:5px;-webkit-appearance:initial}html:not(.is-static,.studio-active) button.border-none,html:not(.is-static,.studio-active) .button.border-none{border:none}html:not(.is-static,.studio-active) .usp+.add-to-links{float:right}html:not(.is-static,.studio-active) .btn-studio,html:not(.is-static,.studio-active) .add-preset,html:not(.is-static,.studio-active) button.order-now{background-color:#94b362;border:1px solid hsla(0,0%,100%,.75);border-radius:7px;color:#fff;font-size:16px;padding:0 15px;text-align:center;min-width:200px;margin-bottom:5px}html:not(.is-static,.studio-active) button.order-now{background-color:#333 !important}html:not(.is-static,.studio-active) .btn-studio.black{background-color:#333 !important}html:not(.is-static,.studio-active) #product-addtocart-button span{font-weight:bold}html:not(.is-static,.studio-active) .btn-studio:hover{background-color:#73ac31 !important}html:not(.is-static,.studio-active) .btn-studio.loading{background:rgba(0,0,0,.1) url(/skin/frontend/ultimo/default/images/wait.gif) no-repeat scroll 6px 46%/36px auto !important;border-color:rgba(0,0,0,.5) !important;color:#666 !important;font-style:italic}html:not(.is-static,.studio-active) .btn-studio~.reset{position:relative;display:inline-block;white-space:nowrap;line-height:30px;top:-2px;left:20px;color:#c31d1d;text-decoration:underline;font-size:13px;cursor:pointer}@media only screen and (min-width: 768px){html:not(.is-static,.studio-active) .btn-inline+.btn-inline{margin-left:10px;margin-right:0 !important;padding:0 10px}}html:not(.is-static,.studio-active) .left{margin:0;text-align:left}html:not(.is-static,.studio-active) .center{margin-left:auto;margin-right:auto;text-align:center}html:not(.is-static,.studio-active) .center>*{text-align:initial}html:not(.is-static,.studio-active) html,html:not(.is-static,.studio-active) body{font-family:"Lato",sans-serif}html:not(.is-static,.studio-active) p a{text-decoration:underline}html:not(.is-static,.studio-active) .tt-capitalize{text-transform:capitalize;display:inline !important}html:not(.is-static,.studio-active) .block-title,html:not(.is-static,.studio-active) .page-title,html:not(.is-static,.studio-active) .block-title *,html:not(.is-static,.studio-active) .page-title *{font-weight:bold !important}html:not(.is-static,.studio-active) .header-mobile .inner-container,html:not(.is-static,.studio-active) .header-mobile .container{margin:0;max-width:100%;padding:0;width:100%}html:not(.is-static,.studio-active) .header-primary{padding:0}html:not(.is-static,.studio-active) .header-primary>.inner-container{min-height:80px !important}html:not(.is-static,.studio-active) .header .logo-wrapper .logo{margin-top:0;max-width:320px}html:not(.is-static,.studio-active) .header .logo img{height:62px;margin:15px auto 5px}html:not(.is-static,.studio-active) .header .logo .slogan{max-height:40px !important;margin-top:7px;margin-left:10px}html:not(.is-static,.studio-active) .search-wrapper-centered .form-search{width:100%}html:not(.is-static,.studio-active) .header .form-search .button{border-radius:7px;color:#fff !important;line-height:1;padding:0 10px !important;width:auto;font-size:16px;border:none !important}html:not(.is-static,.studio-active) .header .form-search .button span{display:inline-block !important;padding:0 3px !important}html:not(.is-static,.studio-active) .sticky-header .form-search .button span{display:none !important}html:not(.is-static,.studio-active) .header .user-menu{white-space:nowrap}html:not(.is-static,.studio-active) .header .user-menu .top-links{white-space:normal}html:not(.is-static,.studio-active) .sticky-header .form-search{left:66%;position:fixed;top:2px;width:200px !important;z-index:2147483647}html:not(.is-static,.studio-active) .form-search .input-text{background-color:#40535a;color:#fff;border-radius:7px;font-size:13px;font-style:italic;padding-left:20px;border:none !important}html:not(.is-static,.studio-active) .form-search .input-text:hover,html:not(.is-static,.studio-active) .form-search .input-text:focus{border:1px solid #fc6333 !important}html:not(.is-static,.studio-active) .nav-regular .nav-item.level0>a{font-size:20px;line-height:40px;text-transform:none;font-style:italic}html:not(.is-static,.studio-active) .inner-container{padding:0 20px}html:not(.is-static,.studio-active) .breadcrumbs,html:not(.is-static,.studio-active) .breadcrumbs *{display:none;height:auto;margin:0;padding:0;vertical-align:top}html:not(.is-static,.studio-active) .catalog-product-view .breadcrumbs{position:absolute;z-index:1}html:not(.is-static,.studio-active) .breadcrumbs li *{float:left}html:not(.is-static,.studio-active) .breadcrumbs li .sep{margin-top:-2px}html:not(.is-static,.studio-active) .main{background-color:rgba(0,0,0,0)}html:not(.is-static,.studio-active) .sidebar .block-title{border-bottom:none;border-top:1px solid #e5e5e5}html:not(.is-static,.studio-active) .sidebar>*:first-child .block-title,html:not(.is-static,.studio-active) .accordion-style1 li a{border:none}html:not(.is-static,.studio-active) .category-title h1{min-width:22%}html:not(.is-static,.studio-active) .category-title h1,html:not(.is-static,.studio-active) .category-title .amount{display:inline-block;width:auto;vertical-align:baseline}html:not(.is-static,.studio-active) .category-title .amount,html:not(.is-static,.studio-active) .category-title .amount *{font-weight:normal !important}html:not(.is-static,.studio-active) .category-image{margin:0;max-height:450px;overflow:hidden}html:not(.is-static,.studio-active) .category-image img{width:100%;height:auto;margin-top:0}html:not(.is-static,.studio-active) .nth-page .category-image{display:none}html:not(.is-static,.studio-active) .block .block-content{padding:0}html:not(.is-static,.studio-active) .sorter .view-mode{float:left}html:not(.is-static,.studio-active) .view-mode span{background-color:rgba(0,0,0,0) !important;color:#333 !important}html:not(.is-static,.studio-active) .view-mode a{opacity:.5}html:not(.is-static,.studio-active) .view-mode a:hover{opacity:1}html:not(.is-static,.studio-active) .sorter select{border-radius:7px;height:30px;line-height:30px;padding:0 4px 0 1px;text-align:center;background:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none}html:not(.is-static,.studio-active) .sorter select option{padding:0 2px}html:not(.is-static,.studio-active) .sorter .limiter{margin-right:5px}html:not(.is-static,.studio-active) .sorter .pager{float:right;border:none;padding:0}html:not(.is-static,.studio-active) .sorter .pages strong,html:not(.is-static,.studio-active) .sorter .pages li{display:none}html:not(.is-static,.studio-active) .sorter .pages li.previous,html:not(.is-static,.studio-active) .sorter .pages li.next,html:not(.is-static,.studio-active) .sorter .pages li.previous a,html:not(.is-static,.studio-active) .sorter .pages li.next a{background-color:rgba(0,0,0,0);display:inline-block;font-size:13px;margin:auto 5px;width:auto}html:not(.is-static,.studio-active) .toolbar-bottom .sorter>*{display:none}html:not(.is-static,.studio-active) .toolbar-bottom .sorter,html:not(.is-static,.studio-active) .toolbar-bottom .sorter .pager{display:block;float:none;margin:0 auto;text-align:center}html:not(.is-static,.studio-active) .toolbar-bottom .sorter .pager li{display:inline-block}html:not(.is-static,.studio-active) .category-products .category-products-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));margin:2rem 0}@media(min-width: 768px)and (max-width: 1250px){html:not(.is-static,.studio-active) .category-products .category-products-grid{margin:2rem 1rem}}html:not(.is-static,.studio-active) .category-products .category-products-grid.hover-effect .item:hover{box-shadow:0 0 20px rgba(0,0,0,.2)}html:not(.is-static,.studio-active) .category-products .item{border:none;display:flex;flex-direction:column;flex-grow:1;float:none;height:100% !important;padding:1rem;width:100%}html:not(.is-static,.studio-active) .category-products .item:hover{margin:0;padding:0}html:not(.is-static,.studio-active) .category-products .item:hover .wrap{border-color:rgba(0,0,0,0)}html:not(.is-static,.studio-active) .category-products .item .wrap{border:1px solid #e5e5e5;display:flex;flex-direction:column;flex-grow:1;gap:1rem;justify-content:space-between;padding:.5rem}html:not(.is-static,.studio-active) .category-products .item .product-image-wrapper{height:75%;margin:0}html:not(.is-static,.studio-active) .category-products .item .product-image-wrapper a{height:100%;width:100%}html:not(.is-static,.studio-active) .category-products .item .product-image-wrapper a img{height:100%;object-fit:cover;width:100%}html:not(.is-static,.studio-active) .category-products .item .product-name{align-items:center;display:flex;flex-wrap:wrap;height:25%;justify-content:center;margin:0;overflow:visible;white-space:unset}html:not(.is-static,.studio-active) .category-products .item .actions{display:none}html:not(.is-static,.studio-active) .product-view .product-type-data{margin:-10px 0 0}html:not(.is-static,.studio-active) .product-view .add-to-box,html:not(.is-static,.studio-active) .product-view .price-box{border:none !important}html:not(.is-static,.studio-active) .product-view .action-box{margin:0;clear:both}html:not(.is-static,.studio-active) .product-options{position:relative;margin-bottom:25px;border-bottom:1px solid rgba(0,0,0,.2)}html:not(.is-static,.studio-active) .product-options .dd-product-width .input-box{display:inline-block}html:not(.is-static,.studio-active) .product-options .dd-product-width input{display:inline-block;width:70px !important;font-size:15px;border:1px solid #e5e5e5;border-radius:5px;text-align:center}html:not(.is-static,.studio-active) .product-options .dd-product-width>.note{display:inline-block;font-size:inherit}html:not(.is-static,.studio-active) .product-options .required,html:not(.is-static,.studio-active) .product-options .message-csv-error,html:not(.is-static,.studio-active) .product-options-bottom .add-to-cart{display:none}html:not(.is-static,.studio-active) .product-view .box-related{background-color:#f9fcf5}html:not(.is-static,.studio-active) .product-view .block-related .section-title{border:none;margin:0 !important;padding:20px 20px 0}html:not(.is-static,.studio-active) .product-view .feature{margin:0}html:not(.is-static,.studio-active) #checkout-review-table dl.item-options>*{display:none}html:not(.is-static,.studio-active) #checkout-review-table dl.item-options>.truncated~*{display:block}html:not(.is-static,.studio-active) #shopping-cart-table .button.btn-inline.btn-continue,html:not(.is-static,.studio-active) #shopping-cart-table .button.btn-inline.btn-update{background-color:#fff;font-weight:bold;font-size:14px;border:1px solid #dbdbdb}html:not(.is-static,.studio-active) #checkout-review-table-wrapper .product-image{margin:1px 10px 0 0}html:not(.is-static,.studio-active) .block-reorder{display:none !important}html:not(.is-static,.studio-active) .footer-copyright{line-height:35px}html:not(.is-static,.studio-active) .footer-bottom .section{padding:0}html:not(.is-static,.studio-active) .columns{width:100%;display:block;white-space:nowrap;overflow:hidden}html:not(.is-static,.studio-active) .columns>.columns,html:not(.is-static,.studio-active) .columns>*{display:inline-block;white-space:normal;vertical-align:top;float:left}html:not(.is-static,.studio-active) .columns.two>*{width:50%}html:not(.is-static,.studio-active) .words.grid .column div.column{box-sizing:border-box;padding:30px 0 0 30px}html:not(.is-static,.studio-active) .grid .word-list li{display:inline-block;width:48%;margin:0;padding:0}html:not(.is-static,.studio-active) .grid .word-list li,html:not(.is-static,.studio-active) .grid .word-list h4{white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden}html:not(.is-static,.studio-active) h1+.grid{margin:40px 0}html:not(.is-static,.studio-active) .steps .column .column>*{margin:20px}html:not(.is-static,.studio-active) .steps h4{font-family:"Open Sans",sans-serif;font-size:21px;font-weight:bold;margin-top:58px !important}html:not(.is-static,.studio-active) .step1 h4{color:#a4dbf2}html:not(.is-static,.studio-active) .step2 h4{color:#b2cfcc}html:not(.is-static,.studio-active) .step3 h4{color:#e8ac8c}html:not(.is-static,.studio-active) .step4 h4{color:#5aa19d}html:not(.is-static,.studio-active) .cms-home .page-title{display:none}html:not(.is-static,.studio-active) .cms-home .h3+*{border-top:none}@media only screen and (min-width: 1280px){html:not(.is-static,.studio-active) .cms-home .itemgrid-adaptive.itemgrid-4col .item{clear:none !important;width:23%}}html:not(.is-static,.studio-active) .cloud-zoom-big{background-color:#fff}@media only screen and (max-width: 960px){html:not(.is-static,.studio-active) .right.mobile-left{float:none !important;clear:both !important}}html:not(.is-static,.studio-active) .price-box{display:none}html:not(.is-static,.studio-active) .col-main li>a,html:not(.is-static,.studio-active) .std li>a,html:not(.is-static,.studio-active) .col-main p>a,html:not(.is-static,.studio-active) .std p>a{text-decoration:underline}html:not(.is-static,.studio-active) .col-main li>a>:hover,html:not(.is-static,.studio-active) .std li>a>:hover,html:not(.is-static,.studio-active) .col-main p>a>:hover,html:not(.is-static,.studio-active) .std p>a>:hover{color:#fc6333}html:not(.is-static,.studio-active) .list-style{list-style:inside}html:not(.is-static,.studio-active) body[class*=category-tekst] .breadcrumbs{display:none}html:not(.is-static,.studio-active) .category-image{position:relative;text-align:right;display:block}html:not(.is-static,.studio-active) .btn-primary-action,html:not(.is-static,.studio-active) .btn-secondary-action{border:1px solid hsla(0,0%,100%,.5) !important;border-radius:3px;box-shadow:0 0 20px hsla(0,0%,100%,.25);font-size:22px;text-decoration:none !important;font-family:"Open Sans",serif !important}@media all and (max-width: 768px){html:not(.is-static,.studio-active) #top.header-container{position:relative}html:not(.is-static,.studio-active) .btn-primary-action,html:not(.is-static,.studio-active) .btn-secondary-action{min-width:100px;max-width:25vw;font-size:60%;padding:0 12px}}html:not(.is-static,.studio-active) .btn-primary-action:hover,html:not(.is-static,.studio-active) .btn-secondary-action:hover{box-shadow:0 0 20px hsla(0,0%,100%,.5)}html:not(.is-static,.studio-active) .btn-secondary-action{color:#fff !important}html:not(.is-static,.studio-active) .opc .active .step-title .number{background-color:#fc6333}html:not(.is-static,.studio-active) .opc .active .step-title,html:not(.is-static,.studio-active) .opc .active .step-title:hover{background-color:rgba(133,150,227,.1)}html:not(.is-static,.studio-active) .custom-content{font-size:120%;line-height:150%;margin:50px 20% 0;width:60%}html:not(.is-static,.studio-active) .main .chat .online{background-color:#fc6333;border:1px solid rgba(0,0,0,.5);border-radius:50px;color:#fff !important;padding:0 5px 1px;display:inline-block;margin:-1px 5px 1px}html:not(.is-static,.studio-active) p.hideOnEdit{margin:5px 0}html:not(.is-static,.studio-active) .preset.filters select,html:not(.is-static,.studio-active) .product-options dd select{width:auto;max-width:100%}html:not(.is-static,.studio-active) .product-tekst .product-image #zoom-btn{display:none}@media all and (min-width: 769px){html:not(.is-static,.studio-active) .product-view>.box-additional{width:49% !important;margin:0 1% 0 0}html:not(.is-static,.studio-active) .product-view>.box-additional+.box-additional{margin:0 0 0 1%}}html:not(.is-static,.studio-active) .product-view h3.mal{margin-top:21px}html:not(.is-static,.studio-active) .material-list{clear:both}html:not(.is-static,.studio-active) .material-list .material{margin:10px 0;cursor:pointer}html:not(.is-static,.studio-active) .material-list .material.active{cursor:default}html:not(.is-static,.studio-active) .material-list .material .preview>a>img{display:block}html:not(.is-static,.studio-active) .material-list .material .preview>*{border:none}html:not(.is-static,.studio-active) .main a[id] .m360-hint-message{color:#fff !important}html:not(.is-static,.studio-active) .material .preview>*[class*=Magic360]{background-color:#f8f8f8;border:1px solid rgba(0,0,0,.1)}html:not(.is-static,.studio-active) .material-list .material:after{content:"";display:block;clear:both}html:not(.is-static,.studio-active) .material-list .material p{padding-bottom:10px}html:not(.is-static,.studio-active) .material-list .material .preview{float:left;width:33%;margin:0 20px 10px 0}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .material-list .material .preview{float:none;width:100%}}html:not(.is-static,.studio-active) .material-list .material h4{color:#fc6333}html:not(.is-static,.studio-active) .material-list .material.active h4{color:inherit}html:not(.is-static,.studio-active) .grid ul{margin-bottom:0}@media all and (max-width: 1279px){html:not(.is-static,.studio-active) .grid.words .column div.column{padding:2% 0 0 3% !important}html:not(.is-static,.studio-active) .grid.steps .column .column>*{margin:5% !important}html:not(.is-static,.studio-active) .grid.steps h4{margin-top:0 !important}}@media all and (max-width: 1023px){html:not(.is-static,.studio-active) .grid.words>.columns>.column{display:block;width:100%;float:none}}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .grid.steps>.columns>.column{display:block;width:100%;float:none}}html:not(.is-static,.studio-active) body:not(.is-v2) .product-view .short-description{display:none;margin:0}html:not(.is-static,.studio-active) #product-tabs .tabs-panels{border:none}html:not(.is-static,.studio-active) option[disabled]{color:rgba(127,127,127,.75);font-style:italic}html:not(.is-static,.studio-active) .product-name+.item-options{display:none}html:not(.is-static,.studio-active) .welcome-msg{display:none}html:not(.is-static,.studio-active) .text-start-edit{float:left;height:38px;line-height:38px;margin-right:20px;max-width:50%}html:not(.is-static,.studio-active) .box-additional>.panel{padding:0 20px}html:not(.is-static,.studio-active) html,html:not(.is-static,.studio-active) body{background-color:#dedede}html:not(.is-static,.studio-active) .header-top.header *{font-size:12px;margin:0}html:not(.is-static,.studio-active) .header-top *{line-height:26px !important}html:not(.is-static,.studio-active) .header-primary a{color:#333}html:not(.is-static,.studio-active) .footer-container .tagline{font-size:18px;height:50px;line-height:50px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;background-color:#333;color:#fff}html:not(.is-static,.studio-active) .nested-container{margin:0;width:100%}html:not(.is-static,.studio-active) .preset.filters select,html:not(.is-static,.studio-active) .product-options select{min-width:250px}html:not(.is-static,.studio-active) .footer-secondary.footer.container a{color:#333;text-decoration:none;font-size:12px}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .product-grid-home .grid12-12>*{width:100% !important}html:not(.is-static,.studio-active) .product-grid-home .item>img{max-height:80vw}}html:not(.is-static,.studio-active) .header .links>li>a:hover{color:#333 !important}html:not(.is-static,.studio-active) .button,html:not(.is-static,.studio-active) .sorter .pages li.previous,html:not(.is-static,.studio-active) .sorter .pages li.next,html:not(.is-static,.studio-active) .sorter .pages li.previous a,html:not(.is-static,.studio-active) .sorter .pages li.next a,html:not(.is-static,.studio-active) #shopping-cart-table .button.btn-inline.btn-continue,html:not(.is-static,.studio-active) #shopping-cart-table .button.btn-inline.btn-update{color:#fc6333}html:not(.is-static,.studio-active) .cart-table tfoot td.last{border-bottom:none !important}html:not(.is-static,.studio-active) .cart-collaterals{padding-top:10px}html:not(.is-static,.studio-active) .cart .totals{background-color:#f0f0f0;border-radius:10px}html:not(.is-static,.studio-active) .buttons-set button+button[onclick*="discountForm.submit(true)"]{border:none !important;color:rgba(0,0,0,.5)}html:not(.is-static,.studio-active) #discount-coupon-form>.button{font-size:16px !important;font-weight:normal !important}html:not(.is-static,.studio-active) .header-primary-container,html:not(.is-static,.studio-active) .container.header-primary,html:not(.is-static,.studio-active) .container.header-top{background-color:#fff !important}html:not(.is-static,.studio-active) .material-list+a{display:block;margin-top:10px;text-align:center;text-decoration:underline}html:not(.is-static,.studio-active) .header #search_mini_form .form-search .button{border:none !important;background-color:#fc6333 !important}html:not(.is-static,.studio-active) .footer{font-size:13px}html:not(.is-static,.studio-active) .footer h6{font-size:18px;color:#333}html:not(.is-static,.studio-active) .footer img.logo{width:175px;max-width:70%;margin:50px 0 0 12%}html:not(.is-static,.studio-active) p.availability.in-stock,html:not(.is-static,.studio-active) .usp+.add-to-links{display:none}html:not(.is-static,.studio-active) .material-list+a{display:block;margin-top:10px;text-align:center}html:not(.is-static,.studio-active) .block-account .block-content ul{padding-left:0}html:not(.is-static,.studio-active) .block-account li{background:rgba(0,0,0,0) url(/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 3px 10px;list-style:none;padding-left:15px}html:not(.is-static,.studio-active) .block-account li>*{text-transform:none}html:not(.is-static,.studio-active) .color.blue,html:not(.is-static,.studio-active) .color.blue *{color:#fc6333 !important}html:not(.is-static,.studio-active) .color.pink,html:not(.is-static,.studio-active) .color.pink *{color:#333}html:not(.is-static,.studio-active) .main .color.pink,html:not(.is-static,.studio-active) .main .color.pink *{color:#333 !important}html:not(.is-static,.studio-active) .color.gray,html:not(.is-static,.studio-active) .color.gray *{color:#52666d}html:not(.is-static,.studio-active) .color.white,html:not(.is-static,.studio-active) .color.white *{color:#fff}html:not(.is-static,.studio-active) .background.gray{background-color:#52666d}html:not(.is-static,.studio-active) .header .links-wrapper-separators-left a{background:none !important}html:not(.is-static,.studio-active) .footer a.ic{text-decoration:none;background-color:rgba(0,0,0,.1)}html:not(.is-static,.studio-active) .main.container>.inner-container{text-align:left}html:not(.is-static,.studio-active) h1 a,html:not(.is-static,.studio-active) h2 a,html:not(.is-static,.studio-active) h3 a{text-decoration:none !important}html:not(.is-static,.studio-active) p a{color:#333 !important}html:not(.is-static,.studio-active) body:not([class*=blog-]) li>strong{color:#333 !important}html:not(.is-static,.studio-active) .page-title,html:not(.is-static,.studio-active) .category-title,html:not(.is-static,.studio-active) .block-title,html:not(.is-static,.studio-active) .box-title,html:not(.is-static,.studio-active) .box-head,html:not(.is-static,.studio-active) .legend,html:not(.is-static,.studio-active) .buttons-set,html:not(.is-static,.studio-active) .discount h2{border:none !important}html:not(.is-static,.studio-active) .pager .pages li a{width:auto;min-width:30px}html:not(.is-static,.studio-active) h1,html:not(.is-static,.studio-active) .product-name>h1,html:not(.is-static,.studio-active) .product-name>h2{color:#333;margin:20px 0}html:not(.is-static,.studio-active) .container{position:relative}html:not(.is-static,.studio-active) #header-search{display:none !important}html:not(.is-static,.studio-active) .mobnav-trigger,html:not(.is-static,.studio-active) .header-mobile .skip-link,html:not(.is-static,.studio-active) .header-mobile .skip-link *{color:#fff !important}html:not(.is-static,.studio-active) #nav a{text-transform:none}html:not(.is-static,.studio-active) #nav a.active,html:not(.is-static,.studio-active) #nav a.active *{color:#333 !important}html:not(.is-static,.studio-active) .mobnav-trigger,html:not(.is-static,.studio-active) .mobnav-trigger-wrapper{background-color:#333 !important;border-bottom:1px solid rgba(127,127,127,.25)}@media all and (min-width: 770px)and (max-width: 959px){html:not(.is-static,.studio-active) div.mobnav-trigger-wrapper{display:block}}html:not(.is-static,.studio-active) .mobnav-trigger .trigger-icon .line{background-color:#fff !important}@media all and (min-width: 960px){html:not(.is-static,.studio-active) #nav{position:absolute;top:-64px !important;left:200px}html:not(.is-static,.studio-active) #nav ul a{line-height:2.25}}@media all and (min-width: 1180px){html:not(.is-static,.studio-active) #nav{left:230px}}html:not(.is-static,.studio-active) body.cms-home .wide-text{padding:0 7vw;opacity:.9;clear:both;margin-bottom:10px}html:not(.is-static,.studio-active) .wide-text h1{font-size:32px;line-height:64px;margin:0}html:not(.is-static,.studio-active) #product-tabs>.tabs{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin:0 -20px;padding:0 20px}html:not(.is-static,.studio-active) #product-tabs h2,html:not(.is-static,.studio-active) #product-tabs .h2{margin:0 0 10px}html:not(.is-static,.studio-active) #product-tabs h3{margin:0;font-weight:bold}html:not(.is-static,.studio-active) #product-tabs .std h3{font-size:115% !important;font-weight:bold}html:not(.is-static,.studio-active) .box-additional.grid12-5{width:100% !important;margin:0 !important}html:not(.is-static,.studio-active) .box-additional.grid12-5+.box-additional.grid12-5{display:none !important}html:not(.is-static,.studio-active) .gen-tabs .tabs a{background:#fff !important}html:not(.is-static,.studio-active) #product_addtocart_form:after{content:"";clear:both;height:20px;width:100%;display:block}html:not(.is-static,.studio-active) .catalog-product-view .col1-layout .col-main,html:not(.is-static,.studio-active) .product-view .box-collateral{margin:0 !important;padding:0 !important}html:not(.is-static,.studio-active) .footer-info{width:100%;margin:0;padding:0 0 40px}html:not(.is-static,.studio-active) .footer-info .grid12-4{width:33.3%}html:not(.is-static,.studio-active) .footer-info .grid12-4.middle{padding:0 2%;width:33.4%}html:not(.is-static,.studio-active) .footer-info *{margin:0;padding:0;box-sizing:border-box}html:not(.is-static,.studio-active) .footer-info img{width:48px;margin:0 0 10px}html:not(.is-static,.studio-active) .footer-info h4{font-size:110%;font-weight:bold}html:not(.is-static,.studio-active) .footer-info .grid12-6{width:50%}html:not(.is-static,.studio-active) .footer-info>.std>.grid12-6:first-child{padding-right:10px}html:not(.is-static,.studio-active) .footer-info>.std>.grid12-6:first-child+.grid12-6{padding-left:10px}html:not(.is-static,.studio-active) .footer-info .large-img{position:relative;overflow:hidden;height:29vw;max-height:370px;margin:15px 0}html:not(.is-static,.studio-active) .footer-info .large-img img{width:100% !important}html:not(.is-static,.studio-active) #product-attribute-specs-table{display:none !important}html:not(.is-static,.studio-active) .header-mobile .skip-search>*{opacity:0}html:not(.is-static,.studio-active) .action-box>.usp{margin:10px 0 20px}html:not(.is-static,.studio-active) .usp .fas,html:not(.is-static,.studio-active) .benefit .fas{color:#fc6333 !important;margin-right:6px;font-size:12px}html:not(.is-static,.studio-active) .benefits{position:absolute;left:200px;right:150px;top:0;text-align:center;font-size:15px;font-style:italic;line-height:66px}@media all and (max-width: 770px){html:not(.is-static,.studio-active) .benefits{display:none}}html:not(.is-static,.studio-active) .benefits .benefit{display:inline-block;margin:0 15px}html:not(.is-static,.studio-active) #product-tabs>.tabs{border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.08)}html:not(.is-static,.studio-active) .breadcrumbs a[href] span{text-decoration:underline}html:not(.is-static,.studio-active) body[class*=blog-] a.elementor-button-link,html:not(.is-static,.studio-active) body[class*=blog-] a.elementor-button-link span{color:#fff;text-decoration:none}html:not(.is-static,.studio-active) body[class*=blog-] .elementor-widget-container>p{margin-top:20px}html:not(.is-static,.studio-active) body[class*=blog-] ol{list-style-top:decimal;display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px;unicode-bidi:isolate}html:not(.is-static,.studio-active) .main a[href].knop{color:inherit;text-decoration:none}html:not(.is-static,.studio-active) .preset.filters select,html:not(.is-static,.studio-active) .product-options dd select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;font-size:14px;border-radius:5px;padding-left:14px;background-image:linear-gradient(45deg, transparent 50%, #FC6333 50%),linear-gradient(135deg, #FC6333 50%, transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border:1px solid rgba(0,0,0,.25);border-radius:5px !important}html:not(.is-static,.studio-active) .std>h2{font-size:26px !important;font-weight:bold !important}html:not(.is-static,.studio-active) .std h3{margin-bottom:10px !important}html:not(.is-static,.studio-active) .footer-info h4{font-size:103%;font-weight:bold;margin-bottom:3px}html:not(.is-static,.studio-active) .std h5{font-size:103%;font-weight:bold;margin-bottom:3px}html:not(.is-static,.studio-active) .footer h6{font-size:16px !important}html:not(.is-static,.studio-active) .footer a{font-size:17px !important;font-weight:300}html:not(.is-static,.studio-active) .footer .ib,html:not(.is-static,.studio-active) .footer span.icon{background-color:#52666d;font-size:16px;line-height:26px;height:26px;width:26px}html:not(.is-static,.studio-active) .footer-bottom.footer.container{padding:10px 0}html:not(.is-static,.studio-active) .footer img.payment{height:26px}html:not(.is-static,.studio-active) .footer .item-center{text-align:center;margin:auto}html:not(.is-static,.studio-active) .product-view .container2-wrapper{padding:0;margin:0;border:none}html:not(.is-static,.studio-active) .dashboard *{font-size:15px}html:not(.is-static,.studio-active) .dashboard h1{font-size:24px !important}html:not(.is-static,.studio-active) .dashboard h2{font-size:20px !important}html:not(.is-static,.studio-active) .dashboard h3,html:not(.is-static,.studio-active) .dashboard h4,html:not(.is-static,.studio-active) .customer-account .block .block-title{font-size:18px !important;text-transform:none !important}html:not(.is-static,.studio-active) .dashboard h4,html:not(.is-static,.studio-active) .dashboard .block-title{font-size:15px;text-transform:none !important;font-weight:bold !important}@media all and (max-width: 1023px){html:not(.is-static,.studio-active) .dashboard td a.link-reorder{display:none}}html:not(.is-static,.studio-active) .page-title h1,html:not(.is-static,.studio-active) .category-title h1{font-size:32px;min-width:25%;line-height:2}html:not(.is-static,.studio-active) .ic-account{font-size:0;display:inline-block;width:28px;height:28px;margin-top:2px;background:url(/images/_icons/header/icon_account.svg)}html:not(.is-static,.studio-active) body.cms-home .main{padding:0}html:not(.is-static,.studio-active) html,html:not(.is-static,.studio-active) body{background-color:#fff}html:not(.is-static,.studio-active) #nav a,html:not(.is-static,.studio-active) #nav a *{color:#333;font-style:normal !important}html:not(.is-static,.studio-active) #nav .nav-item.level0.parent>a .caret{border-color:#fc6333 rgba(0,0,0,0) rgba(0,0,0,0)}html:not(.is-static,.studio-active) .nav-regular .classic>.nav-panel--dropdown>li.nav-item--parent>a .caret{float:none;margin-top:2px}html:not(.is-static,.studio-active) .products-info{text-align:center}html:not(.is-static,.studio-active) .products-info .grid12-3>*{font-size:15px !important;color:#000}html:not(.is-static,.studio-active) .cms-home .std>h3{margin:3vw 0 -1vw !important;text-align:center !important;font-weight:bold}html:not(.is-static,.studio-active) .products-info h4{margin:20px 0;font-weight:bold}html:not(.is-static,.studio-active) .products-info .icon{margin:auto;max-width:72px}html:not(.is-static,.studio-active) .products-info .fa-chevron-up,html:not(.is-static,.studio-active) .products-info .fa-chevron-down{display:none !important}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .products-info{position:relative;max-height:190px;overflow:hidden}html:not(.is-static,.studio-active) .products-info .icon{margin:20px 0 -10px}html:not(.is-static,.studio-active) .products-info.active{max-height:none}html:not(.is-static,.studio-active) .products-info:after{position:absolute;bottom:0;display:block;width:100%;height:50px;content:"Read more";text-align:center;line-height:68px;text-decoration:underline;color:#fc6333;font-weight:bold;background:-moz-linear-gradient(top, rgba(248, 248, 248, 0) 0%, rgb(248, 248, 248) 100%);background:-webkit-linear-gradient(top, rgba(248, 248, 248, 0) 0%, rgb(248, 248, 248) 100%);background:linear-gradient(to bottom, rgba(248, 248, 248, 0) 0%, rgb(248, 248, 248) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f8f8f8', endColorstr='#f8f8f8', GradientType=0)}html:not(.is-static,.studio-active) html[lang*=nl] .products-info:after{content:"Lees meer"}html:not(.is-static,.studio-active) html[lang*=de] .products-info:after{content:"Weiterlesen"}html:not(.is-static,.studio-active) html[lang*=fr] .products-info:after{content:"Lire la suite"}html:not(.is-static,.studio-active) html[lang*=it] .products-info:after{content:"Leggi di più"}html:not(.is-static,.studio-active) html[lang*=da] .products-info:after,html:not(.is-static,.studio-active) html[lang*=dk] .products-info:after{content:"Læs mere"}html:not(.is-static,.studio-active) .products-info.active:after{display:none}}html:not(.is-static,.studio-active) .hero{position:relative;width:100vw;left:calc((-100vw + 100%)/2);text-align:center;box-sizing:border-box;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;overflow:hidden}html:not(.is-static,.studio-active) .hero .image-wrap{position:relative;max-width:1170px;margin:auto}html:not(.is-static,.studio-active) .hero .elements{position:absolute;top:4vw;left:60vw;text-align:left}html:not(.is-static,.studio-active) .hero h2{color:#000 !important;margin:0 0 20px 5px;padding:0;text-align:left;font-size:34px;text-shadow:1px 1px 2px rgba(0,0,0,.1);max-width:520px}html:not(.is-static,.studio-active) .hero a.btn{font-weight:bold;color:#fff;background-color:#fc6333;line-height:40px;display:inline-block;border-radius:5px;padding:0 15px;min-width:55%;margin:10px 0 10px 0;text-align:center;font-size:16px;white-space:nowrap;box-shadow:1px 1px 2px rgba(0,0,0,.1)}@media all and (max-width: 1280px){html:not(.is-static,.studio-active) .hero .elements{top:2vw;transform:scale(0.9)}}@media all and (min-width: 960px)and (max-width: 1024px){html:not(.is-static,.studio-active) .nav-regular .nav-item.level0>a{font-size:18px}}@media all and (max-width: 1024px){html:not(.is-static,.studio-active) .hero h2{font-size:3.5vw}html:not(.is-static,.studio-active) .hero .elements{top:8vw;left:58vw}}@media all and (max-width: 959px){html:not(.is-static,.studio-active) #header-account{display:none}}@media all and (min-width: 960px){html:not(.is-static,.studio-active) #nav>.last+.last.account{display:none}}@media all and (max-width: 769px){html:not(.is-static,.studio-active) .header-mobile .nav-container ul{border-top:1px solid rgba(0,0,0,.1)}html:not(.is-static,.studio-active) .header-mobile .skip-link{background:none !important;z-index:2}html:not(.is-static,.studio-active) .header a[href*=header-account],html:not(.is-static,.studio-active) .header a[href*=header-search]{visibility:hidden}html:not(.is-static,.studio-active) .header-mobile .skip-link .icon{color:#89abb2 !important}}@media all and (max-width: 720px){html:not(.is-static,.studio-active) .hero{max-height:60vh}html:not(.is-static,.studio-active) .hero h2{display:none}html:not(.is-static,.studio-active) .hero .elements{top:40vh;left:0;text-align:center}html:not(.is-static,.studio-active) .hero a.btn{min-width:60vw;border:1px solid rgba(0,0,0,.25);font-size:20px}}@media all and (max-width: 320px)and (max-height: 640px){html:not(.is-static,.studio-active) .hero .elements{top:45vh}}@media all and (max-width: 320px)and (max-height: 540px){html:not(.is-static,.studio-active) .hero .elements{top:40vh}}html:not(.is-static,.studio-active) #nav.nav-regular ul{border:1px solid rgba(0,0,0,.25);border-radius:5px;padding:14px 20px 12px;z-index:9999}@media(max-width: 959px){html:not(.is-static,.studio-active) #nav .hide-small{display:none}}@media(max-width: 380px){html:not(.is-static,.studio-active) .hide-xs{display:none}}html:not(.is-static,.studio-active) #nav ul a{color:#333 !important}html:not(.is-static,.studio-active) .product-img-column .cloud-zoom-loading{display:none !important}html:not(.is-static,.studio-active) .cms-home .postscript .std{margin-top:20px}html:not(.is-static,.studio-active) .products>.product{display:inline-block;width:50%;box-sizing:border-box;padding:0 60px}html:not(.is-static,.studio-active) .products>.product *{display:block;text-align:center}html:not(.is-static,.studio-active) #product_addtocart_form .product-image,html:not(.is-static,.studio-active) #product_addtocart_form .product-image *{background:none !important;border:none !important}html:not(.is-static,.studio-active) .main .product .title{color:#000 !important;font-weight:bold}html:not(.is-static,.studio-active) .main .product .price{color:#333 !important;margin-bottom:10px;font-size:110% !important}html:not(.is-static,.studio-active) *[class*=cms-inspi] .products>.product{width:calc(50% - 15px) !important;max-height:44vw !important;margin-bottom:30px;position:relative;overflow:hidden;padding:0}html:not(.is-static,.studio-active) *[class*=cms-inspi] .products>.product .image{height:auto !important;max-height:none !important}html:not(.is-static,.studio-active) *[class*=cms-inspi] .product .overlay strong{font-size:24px;margin:0 0 30px}html:not(.is-static,.studio-active) *[class*=cms-inspi] .product .overlay{display:none;position:absolute;top:0;bottom:0;background-color:rgba(0,0,0,.5);color:#fff;left:0;right:0;padding:calc(50% - 60px) 20px 20px;box-sizing:border-box}html:not(.is-static,.studio-active) *[class*=cms-inspi] .product .overlay:hover,html:not(.is-static,.studio-active) *[class*=cms-inspi] .product .overlay:active,html:not(.is-static,.studio-active) *[class*=cms-inspi] .product>a:hover .overlay,html:not(.is-static,.studio-active) *[class*=cms-inspi] .product>a:active .overlay{display:block}html:not(.is-static,.studio-active) *[class*=cms-inspi] .product .overlay .button{font-weight:bold;background-color:#fff;line-height:40px;display:inline-block;border-radius:7px;padding:0 15px;min-width:175px;margin:10px 0 10px 0;text-align:center;font-size:16px;white-space:nowrap;box-shadow:1px 1px 2px rgba(0,0,0,.1);border:none !important}html:not(.is-static,.studio-active) *[class*=cms-inspi] .product .overlay .button.btn-primary{color:#fff !important;background-color:#fc6333}html:not(.is-static,.studio-active) *[class*=cms-inspi] .product img{margin:20px;width:calc(100% - 40px) !important}html:not(.is-static,.studio-active) *[class*=cms-inspi] .products .jpg-preview img{margin:0;width:100% !important}@media(max-width: 640px){html:not(.is-static,.studio-active) *[class*=cms-inspi] .products .product{max-height:none !important}html:not(.is-static,.studio-active) *[class*=cms-inspi] .product img{width:100% !important}}html:not(.is-static,.studio-active) .footer-secondary{background-color:#fff !important}@media all and (max-width: 960px){html:not(.is-static,.studio-active) .container{width:100%}}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .material-list .material h4{margin-top:15px}html:not(.is-static,.studio-active) .footer-bottom .grid12-12>.std>div{display:inline-block;width:auto !important;padding:0 1.5vw;margin:auto;float:none}html:not(.is-static,.studio-active) #product_addtocart_form .product-img-column{width:calc(99% - 320px) !important;margin-right:20px !important}html:not(.is-static,.studio-active) #product_addtocart_form .product-primary-column{width:300px !important;min-height:550px}html:not(.is-static,.studio-active) #product-tabs .video{margin-bottom:10px}html:not(.is-static,.studio-active) #product-tabs .video iframe{width:100%;height:50vw}html:not(.is-static,.studio-active) .footer-info .grid12-4{margin-bottom:10px;padding:0 !important}}@media all and (max-width: 640px){html:not(.is-static,.studio-active) #product_addtocart_form .product-img-column,html:not(.is-static,.studio-active) #product_addtocart_form .product-primary-column{width:100% !important;float:none;display:block}html:not(.is-static,.studio-active) #product_addtocart_form .product-options{min-height:0}}@media all and (max-width: 640px){html:not(.is-static,.studio-active) body[class] .products>.product{width:100% !important;margin:0 0 20px !important;float:none}html:not(.is-static,.studio-active) body[class] .products>.product .image{height:auto;max-height:none;overflow:visible}}html:not(.is-static,.studio-active) .product-view form{display:block;background-size:100% 1px;box-sizing:border-box}html:not(.is-static,.studio-active) #product-tabs>.tabs{display:none}html:not(.is-static,.studio-active) .gen-tabs .tabs-panels{background-color:#f8f8f8;margin-top:1px;padding:0}html:not(.is-static,.studio-active) .product-name>h1,html:not(.is-static,.studio-active) .product-name>h2{display:inline-block;float:right;min-width:calc(50% - 15px);color:#333;margin:20px 0;font-size:36px;line-height:50px}html:not(.is-static,.studio-active) .cart-table .product-name{font-size:inherit !important;font-family:inherit !important;font-weight:bold !important}html:not(.is-static,.studio-active) .product-view .product-img-column{margin:0;margin-top:-80px}html:not(.is-static,.studio-active) #product_addtocart_form .product-name:after,html:not(.is-static,.studio-active) .product-view:after,html:not(.is-static,.studio-active) #product_addtocart_form:after,html:not(.is-static,.studio-active) #product-tabs .panel>*:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;float:none;height:0}html:not(.is-static,.studio-active) #product-tabs .panel{padding:0 !important;margin:0 -1px !important}html:not(.is-static,.studio-active) #product-tabs .info .std{border:1px solid rgba(0,0,0,.25);padding:10px;background-color:#fff}html:not(.is-static,.studio-active) [class*=giftcard] #product_addtocart_form .action-box .std{margin-top:20px}html:not(.is-static,.studio-active) #product-tabs .video iframe{float:right;margin:0;max-width:100%;border:1px solid rgba(0,0,0,.25);padding:10px;box-sizing:border-box;background-color:#fff;float:right}html:not(.is-static,.studio-active) .material-list .material{margin:20px 0 0;padding:20px 20px 5px;box-sizing:border-box;border:1px solid rgba(0,0,0,.25);background-color:#fff}@media all and (max-width: 1024px){html:not(.is-static,.studio-active) .material{font-size:85%}}html:not(.is-static,.studio-active) .material .btn{border-radius:7px;font-size:100%;color:#333;border:1px solid #fc6333 !important;margin:10px 0;float:right;font-weight:bold}html:not(.is-static,.studio-active) .material ul{list-style:circle;list-style-position:inside}html:not(.is-static,.studio-active) .material li{float:left;width:31%;padding-right:1%;color:#333}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .material li{width:49%;font-size:95%}}html:not(.is-static,.studio-active) .img-box{margin-bottom:0 !important}html:not(.is-static,.studio-active) .img-box .itemslider-thumbnails{margin:0 !important}html:not(.is-static,.studio-active) .img-box-style1 .product-image{border:1px solid rgba(0,0,0,.25);padding:5px;background-color:#fff;width:100% !important}html:not(.is-static,.studio-active) .itemslider-thumbnails{min-width:99% !important}html:not(.is-static,.studio-active) #product_addtocart_form .product-primary-column{padding-left:10px;box-sizing:border-box;position:relative}html:not(.is-static,.studio-active) #product_addtocart_form .material-info p span{font-weight:bold;color:#000}html:not(.is-static,.studio-active) #product_addtocart_form .material-info p em{opacity:.5}html:not(.is-static,.studio-active) #product_addtocart_form .material-info a{border-bottom:1px solid rgba(0,0,0,.25);margin-bottom:15px;padding:5px 1px 15px;min-width:160px;display:none}html:not(.is-static,.studio-active) .img-box-style1 .more-images .thumbnails .item a{width:65px;height:65px}html:not(.is-static,.studio-active) .price-box{display:none;padding:0 0 15px !important}html:not(.is-static,.studio-active) .product-giftcard .price-box{display:block !important}html:not(.is-static,.studio-active) .products-grid .price-box{padding:0 0 8px !important}html:not(.is-static,.studio-active) .price-box .regular-price{margin-top:40px;margin-bottom:20px}html:not(.is-static,.studio-active) .price-box .regular-price .price{display:block;font-size:inherit !important;color:inherit !important;font-family:inherit !important;font-weight:bold;font-size:115% !important;line-height:1.5}html:not(.is-static,.studio-active) .price-box .shipping-hint{opacity:.65;padding-left:5px}html:not(.is-static,.studio-active) #product-tabs h2,html:not(.is-static,.studio-active) #product-tabs .h2,html:not(.is-static,.studio-active) #product-tabs h3{font-size:150%}html:not(.is-static,.studio-active) .showcase{margin:30px 0}html:not(.is-static,.studio-active) .showcase .wrap{font-size:0;margin-top:20px;box-sizing:border-box;padding:8px 0 0 4px;z-index:100}html:not(.is-static,.studio-active) .showcase img{width:100%;height:auto}html:not(.is-static,.studio-active) .showcase .wrap>img:first-child+img{margin:0 .5%}html:not(.is-static,.studio-active) strong{font-weight:bold}html:not(.is-static,.studio-active) h1,html:not(.is-static,.studio-active) h2,html:not(.is-static,.studio-active) h3{font-family:Onest,sans-serif !important;font-weight:600 !important;letter-spacing:0% !important}html:not(.is-static,.studio-active) h1 em,html:not(.is-static,.studio-active) h2 em,html:not(.is-static,.studio-active) .playfair em{font-family:"Fuzzy Bubbles",serif !important;color:var(--primary-color) !important}html:not(.is-static,.studio-active) .fa,html:not(.is-static,.studio-active) .far,html:not(.is-static,.studio-active) .fas{font-family:FontAwesome !important}@media all and (max-width: 640px){html:not(.is-static,.studio-active) .showcase{display:none}}html:not(.is-static,.studio-active) #product_addtocart_form>.wrapper{max-width:1170px;margin:auto;width:94%}html:not(.is-static,.studio-active) .product-view .box-additional{margin:0 !important}@media all and (max-width: 960px){html:not(.is-static,.studio-active) #product_addtocart_form.fix-alignment{width:calc(100% + 20px);left:-10px;position:relative}}@media all and (min-width: 960px)and (max-width: 1200px){html:not(.is-static,.studio-active) #product_addtocart_form.fix-alignment{width:calc(100% + 85px);left:-43px;position:relative}}@media all and (min-width: 1201px){html:not(.is-static,.studio-active) body{overflow-x:hidden}html:not(.is-static,.studio-active) #product_addtocart_form.fix-alignment{position:relative;width:100vw;left:calc((-100vw + 98.8%)/2)}}html:not(.is-static,.studio-active) .rewardpoints-rewardpoints-index .div_share input{border:1px solid #333;line-height:2;padding:0 4px;box-sizing:border-box;margin:10px 0}html:not(.is-static,.studio-active) input#reward_points_amount{display:inline-block;width:50px;text-align:center;font-size:15px}html:not(.is-static,.studio-active) .page-title+.box-info .head{display:none}html:not(.is-static,.studio-active) h2 #sharepoints_form_hide{float:right}html:not(.is-static,.studio-active) #rewardpoints_box_show label.link{color:#fc6333}html:not(.is-static,.studio-active) #checkout-payment-method-load .form-list{display:none}html:not(.is-static,.studio-active) #checkout-review-table .summary-total,html:not(.is-static,.studio-active) #checkout-review-table .summary-details{display:none}html:not(.is-static,.studio-active) #opc-review #checkout-review-table tfoot tr.first,html:not(.is-static,.studio-active) #opc-review #checkout-review-table tfoot tr.first+tr,html:not(.is-static,.studio-active) #opc-review #checkout-review-table tfoot tr.last{display:table-row}html:not(.is-static,.studio-active) #checkout-review-submit{margin-bottom:60px}html:not(.is-static,.studio-active) label a[href]{text-decoration:underline !important;color:#fc6333 !important}html:not(.is-static,.studio-active) select[name=variant_helper]{margin-right:20px}html:not(.is-static,.studio-active) #shopping-cart-totals-table tr>td:first-child{max-width:120px}@media all and (max-width: 1023px){html:not(.is-static,.studio-active) .dropdown .dropdown-heading .dropdown-icon{position:relative;bottom:-1px}html:not(.is-static,.studio-active) .bar>.bar-item:first-child~.bar-item~.bar-item{display:none}}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .hide-xs{display:none !important}}html:not(.is-static,.studio-active) a.material-info-link{padding-left:10px;font-size:90%;white-space:nowrap;line-height:34px;position:relative;top:2px;display:inline-block !important}html:not(.is-static,.studio-active) .hide-labels~dt,html:not(.is-static,.studio-active) .hide-labels~dd p{display:none !important}html:not(.is-static,.studio-active) .preview-slider{position:relative;width:100%;height:auto;overflow:hidden;white-space:nowrap;padding:20px 0 0;box-sizing:border-box}html:not(.is-static,.studio-active) .preview-slider>*{display:inline-block;text-align:center;padding:0 10px;width:calc(25% - 20px);cursor:pointer}html:not(.is-static,.studio-active) .preview-slider .icon{max-width:100%;max-height:100%;min-height:50px;height:10vh;margin:auto;filter:grayscale(1);opacity:.5}html:not(.is-static,.studio-active) .preview-slider .active .icon{filter:none;opacity:1}html:not(.is-static,.studio-active) .preview-slider * span{display:none;font-size:12px}html:not(.is-static,.studio-active) .preview-slider .icon+span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}html:not(.is-static,.studio-active) .preview-slider .active .icon+span{font-weight:bold}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .preview-slider{overflow-x:auto}}html:not(.is-static,.studio-active) .media-list .item{display:inline-block;width:calc(25% - 20px);margin:10px;background-color:rgba(0,0,0,.1);background-position:center center;background-size:cover}html:not(.is-static,.studio-active) .media-list img{width:100%;height:auto}html:not(.is-static,.studio-active) .media-list img.preview-large{box-shadow:0 0 20px rgba(0,0,0,.5);width:calc(100% - 20px);height:auto;cursor:pointer;margin:10px;border:1px solid rgba(0,0,0,0);box-sizing:border-box}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .media-list .item{width:calc(50% - 20px)}}html:not(.is-static,.studio-active) .tooltip{position:relative;display:inline-block;z-index:2}html:not(.is-static,.studio-active) .tooltip.active::after{font:15px/20px Arial,Helvetica,sans-serif;display:inline-block;background:hsla(0,0%,100%,.95);content:attr(aria-label);padding:10px;position:absolute;border-radius:5px;border:1px solid rgba(43,149,180,.95);box-shadow:1px 2px 4px rgba(0,0,0,.2);z-index:2147483647;color:#333;width:180px;height:auto;margin-left:-180px;overflow:visible;opacity:1}html:not(.is-static,.studio-active) .checkout-onepage-index .billing-save-in-address-book{display:none}html:not(.is-static,.studio-active) .checkout-onepage-index #co-payment-form #shipping-buttons-container,html:not(.is-static,.studio-active) .checkout-onepage-index #co-payment-form #billing-buttons-container{display:none}html:not(.is-static,.studio-active) .checkout-onepage-index .mdlr-address-book{display:grid;grid-auto-rows:auto;grid-auto-flow:column;grid-template-columns:repeat(3, 1fr);grid-gap:1rem;margin-bottom:.4rem;font-size:.8rem;line-height:1rem}@media screen and (max-width: 768px){html:not(.is-static,.studio-active) .checkout-onepage-index .mdlr-address-book{grid-template-columns:1fr;grid-auto-flow:row}}html:not(.is-static,.studio-active) .checkout-onepage-index .mdlr-address-book .mdlr-address{box-sizing:border-box;cursor:pointer;border:2px solid rgba(0,0,0,0);padding:1rem;background:#f0f0f0;opacity:.7}html:not(.is-static,.studio-active) .checkout-onepage-index .mdlr-address-book .mdlr-address.active{opacity:1;border:2px solid #fc6333}html:not(.is-static,.studio-active) label .tooltip.active::after{margin-left:-90px}html:not(.is-static,.studio-active) .product-options p{margin:0 0 10px}html:not(.is-static,.studio-active) .preset.filters{margin-bottom:20px}html:not(.is-static,.studio-active) .preset.filters select,html:not(.is-static,.studio-active) .product-options select{font-size:14px !important;font-weight:bold;line-height:18px;border:.5px solid #d3d3d3;border-radius:7px !important;color:#333 !important}html:not(.is-static,.studio-active) .product-options select.error{color:#ee001c !important;border:1px solid #ee001c;-webkit-animation:kf_shake .4s 1 linear;-moz-animation:kf_shake .4s 1 linear;-o-animation:kf_shake .4s 1 linear}html:not(.is-static,.studio-active) #product_addtocart_form .fas{color:#fc6333}html:not(.is-static,.studio-active) .postscript .usp-row{padding:0;margin:10px 0}html:not(.is-static,.studio-active) .trustpilot-widget{margin-top:2px}html:not(.is-static,.studio-active) .hero .trustpilot-widget{margin:10px 0 0}@media all and (max-width: 720px){html:not(.is-static,.studio-active) .hero .trustpilot-widget{display:none}}html:not(.is-static,.studio-active) .footer-info .trustpilot-widget{height:96px;overflow:hidden}html:not(.is-static,.studio-active) body[class*=giftcard] .price-post,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] .price-post,html:not(.is-static,.studio-active) body[class*=giftcard] .qty-wrapper,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] .qty-wrapper,html:not(.is-static,.studio-active) body[class*=giftcard] #product_addtocart_form ul.usp,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] #product_addtocart_form ul.usp{display:none}html:not(.is-static,.studio-active) h1,html:not(.is-static,.studio-active) h2,html:not(.is-static,.studio-active) h3,html:not(.is-static,.studio-active) h4,html:not(.is-static,.studio-active) h5{color:#333}html:not(.is-static,.studio-active) p,html:not(.is-static,.studio-active) .std .list-style *{color:#333}html:not(.is-static,.studio-active) .product-options dt{display:none !important}@-webkit-keyframes kf_shake{0%{-webkit-transform:translate(30px)}20%{-webkit-transform:translate(-30px)}40%{-webkit-transform:translate(15px)}60%{-webkit-transform:translate(-15px)}80%{-webkit-transform:translate(8px)}100%{-webkit-transform:translate(0px)}}@-moz-keyframes kf_shake{0%{-moz-transform:translate(30px)}20%{-moz-transform:translate(-30px)}40%{-moz-transform:translate(15px)}60%{-moz-transform:translate(-15px)}80%{-moz-transform:translate(8px)}100%{-moz-transform:translate(0px)}}html:not(.is-static,.studio-active) .allow-dom-calc{display:block !important;visability:visible !important;opacity:0 !important}html:not(.is-static,.studio-active) .hidden-postable.allow-dom-calc,html:not(.is-static,.studio-active) .hidden-postable .allow-dom-calc{max-width:none !important}@media all and (max-width: 959px){html:not(.is-static,.studio-active) #shopping-cart-table .col-unit-price{display:none !important}html:not(.is-static,.studio-active) .cart-collaterals .cart-left-column{width:calc(100% - 310px)}html:not(.is-static,.studio-active) .cart-collaterals .cart-right-column{width:265px}}@media all and (max-width: 768px){html:not(.is-static,.studio-active) .checkout-onepage-index .zopim,html:not(.is-static,.studio-active) #checkout-progress-wrapper,html:not(.is-static,.studio-active) #shopping-cart-table tfoot .btn-continue,html:not(.is-static,.studio-active) #review-buttons-container>p.f-left:first-child,html:not(.is-static,.studio-active) #checkout-review-table-wrapper tbody td.center,html:not(.is-static,.studio-active) #checkout-review-table-wrapper tbody td.a-center+td.last{display:none !important}html:not(.is-static,.studio-active) #shopping-cart-table tbody .col-delete{display:block !important}html:not(.is-static,.studio-active) #shopping-cart-table .col-delete a{position:absolute;right:30px;margin-top:-30px}html:not(.is-static,.studio-active) .cart .cart-left-column>*,html:not(.is-static,.studio-active) .cart .cart-right-column>*{margin-bottom:0}html:not(.is-static,.studio-active) #discount-coupon-form .button.secondary.float.right{float:none !important}html:not(.is-static,.studio-active) #shopping-cart-table .button.btn-inline.btn-update{float:left !important}html:not(.is-static,.studio-active) #shopping-cart-table tfoot tr{border:none !important}html:not(.is-static,.studio-active) #shopping-cart-totals-table td.a-right{white-space:nowrap;text-align:right !important;overflow:hidden;text-overflow:ellipsis}html:not(.is-static,.studio-active) #checkout-review-table-wrapper tfoot td{max-width:70%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not(.is-static,.studio-active) #checkout-review-table-wrapper tfoot td+td{max-width:28%}}html:not(.is-static,.studio-active) .gift-voucher dt,html:not(.is-static,.studio-active) .gift-voucher dd,html:not(.is-static,.studio-active) .gift-voucher .required,html:not(.is-static,.studio-active) .gift-voucher .add-to-cart{display:block !important}html:not(.is-static,.studio-active) .product-cadeaubon .product-options p.required,html:not(.is-static,.studio-active) .product-cadeaubon .add-to-cart label[for=qty],html:not(.is-static,.studio-active) .product-cadeaubon .sp-quantity{display:none !important}html:not(.is-static,.studio-active) .product-cadeaubon .gift-voucher,html:not(.is-static,.studio-active) .product-cadeaubon .product-options{border:none}html:not(.is-static,.studio-active) .product-cadeaubon .product-options .input-box input,html:not(.is-static,.studio-active) .product-cadeaubon .sp-quantity input{border:1px solid rgba(0,0,0,.25);background-color:#fff;max-width:125px}html:not(.is-static,.studio-active) .product-cadeaubon .sp-quantity input[field=quantity]{border-radius:30px;width:22px;height:22px;margin:4px 8px;line-height:21px;font-size:19px;padding-left:1px}html:not(.is-static,.studio-active) .std>.messages{margin-top:-10px}html:not(.is-static,.studio-active) .std>.messages ul{margin:0}html:not(.is-static,.studio-active) #product-tabs ul.small{opacity:.6;font-size:80%;line-height:1.5}html:not(.is-static,.studio-active) .preset.filters label{min-height:50px;display:inline-block;line-height:50px}html:not(.is-static,.studio-active) .preset.filters label .text{display:inline-block;min-width:50px}html:not(.is-static,.studio-active) .preset.filters h4{font-size:15px;font-weight:bold}html:not(.is-static,.studio-active) .preset.filters *{margin:0 10px 0 0}html:not(.is-static,.studio-active) #acctab-additional,html:not(.is-static,.studio-active) #acctab-additional+*{display:none}html:not(.is-static,.studio-active) .regular-price span{display:inline-block !important}html:not(.is-static,.studio-active) .products-grid{background-color:#fff}html:not(.is-static,.studio-active) .category-products .toolbar{display:none}html:not(.is-static,.studio-active) .products-grid,html:not(.is-static,.studio-active) .products-grid .item{background:none !important}html:not(.is-static,.studio-active) .products-grid .wrap{background-color:#fff}@media all and (max-width: 640px){html:not(.is-static,.studio-active) .products-grid>*{display:block !important;float:none !important;width:100% !important;height:auto !important}}html:not(.is-static,.studio-active) .nav-regular li.level0>a{padding:0 10px}@media(min-width: 768px){html:not(.is-static,.studio-active) .cms-faq .col-main{padding:0 1rem}}html:not(.is-static,.studio-active) .cms-faq .faq-list{display:flex;flex-direction:column;gap:1rem}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item{background:#f5f5f5;border-left:3px solid #f5f5f5;border-radius:10px;line-height:2;padding:1rem}@media(min-width: 1336px){html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item{max-width:75%}}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item .faq-q{align-items:baseline;display:flex;font-weight:700;gap:.5rem;justify-content:space-between}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item .faq-q:hover{color:#333}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item .faq-q:after{content:"";background:url("/static/images/chevron-down.svg") center center no-repeat;display:block;height:1rem;min-width:1rem;transition-duration:500ms;width:1rem}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item .faq-a{background-color:unset;margin:0;padding:0;display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 1s}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item .faq-a p{align-self:end;margin:0;min-height:0;transition:visibility 500ms;visibility:hidden}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item.active{border-color:#fc6333}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item.active .faq-q:after{transform:rotate(180deg)}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item.active .faq-a{grid-template-rows:1fr}html:not(.is-static,.studio-active) .cms-faq .faq-list .faq-item.active .faq-a p{visibility:visible}html:not(.is-static,.studio-active) a.faq-q{display:block;color:#333;cursor:pointer}html:not(.is-static,.studio-active) .faq-a{display:none}html:not(.is-static,.studio-active) a.faq-q:active+*,html:not(.is-static,.studio-active) a.faq-q.active+*{display:block;padding:20px;max-width:640px}html:not(.is-static,.studio-active) .faq-a+h3{margin-top:30px}html:not(.is-static,.studio-active) #header-collateral{position:absolute;top:97px;right:0;line-height:38px;display:inline-block;z-index:999}@media all and (max-width: 959px){html:not(.is-static,.studio-active) #header-collateral{position:relative;float:right;top:2px;margin-bottom:-50px;line-height:50px}html:not(.is-static,.studio-active) #nav a.customer-account{background-color:#333}html:not(.is-static,.studio-active) #nav a.customer-account *{color:#fff !important}html:not(.is-static,.studio-active) .ic-account{background:url(/images/_icons/header/icon_account_white.svg);top:2px;width:20px;height:20px;margin-top:-4px}html:not(.is-static,.studio-active) .header-primary-container{z-index:99999 !important}}html:not(.is-static,.studio-active) .header #mini-cart-wrapper-mobile+.hp-block{float:left}html:not(.is-static,.studio-active) .lang-switcher *{text-transform:uppercase}html:not(.is-static,.studio-active) .lang-switcher ul.dropdown-content{min-width:40px}html:not(.is-static,.studio-active) .lang-switcher .current{display:none}html:not(.is-static,.studio-active) #lang-switcher-wrapper-regular .dropdown-heading,html:not(.is-static,.studio-active) #header-collateral .dropdown-heading{color:#fff}@media all and (max-width: 960px){html:not(.is-static,.studio-active) .logo-wrapper--mobile,html:not(.is-static,.studio-active) .logo-wrapper--mobile *{text-align:center;width:auto !important;float:none !important}}html:not(.is-static,.studio-active) img:not([src]){display:none !important}html:not(.is-static,.studio-active) img[data-src]:not([src]){display:inline-block !important}html:not(.is-static,.studio-active) img[data-src]:not([class]){width:100%}html:not(.is-static,.studio-active) .hero>img{width:100%}html:not(.is-static,.studio-active) div#mypa-delivery{visibility:hidden}html:not(.is-static,.studio-active) .freeshipping_holder{display:none}html:not(.is-static,.studio-active) .header-container{z-index:1;position:relative}html:not(.is-static,.studio-active) .cms-home .header-container{border-bottom:none}html:not(.is-static,.studio-active) .std p a{text-decoration:underline !important}html:not(.is-static,.studio-active) .page>.header-container{z-index:2}html:not(.is-static,.studio-active) .footer-container .newsletter-wrapper{display:none}html:not(.is-static,.studio-active) .cms-privacy-cookie .main .std td{padding:6px 12px}@media all and (max-width: 480px){html:not(.is-static,.studio-active) .product-name>h1,html:not(.is-static,.studio-active) .product-name>h2{font-size:34px !important;margin:10px 0;float:left;clear:right}html:not(.is-static,.studio-active) #product_addtocart_form .product-primary-column{margin-top:10px !important}}html:not(.is-static,.studio-active) .std .products{text-align:center}html:not(.is-static,.studio-active) .std .products .product img{max-width:calc(100% - 20px);width:100%}html:not(.is-static,.studio-active) .std .products .product span{display:block}html:not(.is-static,.studio-active) .giftcard-bar{position:relative;clear:both;background-color:#b7cabf;padding:30px 60px !important;top:40px;margin:0 auto 60px !important;color:#333;font-size:17px}html:not(.is-static,.studio-active) .giftcard-bar .button{border-radius:100px;border:none !important;margin:20px 0 0;text-decoration:none !important;font-size:15px;line-height:41px}html:not(.is-static,.studio-active) .giftcard-bar .image{position:absolute;top:-70px;right:-60px;bottom:0;overflow:hidden}html:not(.is-static,.studio-active) .giftcard-bar .image img{transform:rotate(10deg);width:320px}@media all and (max-width: 720px){html:not(.is-static,.studio-active) .giftcard-bar{text-align:center;padding:30px !important}html:not(.is-static,.studio-active) .giftcard-bar .image{position:static;display:block}html:not(.is-static,.studio-active) .giftcard-bar .image img{width:60%;margin:-10px auto 10px}}html:not(.is-static,.studio-active) #mc_embed_signup{background-color:#333;padding:0 0 20px}html:not(.is-static,.studio-active) #mc_embed_signup form{text-align:center}html:not(.is-static,.studio-active) #mc_embed_signup label{display:block;padding-bottom:15px;font-size:16px}html:not(.is-static,.studio-active) #mc_embed_signup input.email{border-radius:3px;color:#333;background-color:#fff;height:38px;padding:0px .6em;display:inline-block;margin:0;width:200px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;vertical-align:top;font-size:15px}html:not(.is-static,.studio-active) #mc_embed_signup .clear{display:inline-block}html:not(.is-static,.studio-active) #mc_embed_signup .button{height:40px;border-radius:7px;border:none !important;font-size:15px;line-height:0;margin-left:5px;box-shadow:1px 1px 2px rgba(0,0,0,.1)}html:not(.is-static,.studio-active) body[class*=giftcard] .product-options,html:not(.is-static,.studio-active) body[class*=giftcard] .product-view .container1-wrapper,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] .product-options,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] .product-view .container1-wrapper{border:none;margin:0}html:not(.is-static,.studio-active) body[class*=giftcard] .product-options p.required,html:not(.is-static,.studio-active) body[class*=giftcard] .product-options-bottom .add-to-cart label,html:not(.is-static,.studio-active) body[class*=giftcard] .product-options-bottom .add-to-cart label+.sp-quantity,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] .product-options p.required,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] .product-options-bottom .add-to-cart label,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] .product-options-bottom .add-to-cart label+.sp-quantity{display:none !important}html:not(.is-static,.studio-active) body[class*=giftcard] .product-options .input-box input,html:not(.is-static,.studio-active) body[class*=geschenkgutschein] .product-options .input-box input{width:auto}html:not(.is-static,.studio-active) .cart-empty+.trustpilot-widget{display:none}@media all and (min-width: 960px){html:not(.is-static,.studio-active) .studio-active.business-hours div>iframe[title],html:not(.is-static,.studio-active) .div>iframe[title]{z-index:2147483647 !important}}html:not(.is-static,.studio-active) .cms-home .postscript h3,html:not(.is-static,.studio-active) .cms-wanddecoratie .postscript h3{clear:both;padding-top:40px;text-align:center}@media only screen and (max-width: 768px){html:not(.is-static,.studio-active) .wanddecoratie{margin-top:-40px;position:relative}html:not(.is-static,.studio-active) .wanddecoratie-hero-beeld{position:relative;width:100vw !important;left:calc((-100vw + 100%)/2)}html:not(.is-static,.studio-active) .margin-top-50-desktop{margin-top:50px}html:not(.is-static,.studio-active) .margin-top-60-desktop{margin-top:60px}html:not(.is-static,.studio-active) .padding-top-50-desktop{padding-top:50px}html:not(.is-static,.studio-active) .margin-bot-30-desktop{margin-bottom:30px}html:not(.is-static,.studio-active) .a-right{text-align:left !important}html:not(.is-static,.studio-active) h3.kolom-h3-mobiel{margin-top:20px}html:not(.is-static,.studio-active) .usp-row .grid12-4{margin-bottom:25px}html:not(.is-static,.studio-active) .mobiel-hide{display:none}html:not(.is-static,.studio-active) .mobiel-show{display:block}html:not(.is-static,.studio-active) h3.wanddecoratie-h3-alt{margin:20px 0 15px 0 !important;font-weight:normal !important;text-align:left !important}}@media only screen and (min-width: 769px){html:not(.is-static,.studio-active) .margin-top-50-desktop{margin-top:50px}html:not(.is-static,.studio-active) .margin-top-60-desktop{margin-top:60px}html:not(.is-static,.studio-active) .padding-top-50-desktop{padding-top:50px}html:not(.is-static,.studio-active) .margin-bot-30-desktop{margin-bottom:30px}html:not(.is-static,.studio-active) .wanddecoratie{margin-left:-30px !important;margin-top:30px}html:not(.is-static,.studio-active) .mobiel-hide{display:block}html:not(.is-static,.studio-active) .mobiel-show{display:none}html:not(.is-static,.studio-active) h3.wanddecoratie-h3-alt{margin:20px 0 15px 0 !important;font-weight:normal !important;text-align:center !important}}html:not(.is-static,.studio-active) .mp-landing .product span{display:block;text-align:center}html:not(.is-static,.studio-active) .mp-landing .voorbeeld-vlak{margin-bottom:10px}html:not(.is-static,.studio-active) .mp-landing .wanddecoratie-hero{background:hsla(0,0%,100%,.95);padding:30px;-webkit-box-shadow:1px 1px 6px 0px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 6px 0px rgba(0,0,0,.15);box-shadow:1px 1px 6px 0px rgba(0,0,0,.15)}html:not(.is-static,.studio-active) .mp-landing .wanddecoratie h1{font-weight:normal !important;font-size:2em;margin-top:0}html:not(.is-static,.studio-active) .mp-landing .usp .fas{color:#8ab557 !important}html:not(.is-static,.studio-active) .mp-landing .std strong{font-weight:normal}html:not(.is-static,.studio-active) .mp-landing .btn{padding:10px 25px 10px 25px !important}html:not(.is-static,.studio-active) .mp-landing .usp{margin-bottom:25px !important}html:not(.is-static,.studio-active) .mp-landing .midden{margin:0 auto;display:block;float:none;clear:both}html:not(.is-static,.studio-active) .mp-landing h3.wanddecoratie-h3{margin:20px 0 15px 0 !important;font-weight:normal !important;text-align:center !important}html:not(.is-static,.studio-active) .mp-landing h3.kolom-h3{margin-bottom:15px !important}html:not(.is-static,.studio-active) .mp-landing .inspiratiebalk{margin-top:30px;position:relative;width:100vw;left:calc((-100vw + 100%)/2);text-align:center;box-sizing:border-box;overflow:hidden}html:not(.is-static,.studio-active) .mp-landing .usp-row .icon{max-height:68px;margin-bottom:15px}html:not(.is-static,.studio-active) .mp-landing .knop{display:inline-block;border-radius:7px;border:1px solid #333;padding:10px 25px 10px 25px;font-weight:normal}html:not(.is-static,.studio-active) .mp-landing .wanddecoratie-hero-beeld img{min-width:100%;min-height:100%;max-width:50vw}html:not(.is-static,.studio-active) #straatnaam+.validation-advice{display:none}html:not(.is-static,.studio-active) .header-top{display:none}html:not(.is-static,.studio-active) .breadcrumbs li>span{color:#333}html:not(.is-static,.studio-active) #mc_embed_signup_scroll{color:#fff}html:not(.is-static,.studio-active) #mc_embed_signup .button{background-color:#fc6333;color:#fff;margin-left:20px}html:not(.is-static,.studio-active) .cms-modulari .breadcrumbs,html:not(.is-static,.studio-active) .cms-modulari .page-title h1{color:#fff;margin:0;padding:0;line-height:1px;position:absolute;z-index:-1}html:not(.is-static,.studio-active) .cms-modulari,html:not(.is-static,.studio-active) .cms-modulari .main-container .container{background-color:#fff}html:not(.is-static,.studio-active) .cms-modulari .main-container .container{margin:0 auto;max-width:960px}html:not(.is-static,.studio-active) .social-showcase{content:"@TODO: implement non-full screen if needed";display:none}html:not(.is-static,.studio-active) .social-showcase.full-page{content:"";display:block;clear:both;width:100vw;margin:10px calc((-100vw + 1160px)/2)}html:not(.is-static,.studio-active) .social-showcase .item,html:not(.is-static,.studio-active) .social-showcase .preview{position:relative;overflow:hidden;display:inline-block;cursor:pointer}html:not(.is-static,.studio-active) .social-showcase .item{width:25vw;height:25vw;outline:5px solid hsla(0,0%,100%,.5)}html:not(.is-static,.studio-active) .social-showcase .item .preview img{width:100%;min-height:25vw;min-width:25vw;max-width:none;max-height:none}html:not(.is-static,.studio-active) .social-showcase .info{position:absolute;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.9);box-shadow:0 0 5px rgba(0,0,0,.25)}html:not(.is-static,.studio-active) .social-showcase .large .info{background:hsla(0,0%,100%,.75);line-height:1.5;top:0 !important}html:not(.is-static,.studio-active) .social-showcase .info *{display:inline-block;margin:1px;color:rgba(0,0,0,.75) !important;white-space:nowrap;line-height:36px;height:30px}html:not(.is-static,.studio-active) .social-showcase .info .user a{overflow:hidden;max-width:20vw}html:not(.is-static,.studio-active) .social-showcase .large .user a{max-width:55vw !important}html:not(.is-static,.studio-active) .social-showcase .info .user a b{text-decoration:underline}html:not(.is-static,.studio-active) .social-showcase .likes{float:right;padding:2px}html:not(.is-static,.studio-active) .social-showcase .popin{position:fixed;z-index:2;top:0;left:0;width:100vw !important;height:100vh !important;background:rgba(0,0,0,.75);text-align:center;overflow:scroll}html:not(.is-static,.studio-active) .social-showcase .large .item{box-shadow:0 20px 40px rgba(0,0,0,.75);width:auto;max-width:75vw;height:auto;max-height:75vh;overflow:visible;float:none;top:15vh;text-align:left}html:not(.is-static,.studio-active) .social-showcase .large .info{position:relative;margin-top:-40px;border-top:1px solid hsla(0,0%,100%,.75)}html:not(.is-static,.studio-active) .social-showcase .large img{width:auto !important;max-width:75vw !important;max-height:75vh !important;outline:2px solid hsla(0,0%,100%,.5)}html:not(.is-static,.studio-active) .social-showcase .large .preview{width:auto;height:auto;overflow:visible;float:none}@media only screen and (min-width: 1680px){html:not(.is-static,.studio-active) .social-showcase .item{width:20vw;height:20vw}}@media only screen and (max-width: 1280px){html:not(.is-static,.studio-active) .social-showcase.full-page{margin:20px -44px;transform:scale(1.005)}html:not(.is-static,.studio-active) .social-showcase.full-page.has-popin{transform:none}html:not(.is-static,.studio-active) .social-showcase .item{width:33.3333333333vw;height:33.3333333333vw}html:not(.is-static,.studio-active) .social-showcase>.item:first-child{display:none}html:not(.is-static,.studio-active) .social-showcase .item .preview img{min-height:33.3333333333vw;min-width:33.3333333333vw}html:not(.is-static,.studio-active) .social-showcase .info .user a{max-width:30vw}}@media only screen and (max-width: 960px){html:not(.is-static,.studio-active) .social-showcase.full-page{margin:20px -20px}html:not(.is-static,.studio-active) .social-showcase .item{width:50vw;height:50vw}html:not(.is-static,.studio-active) .social-showcase>.item:first-child{display:inline-block}html:not(.is-static,.studio-active) .social-showcase .item .preview img{min-height:50vw;min-width:50vw}html:not(.is-static,.studio-active) .social-showcase .info .user a{max-width:33vw}}html:not(.is-static,.studio-active) .inline-tooltip-text,html:not(.is-static,.studio-active) .small-text{font-size:13px;font-style:italic;opacity:.75}html:not(.is-static,.studio-active) .header .dropdown .dropdown-heading{max-height:39px}html:not(.is-static,.studio-active) .header .dropdown .dropdown-heading{line-height:39px}@media only screen and (max-width: 768px){html:not(.is-static,.studio-active) .header-mobile .skip-link .icon{color:#333 !important}html:not(.is-static,.studio-active) .header-mobile .header-collateral .dropdown .dropdown-heading{line-height:inherit}}html:not(.is-static,.studio-active) .nav-mobile li{border-bottom:1px solid rgba(0,0,0,.25)}html:not(.is-static,.studio-active) .layover.mask{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.5);top:0;left:0;z-index:999999;text-align:center}html:not(.is-static,.studio-active) .layover.container{position:relative;max-width:920px;margin:95px auto;cursor:pointer}html:not(.is-static,.studio-active) .layover img{max-height:75vh;box-shadow:2px 6px 8px rgba(0,0,0,.25)}html:not(.is-static,.studio-active) .layover .bbar{display:block}html:not(.is-static,.studio-active) .layover .btn{display:inline-block;width:28%;margin-left:-30%;top:-100px;position:relative;height:70px;font-size:0}html:not(.is-static,.studio-active) .last td strong,html:not(.is-static,.studio-active) [class*=cart] td.a-right strong{color:inherit !important}html:not(.is-static,.studio-active) [class*=cms-inspirati] .page-title{display:none}@media only screen and (max-width: 769px){html:not(.is-static,.studio-active) .header-mobile .skip-nav .label{color:#333 !important;display:inline-block}html:not(.is-static,.studio-active) .header-mobile .skip-nav .icon{color:#333 !important;font-size:150%;padding:0 5px 0 20px}}html:not(.is-static,.studio-active) a[href*=spotify] img[src*=svg]{max-height:100%;height:21px;margin:4px}html:not(.is-static,.studio-active) .de-incl-tax{display:none}html:not(.is-static,.studio-active) body:lang(de) .de-incl-tax{display:block;font-size:smaller}html:not(.is-static,.studio-active) span.fab{font-family:"Font Awesome 5 Brands" !important}html:not(.is-static,.studio-active) .main-container.col1-layout{min-height:calc(100vh - 600px)}html:not(.is-static,.studio-active) #product_addtocart_form .product-primary-column{margin-left:40px;width:calc(50% - 40px);padding:unset}@media all and (max-width: 768px){html:not(.is-static,.studio-active) #product_addtocart_form .product-primary-column{margin-left:0;margin-top:-20px}}html:not(.is-static,.studio-active) #super-product-table{position:absolute;z-index:-1;left:-100vw;opacity:0;display:inline-block;height:0;overflow:hidden}html:not(.is-static,.studio-active) .product-selector{margin:20px 0 0}html:not(.is-static,.studio-active) .product-selector .options{align-items:center;display:flex;gap:.5rem}html:not(.is-static,.studio-active) .product-selector .options a.is-style,html:not(.is-static,.studio-active) .product-selector .options a[class*=" is-"]:nth-child(5){display:block;margin:0}html:not(.is-static,.studio-active) .product-selector>*{margin-bottom:20px}html:not(.is-static,.studio-active) .product-selector a[class*=" is-"]{margin-top:1rem;text-align:center;cursor:pointer;display:inline-block;border:solid 1px;border-color:#ccc;transition:border-color .2s linear;border-radius:5px;width:27%}html:not(.is-static,.studio-active) .product-selector a[class*=" is-"]:nth-child(2),html:not(.is-static,.studio-active) .product-selector a[class*=" is-"]:nth-child(5),html:not(.is-static,.studio-active) .product-selector a[class*=" is-"]:nth-child(8),html:not(.is-static,.studio-active) .product-selector a[class*=" is-"]:nth-child(11){margin-left:3%;margin-right:3%}html:not(.is-static,.studio-active) #product_addtocart_form .product-selector .coming-soon{display:none}html:not(.is-static,.studio-active) .product-selector a[class*=" is-"].active{border-color:#fc6333;border-width:2px;transition:border-color .1s linear;color:#333}html:not(.is-static,.studio-active) .product-selector [class*=is-]{text-align:center}html:not(.is-static,.studio-active) .animate.small-text{margin-left:1em}html:not(.is-static,.studio-active) .add-to-cart.left-side .button{float:unset}html:not(.is-static,.studio-active) .add-to-cart.left-side select{border-radius:5px;width:4rem;margin-right:1rem;text-align:center;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;padding:.5rem 1rem}html:not(.is-static,.studio-active) .add-to-cart.left-side select+span{position:relative;left:-2.2rem;top:-0.4rem;pointer-events:none;color:#ccc;font-size:12px}html:not(.is-static,.studio-active) .product-selector .is-size{padding:5px 0;margin-bottom:7px}html:not(.is-static,.studio-active) .product-selector .is-size.active{padding:4px 0}html:not(.is-static,.studio-active) .product-selector .is-shape{padding:12px 0 7px}html:not(.is-static,.studio-active) .product-selector .is-shape.active{padding:11px 0 6px}html:not(.is-static,.studio-active) .product-selector .is-shape,html:not(.is-static,.studio-active) .product-selector .is-size{max-height:48px;width:48px}html:not(.is-static,.studio-active) .product-selector .is-shape svg{width:42px;height:30px;margin-top:-0.3rem;overflow:visible}html:not(.is-static,.studio-active) .product-selector .is-shape svg *{transition:stroke .2s linear;fill:#fff;stroke:#ccc;stroke-width:15px}html:not(.is-static,.studio-active) .product-selector .is-shape.active svg *{stroke:rgba(0,0,0,.75);stroke-width:15px}html:not(.is-static,.studio-active) .product-selector a.is-style:first-child{margin-left:1px}html:not(.is-static,.studio-active) .product-selector a.is-style{border-color:#fff;border-style:solid;border-width:2px;margin-right:1%;font-size:0 !important;line-height:0;display:inline-block;outline:none;border-radius:50%;text-decoration:none;padding:0;width:2rem;height:2rem;box-sizing:border-box}html:not(.is-static,.studio-active) .is-style.is-silver{background-color:#d2d2d2}html:not(.is-static,.studio-active) .is-style.is-bronze{background-color:#dbc0a7}html:not(.is-static,.studio-active) .is-style.is-smoke{background-color:gray}html:not(.is-static,.studio-active) .product-selector .value{text-transform:capitalize}html:not(.is-static,.studio-active) .product-selector .price{border:none}html:not(.is-static,.studio-active) .product-selector .sizes{margin-bottom:30px}html:not(.is-static,.studio-active) .product-selector .price strong{margin-right:10px}@media all and (max-width: 768px){html:not(.is-static,.studio-active) [class*=product-cork] #product_addtocart_form .product-primary-column{width:100% !important}}@media all and (max-width: 768px){html:not(.is-static,.studio-active) [class*=product-cork] #product_addtocart_form .product-img-column{width:100% !important}}html:not(.is-static,.studio-active) [class*=product-cork] #product_addtocart_form .product-img-column{padding-right:0 !important}html:not(.is-static,.studio-active) [class*=product-cork] #product_addtocart_form .product-img-column .product-image img{margin:0 auto}html:not(.is-static,.studio-active) [class*=product-cork] .price,html:not(.is-static,.studio-active) [class*=product-mirror] .price{font-size:20px}@media all and (min-width: 769px){html:not(.is-static,.studio-active) [class*=product-cork] .product-view .product-name{margin-left:80px}}@media all and (max-width: 768px){html:not(.is-static,.studio-active) [class*=product-cork] .product-name h1,html:not(.is-static,.studio-active) [class*=product-mirror] .product-name h1{float:none;font-family:"Playfair Display",sans-serif;font-size:20px}}html:not(.is-static,.studio-active) [class*=product-cork] .product-name>h1:after,html:not(.is-static,.studio-active) [class*=product-cork] .product-name>h2:after,html:not(.is-static,.studio-active) [class*=product-mirror] .product-name>h1:after,html:not(.is-static,.studio-active) [class*=product-mirror] .product-name>h2:after{content:"";display:none}html:not(.is-static,.studio-active) [class*=product-cork] .product-name>h1,html:not(.is-static,.studio-active) [class*=product-cork] .product-name>h2,html:not(.is-static,.studio-active) [class*=product-mirror] .product-name>h1,html:not(.is-static,.studio-active) [class*=product-mirror] .product-name>h2{font-size:46px;margin-left:6px !important}html:not(.is-static,.studio-active) [class*=product-cork] .is-type-grouped select,html:not(.is-static,.studio-active) [class*=product-mirror] .is-type-grouped select{margin-top:-5px;margin-right:5px;border-radius:5px}html:not(.is-static,.studio-active) [class*=product-cork] .add-to-cart.left-side .button,html:not(.is-static,.studio-active) [class*=product-mirror] .add-to-cart.left-side .button{float:unset}html:not(.is-static,.studio-active) h1 img[src*=special],html:not(.is-static,.studio-active) h2 img[src*=special],html:not(.is-static,.studio-active) h3 img[src*=special],html:not(.is-static,.studio-active) h4 img[src*=special],html:not(.is-static,.studio-active) h5 img[src*=special]{height:26px;margin:0 0 0 20px;vertical-align:middle}html:not(.is-static,.studio-active) .is-v2 h1 em,html:not(.is-static,.studio-active) .is-v2 h2 em,html:not(.is-static,.studio-active) .is-v2 h3 em{color:#fc6333 !important}html:not(.is-static,.studio-active) .is-v2 html,html:not(.is-static,.studio-active) .is-v2 body,html:not(.is-static,.studio-active) .is-v2 #product_addtocart_form,html:not(.is-static,.studio-active) .gen-tabs .tabs-panels{background:#fff}html:not(.is-static,.studio-active) .is-v2 #product_addtocart_form>.wrapper{width:100%}html:not(.is-static,.studio-active) .is-v2 .product-image{max-width:100% !important}html:not(.is-static,.studio-active) .is-v2 #product_addtocart_form{width:100%;position:static}html:not(.is-static,.studio-active) .is-v2 .add-to-box,html:not(.is-static,.studio-active) .is-v2 .action-box{margin:20px 0;padding:0}html:not(.is-static,.studio-active) .is-v2 ul.usp{margin-top:20px !important}html:not(.is-static,.studio-active) .is-v2 section{position:relative;margin:40px 0 0;border:1px solid rgba(0,0,0,.1);text-align:center;background-color:#eeece7}html:not(.is-static,.studio-active) .is-v2 section>img{width:100%}html:not(.is-static,.studio-active) .is-v2 section .wrap{margin:auto;padding:20px;max-width:75%}html:not(.is-static,.studio-active) .is-v2 section h3{font-size:4vw;text-shadow:1px 1px 2px hsla(0,0%,100%,.75)}html:not(.is-static,.studio-active) .is-v2 section#colors-preview h3{position:absolute;width:100%;top:calc(50% - 1.2em);background:hsla(0,0%,100%,.03);box-shadow:0 5px 20px hsla(0,0%,100%,.06)}html:not(.is-static,.studio-active) .is-v2 section h4{font-size:2vw;color:#647c7a;text-transform:uppercase;margin:10px 0}html:not(.is-static,.studio-active) .is-v2 section#quality{background-color:#f4f3f2}html:not(.is-static,.studio-active) .is-v2 section#quality>*{display:inline-block;width:50%}html:not(.is-static,.studio-active) .is-v2 section#quality .text-wrapper{margin:20% 0 0;padding:0 30px;box-sizing:border-box}html:not(.is-static,.studio-active) .is-v2 .img-box .thumbs{margin-top:-100px;position:relative;min-height:100px}html:not(.is-static,.studio-active) .is-v2 .img-box .thumbs img{width:31%;margin:1%;display:inline-block}html:not(.is-static,.studio-active) .is-v2 section#finishing{background-color:#f4f3f1;text-align:left}html:not(.is-static,.studio-active) .is-v2 section#finishing img{width:60%;display:inline-block}html:not(.is-static,.studio-active) .is-v2 section#finishing .wrap{display:inline-block;width:40%;margin:10% 0 0 -10%;text-align:center}@media only screen and (min-width: 1280px){html:not(.is-static,.studio-active) .is-v2 h1 em,html:not(.is-static,.studio-active) .is-v2 h2 em,html:not(.is-static,.studio-active) .is-v2 h3 em{color:#fc6333 !important;display:inline-block;position:relative;top:-1px}html:not(.is-static,.studio-active) .is-v2 section h3{font-size:48px}html:not(.is-static,.studio-active) .is-v2 section h4{font-size:26px}}@media only screen and (max-width: 640px){html:not(.is-static,.studio-active) .is-v2 section#preorder img{display:block;width:100%}html:not(.is-static,.studio-active) .is-v2 section#preorder .wrap{margin-top:-20vw}html:not(.is-static,.studio-active) .is-v2 section#quality .text-wrapper{margin:-30px 0 30px}html:not(.is-static,.studio-active) .is-v2 section#quality>*{display:block;width:100%}html:not(.is-static,.studio-active) .is-v2 section#finishing img{width:100%;display:inline-block}html:not(.is-static,.studio-active) .is-v2 section#finishing .wrap{margin:-30px auto 0;width:100%;max-width:100%;box-sizing:border-box}html:not(.is-static,.studio-active) .is-v2 section{margin:40px -21px 0}html:not(.is-static,.studio-active) .is-v2 section h3{font-size:22px}html:not(.is-static,.studio-active) .is-v2 section h4{font-size:12px}html:not(.is-static,.studio-active) .product-selector .is-shape,html:not(.is-static,.studio-active) .product-selector .is-size{max-width:25vw;width:27%}html:not(.is-static,.studio-active) .is-v2 button.order-now,html:not(.is-static,.studio-active) .is-v2 #product_addtocart_form #product-addtocart-button{width:82%;min-width:150px;max-width:74vw;display:inline-block;position:relative;right:-10px}}@media only screen and (max-width: 480px){html:not(.is-static,.studio-active) .is-v2 button.order-now,html:not(.is-static,.studio-active) .is-v2 #product_addtocart_form #product-addtocart-button{width:72%}}html:not(.is-static,.studio-active) .is-accordeon .content{display:none;margin-bottom:10px}html:not(.is-static,.studio-active) .is-accordeon .heading{cursor:pointer;text-transform:uppercase}html:not(.is-static,.studio-active) .is-accordeon .heading:after,html:not(.is-static,.studio-active) .mobile-collapsible .block-title:after{font-size:12px;content:"";font-family:"Font Awesome 5 Free";position:absolute;margin-left:12px}html:not(.is-static,.studio-active) .is-accordeon .heading:after{font-weight:bold;font-size:10px;margin-left:10px}html:not(.is-static,.studio-active) .is-accordeon .panel{border-bottom:1px #f0f0f0 solid}html:not(.is-static,.studio-active) .is-accordeon .panel:last-child{border-bottom:none}html:not(.is-static,.studio-active) .is-accordeon .active .heading:after,html:not(.is-static,.studio-active) .mobile-collapsible .block-title.active:after{content:""}html:not(.is-static,.studio-active) .sp-methods.shipment-methods{display:inline-block;width:50%}html:not(.is-static,.studio-active) .carrier-logo{max-height:40px;margin:12px 6px 12px 0;display:inline-block}html:not(.is-static,.studio-active) .mypa-delivery-option-table{margin-bottom:unset}html:not(.is-static,.studio-active) .footer-payments{text-align:center}html:not(.is-static,.studio-active) .footer-payment{display:none;max-width:30px;margin:3px}html:not(.is-static,.studio-active) .footer-payment.all{display:unset}html:not(.is-static,.studio-active) body:lang(be) .footer-payment.be{display:unset}html:not(.is-static,.studio-active) body:lang(de) .footer-payment.de{display:unset}html:not(.is-static,.studio-active) body:lang(en) .footer-payment.nl,html:not(.is-static,.studio-active) body:lang(en) .footer-payment.be{display:unset}html:not(.is-static,.studio-active) body:lang(nl) .footer-payment.nl{display:unset}html:not(.is-static,.studio-active) .footer-payments{text-align:center}html:not(.is-static,.studio-active) .footer-payment{display:none;max-width:30px;margin:3px}html:not(.is-static,.studio-active) .footer-payment.all{display:unset}html:not(.is-static,.studio-active) body:lang(be) .footer-payment.be{display:unset}html:not(.is-static,.studio-active) body:lang(de) .footer-payment.de{display:unset}html:not(.is-static,.studio-active) body:lang(en) .footer-payment.nl,html:not(.is-static,.studio-active) body:lang(en) .footer-payment.be{display:unset}html:not(.is-static,.studio-active) body:lang(nl) .footer-payment.nl{display:unset}html:not(.is-static,.studio-active) .de-delivery-time{font-style:italic;font-size:12px}html:not(.is-static,.studio-active) .hero.is-dark h2{text-shadow:1px 1px 2px rgba(0,0,0,.25)}html:not(.is-static,.studio-active) *[class*=bf-campaign] .is-dark h2,html:not(.is-static,.studio-active) *[class*=cm-campaign] .is-dark h2,html:not(.is-static,.studio-active) *[class*=fd-campaign] .is-dark h2{color:#fff !important}html:not(.is-static,.studio-active) *[class*=bf-campaign] .is-dark .trustpilot-widget,html:not(.is-static,.studio-active) *[class*=cm-campaign] .is-dark .trustpilot-widget,html:not(.is-static,.studio-active) *[class*=fd-campaign] .is-dark .trustpilot-widget{box-shadow:0 0 5px hsla(0,0%,100%,.25);background-color:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.25);padding:6px 0 1px}@media all and (max-width: 720px){html:not(.is-static,.studio-active) .hero.is-dark .trustpilot-widget{margin:10px 0 0;background-color:hsla(0,0%,100%,.15);padding:4px 0 0;box-shadow:0 0 20px hsla(0,0%,100%,.3)}html:not(.is-static,.studio-active) .hero.is-dark .elements{width:100%;bottom:40px;top:auto}}html:not(.is-static,.studio-active) .hero.is-dark a.btn{background-color:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.3);box-shadow:1px 3px 4px rgba(0,0,0,.3);color:hsla(0,0%,100%,.85);text-shadow:0 0 10px hsla(0,0%,100%,.3)}html:not(.is-static,.studio-active) .links .customer-account{margin-top:8px}html:not(.is-static,.studio-active) .header-mobile .header-collateral>script{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .main-before-top-container{background-color:rgba(0,0,0,.02)}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror{background-color:#f4f3f1;border-top:30px solid #fff;text-align:right;clear:both;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cms-home section.mirror h3{margin:5px 0 20px !important;text-align:left !important;font-weight:normal !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror h3 em,html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror h4 em{color:#fc6333;font-style:normal !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror>img{width:50%}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror .text{margin-top:-250px;text-align:left;width:50%;padding:30px}@media all and (max-width: 1280px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror{margin:0 -46px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror .text{margin-top:-22vw}}@media all and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror{margin:0 -20px}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror>img{display:block;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror .text{margin-top:calc(-50px - 10vw);width:90%}}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror .btn{display:inline-block;line-height:40px;height:40px;color:#fff !important;border-radius:7px;background-color:#333;text-decoration:none !important;padding:0 15px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror br+.btn{margin-top:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard{background-color:#f5f5f5;border-top:30px solid #fff;text-align:right;clear:both;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard h3 em{color:#fc6333;font-style:normal !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard>img{width:50%;float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text{float:left;width:calc(50% - 60px);padding:30px}@media all and (min-width: 641px)and (max-width: 880px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text{margin-top:50px;text-align:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .btn{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text p{display:none}}@media all and (min-width: 1000px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text{margin-top:65px}}@media all and (max-width: 1280px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard{margin:0 -46px}}@media all and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard{margin:0 -20px}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard>img{display:block;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text{width:90%}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt.text-media .btn,html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .btn{display:inline-block;line-height:40px;height:40px;color:#fff !important;border-radius:7px;background-color:#333;text-decoration:none !important;padding:0 15px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard br+.btn{margin-top:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .header-primary-container{z-index:9999;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .nav.container{position:relative;z-index:9999}html:not(.studio-active):not(:has(body.product-giftcard_config)) .order-details img.preview{cursor:pointer;height:100px;float:right;margin-top:-20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .order-details img.preview.active{position:absolute;right:0;height:auto;width:100%;background-color:#fff;margin-top:-50%;box-shadow:0 0 10px rgba(0,0,0,.25);border:20px solid #fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) div[id^=minimized-trustbadge-]{inset:auto auto 10px 20px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) dd.hide-labels>*{display:block;margin:0 0 10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discount-coupon-form .button.secondary.float.right{width:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-totals-table td.a-right{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ulrike-bar{box-shadow:#f0f0f0 0px 3px 8px;border-radius:5px;padding:10px 20px;width:auto;top:-10px;position:relative;background:hsla(0,0%,100%,.95);min-height:50px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ulrike-bar img{max-width:50px;margin:0 20px 20px 0;border-radius:50%;float:left}@media all and (min-width: 788px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .ulrike-name{display:inline-block}}@media all and (min-width: 1080px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .ulrike-bar{line-height:50px}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .breadcrumbs{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique{font-size:16px}@media all and (max-width: 1200px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .shapes-wrapper{overflow-x:hidden}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-wrapper{padding-top:50px;padding-bottom:50px;background:#f0f0f0;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-wrapper:before,html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:9600px;right:100%;background:#f0f0f0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-wrapper:after{width:9600px;left:100%;background:#f0f0f0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes{max-width:1200px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique>div{display:block;margin-bottom:50px;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique p{font-size:32px;line-height:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .bb-hero{margin-top:-15px;border:unset;position:relative;overflow:hidden;width:100vw;left:calc((-100vw + 100%)/2)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-hero-sticker{text-align:center;border-radius:5px;box-shadow:#f0f0f0 0px 3px 8px;margin:auto;padding:20px 10px;max-width:100px;position:relative;top:-50px;background:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-hero-sticker>span{display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-quote{font-size:34px;line-height:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-quote-image{position:relative;margin:auto;max-width:100px;max-height:100px;margin-bottom:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-brand .brand-story img{display:block;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper{display:table;table-layout:fixed;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-2-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-3-4,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-4{display:table-cell;vertical-align:middle;float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-3{width:33%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-2-3{width:66%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-4{width:25%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-3-4{width:75%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-inspiration-cta,html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-selection-cta{float:unset !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-selection-carousel img{border:1px solid #d8d8d8 !important}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-2-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-4,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-3-4{display:block;width:100%;margin-bottom:50px}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-track>img{margin-right:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-slide>div{padding:10px 10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-list{padding:-10px -10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-dots{bottom:unset !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-dots li button::before{font-size:12px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .short-description .button,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .button,html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text .button{background-color:#333;border-color:#333;color:#f0f0f0;cursor:pointer;font-size:17px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .selection-img{display:block;margin:auto}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) button .shimmer{position:absolute;display:block;background:hsla(0,0%,100%,.7);width:350px;height:100px;transform:translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1);pointer-events:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-inspiration-cta:hover .shimmer{transform:translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg)}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .which-one-will-it-be{font-size:24px;line-height:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .bb-ultimate-modulari{margin-top:90px;margin-bottom:120px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-image.column-1-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-story.column-2-3{width:50% !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .grid12-4.product span{display:block}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-image.column-1-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-story.column-2-3{width:100% !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .middle-content{margin:50px auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .bb-ultimate-modulari{margin-top:inherit;margin-bottom:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique>div{margin-bottom:16px}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes h2{font-size:50px !important;font-weight:bold !important;text-transform:lowercase !important}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-story{padding-top:100px}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .middle-content img{display:block;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique-wrapper{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique-carousel img{max-height:33vh;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .std .tabs-cmp>ul{margin:4px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs a.current{border-color:rgba(0,0,0,.25);border-bottom-color:rgba(0,0,0,0);color:#fc6333 !important;bottom:-1px;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs a{color:#343434 !important;font-size:14px;font-family:"Fira Sans",sans-serif !important;font-weight:bold;padding:0 10px;transition:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs a:hover{color:#fc6333 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .data-table tr.even td,html:not(.studio-active):not(:has(body.product-giftcard_config)) .data-table tr.even th{border-right:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] .main-container ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px;unicode-bidi:isolate}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] .main-container section.mdlr-blog-tip-1 ul{list-style-type:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] h3{display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:bold;unicode-bidi:isolate}html:not(.studio-active):not(:has(body.product-giftcard_config)) body:not([class*=blog-]) .std ul li{background:none !important;padding-left:0px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs{display:block !important}@media only screen and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .mobile-flex{display:flex;flex-wrap:wrap}html:not(.studio-active):not(:has(body.product-giftcard_config)) .position-2-mobile{order:2}html:not(.studio-active):not(:has(body.product-giftcard_config)) .position-1-mobile{order:1;margin-bottom:30px !important}}html:not(.studio-active):not(:has(body.product-giftcard_config)) #root-wrapper>.wrapper{background-color:#fff}@media only screen and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-webkit-scrollbar{width:0;height:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-moz-scrollbar{width:0;height:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-ms-scrollbar{width:0;height:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-ms-scrollbar-thumb{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-webkit-scrollbar-thumb{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-moz-scrollbar-thumb{display:none}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount .product-view .product-image:after{position:absolute;top:55px;right:10px;width:100px;height:100px;content:"";background:rgba(0,0,0,0) url("/images/discount_20_en.svg") center center}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .totals.grid-full.alpha.omega{margin-top:25px;margin-bottom:25px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount .product-view .product-image:after{top:85px;width:75px;height:75px}}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl].has-discount .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl-BE].has-discount .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=BE].has-discount .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=be].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_nl.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=da].has-discount .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=dk].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_dk.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=de].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_de.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=fr].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_fr.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=it].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_it.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=en].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_en.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl].has-discount.discount-25 .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl-BE].has-discount.discount-25 .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=BE].has-discount.discount-25 .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=be].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_nl.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=da].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_dk.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=de].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_de.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=fr].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_fr.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=it].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_it.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount body[class*=giftcard] .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount body[class*=geschenkgutschein] .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount .product-hexagons .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount .product-circles .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount .product-squares .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount .product-flexframes .product-view .product-image:after{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural{width:calc(100% - 40px);background:#f0f0f0;box-sizing:border-box;border-radius:8px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural .grid12-6{padding:20px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural>.grid12-6:first-child{padding:30px 0 0 40px;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural h2{text-align:left;font-size:35px;line-height:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural ul{text-align:left;line-height:32px;font-size:24px;list-style:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural img{bottom:-20px;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta .heading{font-family:"Playfair Display",sans-serif !important;font-size:35px;line-height:40px;padding:20px 20px 0;margin-top:10vw}@media all and (min-width: 1000px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta .heading{font-size:44px;line-height:44px}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta.button{float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural .fa.fa-check{color:#94b362;font-size:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta img,html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-combine img{display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text h3{font-family:Lato,"Open Sans",sans-serif !important;font-size:36px;margin-right:-40px;padding-right:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text p{font-size:18px;line-height:21px}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .grid12-6.edgy{margin:-20px 0 0}}@media all and (min-width: 641px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .grid12-6.edgy{margin:-40px 0 40px}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage{float:right;left:50%;position:absolute;width:45% !important;margin-top:10% !important;padding:40px 0 !important}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text.plus{width:calc(100% + 20px) !important}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-preview img{margin-top:40px}@media all and (max-width: 1249px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage h3{font-size:30px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage h3{font-size:24px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .links .customer-account .fa.fa-user:before{font-size:24px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .customer-account-text{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .customer-account .fa.fa-user:before{color:#333;margin-top:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-options dd:before:last-child{content:""}html:not(.studio-active):not(:has(body.product-giftcard_config)) .persian-orange{color:#fc6333 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .nickel{color:#6d7a7a !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jet{color:#333 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .apricot{color:#f4c7a8 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .linen{color:#ede3dc !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cultured{color:#f0f0f0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #currency{margin-top:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .currency{color:#333;background:#ede3dc;width:80px;padding:2px 4px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .currency .value{font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pill{border-radius:100px;font-size:14px;border:none !important;text-decoration:none !important;color:#fff !important;width:105px;background-color:#fc6333;padding:1px;margin:-10px 0 5px 0;display:inline-block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .price .base-price.strike{margin-right:5px;color:#afafaf;font-weight:500;text-decoration:line-through !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .price .base-price.strike:before{content:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .discounted.base-price{font-weight:bold;display:inline}html:not(.studio-active):not(:has(body.product-giftcard_config)) .discounted,html:not(.studio-active):not(:has(body.product-giftcard_config)) .discounted *{color:#fc6333 !important;font-weight:bold !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .footer-bottom.footer.container{background:#f8f8f8;line-height:36px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-success .col-main .buttons-set{opacity:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .promo-info{font-size:14px;margin:10px 0 20px;border:2px solid #fc6333;border-radius:7px;padding:5px 10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .promo-info a{display:inline-block;white-space:nowrap}html:not(.studio-active):not(:has(body.product-giftcard_config)) .main-before-top-container{border-bottom:1px solid rgba(0,0,0,.1);overflow:visible;position:relative;z-index:2}html:not(.studio-active):not(:has(body.product-giftcard_config)) .nav-regular li.level0>a .caret{opacity:1;margin:-1px 0 0 4px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .dropdown .dropdown-content{min-width:75px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #header-collateral>.dropdown{display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) #header-collateral .dropdown-heading span{color:#333}html:not(.studio-active):not(:has(body.product-giftcard_config)) #header-collateral .dropdown-heading span.caret{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0)}html:not(.studio-active):not(:has(body.product-giftcard_config)) #header-collateral>.currency-switcher .dropdown-heading span.label{color:#fff;background-color:#333;height:20px;min-width:10px;line-height:20px;text-align:center;border-radius:20px;padding:0 5px 0 5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #header-collateral>.currency-switcher.open .dropdown-heading span.label{background-color:#333;color:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) #header-collateral .open .dropdown-heading span.caret{border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0) !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .logo-wrapper--mobile{position:absolute;right:0;left:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .header-mobile .logo-wrapper--mobile .logo{margin:0}}@media all and (max-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .header .logo img{height:60px;margin:10px auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .header .hp-blocks-holder .skip-link{margin-top:15px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .header-mobile .header-collateral>script{display:none !important}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .main-before-top-container{background-color:rgba(0,0,0,.02)}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror{background-color:#f4f3f1;border-top:30px solid #fff;text-align:right;clear:both;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cms-home section.mirror h3{margin:5px 0 20px !important;text-align:left !important;font-weight:normal !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror h3 em,html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror h4 em{color:#fc6333;font-style:normal !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror>img{width:50%}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror .text{margin-top:-250px;text-align:left;width:50%;padding:30px}}@media all and (max-width: 1280px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror{margin:0 -46px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror .text{margin-top:-22vw}}@media all and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror{margin:0 -20px}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror>img{display:block;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror .text{margin-top:calc(-50px - 10vw);width:90%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror .btn{display:inline-block;line-height:40px;height:40px;color:#fff !important;border-radius:7px;background-color:#333;text-decoration:none !important;padding:0 15px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.mirror br+.btn{margin-top:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard{background-color:#f5f5f5;border-top:30px solid #fff;text-align:right;clear:both;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard h3 em{color:#fc6333;font-style:normal !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard>img{width:50%;float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text{float:left;width:calc(50% - 60px);padding:30px}}@media all and (min-width: 641px)and (max-width: 880px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text{margin-top:50px;text-align:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .btn{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text p{display:none}}@media all and (min-width: 1000px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text{margin-top:65px}}@media all and (max-width: 1280px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard{margin:0 -46px}}@media all and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard{margin:0 -20px}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard>img{display:block;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .text{width:90%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt.text-media .btn,html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard .btn{display:inline-block;line-height:40px;height:40px;color:#fff !important;border-radius:7px;background-color:#333;text-decoration:none !important;padding:0 15px}html:not(.studio-active):not(:has(body.product-giftcard_config)) section.giftcard br+.btn{margin-top:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .header-primary-container{z-index:9999;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .nav.container{position:relative;z-index:9999}html:not(.studio-active):not(:has(body.product-giftcard_config)) .order-details img.preview{cursor:pointer;height:100px;float:right;margin-top:-20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .order-details img.preview.active{position:absolute;right:0;height:auto;width:100%;background-color:#fff;margin-top:-50%;box-shadow:0 0 10px rgba(0,0,0,.25);border:20px solid #fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) div[id^=minimized-trustbadge-]{inset:auto auto 10px 20px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) dd.hide-labels>*{display:block;margin:0 0 10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discount-coupon-form .button.secondary.float.right{width:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-totals-table td.a-right{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ulrike-bar{box-shadow:#f0f0f0 0px 3px 8px;border-radius:5px;padding:10px 20px;width:auto;top:-10px;position:relative;background:hsla(0,0%,100%,.95);min-height:50px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ulrike-bar img{max-width:50px;margin:0 20px 20px 0;border-radius:50%;float:left}}@media all and (min-width: 788px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .ulrike-name{display:inline-block}}@media all and (min-width: 1080px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .ulrike-bar{line-height:50px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .breadcrumbs{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique{font-size:16px}}@media all and (max-width: 1200px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .shapes-wrapper{overflow-x:hidden}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-wrapper{padding-top:50px;padding-bottom:50px;background:#f0f0f0;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-wrapper:before,html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:9600px;right:100%;background:#f0f0f0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-wrapper:after{width:9600px;left:100%;background:#f0f0f0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes{max-width:1200px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique>div{display:block;margin-bottom:50px;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique p{font-size:32px;line-height:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .bb-hero{margin-top:-15px;border:unset;position:relative;overflow:hidden;width:100vw;left:calc((-100vw + 100%)/2)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-hero-sticker{text-align:center;border-radius:5px;box-shadow:#f0f0f0 0px 3px 8px;margin:auto;padding:20px 10px;max-width:100px;position:relative;top:-50px;background:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-hero-sticker>span{display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-quote{font-size:34px;line-height:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-quote-image{position:relative;margin:auto;max-width:100px;max-height:100px;margin-bottom:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-brand .brand-story img{display:block;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper{display:table;table-layout:fixed;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-2-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-3-4,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-4{display:table-cell;vertical-align:middle;float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-3{width:33%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-2-3{width:66%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-4{width:25%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-3-4{width:75%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-inspiration-cta,html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-selection-cta{float:unset !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-selection-carousel img{border:1px solid #d8d8d8 !important}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-2-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-1-4,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .column-wrapper .column-3-4{display:block;width:100%;margin-bottom:50px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-track>img{margin-right:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-slide>div{padding:10px 10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-list{padding:-10px -10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-dots{bottom:unset !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-dots li button::before{font-size:12px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .short-description .button,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .button,html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text .button{background-color:#333;border-color:#333;color:#f0f0f0;cursor:pointer;font-size:17px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .selection-img{display:block;margin:auto}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) button .shimmer{position:absolute;display:block;background:hsla(0,0%,100%,.7);width:350px;height:100px;transform:translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1);pointer-events:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bb-inspiration-cta:hover .shimmer{transform:translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg)}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .which-one-will-it-be{font-size:24px;line-height:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .bb-ultimate-modulari{margin-top:90px;margin-bottom:120px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-image.column-1-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-story.column-2-3{width:50% !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .grid12-4.product span{display:block}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-image.column-1-3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-story.column-2-3{width:100% !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .middle-content{margin:50px auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .bb-ultimate-modulari{margin-top:inherit;margin-bottom:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique>div{margin-bottom:16px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes h2{font-size:50px !important;font-weight:bold !important;text-transform:lowercase !important}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-story{padding-top:100px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique .middle-content img{display:block;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique-wrapper{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .brand-boutique-carousel img{max-height:33vh;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .std .tabs-cmp>ul{margin:4px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs a.current{border-color:rgba(0,0,0,.25);border-bottom-color:rgba(0,0,0,0);color:#fc6333 !important;bottom:-1px;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs a{color:#343434 !important;font-size:14px;font-family:"Fira Sans",sans-serif !important;font-weight:bold;padding:0 10px;transition:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs a:hover{color:#fc6333 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .data-table tr.even td,html:not(.studio-active):not(:has(body.product-giftcard_config)) .data-table tr.even th{border-right:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=cms-blog] .page h1{color:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=cms-blog] .page p>a{color:#fc6333 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] .main-container ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px;unicode-bidi:isolate}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] .main-container section.mdlr-blog-tip-1 ul{list-style-type:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] h3{display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:bold;unicode-bidi:isolate}html:not(.studio-active):not(:has(body.product-giftcard_config)) body:not([class*=blog-]) .std ul li{background:none !important;padding-left:0px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs{display:block !important}}@media only screen and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .mobile-flex{display:flex;flex-wrap:wrap}html:not(.studio-active):not(:has(body.product-giftcard_config)) .position-2-mobile{order:2}html:not(.studio-active):not(:has(body.product-giftcard_config)) .position-1-mobile{order:1;margin-bottom:30px !important}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #root-wrapper>.wrapper{background-color:#fff}}@media only screen and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-webkit-scrollbar{width:0;height:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-moz-scrollbar{width:0;height:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-ms-scrollbar{width:0;height:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-ms-scrollbar-thumb{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-webkit-scrollbar-thumb{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-moz-scrollbar-thumb{display:none}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount .product-view .product-image:after{position:absolute;top:55px;right:10px;width:100px;height:100px;content:"";background:rgba(0,0,0,0) url("/images/discount_20_en.svg") center center}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .totals.grid-full.alpha.omega{margin-top:25px;margin-bottom:25px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount .product-view .product-image:after{top:85px;width:75px;height:75px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl].has-discount .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl-BE].has-discount .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=BE].has-discount .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=be].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_nl.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=da].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_dk.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=de].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_de.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=fr].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_fr.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=it].has-discount .product-view .product-image:after{background-image:url("/images/discount_20_it.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=en].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_en.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl].has-discount.discount-25 .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl-BE].has-discount.discount-25 .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=BE].has-discount.discount-25 .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=be].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_nl.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=da].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_dk.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=de].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_de.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=fr].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_fr.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=it].has-discount.discount-25 .product-view .product-image:after{background-image:url("/images/discount_25_it.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl].has-discount.discount-17 .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl-BE].has-discount.discount-17 .product-view .product-image:after{background-image:url("/images/discount_17_nl.svg")}html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount body[class*=giftcard] .product-view .product-image:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-discount body[class*=geschenkgutschein] .product-view .product-image:after{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural{width:calc(100% - 40px);background:#f0f0f0;box-sizing:border-box;border-radius:8px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural .grid12-6{padding:20px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural>.grid12-6:first-child{padding:30px 0 0 40px;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural h2{text-align:left;font-size:35px;line-height:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural ul{text-align:left;line-height:32px;font-size:24px;list-style:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural img{bottom:-20px;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta .heading{font-family:"Playfair Display",sans-serif !important;font-size:35px;line-height:40px;padding:20px 20px 0;margin-top:10vw}}@media all and (min-width: 1000px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta .heading{font-size:44px;line-height:44px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta.button{float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural .fa.fa-check{color:#94b362;font-size:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta img,html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-combine img{display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text h3{font-size:36px;margin-right:-40px;padding-right:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text p{font-size:18px;line-height:21px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .grid12-6.edgy{margin:-20px 0 0}}@media all and (min-width: 641px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .grid12-6.edgy{margin:-40px 0 40px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage{float:right;left:50%;position:absolute;width:45% !important;margin-top:10% !important;padding:40px 0 !important}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text.plus{width:calc(100% + 20px) !important}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-preview img{margin-top:40px}}@media all and (max-width: 1249px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage h3{font-size:30px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage h3{font-size:24px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage{margin-top:5% !important}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage{margin-top:unset !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .montage h3{font-size:16px;font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-natural ul,html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text p{font-size:16px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-image-preview{min-width:100px;height:100px;overflow:hidden;cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lightbox{display:none;position:fixed;z-index:11;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#f0f0f0;background-color:rgba(240,240,240,.9)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lightbox-content{position:relative;margin:auto;width:90%;max-height:80vh;max-width:1200px;background:#f0f0f0;border-radius:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lightbox .close{color:#333;position:absolute;top:25px;right:25px;font-size:36px;font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lightbox .close:hover,html:not(.studio-active):not(:has(body.product-giftcard_config)) .lightbox .close:focus{color:#000;text-decoration:none;cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lightbox .prev,html:not(.studio-active):not(:has(body.product-giftcard_config)) .lightbox .next{cursor:pointer;padding:20%;margin:0;color:#333;font-size:36px;transition:.6s ease;user-select:none;-webkit-user-select:none;position:relative;top:-60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .next{right:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .prev:hover,html:not(.studio-active):not(:has(body.product-giftcard_config)) .next:hover{color:#000}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-column.lb-image-preview{width:22%;margin:0;display:inline-block;background-size:cover !important;border-right:10px solid #fff;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-column.lb-image-preview:last-child{border-right:unset}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-row{width:100%;position:relative;overflow:auto;display:block ruby;cursor:grab;margin:5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar::-webkit-scrollbar,html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-row::-webkit-scrollbar{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hide-scrollbar,html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-row{-ms-overflow-style:none;scrollbar-width:none;overflow:auto}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-row{width:calc(100% + 5px) !important;margin:5px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-column.lb-image-preview{max-height:20vw;border-right:5px solid #fff;border-left:5px solid #fff}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .horizontal-scroll{display:flex;align-items:center;overflow:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .justify-content-center{justify-content:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product_addtocart_form .product-image .lb-mag{padding:12px;float:right;margin-top:-40px;position:relative;background:hsla(0,0%,100%,.3) !important;border-radius:50%;color:#333}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-tabs .panel{display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) h2#acctab-description,html:not(.studio-active):not(:has(body.product-giftcard_config)) strong.section-title{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .panel>h1{font-size:26px;text-transform:unset;font-weight:bold;margin:20px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-details .product-name a{text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:75%}html:not(.studio-active):not(:has(body.product-giftcard_config)) h3.product-name{font-size:1em}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pointer-events-none{pointer-events:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .coming-soon:before{font-size:11px;margin:auto;content:"COMING SOON";position:absolute;margin-left:-18px;margin-top:55px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-size.coming-soon:before{margin-left:-34px;margin-top:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) div>p:first-child+ul{margin-top:15px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-modal-image img{max-width:80vw;max-height:80vh}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .lb-mag.fa.fa-search{display:none}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-v2 p.product-image{max-width:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-v2 .product-image>img[style*=none]{display:block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-v2 .product-view .product-img-column{padding-right:40px;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-v2 .coming-soon{margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .std>.grid12-12{margin:30px 0 0 0;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .grid12-12>img:first-child{border-right:20px solid #fff;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .grid12-12>img:last-child{border-left:20px solid #fff;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text>div.grid12-6{padding:40px 40px 0;box-sizing:border-box}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text>div.grid12-6{padding:0 20px 10px 0px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .grid12-12>img{border:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .panel>h1{margin:20px 0 10px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork img.sizes-preview{margin:0;border:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .grid12-6{width:50%;margin:0;margin-bottom:30px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-v2 .product-view .product-img-column{padding-right:10px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .action-box:empty{margin:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta a:not([href]){display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view>.box-additional{margin-top:-20px !important;margin-bottom:20px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product_addtocart_form .product-primary-column{margin-top:0;margin-bottom:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-tabs .video{margin-bottom:20px !important}}@media all and (min-width: 641px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-tabs .std>.grid12-7.info{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-tabs .tabs-cmp{width:calc(100vw - 400px) !important;margin-top:-310px;min-width:265px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-tabs .tabs-cmp th,html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-tabs .tabs-cmp td{padding:5px 10px}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .std>.grid12-12{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text.plus .text-wrapper{margin:-15px;transform:scale(0.9);transform-origin:top left}}@media all and (min-width: 641px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-mirrors form#product_addtocart_form{top:20px;position:relative;left:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs-cmp .tabs a{max-width:10vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media all and (min-width: 769px)and (max-width: 1024px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text p~p:last-child{display:none}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .grid12-6>p~p:last-child{padding-bottom:0}}@media all and (min-width: 769px)and (max-width: 1080px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-text .grid12-6>div{transform:scale(0.9);transform-origin:top left;width:110%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .mini-products-list .item a{margin:0 5px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #product_addtocart_form .product-primary-column{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta h2{margin:-20px 0 30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .grid12-12>img:first-child{padding-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta .heading{margin-top:-15px}}@media all and (min-width: 1024px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .img-box p.product-image img[src*=media]{margin-bottom:30px !important}}@media all and (min-width: 1180px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .img-box p.product-image img[src*=media]{margin-left:-18px !important}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) img[src*=krk]+.elements{background:hsla(0,0%,100%,.9);padding:0 10px;border-radius:10px;border:20px solid rgba(0,0,0,0);margin:-20px -30px}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) img[src*=krk]+.elements{margin:-10px 30px;padding:0 10px;width:calc(100vw - 60px) !important;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cork-cta .text-wrapper{padding-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-cork .size-preview img{margin-top:20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .dropdown .dropdown-heading.cover>span,html:not(.studio-active):not(:has(body.product-giftcard_config)) .dropdown .dropdown-heading.cover>div{padding:0 5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=cart] .data-table thead th *{font-weight:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product_addtocart_form .product-image>img[data-src]{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) html.is-ready body{visibility:visible;opacity:.1;transition:opacity 1s}html:not(.studio-active):not(:has(body.product-giftcard_config)) html.is-ready body.is-ready{visibility:visible;opacity:1;transition:opacity 1s}html:not(.studio-active):not(:has(body.product-giftcard_config)) img[height]{height:auto !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkout-review-table-wrapper .product-image img{max-width:60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mp-landing .no-gutter{padding:0 10px;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .face-card{display:flex;text-align:left;padding:0 10px;box-sizing:border-box}}@media(min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .face-card{justify-content:flex-end}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .face-card>.face{float:left;width:50px;border-radius:50px;margin:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .face-card>.name{display:inline-block;white-space:nowrap}html:not(.studio-active):not(:has(body.product-giftcard_config)) .face-card .text strong{color:#94b362}html:not(.studio-active):not(:has(body.product-giftcard_config)) .face-card ul{display:flex;flex-direction:column;gap:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .face-card ul li strong{color:#94b362}html:not(.studio-active):not(:has(body.product-giftcard_config)) .face-card span{width:26px;height:26px;line-height:26px;background:#8b9e67;border-radius:100%;flex:auto;color:#fff;display:inline-block;justify-content:center;text-align:center;margin-right:6px}html:not(.studio-active):not(:has(body.product-giftcard_config)) a.fa,html:not(.studio-active):not(:has(body.product-giftcard_config)) a.fas,html:not(.studio-active):not(:has(body.product-giftcard_config)) a.btn,html:not(.studio-active):not(:has(body.product-giftcard_config)) .std p a,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product>a,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product>a span,html:not(.studio-active):not(:has(body.product-giftcard_config)) .tabs>li>a{text-decoration:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .usp a{font-weight:bold}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-hexagons #product_addtocart_form .product-image img[src*=templates],html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-hexagons #product_addtocart_form .product-image img[src*=preview]{margin:-14vw 0 -7vw}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-circles #product_addtocart_form .product-image img[src*=templates],html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-circles #product_addtocart_form .product-image img[src*=preview]{margin:-11vw 0 -7vw}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-squares #product_addtocart_form .product-image img[src*=templates],html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-squares #product_addtocart_form .product-image img[src*=preview]{margin:-2vw -8vw;max-width:100vw}}@media all and (min-width: 1024px){html:not(.studio-active):not(:has(body.product-giftcard_config)) div>iframe[title],html:not(.studio-active):not(:has(body.product-giftcard_config)) div>iframe[title]{z-index:2147483647 !important}}@media all and (max-width: 1023px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .studio-active div>iframe[title]{display:none !important}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=nav].skip-active .fa-bars::before{content:"";opacity:.75}html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=checkout] [for="billing:region_id"]:not(.required),html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=checkout] [for="billing:region_id"]:not(.required)+.input-box>*:empty{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .field .form-instructions{text-align:center;font-style:italic;font-size:14px}}@media all and (max-width: 820px){html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=checkout] [class*=grid].col-main{width:100% !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=checkout] [class*=grid].col-main+.sidebar #checkout-progress-wrapper{display:none}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=checkout] div>iframe[title],html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=checkout] div>iframe#webWidget,html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=checkout] .cookiebar{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .currency-switcher>.dropdown-heading .value{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-mirror .product-view .product-img-column,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-eijffinger .product-view .product-img-column{margin-top:0;padding-right:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-eijffinger ul{list-style:none;padding-left:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-eijffinger .product-name>h1{line-height:1.5}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-eijffinger .product-name>h1:after{content:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-eijffinger .product-name>h1 img{width:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) p:first-letter,html:not(.studio-active):not(:has(body.product-giftcard_config)) li:first-letter,html:not(.studio-active):not(:has(body.product-giftcard_config)) .button:first-letter{text-transform:capitalize}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-preview img{margin-top:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page>div{margin-bottom:60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction{max-width:100%;margin:0;min-height:470px;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .col-main>div>a{text-decoration:none;border-bottom:2px solid #fc6333;font-weight:bold;display:inline-block;margin:20px 0;font-size:16px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .main a[href] span{text-decoration:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page h1{font-size:1.4rem}}@media all and (min-width: 639px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction .content{line-height:initial}}@media all and (min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction h1{margin-left:1rem;position:absolute;top:100px;z-index:3}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction .title,html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction h3{font-size:initial;top:138px;margin-left:1rem;position:absolute;z-index:3}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction .content{position:absolute;display:block;padding:100px 1rem 0 1rem;border:1px solid #fff;border-radius:5px;background:#fff;z-index:1;top:80px;width:40%;min-width:360px;box-shadow:2px 3px 8px rgba(0,0,0,.1)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction>p{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction .not-a-button.image-button{top:40px;z-index:2;margin-left:2rem;position:absolute;right:66.66%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction .button.home{margin-left:0}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .full-width{width:100vw;position:relative;left:calc((-100vw + 100%)/2)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .not-a-button{margin:20px auto;display:block;max-width:max-content;background-color:#333;color:#f0f0f0 !important;text-decoration:none !important;border:1px solid #333 !important;border-radius:5px;line-height:45px;padding:0 25px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .not-a-button *{font-weight:bold !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .go-btn-orange,html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .button{margin:20px auto;display:block;max-width:max-content;background-color:#fc6333;color:#fff !important;border:1px solid #fc6333 !important;cursor:pointer;text-decoration:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page a{font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider .button{font-size:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .slick-dots li{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:33%;margin:0px;border-bottom:5px;height:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .slick-slide{margin-right:20px}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .slick-slide{margin-right:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .slick-slide img{border-radius:5px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .slick-dots li button{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .slick-dots li button::before{content:"";border-bottom:solid 3px #f0f0f0;width:100%;opacity:1;height:5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .slick-dots li.slick-active button::before{border-bottom:solid 3px #fc6333}html:not(.studio-active):not(:has(body.product-giftcard_config)) button.slick-prev,html:not(.studio-active):not(:has(body.product-giftcard_config)) button.slick-next{font-size:0px;background:none;z-index:2;border:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) button.slick-prev:before,html:not(.studio-active):not(:has(body.product-giftcard_config)) button.slick-next:before{font-size:40px;text-shadow:0 0 1px #000}html:not(.studio-active):not(:has(body.product-giftcard_config)) button.slick-prev{left:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) button.slick-next{right:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot{cursor:pointer;position:absolute;color:#fff;background:#fff;border:7px solid #d8d8d8;border-radius:50%;height:5px;width:5px}}@media all and (min-width: 639px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot{display:none}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot.special .content .info-title:after{display:inline-block;content:" ";background-image:url("/images/_photocollage/mdlr_logo_label.svg");height:13px;width:25px;margin-left:5px;position:absolute;margin-top:5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot:hover,html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot.active{border-width:4px;border-color:#d8d8d8;height:12px;width:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot .content{display:none;padding:8px 18px;background:hsla(0,0%,100%,.9);border-radius:5px;color:#333;margin-top:24px;margin-left:-24px;min-width:100px;text-align:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot.active .content{display:inline-block;z-index:1;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot .content .info-title{font-weight:600;font-size:18px;white-space:nowrap}html:not(.studio-active):not(:has(body.product-giftcard_config)) .image-dot .content .subtitle{font-weight:bold;font-size:14px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media>.media,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text>.media{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media>.text,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text>.text{padding:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media>.text>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text>.text>*{margin-bottom:8px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media>.media.slick-slider,html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media>.media .slick-slider,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text>.media.slick-slider,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text>.media slick-slider{display:grid}}@media all and (min-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:center;justify-content:center;max-width:100%;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media .intro-slider-logo,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text .intro-slider-logo{padding:3rem 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media .intro-slider-logo img,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text .intro-slider-logo img{display:block;margin:0 auto;width:28rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) .text-media>.text,html:not(.studio-active):not(:has(body.product-giftcard_config)) .media-text>.text{align-self:center;justify-self:center}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider div.hexagon,html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider div.circle,html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider div.square{border-radius:5px;background-color:#f5f5f5;padding-bottom:2%}}@media all and (min-width: 639px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider div.hexagon,html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider div.circle,html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider div.square{margin:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction p{margin-top:0}}@media all and (max-width: 638px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size p{margin-bottom:20px}}@media all and (min-width: 639px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .introduction a,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity a,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size a{margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity p{margin-bottom:20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider img{margin:0;margin:auto;width:100%;max-width:300px}}@media all and (max-width: 638px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider img{max-width:250px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size p{margin-bottom:20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .shapes-slider button{display:inline;width:80%}}@media all and (min-width: 639px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .start-with-shape,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size{display:flex;flex-direction:column}html:not(.studio-active):not(:has(body.product-giftcard_config)) .start-with-shape>div{order:4}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size .title{position:absolute;width:100%;margin-top:20px;z-index:1}html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size p{order:-1;position:relative;height:0;z-index:2;top:55px}}@media all and (min-width: 1000px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size .title{margin-top:50px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size p{top:90px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .material-name{padding:20px;font-size:18px;color:#333;text-align:center;font-weight:bold;margin-top:-80px;font-weight:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .material-name span{font-weight:600;font-size:18px;background:#fff;border-radius:5px;padding:5px 10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-preview{position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shape-selector{position:absolute;width:100%;top:0;text-align:center;z-index:1}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shape-selector div{width:100px;display:inline-block;padding:10px 0;border:1px solid #000;border-radius:5px;margin-top:40px;font-size:16px;font-weight:bold;cursor:pointer;line-height:1}}@media all and (min-width: 395px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .shape-selector div:nth-child(2){margin-left:20px;margin-right:20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .shape-selector div.active{color:#fff;background-color:#fc6333;border-color:#fc6333}}@media all and (max-width: 400px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .shape-selector div{width:80px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shape-selector .button{font-size:14px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .current-size{font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector{position:absolute;top:95px;width:100%;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .current-from-price .base-price{font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .magnetic p{max-width:800px}}@media all and (min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .magnetic p{margin:auto}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector .size-images{text-align:center;margin:auto;display:inline-block;width:100%}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector .size-images{display:flex;align-items:center;overflow:auto}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector .size-images>img{display:inline-block !important;max-height:27.7777777778vw;opacity:.5;filter:blur(1px);cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector .selector .fa{cursor:pointer;padding:0 10px}}@media all and (min-width: 639px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector .size-images>img{height:16.6666666667vw !important;width:unset;margin-left:auto;margin-right:auto}}@media all and (min-width: 1200px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector .size-images>img{max-height:200px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector .size-images>img.active{opacity:1;filter:blur(0)}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-preview{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .shape-selector{top:15%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector{top:25%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .selector.price .size-left,html:not(.studio-active):not(:has(body.product-giftcard_config)) .selector.price .size-right{cursor:pointer;padding:20px}}@media all and (min-width: 639px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .collage-size,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity,html:not(.studio-active):not(:has(body.product-giftcard_config)) .cmp-photocollage-page .magnetic,html:not(.studio-active):not(:has(body.product-giftcard_config)) .start-with-shape{text-align:center}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .magnetic{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .montage-usp{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .montage-usp>div{margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .montage-usp>div{position:relative}}@media all and (min-width: 639px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .montage-usp>div{display:inline-block;max-width:30%;vertical-align:top}html:not(.studio-active):not(:has(body.product-giftcard_config)) .montage-usp>div:nth-child(2){display:inline-block;margin-left:1%;margin-right:1%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .montage-usp img{border-radius:5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .montage-usp p{background:#f5f5f5;border-radius:0 0 5px 5px;padding:25px 10px 20px 10px !important;width:100%;margin-top:-5px;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) p+.montage-usp{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq{margin-top:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .title,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity .title,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mix-creativity h3{margin-bottom:20px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq{border-radius:5px;border:1px solid #f5f5f5;background:#f5f5f5;margin-bottom:20px;padding:5px;cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq ul li{list-style:initial;margin-left:20px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq{padding:10px 20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq .content{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq.active{border-left:1px solid #fc6333;border-radius:0 5px 5px 0;cursor:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq .title{line-height:1.5;margin-bottom:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq.active .title *{font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq .title:after{content:"";font-weight:900;font-family:"Font Awesome 5 Free" !important;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq.active .title:after{content:""}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq.active .content{display:block;padding-bottom:8px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cms-page-view .shapes-slider .is-p{display:block;padding-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .patterns{margin-top:40px;padding:40px 0px;background:#eceae9}html:not(.studio-active):not(:has(body.product-giftcard_config)) .patterns-menu{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .patterns-menu li{display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .patterns h2{font-size:46px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .patterns ul{text-align:center;font-size:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pattern{display:none;margin:0 40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pattern.active{display:grid;background:#fff;border-radius:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pattern .slick-list{border-radius:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .intro-slider-text{padding:0 20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pattern-select{margin:20px;line-height:1em;border-bottom:2px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pattern-select.active{border-bottom:2px #fc6333 solid}html:not(.studio-active):not(:has(body.product-giftcard_config)) .styling-tip .text>*{margin-bottom:1em}html:not(.studio-active):not(:has(body.product-giftcard_config)) .eijffinger-montage{background:#f3f3f3;margin:40px auto}}@media all and (max-width: 638px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .styling-tip .text .eijffinger-montage-text{padding:20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .btn-cta{cursor:pointer;color:#fff !important;text-decoration:none !important;background-color:#333;border-color:#333 !important;font-size:24px;padding:16px 40px;border-radius:5px;font-weight:300;display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) #check-gift .form b{display:inline-block;min-width:75px;text-align:right}html:not(.studio-active):not(:has(body.product-giftcard_config)) .btn-cta.invert{color:#333 !important;background-color:#fff !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #check-gift input{font-size:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #check-gift .info{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #check-gift button{height:36px;line-height:36px;font-size:90%;margin-left:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #confetti-canvas{position:absolute;top:0;z-index:2}}@media all and (min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=it] .usp>.bar>.bar-item:first-child{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=it] .usp>.bar>.bar-item:first-child+.bar-item{display:block !important}}@media all and (max-width: 720px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-options *>p:first-child{font-size:15px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt-wrapper{background-color:#f5f5f5;margin:60px 0;min-height:320px}}@media all and (max-width: 1280px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt-wrapper{margin:60px -46px 60px -46px}}@media all and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt-wrapper{margin:60px -20px 0 -20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt.text-media .media{margin-bottom:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt.text-media .text{line-height:24px}}@media all and (min-width: 639px)and (max-width: 830px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt.text-media .text p{display:none;line-height:inherit}}@media all and (max-width: 638px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt.text-media .text a{margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .felt.text-media .text{padding:20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .new_label:after{content:url("/images/_icons/new_label.png");display:inline-block;width:50px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page p{max-width:800px;margin:10px auto 20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page>div{margin-bottom:60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page>div.h1{font-family:Onest,sans-serif !important;font-weight:600 !important;font-size:2.6666em;line-height:1.25em}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid{display:none;grid-template-columns:33% 33% 33%;margin-bottom:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid.last{margin-bottom:60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #show-next-inspiration-grid{margin-bottom:60px;padding:10px 20px;background:#fff;cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid img{height:auto !important;width:600px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair{display:table;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair div{padding:8px;position:relative}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair .desktop-top{display:table-caption}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid{grid-template-columns:50% 50%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair .mobile-top{display:table-caption}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-selector.start-with-shape a[href],html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-selector.start-with-shape a[href] span{text-decoration:initial;color:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-selector.start-with-shape .button{background-color:#fc6333 !important;border-color:#fc6333 !important;color:#fff !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair div.text{position:absolute;margin-top:-100%;text-align:center;margin-left:-8px;padding:18px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid.active{display:grid}}@media all and (min-width: 350px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair div.text{margin-top:-88%;padding:12%}}@media all and (min-width: 400px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair div.text{margin-top:-85%;padding:15%}}@media all and (min-width: 450px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair div.text{margin-top:-83%;padding:17%}}@media all and (min-width: 600px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair div.text{margin-top:-75%;padding:20%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair .vertical div.text{margin-top:-125%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page .shapes-slider .slick-slide{border-radius:8px}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page .shapes-slider .slick-slide{margin-right:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid .pair .vertical div.text{margin-top:-142.8571428571%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-slider{margin-left:-10px;margin-right:-10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-slider img{border-radius:10px;margin:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page .next,html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page .prev{font-size:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-page .shapes-slider .title{margin-bottom:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-grid+.inspiration-grid{margin-top:-60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-preview-slider{background:url("/images/_inspiration/preview/background.png");background-repeat:no-repeat;background-position:bottom;background-size:cover;border-radius:10px;padding-bottom:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-preview .text{margin-top:36px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-preview img{-webkit-filter:drop-shadow(-1px 2px 3px rgba(0, 0, 0, 0.3));filter:drop-shadow(-1px 2px 3px rgba(0, 0, 0, 0.3));max-height:300px !important;max-width:85%;margin:50px auto}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-preview img{margin:10px auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .inspiration-preview .text{margin-top:24px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-prev.slick-arrow{z-index:2}html:not(.studio-active):not(:has(body.product-giftcard_config)) .preview-name{font-size:36px;font-family:"Playfair Display" !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape{text-align:center;margin:30px 0 20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape h3{font-family:"Playfair Display",serif !important;font-size:34px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape a[href],html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape a[href] span,html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape p span a{color:#333 !important;text-decoration:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape .shape{width:100%;background:#f5f5f5;margin:20px auto;padding:10px 20px 30px 20px;border-radius:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape .shape>*{color:#333 !important;text-decoration:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape .shapes img{margin:auto;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape .shapes{max-width:880px;margin:auto}}@media all and (min-width: 641px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape .shapes{display:grid;grid-template-columns:auto auto auto;grid-gap:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape .shape{max-width:200px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #choose-shape .shapes img{max-width:180px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #creative-collections{margin:30px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #the-exclusives{text-align:center;margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #creative-collections .button{display:block;margin:20px auto auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) #creative-collections .more-action{text-decoration:underline;cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) #creative-collections>h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) #the-exclusives>h3{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) #creative-collections>p,html:not(.studio-active):not(:has(body.product-giftcard_config)) #the-exclusives>p{text-align:center;margin:auto;max-width:600px;margin-bottom:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module.active,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module.active{display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-slide,html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-wide-slide{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-wide-slide{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-wide-slide>div{min-width:150px;text-align:center;background-color:#f1f1f1;color:#8b8b8b;border-top:6px solid #fff;line-height:3em;white-space:nowrap}html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-wide-slide>div:hover,html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-wide-slide>div.active{color:#333;padding-top:3px;border-top:3px solid #fc6333;background:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-slide>div{display:inline-block;margin:auto;border-bottom:2px solid rgba(0,0,0,0);text-transform:uppercase;margin:20px;white-space:nowrap}html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-slide>div:hover,html:not(.studio-active):not(:has(body.product-giftcard_config)) .menu-slide>div.active{color:#fc6333;text-decoration:underline 2px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module [class*=-info]{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module [class*=-info] [class*=-more]{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module.active,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module [class*=-info].active{display:grid;grid-gap:20px;grid-template-columns:1fr 2fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module{margin:30px auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .exclusive-block,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module [class*=-info] [class*=-block],html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module [class*=-info] [class*=-block-more]{background-color:#f5f5f5;border-radius:10px;text-align:center;padding:60px 30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .content{padding:0;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .checklist,html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .block-text,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module .block-text{text-align:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .prev,html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .next,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid .prev,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid .next{display:inline-block;position:relative;text-align:center;line-height:2em;color:#333;width:2em;cursor:pointer;top:calc(-50% - 1em);font-size:18px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .prev,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid .prev{float:left;left:-28px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .next,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid .next{float:right;right:-28px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .prev,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid .prev{left:-25px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .next,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid .next{left:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .exclusive-block,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module [class*=-info] [class*=-block],html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module [class*=-info] [class*=-block-more]{padding:20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid-wrapper{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-auto-flow:column;overflow-x:auto;grid-gap:20px;height:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid-wrapper>div{background-repeat:no-repeat;background-position:center center;background-size:cover;padding-top:100%;width:100%;border-radius:10px;display:none;border:1px solid #e1e1e1 !important;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .content>div{display:none}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid-wrapper>div:nth-child(-n+6){display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .content>div:nth-child(-n+3){display:block}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid-wrapper>div:nth-child(-n+9){display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .content-wrapper .content>div:nth-child(-n+2){display:block}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #creative-collections .text-block{padding:20px;text-align:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module img{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .block-text-show,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module .block-text-show{display:none}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module.active,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module [class*=-info].active{grid-template-columns:1fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-grid-wrapper{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .block-text,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module .block-text,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module .more-action{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .block-text-show,html:not(.studio-active):not(:has(body.product-giftcard_config)) .collection-module .block-text-show{display:block;cursor:pointer}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .button.start-designing{background:#333;border-radius:10px;border-color:#333 !important;color:#fff !important;cursor:pointer;font-size:18px;line-height:40px;text-align:center;text-decoration:none !important;margin:20px auto auto;display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover{background:#f3f3f3;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover h2{font-size:60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .collage{position:relative;margin:auto}}@media all and (min-width: 961px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .button.start-designing{background:rgba(0,0,0,.8)}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .collage{max-width:75%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .collage img:first-child{position:relative;display:inline}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .collage img{position:absolute;display:none;top:0;left:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid{display:grid;grid-template-columns:1.3fr .7fr;padding:20px;text-align:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid .select{margin:auto;cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .select a[href]{color:#333}}@media all and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover{width:100vw;margin-left:-20px;padding:20px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover>p{padding:0 60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid{grid-template-columns:1fr 1fr}}@media all and (min-width: 961px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover{margin-left:-120px;margin-right:-120px;padding:100px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid .select>div{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-left:3px solid rgba(0,0,0,0);padding:10px 20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid .select>div:hover,html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid .select>div.active{border-left:3px solid #fc6333}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .select>div.dim{opacity:.5}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid .collage img.active{display:inline;background:#f3f3f3}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid h4,html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid p{margin:0 0 .2em}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid h4{font-size:28px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid p{margin:0 0 .2em;font-size:18px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover h2{font-size:2em;margin:0 60px 20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid h4{font-size:18px;font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid h4:after{content:url("/images/_heartbeat/icons/arrow-right.svg");margin-left:1em}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid p{display:none;font-size:16px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid .select>div:hover p,html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid .active p{display:block}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid{grid-template-columns:1fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discover .discover-grid .select{margin:initial}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .homepage-inspiration h2{font-size:2em}html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero{margin-bottom:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero button+button{margin-top:10px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero img{max-width:1400px;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);left:50%;position:relative}}@media all and (max-width: 1200px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero img{width:100%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text{text-align:left;position:absolute;width:300px;top:0;padding:20px;padding-left:60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text .trustpilot-widget{width:65%;margin:20px auto -20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text *{text-shadow:0 0 2px hsla(0,0%,100%,.5)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text .button{display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text .button+.secondary{margin-top:10px !important;background:#fff;color:#333 !important;border-color:rgba(0,0,0,.15) !important;cursor:pointer;font-size:18px;text-decoration:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text a[href].button{margin:initial;width:200px;border-radius:5px}}@media all and (min-width: 961px)and (max-width: 1200px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero{width:100vw;margin-left:-42px}}@media all and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text{top:20px}}@media all and (min-width: 961px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text{top:60px}}@media all and (max-width: 800px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero{width:100vw;margin-left:-20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text{text-align:center;padding:10px 10px 35px;margin:-5px 5px;width:calc(100% - 30px);position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat>.price .strike{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text a[href].button{margin:auto}}@media all and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero{width:100vw;margin-left:-20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .style-banner{margin-left:-50px;margin-right:-50px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .style-banner img{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .style-banner-bar{top:-10px;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .style-banner-bar>div{display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .style-banner-bar .circle{border-radius:50%;background-color:#00a2fa;width:70px;height:70px;position:absolute;background-image:url("/images/_icons/faces/ulrike_2.jpg");background-repeat:no-repeat;background-position:top}html:not(.studio-active):not(:has(body.product-giftcard_config)) .style-banner-bar .text{min-height:70px;margin-left:35px;padding-left:45px;padding-right:10px;background:#eeeae4;box-shadow:0px 2px 10px rgba(0,0,0,.25);border-radius:10px;width:calc(100% - 85px);display:table}html:not(.studio-active):not(:has(body.product-giftcard_config)) .style-banner-bar .text>p{display:table-cell;vertical-align:middle;text-align:center;padding:10px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;grid-auto-flow:column;overflow:hidden;height:100%}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .content{grid-template-columns:1fr 1fr}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .exclusives-module .content>div{border-radius:10px;background:#f5f5f5;padding:0;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row{margin:30px 0;padding:40px 0;text-align:center;background:#eeeae4;position:relative;width:100vw;left:calc((-100vw + 100%)/2);text-align:center;box-sizing:border-box;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row .usp-row-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}}@media all and (max-width: 1000px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row .usp-row-wrapper{grid-template-columns:auto auto}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row h3{font-size:20px !important;margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row .usp-row-wrapper>div{cursor:pointer;padding:0px 20px;display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral>div{display:none;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .active{top:40%;left:50%;padding:40px;display:block;position:fixed;background:#fff;border-radius:10px;transform:translate(-50%, -50%);box-shadow:0px 10px 10px 2px rgba(0,0,0,.2);width:80%;max-width:1120px;z-index:2}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .usp-row-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:16px;grid-auto-flow:column;overflow-x:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .usp-row-content>div{position:relative;border-radius:10px;background:#f5f5f5;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .usp-row-content>div>img{margin-bottom:35px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .usp-row-content>div h5{text-transform:uppercase;font-size:12px;font-weight:400}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .usp-row-content>div h3{font-family:"Playfair Display",serif !important;font-size:34px !important;margin-bottom:35px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral ul{margin-bottom:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .usp-row-content .fa.fa-check{font-size:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral li{list-style:none;text-align:left;padding-left:32px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .mask{top:0;left:0;width:100vw;height:100vh;position:fixed;backdrop-filter:blur(3px);background-color:rgba(51,51,51,.6);z-index:1}html:not(.studio-active):not(:has(body.product-giftcard_config)) .fa-close{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row .fa.fa-chevron-right{display:inline-block;margin-left:4px;font-size:12px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row{text-align:left;margin:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row h3{margin:3px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row .fa.fa-chevron-down{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row .usp-row-wrapper{grid-template-columns:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row .usp-row-wrapper>div{display:grid;grid-template-columns:40px auto;grid-gap:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .active{top:0;left:0;transform:none;border-radius:0;width:calc(100vw - 40px);height:100vh;padding:20px;min-width:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral .premium .usp-row-content>div{min-width:300px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .full-width{position:relative;width:100vw;left:calc((-100vw + 100%)/2);text-align:center;box-sizing:border-box;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;overflow:hidden}}@media(min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .full-width{border-bottom:none}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .not-too-wide{max-width:1200px;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .black-button{text-decoration:none;width:200px;background:#333;border-radius:5px;color:#fff;cursor:pointer;font-style:normal;font-weight:600;font-size:24px;line-height:2em;text-align:center;display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pre-footer{background:#f5f5f5;padding:60px 0;margin-top:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .magnetic-suspension-system .magentic-wrapper img{width:auto;margin:auto;border-radius:10px;max-height:35vh}html:not(.studio-active):not(:has(body.product-giftcard_config)) .switch .video-wrapper{padding-bottom:40%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .switch .video-wrapper video{width:100%;margin:auto;border-radius:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .magnetic-suspension-system .magentic-wrapper,html:not(.studio-active):not(:has(body.product-giftcard_config)) .switch .video-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .magnetic-suspension-system .magentic-wrapper{grid-template-columns:1fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) .switch .video-wrapper{grid-template-columns:1fr;padding-bottom:20vw}html:not(.studio-active):not(:has(body.product-giftcard_config)) .switch .video-wrapper video{max-width:36vh}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .homepage-inspiration{margin-top:20px;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .homepage-inspiration p{max-width:600px;margin:auto auto 20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .modulari img{display:block;margin:auto;padding:8px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .catalog-product-view .product-page-bar{display:grid;grid-template-columns:2fr 8fr;grid-gap:20px;margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ma{margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-materials{margin:30px auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;grid-auto-flow:column;overflow-x:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-materials .product-page-material{background-color:#f5f5f5;border-radius:10px;overflow:hidden;min-height:429px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-materials .product-page-material h4{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-materials .product-page-material p,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-materials .product-page-material ul{padding:0 20px 20px;font-size:14px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-materials .product-page-material .material-image{width:100%}}@media all and (max-width: 800px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-materials .product-page-material{width:calc(100vw - 40px);max-width:300px;margin:auto}}@media all and (max-width: 567px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-materials{grid-gap:10px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #superzoom-wrapper{padding-top:60px;position:fixed;width:100vw;height:calc(100vh - 60px) !important;z-index:2;top:0;height:0;background:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) #superzoom-wrapper .close{float:right;top:0;right:0;font-size:24px;position:absolute;z-index:1}html:not(.studio-active):not(:has(body.product-giftcard_config)) #superzoom-wrapper span{padding:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #superzoom{width:100%;height:80%;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .error-msg,html:not(.studio-active):not(:has(body.product-giftcard_config)) .success-msg,html:not(.studio-active):not(:has(body.product-giftcard_config)) .note-msg,html:not(.studio-active):not(:has(body.product-giftcard_config)) .notice-msg{font-size:inherit !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cms-home .promotion.bar.wrap+*{margin-top:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-header-actions>a{flex-shrink:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular{min-width:34px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .skip-link .count,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .skip-link .count{display:inline-block;text-align:center;font-family:Arial,Helvetica,sans-serif;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:red !important;color:#fff;position:absolute;text-decoration:none;margin-top:0;width:1.2rem;height:1.2rem;font-size:.8rem;line-height:1.2rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile #mini-cart .caret,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular #mini-cart .caret{margin-top:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .ic-cart,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .ic-cart{font-size:0;display:inline-block;background:url(/images/_icons/header/icon_mandje.svg);width:28px;height:28px;margin-top:1px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .actions,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .actions{text-align:right !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .button,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .button{float:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content .mini-products-list,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content .mini-products-list{max-height:390px;overflow-y:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content .mini-products-list li.item,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content .mini-products-list li.item{align-items:flex-start;display:flex;gap:10px;margin:0 0 12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content .mini-products-list .product-image,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content .mini-products-list .product-image{display:block;flex:0 0 50px;float:none;margin:0;width:50px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content a.product-image>img,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content a.product-image>img{margin:0;width:100%;height:50px;object-fit:cover}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content .mini-products-list .product-details,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content .mini-products-list .product-details{flex:1 1 auto;margin:0;min-width:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content .mini-products-list .product-details .product-name,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content .mini-products-list .product-details .product-cart-price,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content .mini-products-list .product-details a,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content .mini-products-list .product-details .product-name,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content .mini-products-list .product-details .product-cart-price,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content .mini-products-list .product-details a{margin:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-content .truncated,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-content .truncated{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile .mini-cart .mini-cart-heading .label,html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-regular .mini-cart .mini-cart-heading .label{line-height:42px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile{position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile #header-cart{position:relative;top:10px}}@media all and (max-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile #mini-cart .fa-chevron-down{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) #my-design-trigger{width:50px;position:absolute;right:60px;top:6px}}@media all and (max-width: 959px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #mini-cart-wrapper-mobile #mini-cart>a{width:70px;float:right;width:70px;text-align:center}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) img.mollie-payment-method{width:30px;max-width:none !important;margin-right:10px;float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) img.mollie-payment-method.additional{float:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkout-review-table-wrapper td.last{text-align:right}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index .page-title{margin:0 0 -10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkoutSteps{padding-top:75px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkoutSteps .step-title{position:absolute;top:0;left:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkoutSteps .step-title{width:100%;padding:10px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkoutSteps .active .step-title{z-index:9;background-color:#fff !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-progress-wrapper{margin-top:80px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #nav,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #footer .links,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #shipping_method-progress-opcheckout,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-progress-wrapper .block-title,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-progress-wrapper dt,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index .step-title .number,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #login-form+.buttons-set .required,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-step-shipping_method,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #login-form.checkout-login-click-to-show .form-list{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #billing-progress-opcheckout dt.complete,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #shipping-progress-opcheckout dt.complete,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #payment-progress-opcheckout dt.complete{display:block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #opc-shipping_method h2{color:rgba(0,0,0,0)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkoutSteps button{font-size:16px;background-color:#fc6333;color:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-payment-method-load dt img{width:40px;max-width:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-payment-method-load dt{height:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index .opc .step{padding:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-step-login .required+a{margin-bottom:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index .main-container{min-height:60vh}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-step-payment p.required,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-step-payment a[onclick*="checkout.back"]{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 #checkout-review-submit{margin-bottom:20px;margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #billing\:street2{-moz-appearance:textfield}html:not(.studio-active):not(:has(body.product-giftcard_config)) #billing\:street2::-webkit-outer-spin-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) #billing\:street2::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}@media all and (max-width: 480px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 #checkout-review-table-wrapper td .f-left{float:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index .onepage-guest-register-button{margin:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #opc-login form{min-height:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index .buttons-set{margin:0 0 20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index [class*=grid].col-main+.sidebar #checkout-progress-wrapper{display:block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index input[name="payment[method]"]{position:absolute;z-index:-1;left:-100vw}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 #checkout-review-table-wrapper tfoot>tr:first-child+tr+tr+tr,html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 #shopping-cart-totals-table tbody>tr:first-child+tr+tr+tr{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index .main a[href]{color:inherit !important}}@media all and (max-width: 820px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-progress-wrapper .block-content.no-display{display:block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ab-checkout-1 .checkout-onepage-index #checkout-progress-wrapper{margin-top:-20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .secure-payments{padding-top:16px;text-align:right;z-index:10}html:not(.studio-active):not(:has(body.product-giftcard_config)) .secure-payments-lock{color:#94b362}html:not(.studio-active):not(:has(body.product-giftcard_config)) .secure-payments-subtitle{margin-left:17px;font-size:smaller}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .page-title{display:grid;grid-template-columns:auto auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkout-payment-method-load [id] label{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkout-payment-method-load [id] label:hover,html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkout-payment-method-load [id] label.selected{font-weight:bold;text-decoration:underline}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .page-title{grid-template-columns:1fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) .secure-payments{padding:0;text-align:left}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .number-addition-fields{display:grid;grid-template-columns:1fr 1fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) .number-addition-field .input-box input,html:not(.studio-active):not(:has(body.product-giftcard_config)) .number-addition-field .input-box select{width:90% !important;text-align:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) #billing\:street2,html:not(.studio-active):not(:has(body.product-giftcard_config)) #shipping\:street2,html:not(.studio-active):not(:has(body.product-giftcard_config)) #street_2{-moz-appearance:textfield}html:not(.studio-active):not(:has(body.product-giftcard_config)) #billing\:street2::-webkit-outer-spin-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) #billing\:street2::-webkit-inner-spin-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) #shipping\:street2::-webkit-outer-spin-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) #shipping\:street2::-webkit-inner-spin-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) #street_2::-webkit-outer-spin-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) #street_2::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) input[id*=\:show_company]{float:left;margin:.3rem .2rem 0 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) label[for="shipping:company"],html:not(.studio-active):not(:has(body.product-giftcard_config)) label[for="billing:company"]{float:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .known-from{text-align:center;max-width:300px;margin:20px auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .known-from-image>img{margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .known-from-header{color:#333 !important;font-family:Playfair Display,serif !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .known-from-prev,html:not(.studio-active):not(:has(body.product-giftcard_config)) .known-from-next{color:#d8d8d8;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);cursor:pointer;border:none;outline:none;background:rgba(0,0,0,0)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .known-from-next{right:-30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .known-from-prev{left:-30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .copy{padding-bottom:16px;text-align:center;font-weight:200}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer h5{color:#7c7c7c;text-transform:unset}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .footer-icons{padding-bottom:0;padding-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mc-embedded-subscribe-form>div{display:inline}html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .support{max-width:200px;margin-left:18px;color:#7c7c7c;line-height:unset;margin-bottom:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .newsletter.title{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .support-address{font-size:16px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #mc-embedded-subscribe-form{margin-bottom:20px;display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .newsletter-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .email.newsletter-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;border:none !important;width:250px;background-color:#eeeae4;line-height:25px;display:block;padding:10px;font-size:16px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .email.newsletter-input{margin-bottom:5px;margin-top:15px;background-color:#fff;width:230px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .newsletter-button{cursor:pointer;background-color:#eeeae4;display:none}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .newsletter-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) .contact .email.newsletter-input{margin:20px auto}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .social{margin-top:20px;margin-bottom:12px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .social .icon{color:#eeeae4;font-size:24px !important;padding:12px 24px 12px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .dark{color:#eeeae4;background:#333;padding:20px 20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .dark .dark-inside{max-width:1200px;margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .dark .dark-inside>div{padding:20px 0}}@media all and (min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .dark .dark-inside>div{margin:0 20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .dark .dark-inside>div:first-child{padding-top:80px;padding-bottom:60px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .dark .dark-inside>div:last-child{padding-bottom:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .footer-icons,html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .links{display:table;width:100%;table-layout:fixed;word-break:break-word}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .footer-icons>div,html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .links>div{display:table-cell}}@media all and (max-width: 1100px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .links{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:20px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .contact .support{margin:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .links{grid-template-columns:1fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .links>div{margin-bottom:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .footer-icons>div{display:inline}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .footer-icons>div>h5{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer .modulari{text-align:left;font-size:24px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer h1,html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer h2,html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer h4,html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer h5,html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer.footer h6,html:not(.studio-active):not(:has(body.product-giftcard_config)) .footer a{color:#f0f0f0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .footer a:hover{color:#7c7c7c}html:not(.studio-active):not(:has(body.product-giftcard_config)) .footer .icons{max-width:42px;margin-right:6px;margin-bottom:6px;aspect-ratio:1.5/1}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer .modulari{text-align:center;font-family:Playfair Display !important;font-size:50px;letter-spacing:2px;color:#fc6333}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer .modulari .mdlr_phone{max-width:32px;vertical-align:middle}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer .title{font-size:18px;color:#7c7c7c;font-weight:300;padding-bottom:12px;text-transform:uppercase}}@media(min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .left,html:not(.studio-active):not(:has(body.product-giftcard_config)) .middle,html:not(.studio-active):not(:has(body.product-giftcard_config)) .right{width:30%;display:inline-block}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-cmp-type]{float:none;clear:both;display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-configurator{position:fixed;top:0;left:0;right:0;width:100vw;bottom:0;z-index:-1;overflow:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-configurator.active{z-index:11}html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-step-id=shape],html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-step-id=material]{background:rgba(0,0,0,.75)}html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-step-id=shape] .start-with-shape>*{color:#fff !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-cmp-type=step]{position:absolute;width:100%;height:100%;left:-100vw}html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-cmp-type=step].active{position:relative;overflow:auto;left:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-selector img{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-step{background-color:#fff}}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-configurator .collage-size{height:100vh;position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-configurator .collage-size>h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-configurator .collage-size>p{padding:0 30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-configurator .collage-size>h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-configurator .collage-size .size-preview{margin-top:20px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) iframe[title]{z-index:9 !important}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .underline{text-decoration:underline}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-usps{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;margin-bottom:20px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-usps{grid-template-columns:1fr}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half{background:#ede2dc;border-radius:10px;padding:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half .sizes{padding-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half .sizes li{display:inline-block;padding:20px;cursor:pointer;margin:-20px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half .sizes li:first-child{margin-left:-20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half .sizes li.active{font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half .price{text-align:right}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half .pricing{display:grid;grid-template-columns:1fr 1fr;line-height:32px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half p{line-height:32px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .pink-half p:first-child{font-weight:bold;padding-bottom:20px;line-height:initial}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-step .shape-selector div{margin:40px 10px 0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .material-step .usp-row-content{margin-top:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .material-step .usp-row-content>div>img,html:not(.studio-active):not(:has(body.product-giftcard_config)) .material-step .usp-row-content>div h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .material-step #usp-row-collateral ul{margin-bottom:20px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .material-step .go-btn-orange{margin-bottom:40px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat>.price{position:absolute;z-index:2;right:5px;top:15px;padding:0 5px;text-decoration:none;text-shadow:0 0px 2px hsla(0,0%,100%,.4)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat>.price .strike{font-size:75%}}@media all and (max-width: 1024px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #modulari-moment{display:none !important}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .pre-footer+.materials-heading{margin:30px 0 -20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .main.container{max-width:1200px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-p+.button{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .form-list label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:calc(100% - 15px);max-width:calc(100vw - 80px)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .form-list label.required em{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .form-list label.required:after{color:#ee001c;content:"*";padding-left:.25rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-agreements .agree label,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-agreements .agree label *{font-weight:normal;font-size:13px;line-height:1}html:not(.studio-active):not(:has(body.product-giftcard_config)) #billing-new-address-form .field label[for*=billing]{overflow:visible}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero-text h1{margin:10px 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row [class]>div>p{text-decoration:underline}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hb1 .hero-text h1{font-size:36px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hb1 .hero-text a.btn+a[href="#discover"]{margin-top:20px;color:#fff;text-decoration:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hb2 .hero-text a[href].button{width:175px;padding:0 10px;font-size:16px}html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=user] small{font-size:16px;line-height:20px;display:inline-block;vertical-align:bottom;position:relative;top:-1px}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .hb2 .hero-text{background-color:#f5f5f5;margin:0;width:calc(100% - 20px)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hb2 .hero-text .button+.secondary{border:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=user] small{display:none}}@media all and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .active>img[src*=resize]{width:100%;height:auto}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt{position:fixed;z-index:9999999;top:0;width:100%;text-align:center;background:hsla(0,0%,100%,.85);backdrop-filter:blur(3px);bottom:0;padding:10px 0;box-sizing:border-box}}@media all and (min-height: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt{padding-top:5%}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt a{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt img{max-width:calc(100% - 40px);max-height:400px;margin:0 auto;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.75));display:inline-block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt a.button{margin:15px;background:#333;font-size:16px;color:#fff;font-weight:bold;line-height:40px;height:40px;color:#fff !important;border-radius:7px;text-decoration:none !important;padding:0 15px;cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) iframe.inline-studio{border:none;position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1}html:not(.studio-active):not(:has(body.product-giftcard_config)) body>#studio-overlay{position:absolute;top:0;left:0;width:100%;z-index:2147483647;background-color:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) #studio-overlay>.block{position:absolute;left:-150vw;top:0;width:100%;height:calc(100vh - 200px);margin:0;background-color:#f1f1f1}html:not(.studio-active):not(:has(body.product-giftcard_config)) #studio-overlay>.block.active{left:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #studio-overlay .collage-size>.title,html:not(.studio-active):not(:has(body.product-giftcard_config)) #studio-overlay .collage-size>p,html:not(.studio-active):not(:has(body.product-giftcard_config)) #studio-overlay .collage-size>.start-designing,html:not(.studio-active):not(:has(body.product-giftcard_config)) #studio-overlay .materials-heading{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .locale-phone-flag{display:inline-flex;justify-content:space-between;align-items:center;gap:5px;margin-left:5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .locale-phone-flag span{font-size:95%;margin-top:-1px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .language-flag-separator{margin-left:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-tabs .info .std{border:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) #product-tabs h1+.grid12-12 .info .std{border:1px solid rgba(0,0,0,.25) !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #my-design-trigger .ic-edit{font-size:0;display:inline-block;background:url(/images/_icons/header/icon_edit.svg);width:28px;height:28px;margin-top:1px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #my-design-trigger .ic-edit,html:not(.studio-active):not(:has(body.product-giftcard_config)) #my-design-trigger .ic-edit~span{display:inline-block;vertical-align:middle;cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-dots li.slick-active button:before{color:#fc6333 !important;opacity:1 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .ic-account{margin-top:0;position:relative;top:-2px;right:-1px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt .slick-slider{z-index:2}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hint-other-designs{color:#fc6333 !important;font-size:18px;margin:35px 0 20px;font-family:"Nothing You Could Do" !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hint-other-designs:before{content:"";display:block;background:center center no-repeat url(/images/_icons/header/icon-arrow-left.svg);width:100%;height:70px;right:-80px;position:relative;top:-40px;margin-bottom:-60px;z-index:1;opacity:.5}html:not(.studio-active):not(:has(body.product-giftcard_config)) #my-design-trigger .label{font-family:"Nothing You Could Do" !important;display:block !important;left:-195px;position:absolute;width:200px;white-space:initial;font-size:20px;line-height:1;color:#333 !important;padding-right:0;background:hsla(0,0%,100%,.6) url(/images/_icons/header/icon-arrow-topright.svg) no-repeat right center;text-shadow:0 0 1px rgba(0,0,0,.25);box-shadow:0 0 20px #fff;padding:5px 30px 0 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #my-design-trigger .label.no-display{display:none !important}}@media all and (min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #my-design-trigger{margin-right:10px}}@media all and (min-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #my-design-trigger{margin-right:3px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .header-regular .hp-blocks-holder .hp-block{position:relative;bottom:-5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .header .logo-wrapper .logo{position:relative;top:-5px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt{z-index:2147483647 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) body>[id*=trustbadge]{z-index:2147483646 !important}}@media all and (max-width: 767px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt>h1{font-size:25px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt>h2{font-size:18px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .welcome-back[style*=none]+h2{font-size:32px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hint-other-designs{font-size:20px}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .hexagon-new>[class]{margin-bottom:20px}}@media all and (max-width: 767px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .hexagon-new>[class]{text-align:left}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .hexagon-new h3{margin-top:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .size-preview+*:not(.hidden){margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) a.block-link{display:block;margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero.is-light h2{color:#fff !important;font-size:26px;max-width:360px;margin-left:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero.is-light *{color:#fff !important;text-shadow:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero.is-light p{max-width:80%;font-size:16px;margin:15px 0}}@media(max-width: 840px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero.is-light h2{font-size:20px !important;max-width:280px !important}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero.is-light .trustpilot-widget,html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero.is-light .trustpilot-widget{box-shadow:-1px -1px 25px hsla(0,0%,100%,.25);background-color:hsla(0,0%,100%,.1);max-height:105px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .hero.is-light a.btn,html:not(.studio-active):not(:has(body.product-giftcard_config)) .heartbeat-hero.is-light a[href].button{background-color:hsla(0,0%,100%,.8);color:#333 !important;border:1px solid hsla(0,0%,100%,.9) !important;font-size:17px !important;font-weight:normal !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=de] .hero-text h1{font-size:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=de] .heartbeat-hero.is-light p{font-size:15px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .de-place-order-info{max-width:200px;margin:20px 0 20px auto;font-size:small}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mollie-payment-method.mollie_giropay{display:block;-moz-box-sizing:border-box;box-sizing:border-box;background:url("/images/_icons/betaalwijze-giropay.svg") no-repeat center;width:30px;height:22.5px;padding-left:30px;background-size:contain}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mollie-payment-method.mollie_sofort{display:block;-moz-box-sizing:border-box;box-sizing:border-box;background:url("/images/_icons/betaalwijze-sofort.svg") no-repeat center;width:30px;height:22.5px;padding-left:30px;background-size:contain}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=privacy] .std h3{text-transform:uppercase}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl] #footer .contact .fa-envelope,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl] #footer .contact .support-address,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl-BE] #footer .contact .fa-envelope,html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang*=nl-BE] #footer .contact .support-address{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .snowflake{z-index:1;position:absolute;width:5px;height:5px;background:linear-gradient(white, white);border-radius:50%;filter:drop-shadow(0 0 10px white)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .action-box>p:first-child{margin-top:10px;font-style:italic}html:not(.studio-active):not(:has(body.product-giftcard_config)) .btn-studio+br+.btn-studio{margin-top:5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .preset-product select,html:not(.studio-active):not(:has(body.product-giftcard_config)) .preset-product .btn-studio{font-size:16px !important;min-width:260px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody .col-delete button{background:rgba(0,0,0,0);border:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody [data-sku] .label{display:inline-block;min-width:80px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody [data-sku] select{border:none;padding:0;font-size:15px;color:#333;text-decoration:underline;margin:-4px 0 0 -4px;width:auto;min-width:80px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-outdoor .promotion.bar.wrap{background-color:#94b362 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .altproductpage-product-view .product-view .box-tabs .grid12-7 ul{list-style:inherit;margin-left:1em}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tips-wrapper .tips{text-align:left;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tips-wrapper .tip>p{text-align:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tips-wrapper .tips .tip{max-width:calc(50% - 4rem);margin:2rem}}@media all and (max-width: 800px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .tips-wrapper .tips .tip{margin:1rem;max-width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tips-wrapper .tips{flex-direction:column}}@media all{html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index{background-color:#333;min-height:100vh}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .page{background-color:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-blog-tip-1 .mdlr-tip-text ul li{background:rgba(0,0,0,0) url(/images/_icons/wordpress/check-black.svg) no-repeat 0 7px scroll !important;padding-left:23px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .swiper-button-prev:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) .swiper-button-next:after{content:"" !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index #nav,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index a[href*=nav].skip-link,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index a[href*=cart].skip-link,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index #top .user-menu{visibility:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .main>.inner-container>.col-main{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .main>.inner-container>.col-right,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .usp.bar.wrap,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .footer .links{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index #checkoutSteps button.button{background-color:#94b362 !important;border:1px solid #94b362 !important;color:#fff !important;font-size:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index #checkout-review-submit{margin-bottom:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .trustpilot-widget iframe{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.cms-index-index .main.container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] .main.container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog] .main.container{max-width:100vw;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] a{text-decoration:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] .col-main a[href]{text-decoration:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.cms-index-index .main.container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] .main.container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] .inner-container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog] .main,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog] .inner-container{padding:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-hero{min-height:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog{position:relative;width:100vw;left:50%;transform:translate(-50%)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-item{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:initial !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-bottom{flex-grow:1;display:flex;flex-direction:column}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-bottom p{margin-bottom:auto !important}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index{background-color:#333;min-height:100vh}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .page{background-color:#fff}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-blog-tip-1 .mdlr-tip-text ul li{background:rgba(0,0,0,0) url(/images/_icons/wordpress/check-black.svg) no-repeat 0 7px scroll !important;padding-left:23px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .swiper-button-prev:after,html:not(.studio-active):not(:has(body.product-giftcard_config)) .swiper-button-next:after{content:"" !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index #nav,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index a[href*=nav].skip-link,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index a[href*=cart].skip-link,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index #top .user-menu{visibility:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .main>.inner-container>.col-main{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .main>.inner-container>.col-right,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .usp.bar.wrap,html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .footer .links{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index #checkoutSteps button.button{background-color:#94b362 !important;border:1px solid #94b362 !important;color:#fff !important;font-size:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index #checkout-review-submit{margin-bottom:30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-onepage-index .trustpilot-widget iframe{display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.cms-index-index .main.container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] .main.container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog] .main.container{max-width:100vw;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] a{text-decoration:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] .col-main a[href]{text-decoration:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.cms-index-index .main.container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] .main.container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=vacature] .inner-container,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog] .main,html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog] .inner-container{padding:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-hero{min-height:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog{position:relative;width:100vw;left:50%;transform:translate(-50%)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-item{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:initial !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-bottom{flex-grow:1;display:flex;flex-direction:column}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-bottom p{margin-bottom:auto !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-bottom a{margin-top:1rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-more-blog-item img,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-item img{aspect-ratio:1/1;object-fit:cover;object-position:right top;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] .main-container{font:300 17px/1.684em Onest,sans-serif;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-east-asian:normal;font-variant-alternates:normal;font-size-adjust:none;font-kerning:auto;font-optical-sizing:auto;font-feature-settings:normal;font-variation-settings:normal;font-variant-position:normal;font-weight:300;font-stretch:normal;font-size:17px;line-height:1.684em;font-family:Onest,sans-serif;font-size:clamp(14px,1.4107883817vw,17px);-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0,0,0,.01) 0 0 1px}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] .main-container strong{font-weight:600}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-hero h1.mdlr-hero-large{font:500 69px/1.2em Onest,sans-serif !important;font-size:clamp(28px,5.7261410788vw,69px) !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-recommended-blog{padding:86px 20px 120px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-recommended-blog-item-title{color:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-video{max-width:75%;margin:50px auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-video h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-video p{max-width:75%;margin:25px auto !important;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-video video{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) span.count{background-color:red !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .img-box-style1 .product-image{box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-options select[name=material]{float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-options select[name=material]+a{display:inline-block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .preview-slider{padding:10px 0}@media all and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table .cell-label{width:40%}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .products-grid .price-data{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .needsclick button{border:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .needsclick h1{line-height:1.25}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-site-footer .klaviyo-form button{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-material].mdlr-button-white{font:500 16px/1em "Onest",sans-serif;padding:10px 20px;border-radius:5px;letter-spacing:.1em;background-color:#fff;display:inline-block;color:#333;text-decoration:none !important;width:210px;height:55px;border-radius:10px;border:1.5px solid #fc6333;background:#fff;color:#000;font-family:Onest;font-size:16px;font-style:normal;font-weight:300;line-height:33px;margin:10px 0 20px;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset #usp-row-collateral{display:block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset .product-image>img{margin:20px 0 30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset .product-primary-column button{width:260px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset select[name=variant],html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset .preview-slider{position:absolute;z-index:-1;visibility:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-hexagon #product_addtocart_form,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-circle #product_addtocart_form,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-square #product_addtocart_form{min-height:760px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral [data-material]>img:first-child{min-height:190px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset .product-image img[src*="media/catalog/product"]{opacity:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) [style*=visibility]{visibility:visible !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-clickable{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-cmd]{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) img[width]{height:auto !important;min-height:0 !important}@media(max-width: 767px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-select-modal-picture-row .lazyload img{width:calc(100vw - 20px)}}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 -35% !important;scale:.6}@media(min-width: 400px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 -15% !important;scale:.7}}@media(min-width: 500px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 -12% !important}}@media(min-width: 550px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 -8% !important;scale:1}}@media(min-width: 650px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 4% !important}}@media(min-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 -26% !important;scale:.7}}@media(min-width: 950px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 -12% !important}}@media(min-width: 992px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 -10% !important;scale:.9}}@media(min-width: 1100px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 -4% !important;scale:1}}@media(min-width: 1200px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .trustpilot-widget>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .trustpilot-widget>*{margin:0 !important}}html:not(.studio-active):not(:has(body.product-giftcard_config)).ab-mo135 #shopping-cart-totals-table td.a-right{font-weight:500}html:not(.studio-active):not(:has(body.product-giftcard_config)).ab-mo135 #shopping-cart-table tbody tr [data-has-info-decoration],html:not(.studio-active):not(:has(body.product-giftcard_config)).ab-mo135 #shopping-cart-table tbody td [data-has-info-decoration]{font-weight:500 !important;gap:.5rem}html:not(.studio-active):not(:has(body.product-giftcard_config)).ab-mo135 .cart-collaterals .cart-right-column{width:fit-content}@media(min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)).ab-mo135 .cart-collaterals .cart-right-column{max-width:45%}}@media(min-width: 1024px){html:not(.studio-active):not(:has(body.product-giftcard_config)).ab-mo135 .cart-collaterals .cart-right-column{max-width:33.33%}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) html.studio-active,html:not(.studio-active):not(:has(body.product-giftcard_config)) html.studio-active body{overflow:hidden;-webkit-touch-action:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-bottom a{margin-top:1rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-more-blog-item img,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-new-blog-item img{aspect-ratio:1/1;object-fit:cover;object-position:right top;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] .main-container{font:300 17px/1.684em Onest,sans-serif;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-east-asian:normal;font-variant-alternates:normal;font-size-adjust:none;font-kerning:auto;font-optical-sizing:auto;font-feature-settings:normal;font-variation-settings:normal;font-variant-position:normal;font-weight:300;font-stretch:normal;font-size:17px;line-height:1.684em;font-family:Onest,sans-serif;font-size:clamp(14px,1.4107883817vw,17px);-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0,0,0,.01) 0 0 1px}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=blog-] .main-container strong{font-weight:600}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-hero h1.mdlr-hero-large{font:500 69px/1.2em Onest,sans-serif !important;font-size:clamp(28px,5.7261410788vw,69px) !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-recommended-blog{padding:86px 20px 120px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-recommended-blog-item-title{color:inherit}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-video{max-width:75%;margin:50px auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-video h3,html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-video p{max-width:75%;margin:25px auto !important;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-video video{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) span.count{background-color:red !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .img-box-style1 .product-image{box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-options select[name=material]{float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-options select[name=material]+a{display:inline-block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .preview-slider{padding:10px 0}}@media all and (max-width: 9999px)and (max-width: 640px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table .cell-label{width:40%}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .products-grid .price-data{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .needsclick button{border:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .needsclick h1{line-height:1.25}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-site-footer .klaviyo-form button{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) a[href][data-material].mdlr-button-white{font:500 16px/1em "Onest",sans-serif;padding:10px 20px;border-radius:5px;letter-spacing:.1em;background-color:#fff;display:inline-block;color:#333;text-decoration:none !important;width:210px;height:55px;border-radius:10px;border:1.5px solid #fc6333;background:#fff;color:#000;font-family:Onest;font-size:16px;font-style:normal;font-weight:300;line-height:33px;margin:10px 0 20px;box-sizing:border-box;text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset #usp-row-collateral{display:block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset .product-image>img{margin:20px 0 30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset .product-primary-column button{width:260px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset select[name=variant],html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset .preview-slider{position:absolute;z-index:-1;visibility:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-hexagon #product_addtocart_form,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-circle #product_addtocart_form,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-square #product_addtocart_form{min-height:760px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #usp-row-collateral [data-material]>img:first-child{min-height:190px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-preset .product-image img[src*="media/catalog/product"]{opacity:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) [style*=visibility]{visibility:visible !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-clickable{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) [data-cmd]{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) img[width]{height:auto !important;min-height:0 !important}}@media(max-width: 9999px)and (max-width: 767px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-select-modal-picture-row .lazyload img{width:calc(100vw - 20px)}}@media all and (max-width: 9999px)and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) html.studio-active,html:not(.studio-active):not(:has(body.product-giftcard_config)) html.studio-active body{overflow:hidden;-webkit-touch-action:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .studio-active,html:not(.studio-active):not(:has(body.product-giftcard_config)) .studio-active body{visibility:visible !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.studio-active>#studio{z-index:2147483646 !important;top:0 !important;left:0 !important;opacity:1 !important}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table .product-name a[href]{text-decoration:underline !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer .contact form{margin-bottom:35px}html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer .contact form button{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) #studio{opacity:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-freestage #product_addtocart_form{min-height:0 !important;margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-freestage #product_addtocart_form .btn-studio{display:block;clear:both}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-freestage .product-options{border:none;margin:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-freestage .inline-tooltip-text,html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-freestage .preview-slider,html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-freestage .product-options select[name=size],html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-freestage .product-options select[name=variant],html:not(.studio-active):not(:has(body.product-giftcard_config)) .is-freestage .price-box{display:none !important}}@media(max-width: 9999px)and (max-width: 419px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .main-before-top-container{padding-top:15px !important}}@media(max-width: 9999px)and (min-width: 420px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .main-before-top-container{padding-top:30px !important}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .cart .discount>h2{padding:0;margin:0;line-height:3rem;vertical-align:bottom}html:not(.studio-active):not(:has(body.product-giftcard_config)) .page-title{margin-bottom:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .page-title h1{font-size:22px;margin-bottom:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cart-table .product-name{line-height:1rem !important;padding:0 !important;margin:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cart-table input.qty{padding:0;width:1.2rem !important;height:1.2rem !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #discount-coupon-form .button.secondary.float.right{margin:0;padding:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .totals.grid-full.alpha.omega{margin:0;padding:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) input::-webkit-outer-spin-button,html:not(.studio-active):not(:has(body.product-giftcard_config)) input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) input[type=number]{-moz-appearance:textfield}html:not(.studio-active):not(:has(body.product-giftcard_config)) .upsell-spacer{display:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .upsell-wrapper+.button.btn-proceed-checkout.btn-checkout{margin:auto;display:block}}@media all and (max-width: 9999px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .upsell-wrapper+.button.btn-proceed-checkout.btn-checkout{width:100%}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #root-wrapper div.main.container>div>div.col-main>div.cart>div.face-card>ul{margin-top:1.7rem;margin-bottom:1.7rem}}@media(max-width: 9999px)and (min-width: 480px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #root-wrapper div.main.container>div>div.col-main>div.cart>div.face-card>ul{white-space:nowrap}}@media(max-width: 9999px)and (max-width: 479px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .col-main .cart .face-card{float:left}html:not(.studio-active):not(:has(body.product-giftcard_config)) .col-main .cart .face-card ul{white-space:normal}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #countdown{background-color:#fc6333;color:#fff;padding:.1rem 0;text-align:center;vertical-align:middle;font-weight:bold}html:not(.studio-active):not(:has(body.product-giftcard_config)) #countdown>div{line-height:1rem;display:inline-block;vertical-align:middle;scale:.8}html:not(.studio-active):not(:has(body.product-giftcard_config)) #countdown>div>div{padding-top:9px;display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cd-box{background-color:#fff;color:#333;border-radius:3px;font-size:1.4rem;font-weight:bold;min-width:3.6rem;padding:6px 0 0;margin:0 .2rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cd-box .small{display:block;font-size:10px;line-height:10px;padding:6px 0;font-weight:400}}@media all and (max-width: 9999px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #countdown{background-color:#fc6333;color:#fff;padding:.6rem 1rem;font-weight:bold;font-size:.7rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) #countdown>div{display:inline;vertical-align:middle}html:not(.studio-active):not(:has(body.product-giftcard_config)) #countdown>div>div{margin-top:-5px;text-align:center;display:inline-block;vertical-align:middle}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cd-box{background-color:#fff;color:#333;border-radius:3px;font-size:1.2rem;line-height:.7rem;font-weight:bold;min-width:2.4rem;padding:6px 0 0;margin:0 .1rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) .cd-box .small{color:#333 !important;display:block;font-size:7px;line-height:8px;padding-bottom:3px;font-weight:300}}@media(max-width: 9999px)and (max-width: 769px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .logo--mobile{display:inline-block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) a.level-top{background-color:#f5f5f5 !important;font-weight:bold !important;padding:12px !important;font-size:15px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .acco .nav-item.level1>a{padding:10px !important;padding-left:25px !important;margin:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .nav-mobile li.nav-item.last{border-bottom:unset !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #nav .nav-item--parent>a{background-color:#f5f5f5 !important;font-weight:bold !important;font-size:16px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) li.nav-item.level2 a{font-size:16px !important;padding:12px !important;padding-left:25px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) li.nav-item.level1.nav-1-8 a.no-click,html:not(.studio-active):not(:has(body.product-giftcard_config)) li.nav-item.level1.nav-1-9 a.no-click{padding-left:12px !important}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .main-before-top-container{padding-top:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) a[href],html:not(.studio-active):not(:has(body.product-giftcard_config)) a[data-cmd]{cursor:pointer}html:not(.studio-active):not(:has(body.product-giftcard_config)) a[data-cmd=open-chat]{text-transform:lowercase}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img{background:radial-gradient(circle, rgb(248, 248, 248) 0%, rgb(228, 228, 228) 100%) !important;margin:50px auto;max-height:480px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-image img.design-injected:hover{cursor:pointer}@keyframes fade-in{from{scale:0}to{scale:1}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-designed .product-view .preview-slider,html:not(.studio-active):not(:has(body.product-giftcard_config)) .has-designed .product-view select[name=variant]{position:absolute;z-index:-1 !important;visibility:hidden}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.has-designed .product-view .img-box:hover::after{content:attr(data-tooltip);display:flex;position:absolute;height:auto;width:75%;background-color:rgba(51,51,51,.8901960784);transform:translate3d(0, -70px, 0);left:0;right:0;margin:auto;justify-content:center;color:#fff;border-radius:10px;padding:10px;z-index:5;white-space:nowrap;text-align:center;animation-name:fade-in;animation-duration:.2s;animation-timing-function:ease;animation-fill-mode:forwards}html:not(.studio-active):not(:has(body.product-giftcard_config)) html::after,html:not(.studio-active):not(:has(body.product-giftcard_config)) body::after{content:none !important;display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-page-bar:has(.jess-component-wrapper){display:inline-block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper.mobile-view{margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper h2{font-size:20px;font-weight:500;line-height:28px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper p{font-size:16px;font-weight:300;line-height:26px}}@media(max-width: 9999px)and (max-width: 767px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper p{font-size:14px;line-height:21px}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper p strong{font-weight:normal;text-shadow:.1px 0 #000,-0.1px 0 #000,0 .1px #000,0 -0.1px #000}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .text p{padding-left:20px}}@media(max-width: 9999px)and (max-width: 480px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .text p{padding-left:13px}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .column:has(img){width:80px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .column:has(img)+.column{width:calc(100% - 80px)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .btn{display:inline-block !important;background:#8b9e67 !important;border:1px solid hsla(0,0%,100%,.75) !important;border-radius:5px !important;color:#fff !important;font-size:16px !important;line-height:36px !important;text-align:center;min-width:150px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper a[data-cmd]{color:#fc6333;text-decoration:underline}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .jess-component-contact-container{display:none;margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .jess-component-contact-container .columns{max-width:370px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .jess-component-contact-container p{font-size:14px;margin-top:5px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper .jess-component-contact-container [data-cmd=hide-jess-contact]{display:inline-block;margin-top:20px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper.show-contact .jess-component-contact-container{display:block}html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper.show-contact [data-cmd=show-jess-contact]{display:none}}@media(max-width: 9999px)and (max-width: 960px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .trustpilot-widget.desktop-view{display:none !important}}@media(max-width: 9999px)and (min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .trustpilot-widget.desktop-view *{width:200% !important;margin:10px -50% !important}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view.nested-container .wrapper{padding-bottom:30px}}@media(max-width: 9999px)and (max-width: 425px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper{width:100% !important}}@media(max-width: 9999px)and (min-width: 425px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper.mobile-view{display:none !important}}@media(max-width: 9999px)and (max-width: 425px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper.desktop-view{display:none !important}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .jess-component-wrapper.mobile-view.small{border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2);padding-top:20px;padding-bottom:20px;margin-bottom:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view.nested-container .wrapper{padding-bottom:0}}@media(max-width: 9999px)and (min-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody tr [data-has-info-decoration],html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody td [data-has-info-decoration]{display:flex;flex-direction:column;gap:.25rem}html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody tr [data-has-info-decoration]>*,html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody td [data-has-info-decoration]>*{margin:0;padding:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody tr [data-has-info-decoration] [class$=-inject]:first-letter,html:not(.studio-active):not(:has(body.product-giftcard_config)) #shopping-cart-table tbody td [data-has-info-decoration] [class$=-inject]:first-letter{text-transform:uppercase}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkout-review-table-wrapper [data-sku] td img.preview{float:right;width:100px}}@media(max-width: 9999px)and (max-width: 480px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkout-review-table-wrapper [data-sku] td img.preview{display:none}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkout-review-table .warn-msg{display:inline-block;margin:10px;padding:10px;border:2px solid #fc6333;border-radius:5px;background:#f5f5f5}html:not(.studio-active):not(:has(body.product-giftcard_config)) body[class*=checkout] .logo-wrapper--mobile{text-align:center !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) #root-wrapper>div>div>div.main-container.col1-layout>div.main.container{padding-bottom:30px !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .totals .checkout-types .btn-checkout{margin:0 10px;width:calc(100% - 20px)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .totals #shopping-cart-totals-table{margin:0 10px;width:calc(100% - 20px)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .std li a{text-decoration:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-options a[href]{color:#fc6333;text-decoration:underline}html:not(.studio-active):not(:has(body.product-giftcard_config)) .checkout-agreements label a[href]{color:inherit !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .order-review .face-card li a,html:not(.studio-active):not(:has(body.product-giftcard_config)) .order-review .face-card li strong{color:#333 !important}}@media(max-width: 9999px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #checkoutSteps #checkout-step-login .form-list li.control label{white-space:wrap}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .form-list li.control label{text-wrap:wrap}}@media all and (max-width: 9999px){@supports(-webkit-hyphens: none){@media(max-width: 9999px)and (min-width: 466px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body{font-synthesis:style;-webkit-font-smoothing:antialiased}}}}@media(max-width: 9999px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .product-name,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .product-name,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .product-name{display:block;width:max-content;margin:auto;margin-bottom:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-eijffinger .product-view .product-img-column,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-mirrors .product-view .product-img-column,html:not(.studio-active):not(:has(body.product-giftcard_config)) body.product-kurk .product-view .product-img-column{margin-top:0}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .field label:has(a.tooltip){overflow:visible}html:not(.studio-active):not(:has(body.product-giftcard_config)) .field label:has(a.tooltip) a.tooltip.active:after{width:auto}html:not(.studio-active):not(:has(body.product-giftcard_config)) .slick-slide [data-src].did-src-resize{width:auto !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq>.title{line-height:1.5;margin:auto;text-align:center;width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq input#faq-pseudo-search-bar{width:50%;display:flex;margin:auto;padding:1.1%;margin-bottom:25px;border:1px solid #d3d3d3;box-shadow:none;border-radius:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq #bottom-faq-items-container{max-height:450px;min-height:450px;padding:20px;padding-top:0px;overflow-x:hidden;scrollbar-color:#f5f5f5 rgba(0,0,0,0)}}@media(max-width: 9999px)and (max-width: 465px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq #bottom-faq-items-container{scrollbar-width:thin}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq:not(.active) .title{font-size:18px}}@media(max-width: 9999px)and (min-width: 466px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq:not(.active) .title:hover{color:#f1af73}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq .title{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:unset}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq .title:after{content:url("/static/images/chevron-down.svg") !important;margin:unset;line-height:unset}html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq .faq.active .title:after{scale:-1}}@media(max-width: 9999px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq input#faq-pseudo-search-bar{width:90%}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .bottom-faq #bottom-faq-items-container{scrollbar-width:none !important;width:100%;padding:unset !important;margin-bottom:unset}html:not(.studio-active):not(:has(body.product-giftcard_config)) #bottom-faq-items-container:before{content:"";position:absolute;width:100%;height:200px;left:0;bottom:0px;background:linear-gradient(to top, rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0) 100%);pointer-events:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.cms-faq input#faq-pseudo-search-bar{width:50%;display:flex;padding:1.1%;margin-bottom:10px;margin-top:5px;border:1px solid #d3d3d3;box-shadow:none;border-radius:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.cms-faq .faq-q.active{color:#fc6333}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.cms-faq .faq-a{background-color:#f5f5f5;margin:1%;border-radius:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) body.cms-faq .faq-a a{text-decoration:underline !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=cart] [class*=inject]{text-transform:lowercase;margin-top:5px;line-height:1;font-size:15px}html:not(.studio-active):not(:has(body.product-giftcard_config)) [class*=cart] [class*=inject]:first-letter{text-transform:capitalize}}@media(max-width: 9999px)and (min-width: 465px){html:not(.studio-active):not(:has(body.product-giftcard_config)) #footer .contact .support{margin:unset}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) a.button.btn-studio{text-decoration:none}html:not(.studio-active):not(:has(body.product-giftcard_config)) .tablinks-table{border-color:rgba(0,0,0,0) !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-moment-list p{margin:1rem 0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .mdlr-moment-list p.price{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt{position:fixed;z-index:9999999;top:0;width:100%;text-align:center;background:rgba(234,234,234,.85);backdrop-filter:blur(2px);bottom:0;padding:10px 0;box-sizing:border-box}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt .window{position:relative;background:#fff;width:80%;margin:0;padding:40px;max-width:1000px;border-radius:10px;top:50%;left:50%;transform:translate(-50%, -50%)}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt span.close{position:absolute;top:0;right:0}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt h1{font-family:Onest;font-size:25px;font-weight:600;line-height:24px;letter-spacing:.1em;line-height:1;text-align:center;text-transform:uppercase}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt h2{font-family:Playfair Display;font-size:42px;font-weight:400;line-height:1;letter-spacing:0em;text-align:center;margin:0 0 30px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt a:has(.arrow){position:relative}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt .arrow{position:absolute;margin:-20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt .buttons{margin:40px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt .button{font-family:Onest;font-size:17px !important;font-weight:400 !important;line-height:32px !important;letter-spacing:0em;text-align:center;padding:8px 24px !important}}@media all and (max-width: 9999px)and (max-width: 768px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt .h1{font-size:14px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt h2{font-size:26px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt .window{margin:0;width:auto;overflow:auto;max-height:100vh}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt .buttons{margin:20px}}@media all and (max-width: 9999px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt a{text-align:center}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt img{max-width:calc(100% - 40px);max-height:400px;margin:0 auto;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.75));display:inline-block !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .continue-design-prompt a.button{margin:15px;background:#333;font-size:16px;color:#fff;font-weight:bold;line-height:40px;height:40px;color:#fff !important;border-radius:7px;text-decoration:none !important;padding:0 15px;cursor:pointer}}html:not(.studio-active):not(:has(body.product-giftcard_config)) [lang].has-discount.discount-25 .product-view:has(img[src*="images/_product"]) .product-image:after{content:unset !important;background:none !important;display:none !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"]{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .product-view .product-image img[src*="images/_product"],html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .product-view .product-image img[src*="images/pdp-"]{margin-top:20px}@media(max-width: 480px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .product-view .product-image img[src*="images/_product"],html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .product-view .product-image img[src*="images/pdp-"]{margin-top:-50px;margin-bottom:-50px}}@media(max-width: 480px)and (max-width: 480px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .product-view .product-image img[src*="images/_product"]{margin-top:-50px;margin-bottom:-50px}}@media(max-width: 480px){html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .product-view .product-image img[src*=base64]{margin:0 !important}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .product-name{position:relative;z-index:2}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .catalog-product-view .jess-component-wrapper .two.columns{display:grid;grid-template-columns:2fr 8fr}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .catalog-product-view .jess-component-wrapper .two.columns .column.one.photo,html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .catalog-product-view .jess-component-wrapper .two.columns .column.two.text{width:100%}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .shapes-slider .slick-dots{margin-top:20px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .shapes-slider h3{font-weight:bold;font-size:24px;line-height:10px}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] .product-name{position:relative;z-index:2}}html:not(.studio-active):not(:has(body.product-giftcard_config)) .product-view .product-image img[src*="images/_product"] div:has([class*=kl-]>[role=dialog])~div:has([class*=kl-]>[role=dialog]) .needsclick{display:none !important}.form-list label{font-weight:500 !important}[lang].has-discount.discount-20 .product-view:has(img[src*="images/_product"]) .product-image:after,[lang].has-discount.discount-25 .product-view:has(img[src*="images/_product"]) .product-image:after{content:unset !important;background:none !important;display:none !important}.page>.promotion.wrap{height:auto !important}@media(max-width: 720px){.page>.promotion.wrap>.bar{max-height:none !important}}.page>.promotion.wrap>.bar{min-height:40px !important;line-height:40px}.page>.promotion.wrap>.bar .bar-item{margin:0 10px;max-width:none}@media(max-width: 720px){.page>.promotion.wrap>.bar .bar-item{display:block !important}}.main-before-top-container{overflow:hidden !important}.checkout-onepage-index .mdlr-header-lang,.checkout-onepage-index [class*=main] [class*=usp]{display:none !important}.checkout-onepage-index .mdlr-site-footer{min-height:400px !important}.ab-mo126 .checkout-cart-index .mdlr-header-lang,.ab-mo126 .checkout-cart-index #mini-cart-wrapper-regular{display:none !important}.checkout-cart-index .main.container .inner-container{padding:1.25rem !important}.checkout-cart-index .upsell-wrapper:not(:has(>*))+.btn-checkout{display:none !important} #modulari-moment { display: none; text-align: center; position: absolute; right: 0; background: #EDE3DC; width: 300px; margin: 0 20px; padding: 20px; box-shadow: #F0F0F0 0px 3px 8px; color: #333; border-radius: 5px; overflow: visible; z-index: 1; } .momo-title { display: inline-block; font-size: 19px; max-width: 200px; } .momo-subtitle { display: inline-block; margin-top: 20px; } .momo-cancel { background: unset; border: unset !important; font-size: 16px; color: #333; border-bottom: 1px solid #333 !important; border-radius: unset; padding-bottom: 4px; font-weight: 300; } .momo-cancel-x { position: absolute; right: 20px; top: 20px; cursor: pointer; } .momo-confirm { background: unset; border: unset; background: #FC6333 !important; border: 1px solid #FC6333 !important; margin-bottom: 10px; font-size: 16px; border-radius: 5px; padding: 15px 20px; text-align: center; color: #F0F0F0; cursor: pointer; } #modulari-moment button { margin-top: 20px; cursor: pointer; } #modulari-moment img { max-width: 90px; position: absolute; border-radius: 50%; display: block; top: -30px; left: -30px; } #modulari-moment-step-1, #modulari-moment-step-2 { overflow: auto !important; display: none; position: absolute; right: 0; margin: auto; background: #EDE3DC; box-shadow: #F0F0F0 0px 3px 8px; z-index: 2; margin: auto; padding: 20px; color: #333; border-radius: 5px; } #modulari-moment-step-1 > *, #modulari-moment-step-2 > * { display: block; max-width: 300px; width: 100%; margin: 16px 0; } #modulari-moment-step-2 { width: 260px; background: #EDE3DC; } #modulari-moment-step-1 > p { display: inline-block; margin-left: 20px; max-width: 230px; } #modulari-moment-step-1 > img { display: inline-block; max-width: 50px; border-radius: 50%; } #modulari-moment-step-1 input[type=radio] { display: none; } #modulari-moment-step-1 input[type=radio]:checked + label { font-weight: bold; } #modulari-moment-step-1 .radio { padding: 10px; background-color: #fff; border-radius: 5px; cursor: pointer; } #modulari-moment-step-1 .radio:hover, #modulari-moment-step-1 .radio:hover label { font-weight: 500; color: #F0F0F0; background: #6D7A7A; } #modulari-moment-step-1 .radio > * { cursor: pointer; } #modulari-moment-step-2 input { border-radius: 5px; } #back-to-step-1, #back-to-step-1 > * { cursor: pointer; } /* Move Popup to Absolute Bottom Right */ #modulari-moment, #modulari-moment-step-1, #modulari-moment-step-2 { position: fixed; bottom: 80px; z-index: 10; } #modulari-moment-step-1, #modulari-moment-step-2 { max-height: 50vh; right: 20px; overflow: scroll; } #modulari-moment-step-2 .calendly-email-warning, #modulari-moment-step-2 .calendly-name-warning { display: none; padding-left: 8px; color: red; } /* * Product images gallery and zoom */ /* Basic zoom styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border:1px solid #ccc; margin:-1px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is the zoom window. */ .cloud-zoom-big { border:1px solid #e5e5e5; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:0.25em; border:1px solid #000; } #wrap { /* Decrease default z-index */ z-index:99 !important; } /* Zoom position: "inside" -------------------------------------------------------------- */ .product-image .mousetrap { z-index:100 !important; /* For responsive layout */ width:100% !important; height:100% !important; } .zoom-inside #wrap { overflow:hidden; } /* No borders if zoom position is "inside" */ .zoom-inside .cloud-zoom-big { border:none; } /* Display images without Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom area */ .simple-mode .cloud-zoom-big, .simple-mode .cloud-zoom-lens { display:none !important; } .simple-mode .cloud-zoom-lens { cursor:default !important; } /* Zoom button (enlarge the main image) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .zoom-btn-small { position:absolute; right:4px; bottom:4px; padding:0 1em; line-height:2.6666em; z-index:100; background-color:#fff; background-color:rgba(255,255,255, 0.7); color:#333; } .zoom-btn-small:hover { background-color:#fff; } /* Use lightbox without cloud zoom */ .zoom-btn-large { position:absolute; top:0; bottom:0; right:0; left:0; padding:0; z-index:100; cursor:pointer; text-indent:-9999px; overflow:hidden; } .zoom-btn-large:hover { background-color:rgba(255,255,255, 0.15); } /* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box { margin-bottom: 15px; } .img-box .product-image { margin: 0 auto; position:relative; /* Labels (e.g. "sale") are positioned relative to this box */ } .img-box .product-image.product-image-zoom { z-index:9; } /*TODO: obsolete*/ /* Image pop-up */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Thumbnails */ .img-box .more-images { margin-top:12px; } /*.img-box .more-images .thumbnails { width:80%; margin:0 auto; }*/ /*.img-box .more-images .thumbnails .item { float:left; }*/ /* Deprecated */ .img-box .more-images .thumbnails .item.last { margin-right:0; } /* Deprecated */ .img-box .more-images .thumbnails .item a { margin:0 3px; display:block; overflow:hidden; text-decoration:none; text-align:center; } /* Thumbnails - with slider */ .img-box .more-images .thumbnails.slides { display:none; } /* Minimum size of thumbnail if lazy loading enabled */ .img-box .more-images .thumbnails .owl-item.loading { min-height:50px; } .img-box .more-images .thumbnails .owl-item.loading a { min-height:36px; } /* Thumbnails - without slider */ .img-box .more-images .thumbnails.show-all { width:100%; text-align: center; } .img-box .more-images .thumbnails.show-all .item { float: none; display: inline-block; } /* Skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box-style1 .product-image { border:1px solid #eee; padding:5px; } /* Thumbnails */ /* Prevent cutting off thumbnails */ .img-box-style1 .more-images .thumbnails .owl-wrapper-outer { padding:1px 0; } .img-box-style1 .more-images .thumbnails .item a { margin:0 2px 4px; padding:4px; border:1px solid #eee; } .img-box-style1 .more-images .thumbnails .item a:hover { border-color:#999; /*position:relative; z-index:1;*/ /*TODO: Not needed if items not adjacent? */ } /* Thumbnails carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box .itemslider-thumbnails { margin-left: auto; margin-right: auto; } .itemslider-thumbnails { max-width:237px; } /* count-3 is default */ .itemslider-thumbnails.count-1 { max-width:79px; } .itemslider-thumbnails.count-2 { max-width:158px; } /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered and tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/slider-arrows.png) no-repeat #f5f5f5; width:30px; height:30px; line-height:30px; text-align:center; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(https://modulari.com/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/close-button.png) -10px -10px no-repeat #f5f5f5; width:30px; height:30px; line-height:30px; text-align:center; } #cboxClose:hover{background-position:-10px -60px; background-color:#333;} /* Captions */ #cboxTitle {position:absolute; bottom:17px; left:0; text-align:center; width:100%; color:#999;} /* Alternative position and style of image captions */ /* #cboxTitle { position: absolute; bottom: 50px; left: 10px; text-align: left; right: 10px; color: #000; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); padding: 10px; } */ #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; }